@charset "utf-8";
/*html { padding:0; margin:0; background-color:#FFF;}
body { margin:0; padding:0; width:984px; background-color: #06C;}
*/
body {
	background-color: #02283A;
}
/* main container to hold centred content*/
#mainContainer {
	width:984px;
	padding:0px;
	margin:0 auto;
	background: #FFF;
	min-height: 1600px;
	padding-top: 15px;
	padding-bottom: 50px;
	border: 5 px;
	border-color: #234F33;
	}
	
	
	#mainContainerLong {
	width:969px;
	padding:5px;
	margin:0 auto;
	background: #FFF;
	min-height: 2100px;
	padding-top: 15px;
	padding-bottom: 50px;
	border: 5px;
	border-color: #234F33;
	}

/* Our headings, our way */
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:30px;
	line-height:30px;
	color:#666;
	letter-spacing:-1px;
	font-weight:bold;
	padding:0px;
	
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:24px;
	line-height:24px;
	color:#02283A;
	letter-spacing:-1px;
	font-weight:bold;
	padding:0px;
	margin-top: 10px;
	margin-bottom: 10px;	
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:16px;
	color:##003366;
	letter-spacing:-1px;
	font-weight:bold;
	padding:0px;
	margin-top: 10px;
	margin-bottom: 10px;
	
}
p {
	font-family: Arial, Helvetica, sans-serif;
	color:#666;
	font-size:12px;
	padding:4px;
	line-height:18px;
	float:left;
}
/* Style for the Readmore... make it a class for easy change & re-use*/
.readmore {
	color:#03F;
	font-size:12px;
	padding:4px;
	line-height:18px;
	
}
/********** header div *********
*/
#mainContainer #header { padding:0; margin:0 auto; }
.block_header {margin:0 auto; width:100%; padding:0;}

/* logo */
.logo { float:left; padding:0; margin:0; width:277px;}

#img { float:left; margin:20px 10px; padding:0;}

/********** slider **********/

#slider_top {margin:0 auto; padding:0; border:0; width:100%;}


#mainContainer #col-one-third  {
	width:280px;
	float:left;
	margin:0;
	padding: 10px 10px;
	background: #FFF;
} 
#mainContainer #col-two-third  {
	width:536px;
	float:left;
	margin:10;
	padding:9px 10px;
	background: #FFF;
} 
.col-one-third  {
	width:270px;
	float:left;
	margin:0;
	padding: 5px 10px;
	background: #FFF;
} 
.col-two-third  {
	width:526px;
	float:left;
	margin:0;
	padding:9px 10px;
	background: #FFF;
} 
.col-three-third  {
	width:974px;
	float:left;
	margin:0;
	padding:10px 10px;
	background: #FFF;
	padding-bottom: 30px;
} 
#mainContainer #col-three-third  {
	width:900px;
	float:left;
	margin:0;
	padding:10px 42px;
	background: #FFF;
	padding-bottom: 30px;
} 

#mainContainer #col-center-third  {
	width:50%;

	margin:0 auto;
	padding:10px 42px;
	background: #FFF;
	padding-bottom: 30px;
} 

#mainContainer #col-left-third  {
	width:700px;
    
	margin:0 auto;
	padding:10px 42px;
	background: #FFF;
	padding-bottom: 30px;
} 

#mainContainer#col-leftmost-third {
	width:800px;

	margin:0;
	padding:10px 42px;
	background: #FFF;
	padding-bottom: 30px;
} 
.prop
{
	height:400px
	float:right
	width: 1px
}
#imageboxsub {

	float: left;
	width: 100%;
}

/********** portfolio form **********/
.line {clear:both;height:1px;background:#dfdfdf;overflow:hidden;}
.clear { clear:both; padding:0; margin:0; background:none;}
#imagebox {

	float: left;
	width: 100%;
}
#imagebox #imageframe {
	float: left;
	width: 30%;
}
#imagebox #textframe {
	float: left;
	width: 60%;
}
#imagebox #widetextframe {
	float: left;
	width: 90%;
}
#imageboxsub #imageframesub {
	float: left;
	width: 40%;
}
#imageboxsub #textframesub {
	float: left;
	width: 60%;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:24px;
	color:#737373;
	letter-spacing:-1px;
	font-weight:bold;
	padding:0px;
	margin-top: 10px;
	margin-bottom: 5px;
}
.style1 {
	color: #FFFFFF;
	font-weight: bold;
}
.boldtable {
	font-family: Arial, Helvetica, sans-serif;
	color:#666;
	font-size:12px;
	padding:4px;
	line-height:18px;
}
.boldtable TD  {
	font-family: Arial, Helvetica, sans-serif;
	color:#666;
	font-size:12px;
	padding:4px;
	line-height:18px;
	}