html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 background: url(images/bg.gif);
} 
 
#pagewidth{ 
 width:740px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
} 
 
#header{
 position:relative;  

 width:100%;
  background: url(images/headerbg.jpg);
} 

#headertop {
height: 130px; width: 740px;}

#headerlogo {width: 100%;}
#headerlogoleft {width:345px;float: right; display:inline; position: relative;text-align:left; padding-left: 72px; padding-top: 13px;}
#headerlogoright {width:40%;float: right; display:inline; position: relative;text-align:right; padding-right: 20px; padding-top: 10px;}

#headertext {width: 740px;}
#headertextleft {width:345px;float: right; display:inline; position: relative;text-align:left; padding-left: 25px;}
#headertextright {width:350px;float: right; display:inline; position: relative; text-align:right; padding-right: 20px;}

#banner {background: url(images/banner.jpg); height: 282px;}

#nav {background: url(images/nav.jpg); height: 30px; text-align:center; padding-top:10px;}
 
#maincol{background-color: #FFFFFF;  
 float: right; 
 display:inline; 
 position: relative; 
 width:740px; 
 background: url('images/mainbg.jpg') repeat-x; 
min-height:380px; height:auto !important; height:380px; }
#maincolinner{ 
 float: right; 
 display:inline; 
 position: relative; 
 width:720px;  
 padding-left:10px;
 padding-right:10px;
 padding-top:10px;
min-height:380px; height:auto !important; height:380px; }
 #maincolinner2{ 
 float: left; 
 display:inline; 
 position: relative; 
 width:480px;  
 padding-left:10px;
 padding-right:10px;
 padding-top:10px;
min-height:380px; height:auto !important; height:380px; }
#rightcol {width:250; float:right; padding-top:10px; padding-right: 10px;}
#wrapper {background: url(images/bgcolor.gif);}

#ad1 {}
#ad2 {border-left: 1px #999999 solid;}
#ad3 {border-left: 1px #999999 solid;}
#ad4 {border-left: 1px #999999 solid;}
.adbox {min-height:280px; height:auto !important; height:280px;  width: 164px; float: left; display:inline; position: relative; font-family: verdana ; color: #666666; font-size: 75%; padding-left: 10px; padding-right: 10px; padding-top: 15px;}
#readmorebox1 {} 
#readmorebox2 {border-left: 1px #999999 solid;} 
#readmorebox3 {border-left: 1px #999999 solid;} 
#readmorebox4 {border-left: 1px #999999 solid;} 
.readmorebox {width: 164px; float: left; display:inline; position: relative; font-family: verdana ; color: #669966; font-size: 75%; text-align: right; padding-left: 10px; padding-right: 10px;}
a.readmorelink:link, a.readmorelink:visited, a.readmorelink:active {font-family: verdana ; color: #669966; font-size: 100%; text-align: right; text-decoration:none;}
a.readmorelink:hover {font-family: verdana ; color: #669966; font-size: 100%; text-align: right; text-decoration:underline;}

#footer{
min-height:120px; height:auto !important; height:150px; 
 width: 740px;
  background: url(images/bgcolor.gif); 
 clear:both;
 border-top: 1px #999999 dashed;
font-family: verdana; color: #777777; font-size: 55%; line-height: 1.5em;
text-align:center;
 } 
 
.headertext {font-family: verdana ; color: #669966; font-weight: bold; 	font-size: 75%; line-height: 1.5em;}
.headertextgray a:link, a:visited{font-family: verdana ; color: #666666; 	font-size: 75%; line-height: 1.5em; text-decoration:none;}
.headertextgray a:hover {text-decoration: underline;}
.nav {font-family: verdana; color: #669966; font-size: 75%; line-height: 1.5em;}
a.nav:link, a.nav:visited, a.nav:active {font-family: verdana; color: #669966; font-size: 115%; line-height: 1.5em; text-decoration:none;}
a.nav:hover {font-family: verdana; color: #669966; font-size: 115%; line-height: 1.5em; text-decoration:underline;}
.boxheader {font-family: verdana; color: #336633; font-size: 100%; line-height: 1.5em;}
h1 {font-family: verdana; color: #336633; font-size: 100%; line-height: 1.5em;}
.bodytext {font-family: verdana; color: #666666; font-size: 80%;}
.portfolio {width:160px; text-align:center;}
.tablecell {padding-left:5px;}
.hosting_table {width:15%; text-align: center;}
.picture {border: 0px;}

 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */