/* CSS Document */

*{font-family:Helvetica, Arial, Verdana, sans-serif;}

body{margin:0px; padding:0px; background-image:url(../images/background.jpg); background-color:#ffffff; color:#808285;}
h1{font-size:2.0em; font-weight:normal;}
h2{font-size:1.2em;}
h3{font-size:1.1em;}
h4{font-size:1.0em;}
ul{list-style-image:url(../images/bullet.gif);}

a, a:link, a:visited{color:#808285; text-decoration:none;}
a:hover{color:#808285; text-decoration:underline;}
a:active{color:#808285; text-decoration:none;}

#container{position:relative; display:block; width:800px; text-align:left;}
#container:after{content:"."; display:block; line-height:1px; font-size:1px; clear:both; background:none;}

#header{position:relative; display:block; width:800px; height:81px; padding:0px; margin:0px; text-align:left;}
#phonenums{position:absolute; top:44px; right:0px; font-size:0.9em;}

#nav{position:relative; background:url(../images/nav.gif) top center no-repeat; display:block; width:800px; height:18px; padding:0px; margin:0px;}
#nav a{display:block; width:109px; height:18px; font-size:12px; line-height:18px; text-align:center;}
#nav a:hover{background:url(../images/button.gif) center center no-repeat; text-decoration:none;}
#nav .on{background:url(../images/button.gif) center center no-repeat;}
#home{float:left; margin-left:20px;}
#solutions{float:left; margin-left:50px;}
#portfolio{float:left; margin-left:50px;}
#company{float:left; margin-left:50px;}
#contact{float:right; margin-right:20px;}

#left-col{position:relative; display:block; width:352px; padding:30px 30px 0px 30px; margin:0px; float:left; font-size:0.8em; line-height:1.0em;}
#left-col:after{content:"."; display:block; line-height:1px; font-size:1px; clear:both; background:none;}

#right-col{position:relative; display:block; width:368px; padding:30px 0px 0px 0px; margin:0px; float:left; font-size:0.8em; line-height:1.0em;}
#right-col:after{content:"."; display:block; line-height:1px; font-size:1px; clear:both; background:none;}

#left-portfolio{position:relative; display:block; width:332px; padding:30px 15px 0px 30px; margin:0px; float:left; font-size:0.8em; line-height:1.0em;}
#left-portfolio img{margin:0px 10px 10px 0px; cursor:pointer;}
#left-portfolio:after{content:"."; display:block; line-height:1px; font-size:1px; clear:both; background:none;}

#right-portfolio{position:relative; display:block; width:388px; padding:0px 0px 0px 14px; margin:30px 0px 0px 0px; float:left; font-size:0.8em; line-height:1.0em; border-left:1px dashed #808285;}
#right-portfolio:after{content:"."; display:block; line-height:1px; font-size:1px; clear:both; background:none;}

#left-contact{position:relative; display:block; width:220px; padding:30px 30px 0px 30px; margin:0px; float:left; font-size:0.8em; line-height:1.0em;}
#contactForm{position:relative; display:block; width:500px; padding:30px 0px 0px 0px; margin:0px; float:left;}
#contactForm td{font-size:1.2em; padding:10px 0px 10px 0px;}
#contactForm .textfield{font-size:0.8em; width:400px; padding:3px; border:1px solid #000000;}
#contactForm textarea{font-size:0.8em; width:400px; height:200px; padding:3px; border:1px solid #000000;}
#contactForm .blue{color:#1074B8; font-weight:bold;}

#footer{display:block; width:800px; font-size:0.8em; margin-top:15px; padding-bottom:10px; text-align:left}