/* CSS Document */

body, div, h1, h2, h3, p, ul, li, dl, dt, dd, img {margin:0px; padding:0px; border:0px; }

body {background-image: url(../images/bg_body.gif); background-repeat: repeat-x; background-color: #338AB7;}

*html body { background-image:none;}

h2 {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#666666; padding-bottom:5px; font-weight:bold;}

p { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; padding-bottom:5px;}

li { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; padding:0px; margin:0px;}

a { color:#CC0000; text-decoration:underline }

a:hover { color:#CC0000; text-decoration:none;}









/*Common Page Structure*/

.wrapper { width:788px; margin: 10px auto;}

.border_top { background-image:url(../images/bg_top.jpg); background-repeat:no-repeat; height:10px;}

.main { background-image:url(../images/bg_main.png); background-repeat:repeat-y; padding-left:30px; padding-right:38px;}

.border_bottom { background-image:url(../images/bg_bottom.jpg); background-repeat:no-repeat; height:20px;}

*html .border_top { height:10px; background-image:url(../images/bg_top2.jpg); background-repeat:no-repeat;}

*html .main { background-image:url(../images/bg_main2.jpg); background-repeat:repeat-y; padding-left:30px; padding-right:38px;}

*html .border_bottom { background-image:url(../images/bg_bottom2.jpg); background-repeat:no-repeat; height:20px;}




/*Header section*/

.header { background-color:#FFFFFF; border-top:1px solid #FFFFFF;}

.logo {margin-top:10px; float:left}

.topLinks { margin-top:30px; float:right; color:#999999;}

.topLinks a { color:#999999; text-decoration:none;}

.topLinks a:hover { text-decoration:underline;}



/*Navbar*/

.navbar {background-color:#FFFFFF; width: 720px; height: 25px; background: url(../images/navBar.jpg); background-repeat:no-repeat; position: relative; margin-top:18px; margin-bottom:20px;}

.navbar li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}

.navbar li, .navbar a {height: 25px; display: block;}

.home {left: 0; width: 98px;}
.what {left: 98px; width: 165px;}
.how {left: 263px; width: 173px;}
.work {left: 436px; width: 154px;}
.contact {left: 590px; width: 130px;}
  
.home a:hover {background: transparent url(../images/navBar.jpg) 0 -25px no-repeat;}
.what a:hover {background: transparent url(../images/navBar.jpg) -98px -25px no-repeat;}
.how a:hover {background: transparent url(../images/navBar.jpg) -263px -25px no-repeat;}
.work a:hover {background: transparent url(../images/navBar.jpg) -436px -25px no-repeat;}
.contact a:hover {background: transparent url(../images/navBar.jpg) -590px -25px no-repeat;}

.home_on {left: 0; width: 98px; background: transparent url(../images/navBar.jpg) 0 -25px no-repeat;}
.what_on {left: 98px; width: 165px; background: transparent url(../images/navBar.jpg) -98px -25px no-repeat;}
.how_on {left: 263px; width: 173px; background: transparent url(../images/navBar.jpg) -263px -25px no-repeat;}
.work_on {left: 436px; width: 154px; background: transparent url(../images/navBar.jpg) -436px -25px no-repeat;}
.contact_on {left: 590px; width: 130px; background: transparent url(../images/navBar.jpg) -590px -25px no-repeat;}




.banner { background-color:#FFFFFF; margin-bottom:20px;}



/*Main Content and Home page layout*/

.content { background-color:#FFFFFF; margin-bottom:20px; border-top:1px solid #FFFFFF;}

.content p { padding-top:15px;}

.threeColLeft { float:left; width:150px; margin-right:30px;}

.threeColMiddle { float:left; width:295px; margin-right:30px;}

.threeColRight { float:left; width:215px;}


.redArrowLinks { list-style-image:url(../images/arrow.jpg); margin-left:23px; padding-bottom:5px;}



/*Footer*/

.quickLinks {background-color:#FFFFFF; text-align:center; color:#3088B8; padding-bottom:10px;}

.quickLinks ul { list-style:none;}

.quickLinks li { display:inline; border-right:1px solid #CCCCCC; padding-left:20px; padding-right:20px;}

.quickLinks li a {font-size:12px; color:#3088B8; text-decoration:none;}

.quickLinks li a:hover {text-decoration:underline;}

.copyright {background-color:#FFFFFF; text-align:center; font-size:11px;}

.copyright a { color:#666666;}



/*What We Do*/

.what2ColLeft { float:left; width:500px}

.what2ColRight { float:left;}



/*How we do it*/

.how2ColLeft { float:left; width:370px; padding-bottom:15px;}

.how2ColLeft p { width:350px;}

.how2ColRight { float:left; padding-bottom:15px;}

.how2ColRight p { width:350px;}



/*Our Work*/

.work2ColLeft { float:left; width:540px; padding-bottom:20px;}

.work2ColLeft p {width:520px;}

.work2ColRight { float:left;}



/*Contact Us*/

.contactLeft { margin-left:25px; width:200px; float:left;}

.contactRight { margin-left:25px; width:200px; float:left;}

.contactInfo { float:left; width:60px; padding-top:10px;}

.contactInfo p { padding-top:5px;}

.contactDetails { float:left; padding-top:10px;}

.contactDetails p { padding-top:5px;}

.contactDetails a { color:#666666; text-decoration:none;}

.contactDetails a:hover { text-decoration:underline;}


/*Client Login*/

form { font:12px Arial, Helvetica, sans-serif; margin: 0; padding: 0;}

form label { font:12px Arial, Helvetica, sans-serif; display: block; float: left; width: 50px; padding: 0; margin: 5px 0 0; text-align: right; font-size:12px; color:#666666; margin-left:15px;}

.textBox { background-color:#EFEFEF; margin-left:25px; width:120px; color:#999999; font:12px Arial, Helvetica, sans-serif; margin-bottom:15px;}

.floatLeft { float:left; padding-top:5px;}



/*Custom Classes*/

.clear { clear:both;}

.lightGrey { color:#DDDDDD;}

.paddingR5 { padding-right:5px;}

.paddingT20 { padding-top:20px;}

.paddingB15 { padding-bottom:15px;}

.bold { font-weight:bold}

.darkGrey { color:#333333}