html, body{ 
 	margin:0; 
 	padding:0; 
 	text-align:center;
	color:#000; 
	} 
 
#pagewidth{ 
 	width:775px;
	height: auto; 
 	text-align:left;  
	margin-left:auto; 
 	margin-right:auto;
 	border:solid 2px #000;
	padding:1px;
	background-color:#fff;
	} 
 
#header{
 	position:relative; 
 	height:95px; 
 	background-color:#fff;
	width:100%;
	} 
 
#header h2 {
	color:#339933;
	font-size: 12pt;
	font-family:Verdana,Sans-Serif;
	letter-spacing:1px;
	margin-bottom: 5px;
	padding-bottom: 5px;	
	border-bottom: 1px dashed #000; 
	}

#headerbox {
	position: absolute;
	top:0px;
	left:0px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background:#000000;
	color:white;
	height: 1px;
	width:100%;
	}
	
h1,h2,h3,h4,h5,h6{
	padding:0px;
	margin:0px;
	}

h1 {
	padding:5px 0px 0px 5px;
	border-top:double 1px #BF5C00;
	border-bottom:solid 1px #ffffff;
	color:#ffffff;
	background:#6094D7;
	font:bold 200% Verdana,Sans-Serif;
	letter-spacing:-2px;
	}


h3 {
	margin:10px 0px 0px 0px;
	color:#777777;
	font-size:105%;
	}

h4 {
	color:#aa0033;
	}
 
h5 {
	padding:25px 0px 10px 5%;
	border-bottom:solid 1px #E89E47;
	color:#DE7008;
	font:bold 200% Verdana,Sans-Serif;letter-spacing:-2px;
	}

h6 {
	color:#B8A80D;
	font-size:100%;
	}

#leftcol p {
	color: #6094d7;
	font-size: 9pt;
	line-height: 18px;
	text-align:left;
	}
 
#maincol{
	background-color: #fff;  
 	position: relative;
 	}
 
#loons {
	position:absolute;
	top:310px;
	left:150px;
	height: 100px;
	}
	
#loons h3 {
	color:#006633;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style:italic;
	}	


/*** Boxes ***/

.boxabout {
	width: 300px;
	height: 15px;
	position: absolute;
	top: 150px;
	left: 355px;
	padding: 3px;
	border:1px solid  #6094D7;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #6094d7;
	background: #fff; 
	line-height: 13.5px;
	}

a.boxabout:hover {
	text-decoration: underline;
	color: #0033ff;
	}	
	
a.boxclients:hover {
	text-decoration: underline;
	color: #0033ff;
	}	

.bigbox {
	width: 530px;
	height: 338px;
	position: absolute;
	left: 0px;
	top: 30px;
	padding: 2px;
	border:1px solid  #AE8B8D;
	}
	
.bigbox p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
	background: #fff; 
	line-height: 13.5px;
	}	

.bigbox-loons {
	width: 530px;
	height: 530px;
	position: absolute;
	left: 0px;
	top: 30px;
	padding: 2px;
	border:1px solid  #AE8B8D;
	}

.bigbox-loons p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #666;
	background: #fff; 
	line-height: 10.5px;
	}
	
.box_now {
	position: absolute;
	left: 0px;
	top: 20px;
	width: 450px;
	height: 23px;
	padding: 3px;
	margin: 0 0 0 0;
	background: #fff; 
	}
	
.box_now h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16pt;
	line-height: 15px;
	padding-left: 5px;
	color: #662428;
	background-color:#fff;
	}
	
.box_now h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	line-height: 24px;
	padding-left: 5px;
	margin-top: 10pt;
	color: #284829;
	background-color:#fff;
	}
	
.loon_box1 {
	position: absolute;
	left: 0px;
	top: 100px;
	width: 340px;
	height: 260px;
	padding: 3px;
	background: #fff; 
	}
	
.loon_box2 {
	position: absolute;
	left: 350px;
	top: 100px;
	width: 180px;
	height: 260px;
	padding: 3px;
	background: #fff; 
	}

.loon_box3 {
	position: absolute;
	left: 290px;
	top: 360px;
	width: 180px;
	height: 260px;
	padding: 3px;
	background: #fff; 
	}
	
