/* reset margins and padding */
*{
margin:0;
padding:0;
}
/* elements */
body{
background:#fff;
margin:3px auto;
font-family:Verdana, Helvetica, sans-serif;
font-size:62.5%;
text-align:center;
color:#333;
}
h1{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:1.6em;
color:#505050;
margin:0 0 0.5em 0;
position:relative;
}
h2{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:1.4em;
color:#505050;
margin:0 0 1em 0;
padding:0;
}
p, #main li{
font-size:1.1em;
line-height:2em;
margin:0;
padding:0 0 1.6em 0;
}
#main ol{
margin:1em 3.5em;
}
a{
color:#218ffd;
text-decoration:none;
white-space:nowrap;
}
a:hover{
text-decoration:underline;
}
img, fieldset{
border:0;
}
table, tr, th, td{
font-size: 1em;
}
img{
vertical-align:bottom; 
}
/* form elements */
strong{
color:#505050;
}
label{
width:12em;
float:left;
display:block;
}
input, textarea, select{
border:1px solid #999;
padding:1px 2px;
font-family:Verdana, Helvetica, sans-serif;
font-size:1em;
}
input.submit{
width:auto;
background:#FFF;
}
.col2 input.submit{
width:auto;
background:#FFF;
margin:4px 0 0 0;
}
#domainForm{
font-size:1.1em;
}
#domainForm label, #domainsPage label{
width:auto;
padding:5px 5px 0 0;
}
#domainsPage td{
font-size:1.1em;
}
/* id's */
#wrapper{
width:762px;
margin:0 auto;
text-align:left;
min-height:400px;
height:auto !important;
height:400px;
}
#header{
height:135px;
}
#logo{
float:left;
width:262px;
}
#tagline{
float:right;
width:142px;
}
#contentHeader{
background:url(images/contentLoop.gif) top center repeat-y;
}
#content{
background:url(images/contentHeader.gif) top center no-repeat;
padding:0 22px;
min-height:340px;
height:auto !important;
height:340px;
}
#contentFooter{
background:url(images/contentFooter.gif) top center no-repeat;
height:22px;
}
#menu{
float:left;
width:174px;
padding:20px 0;
}
#menuContainer{
list-style:none;
margin:0 0 10px 0;
}
#menuContainer li{
margin:0 0 2px 0;
}
#menuContainer li.active a, #menuContainer a:hover{
padding:0 0 2px 0;
}
#menuContainer li img{
vertical-align:middle;
}
#main{
float:left;
width:540px;
padding:22px 0;
}
#footer{
font-size:1em;
padding:8px 24px;
color:#999;
line-height:1.6em;
}
#copyright{
float:left;
width:69%;
}
#footerlinks{
float:right;
text-align:right;
width:29%;
}
#footer a{
text-decoration:none;
color:#999;
}
#footer a:hover{
color:#666;
}
#portfolioTable td{
font-size:1.1em;
line-height:1.5em;
}
#hostedClients ul li{
line-height:1.5em;
margin:0;
padding:0;
}
/* classes */
.error{
color:#c00;

}
.valid{
margin:2em 4px 0 4px;
}
.col1{
float:left;
width:30%;
font-size:1.1em;
line-height:2em;
margin:0;
padding:0 0 1.6em 0;
}
.col2{
float:right;
width:auto;
font-size:1.1em;
line-height:2em;
margin:0;
padding:0 0 1.6em 0;
}
.col2 input, .col2 textarea, .col2 select{
width:180px;
}
.col2 select{
width:186px;
}
.heading {
font-weight:bold;
font-size:1.2em;
padding:5px;
background:#BBDCFF;
border:1px solid #999;
color:#333;
text-align:left;
}
.row {
font-size:1.1em;
padding:5px;
background:transparent;
border:1px solid #999;
color:#000;
text-align:left;
}
.latestWork{
width:538px;
padding:0 0 28px 0;
}
.portfolioIcon{
border:1px solid #999;
margin:0 26px 0 4px;
float:left;
}
.noMargin{
margin:0 0 0 4px;
}
.hr {
border-top:1px solid #999;
}
.hr hr {
display:none;
}
.box{
padding:0 10px 20px 10px;
text-align:center;
}
.description{
padding:0 10px 20px 10px;
text-align:left;
}
.box img{
text-align:center;
margin:0 auto;
}
.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 */