/* Designed by Fluid Designs UK */

html, body { padding:0; margin:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em; text-align:center; background:url(../images/bg.gif) repeat-y center;}
#outercontainer {width: 976px; margin: 0 auto; text-align:left;}
#leftblend{ width:18px; float:left; margin: 0 auto; height:100%;}
#rightblend{ width:18px; float:left; margin: 0 auto; height:100%;}
#innercontainer {width:940px; float:left; margin: 0 auto; height:100%;}
.green{color:#F05A28;}
hr{border:1px dotted #666666; height:1px;}

/* home page */

#logo{width:449px; height:82px; float:left;}
#header-right{background:url(../images/header-right.gif) no-repeat top right; float:right; width:270px; height:82px;}
.clear{clear:both;}
#mainbanner{background:url(../images/mainbanner.jpg) no-repeat top left; width:791px; height:132px; float:left;}

/* client login */

form{padding:0; margin:0;}
#loginbox{width:149px; height:132px; background-color:#000000; float:left; color:#FFFFFF; font-size:10px;}
.textfield{width:120px; height:22px; font-size:12px; color:#666666;}
.required{color:#F05A28;}
.button{background:url(../images/button-bg.jpg) repeat-x #F05A28; border:1px solid #F05A28; font-size:11px; color:#FFFFFF; padding:2px 10px 2px 10px; margin-top:2px;}

/* navigation */

#navbar{height:38px; width:940px; background:url(../images/navbg.gif) repeat-x top; font-size:0.65em;}
#navbar ul{margin:0; padding:12px 0 0 0; text-align:center;}
#navbar li{display:inline ; padding:0 40px 0 40px;}
#navbar a{color:#555555; text-decoration:none;}
#navbar a:hover{color:#F05A28; text-decoration:none;}
.navspacer{border-right:1px dotted #666666;}

/* main content colums */

#col1{float:left; width:290px; margin:10px 0 0 10px;}
#col2{float:left; width:410px; margin:10px 0 0 25px;}
#col3{float:right; width:170px; margin:10px 05px 0 20px;}

#servcol1{float:left; width:342px; margin:10px 0 0 10px;}
#servcol2{float:left; width:358px; margin:10px 0 0 25px;}

#pricecol1{float:left; width:720px; margin:10px 0 0 10px;}
#pricecol1 td{font-size:0.65em; color:#666666;}

#portcol1{float:left; width:342px; margin:10px 0 0 10px;}
#portcol2{float:left; width:348px; margin:10px 0 0 25px;}

#testcol1{float:left; width:290px; margin:10px 0 0 10px;}
#testcol2{float:left; width:385px; margin:10px 0 0 25px;}

#contactcol2{float:left; width:340px; margin:10px 0 0 25px;}


/* index content */

h1{background:url(../images/titleimg.gif) no-repeat 0 0.5em; height:20px; padding:5px 0 0 40px; font-family:"Times New Roman", Times, serif; font-size:0.8em; color:#444444; margin:0;}
.emptytitle{height:20px; font-size:0.8em; padding:5px 0 0 40px;}
.text{margin:10px 0 0 15px; padding-right:30px; color:#666666; line-height:16px; border-right:1px dotted #666666; font-size:0.65em;}
.text a{color:#F05A28; text-decoration:none;}
.text a:hover{color:#F05A28; text-decoration:underline;}
.text ul{margin:0 0 0 15px; padding:0;}
.text li{list-style:none; background-image:url(../images/arrow.gif); background-repeat:no-repeat; background-position:0 0.7em; padding-left:20px;}
.text li a{color:#666666; text-decoration:none;}
.text li a:hover{color:#F05A28; text-decoration:none;}
.portfoliocol{margin:10px 15px 0 15px; color:#666666; line-height:16px; font-size:0.65em; text-align:center;}
.portfoliocol a{color:#F05A28; text-decoration:none;}
.portfoliocol a:hover{color:#F05A28; text-decoration:underline;}
.portfolioco3{margin:10px 15px 0 15px; color:#666666; line-height:16px; font-size:0.65em; text-align:left;}
.portfolioco3 a{color:#F05A28; text-decoration:none;}
.portfolioco3 a:hover{color:#F05A28; text-decoration:underline;}
.linkgrey a{color:#666666; text-decoration:underline;}
.linkgrey a:hover{color:#666666; text-decoration:none;}

/* services content */

.servicestitle{color:#F05A28;}
.servicestext{color:#666666; margin-bottom:20px;}

/* price plans content */

.greyhighlight{background:url(../images/navbg.gif) repeat-x top; border-top:1px solid #CCCCCC;}

/* contact us content */

.quotetextbox{width:250px; height:22px; font-size:12px; color:#F05A28;}
.quoteinfobox{width:250px; height:100px; font-size:11px; color:#F05A28; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:18px;}
.dropdown{color:#F05A28; font-size:12px; height:22px;}

/* portfolio content */

.portfoliobg{background:url(../images/portfoliobg.gif) no-repeat top left; width:300px; height:198px; margin-top:20px;}
.portfolioimg{padding:13px 0 0 18px;}
.portfoliotext{color:#666666; padding:10px 0 0 18px; margin-bottom:20px;}
.portfoliotext h2{color:#F05A28; padding:0; margin:0; font-weight:bold; font-size:1em;}
.portfoliotext h3{color:#F05A28; padding:0; margin:0; font-weight:normal; font-size:1em;}
.portcontacttitle{color:#F05A28; margin-top:20px;}

/* footer */

#partners{margin:15px 18px 15px 18px; padding:10px 0 10px 0; border-top:1px dotted #666666; border-bottom:1px dotted #666666;}
#partners ul{padding:0; margin:0; text-align:center;}
#partners li{display:inline ; padding:0 5px 0 5px;}
#copyright{float:left; margin-left:20px; color:#666666; font-size:0.65em;}
#copyright a{color:#666666; text-decoration:none;}
#copyright a:hover{color:#F05A28; text-decoration:none;}
#footer{float:right; margin-right:20px; color:#666666; font-size:0.65em;}
#footer a{color:#666666; text-decoration:none;}
#footer a:hover{color:#F05A28; text-decoration:none;}