.loon_box4 {
	position: absolute;
	left: 20px;
	top: 360px;
	width: 230px;
	height: 260px;
	padding: 3px;
	background: #fff; 
	}
	
.loon_box4 p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	line-height: 18px;
	padding-left: 5px;
	margin-top: 10pt;
	color: #000;
	background-color:#fff;
	}
	
.loon_box4a {
	position: absolute;
	left: 20px;
	top: 630px;
	width: 510px;
	height: 60px;
	padding: 3px;
	background: #fff; 
	}
	
.loon_box4a p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	line-height: 18px;
	padding-left: 5px;
	margin-top: 10pt;
	color: #000;
	background-color:#fff;
	}								

.box1 {
	position: absolute;
	left: 0px;
	top: 20px;
	width: 320px;
	height: 223px;
	padding: 3px;
	background: #000; 
	}

.box1 p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	padding-left: 5px;
	color: #333;
	}
		
	
.box2 {
	width: 185px;
	height: 240px;
	position: absolute;
	left: 330px;
	top: 15px;
	padding: 3px;
	background: #fff; 
	}

.box2 p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 15px;
	padding-left: 5px;
	color: #333;
	}
	
.box2 ul{
	list-style-type: square;
	margin-top: 0px;
	margin-left: .85em; 
	padding-left: .85em; 
	margin-top: .5em; 
	margin-bottom: .5em;
	}

.box2 li{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 15px;
	padding-left: 5px;
	color: #333;
	}	

.box2 h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	line-height: 15px;
	padding-left: 5px;
	color: #662428;
	}


.box3 {
	width: 530px;
	height: 150px;
	position: absolute;
	left: 0px;
	top: 270px;
	padding: 3px;
	background: #fff; 
	}
	
.box3 h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 10pt;
	margin-left:5px;
	padding-left:5px;	
	color: #fff;
	}
	
.box3 p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	margin-top:1.0em;
	text-align:center;
	line-height: 10px;
	padding-left: 2px;
	color: #333;
	}

.box3c {
	width: 160px;
	height: 240px;
	position: absolute;
	left: 370px;
	top: 20px;
	padding: 3px;
	background: #fff; 
	}

.box3c p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	padding-left: 2px;
	color: #333;
	}			
	
.boxDesign {
	width: 245px;
	height: 55px;
	position: absolute;
	left: 30px;
	top: 70px;
	padding: 3px;
	border:1px solid  #6094D7;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	background: #fff; 
	line-height: 13.5px;
	}

.box4 {
	width: 72px;
	height: 20px;
	position: absolute;
	left: 450px;
	top: 520px;
	padding: 3px;
	background: #fff; 
	}

.box5 {
	width: 530px;
	height: 150px;
	position: absolute;
	left: 0px;
	top: 400px;
	padding: 3px;
	background: #fff; 
	}

.box5 p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	margin-top:1.0em;
	text-align:center;
	line-height: 10px;
	padding-left: 2px;
	color: #333;
	}
	
.box5-loons {
	width: 530px;
	height: 100px;
	position: absolute;
	left: 0px;
	top: 575px;
	padding: 3px;
	background: #fff; 
	}	
	
.box5-loons p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	margin-top:1.0em;
	text-align:center;
	line-height: 12px;
	padding-left: 2px;
	color: #666;
	background:#fff;
	}	
	
/*** Text layout ***/

p	{
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#ccc;
	}

h3	{
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#333;
	}	
	
#footer{
	position:relative;
	z-index:1;
	margin-top:180px;
 	height:80px; 
  	background-color:#1F311F; 
  	} 
	

.footer-box2 {
	position: absolute;
	top: 5px;
	left: 260px;
	width: 505px;
	height: 60px;
	padding: 3px;
  	background-color:#1F311F; 
    }	
	

#footer p {
	color: #fff;
	font-size: 8pt;
	line-height: 10px;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

a.footer:link{
		color: #fff;
		}		
 
/*** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 	content: "."; 
 	display: block; 
	height: 0; 
 	clear: both; 
 	visibility: hidden;
	}
 
.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}
