/***************
*********************************************************************************************************

Project: BRENECK Redesign
Level: Global Styles

Author: Brendan Rygus // brendan.rygus@gmail.com
Date: June 8, 2010
Company: BRENECK Technical Services Inc
Website: http://www.breneck.com

Contents

01 - GENERAL
02 - HEADER
	02.1 - Navigation
03 - SIDEBAR
04 - FEATURE CONTENT
05 - FOOTER

Colors Used

Grey : #cbcbcb
Blue : #3f6286
Lighter Blue : #687d98
Text Color : #000000
Link Color : #3f6286
Link Hover Color : #687d98

/********************************************************************************************************

01 - GENERAL

*********************************************************************************************************/
*{color:#000;font-family:Arial, Helvetica, sans-serif;margin:0;padding:0}
img{border:none}
body{background-color:#FFF}
#body{margin:auto;position:absolute;top:177px;width:812px}

/********************************************************************************************************

02 - HEADER

*********************************************************************************************************/

h1{background:#1c395f url(../_images/header.jpg) no-repeat 0 0;height:117px;margin:0;position:absolute;width:799px;text-indent:-999em}
a#homeLink{position:absolute;display:block;width:799px;height:117px;text-indent: -999em;}
.headerWrap{background-image:url(../_images/wrap.jpg);background-repeat:repeat-x;float:left;height:177px;left:0;position:absolute;width:100%;z-index:-600}
#wrapper{margin:auto;width:812px}
.headLeft{background-image:url(../_images/headLeft.jpg);height:177px;margin:0 0 0 -6px;position:absolute;width:6px}
#head{float:left;height:177px;position:absolute;width:800px}
.headRight{background-image:url(../_images/headRight.jpg);float:right;height:177px;margin:0 0 0 799px !important;position:absolute;width:6px}
#navSmall{background-color:#547393;background-image:url(../_images/navsmall.jpg);background-repeat:repeat-x;height:22px;margin:0;width:800px}
#header{background-color:#1c395f;background-image:url(../_images/header.jpg);height:117px;margin:0;position:absolute;width:799px}
#head li a{color:#FFF;text-decoration:none}
#head li a:hover{color:#a3bfd8}
#head li a:active{color:#FFF}

/********************************************************************************************************

02.01 - NAVIGATION

*********************************************************************************************************/
nav{background-color:#547393;background-image:url(../_images/nav.jpg);background-repeat:repeat-x;height:23px;width:800px}
navBreak{background-color:#547393;background-image:url(../_images/break.jpg);background-repeat:repeat-x;height:11px;margin-top:2px;width:800px}
#navSmall ul{margin-left:525px;padding-top:5px}
.navSmall{color:#FFF;display:inline;float:left;font-size:10px;font-weight:700;list-style:none;margin-right:20px}
.nav{color:#FFF;display:inline;float:left;font-family: Arial, Helvetica, sans-serif;font-size:11px;font-weight:700;list-style:none;padding-right:13px; border-right: 2px solid white; margin-right: 11px}
.nav.last{border: none;}
#nav ul{margin-left:23px;margin-top:125px;position:absolute;z-index:900}
#head li.active a{color:#a3bfd8}

/********************************************************************************************************

03 - SIDEBAR

*********************************************************************************************************/
#colLeft{background-color:#b9b9b9;float:left;width:230px}
#sidebar{height:312px;padding-left:24px;padding-top:18px}
.sidebarImg{background-repeat:no-repeat;border-bottom:1px solid #042653;height:329px;width:230px}
.sidebarImg.home{background-image:url(../_images/home.jpg)}
.sidebarImg.about{background-image:url(../_images/about.jpg)}
.sidebarImg.contact{background-image:url(../_images/service.jpg)}
.sidebarImg.partners{background-image:url(../_images/contact.jpg)}
.sidebarImg.service{background-image:url(../_images/install.jpg)}
.sidebarImg.install{background-image:url(../_images/pool.jpg)}
.sidebarImg.project{background-image:url(../_images/manage.jpg)}
.sidebarImg.automation{background-image:url(../_images/automation.jpg)}
.sidebarImg.plumbing{background-image:url(../_images/fan.jpg)}
.sidebarImg.careers{background-image:url(../_images/plans.jpg)}
.sidebarImg.electric{background-image:url(../_images/electric.jpg)}
.sidebarImg.integration{background-image:url(../_images/ibc.jpg)}
#sidebar h3{color:#FFF;font-weight:400;line-height:1.3}
#sidebar p{font-size:12px;line-height:1.5;margin-top:15px;width:170px}
#navLeft{background-color:#cbcbcb;border-top:1px solid #FFF;height:90px}
#navLeft ul{font-size:11px;line-height:2;margin-left:2em;margin-top:12px}
#navLeft li{list-style:none;text-transform:uppercase}
#navLeftBreak{background-color:#687d98;height:12px;width:230px}
#navLeftFoot{background-color:#3f6286;border-top:2px solid #FFF;height:22px;width:230px}
#colLeft li a{color:#000;text-decoration:none}
#colLeft li a:hover{color:#3f6286 !important}
#colLeft li a:active{color:#FFF}
#colLeft li a:visited{color:#000}
.colSpan{width:30px}

/********************************************************************************************************

04 - FEATURE CONTENT

*********************************************************************************************************/
#colRight{background-color:#FFF;float:left;padding-left:24px;padding-top:24px;width:540px}
#colRight p{font-size:13px;line-height:1.5;margin:15px 0}
#colRight li{font-size:12px;font-weight:400;line-height:2;margin-left:15px;padding-bottom:7px}
#colRight a{color:#3f6286;font-weight:700}
#colRight a:hover{font-weight:700;text-decoration:underline}
#colRight a:visited{color:#03244f;font-weight:700}
#colRight ul{margin-bottom:15px}
#colRight h2{font-size:24px;font-weight:700;padding-bottom:5px;text-transform: uppercase}
.footSpan{clear:both;height:20px;width:100%}
.more{clear:both;color:#3f6286 !important;font-size:12px;font-weight:700;margin-bottom:30px;text-decoration:none !important}
hr{color:#3f6286}
.float{display:inline;float:left}
a{text-decoration:none}
.collapse{border-top:1px solid #cecece;color:#3f6286 !important;font-size:12px;font-weight:700;margin-top:20px !important;padding-right:500px;padding-top:10px;text-decoration:none !important}
.bold{font-weight:700}
.blue{color:#3f6286}
#contactInfo{padding-top:20px}
#contactInfo h4{margin-bottom:10px}
#contactInfo p{font-size:13px;margin:2px 0}

/********************************************************************************************************

05 - FOOTER

*********************************************************************************************************/
#footer{border-top:1px solid #cecece;clear:both;color:#999;font-size:10px;padding:10px 0;position:relative}