*{
	border: 0;
	margin: 0;
	padding: 0;
}
body{
	background: #fff url(../images/bg.gif) repeat-x; 
	color: #57004F;
	font: 12px Arial,Helvetica,Tahoma,Verdana,Sans-Serif;
}
a{
	color: #57004F;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
input,select,textarea{
	border: #cacaca 1px solid;
	font-size: 12px;
	padding: 5px;
}
select{
	padding: 0;
}

/*=== Layout ===*/

#top{
	clear: both;
	height: 20px;
	margin: 0 auto;
	padding: 7px 0 0 0;
	font-size:11px;
}
.left {float: left;}
.right {float: right;}
/*========= TOP NAVIGATION =========*/

/*- Nav1 -*/
.nav1{
	float: left;
}
.nav1 li{
	float: left;
}
.nav1 li a{
	color: #57004F;
}
.nav1 li a{
	display: block;
	text-align: center;
	float:left;
}

.nav1 li a.active{
	text-decoration: underline;
}


.nav1 li.active a, .nav1 li a:hover, .nav1 li.current_page_item a {
	color: #57004F;
	text-decoration: none;
}
.nav1  { list-style: none; margin: 0px; padding: 0px;}
.nav1 li { padding: 0px; margin: 0px 20px 0 0; display: inline; line-height: 14px; }


/*- Subscribe -*/
.subscribe{	color: #a0a09b; float:right;}
.subscribe a { color: #e8a02c; }
.subscribe a:hover { text-decoration:underline; }

#logo { 
	float: left; 
	padding: 0; 
}


#menu { 
	float: right; 
	color: #57004F;
	padding: 10px 1px 15px 0; 
	border-bottom: 1px solid silver;
}
#menu li { 
	padding: 9px 18px 14px 18px; 
	color: #57004F;
	background: #fff url(../images/bar.gif) no-repeat bottom left; 
	display: inline; 
}
#menu li.active { 
	background: #fff url(../images/baractive.gif) no-repeat bottom left; 
	color: #8D9CAF; 
	font-weight: bold; 
	padding: 9px 18px 14px 18px; 
	margin: 0 1px 0 0; 
}
#menu li a { 
	color: #57004F;
	text-decoration: none; 
} 	
#menu li a:hover { 
	color: #000; 
	background: #f8f8f8; 
} 	
.key { text-decoration: underline; } /* ACCESKEY UNDERLINED LETTER */



/*=== Top Menu ===*/
#searchbox{
	margin-bottom:32px;
	text-align:right;
}
#searchbox input{
	background: transparent;
	border: 0;
	color: #a3a192;
	float: left;
	font-size: 12px;
	margin: 1px 0 0 344px;
	padding:2px;
	border: 1px solid silver;
}
#searchbox .btn{
	margin: 7px 0 0;
	padding: 0;
	width: auto;
}


/*==============  HEADER  ===================*/
#header{
	height: 110px;
	padding-top:0px;
}
#header .spacer{
	color: #a0a09b;
	float: right;
	font-size: 11px;
	padding: 37px 0px 0 0;
	text-align: right;
}
#header .spacer p{
	clear: both;
}
/*- Logo -*/
#header h1{
	margin-left:10px;
	background: url(../images/websitebanner.png) no-repeat;
	float: left;
	text-indent: -9999px
}
#header h1 a{
	display: block;
	height: 80px;
	width: 520px;
}
#header h1 a:hover{
	text-decoration: none;
}
#leftbox
{
		color: #808080;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		padding: 15px;
		margin: 0 0 15px 0;
	
}
#funnybox
{
		background: #f4f4f4;
		color: #808080;
		border-top: 1px dotted #ccc;
		border-bottom: 1px dotted #ccc;
		padding: 15px;
		margin: 0 0 15px 0;
	
}
#main_content
{
	/*border-right: 2px solid #d1e8f8;
	border-left: 2px solid #d1e8f8;*/
	padding: 2px 0 5px 0;

}
#gallerybanner
{
	width:280px;
	float:right;
	padding:3px;
	border:1px solid #ccc;	
}
#keypoints
{
	margin-top:25px;
	text-align:center;
	font-weight:bold;
}
#keypoints li
{
	padding-bottom:10px;
	list-style:none;
}
#portfoliobanner
{
	width:100%;
	margin-top:20px;
	clear:both;
}
#portfoliobanner .webshot
{
	float:right;	padding-bottom:10px;
}
.porttitle
{
	text-decoration:underline;
}
.portheading
{
	font-weight:bold;
	padding-bottom:15px;
}
.featureheading
{
	font-weight:bold; display:inline;
	
}
.right_articles {
	border: 1px solid #ccc;
	padding: 8px;	
	margin: 0 0 10px 0;
	background: #E9E9E9;
	color: #454545;
	background-image: url("../images/logosmall.png") repeat-x;
}
.right_articles ul 
{
	padding-top:10px;
	padding-left:55px;
}
.leftimage { float: left; margin: 0 5px 5px 0; }	

ul.facts
{
	padding-top:20px;
}
#newsbox
{
	padding-top:10px;
	padding-bottom:10px;
}
 .newstitle
{
	font-weight:bold;
	font-size:15px;
}
 .newsdate
{
	font-size:11px;
	font-weight:bold;
	padding-top:10px;
	color: #57004F;
}


/*=== typography ===*/
h2{
	color: #57004F;
	font: 18px Arial,Helvetica,Tahoma,Verdana,Sans-Serif;
	margin: 0 0 5px;
}
h2 a{
	color: #57004F;
}
h3, h4, h5{
	color: #57004F;
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 5px;
}


.container_12,.container_16
{
	margin-left:auto;
	margin-right:auto;
	width:960px;
}
.container_16 .left
{
	width:590px;
	padding:0 5px 0 5px;
}

.container_16 .right
{
	width:355px;
	padding:0 0 0 5px;
}

.thedescription
{
	font-weight:bold;
	padding-top:10px;
	text-align:center;
}
.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16
{
	display:inline;float:left;margin-left:10px;margin-right:10px
}
.container_12 .grid_3,.container_16 .grid_4
{
	width:220px
}

.container_12 .grid_9,.container_16 .grid_12
{
	width:700px
}
.container_12 .grid_12,.container_16 .grid_16
{
	width:940px
}
.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}html body * span.clear,html body * div.clear,html body * li.clear,html body * dd.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;list-style:none;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}


h1.withlogo span { display: none; }
h1.withlogo 
{
    height: 38px; /* height of the replacement image */
    background-image: url("../images/codeplay2logosmall.png");
    background-repeat: no-repeat;
    padding-left:35px;
    padding-top:10px;
    
}

/*=== Portfolio Page ===*/

#portfoliobanner 
{
	 padding-left:20px;
	 width: 940px;
	 height: 300px
}
div#text7 
{
	position:relative;
	font-size:12px;
	top:154px;
	left:120px;
}
		
		
		
/*=== Footer ===*/

#footer{
	background:#e4e2db url(../images/bgr-footer.gif) repeat-x;
	font-size: 11px;
	padding: 18px 0 0px 0;
	font-size:11px;
	height:32px;
	margin-top:10px;
	text-align:center;
	color:#57004F;
}

#footer, #footer a{
	color: #777777;
}

.fieldcell input 
{ 
	width: 300px; 
	border: 1px solid #284279; 
	margin-right: 2px;
	margin-top:1px;


}
.labelcell {
	font: 13px Verdana;
	width: 150px;
	font-weight:bold;
}


textarea {	

	font-size: 8pt;
	margin-top:10px;
	width:300px;
	height:100px;

}