/* CSS Document */

/*=Universal
--------------------------------------------------------------------------*/
*{
padding:0;
margin:0;
}
body{
text-align:center;
background:#DFDFDF;
}
#center{
width:740px;
margin:0 auto;
text-align:left;
}
#return{
float:left;
margin-top:20px;
text-align:center;
}
img{
padding:0;
}

/*=Header
--------------------------------------------------------------------------*/
#header{
float:left;
width:740px;
height:120px !important;
height:130px;
background:url(../images/header.jpg) no-repeat left top;
}
#header h1{
display:block;
position:absolute;
top:0;
left:0;
text-indent:-9999px;
}

/*=Header - Search Box
--------------------------------------------------------------------------*/
#search{
float:left;
margin:20px 20px 0 0;
}
#searchBox{
float:right;
text-align:right;
width:200px;
height:20px;
background:#FFF url(../images/search.jpg) no-repeat left 5px;
padding:5px 5px 10px 10px;
}

/*=Header - Primary Navigation Menu
--------------------------------------------------------------------------*/
#navMenu{
float:left;
width:100%;
}

#navMenu ul{
float:right;
list-style:none;
padding-right:21px;
padding-top:38px !important;
padding-top:28px;
}
#navMenu li{
float:left;
margin-left:1px;
}
#navMenu a{
display:block;
text-decoration:none;
font-size:1em;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
color:#FFF;
background:#4EB2E5 url(../images/inactiveButton.jpg) repeat-x left bottom;
padding:4px 10px;
}
#navMenu a:hover{
color:#4EB2E5;
}

body.home #navMenu #home{
border-top:2px solid #FFF;
font-weight:bold;
padding-top:2px;
}
body.news #navMenu #news{
border-top:2px solid #FFF;
font-weight:bold;
padding-top:2px;
}
body.aboutUs #navMenu #aboutUs{
border-top:2px solid #FFF;
font-weight:bold;
padding-top:2px;
}
body.services #navMenu #services{
border-top:2px solid #FFF;
font-weight:bold;
padding-top:2px;
}
body.products #navMenu #products{
border-top:2px solid #FFF;
font-weight:bold;
padding-top:2px;
}
body.shop #navMenu #shop{
border-top:2px solid #FFF;
font-weight:bold;
padding-top:2px;
}

/*=Quote Banner
--------------------------------------------------------------------------*/
#banner{
float:left;
width:740px;
height:175px;
margin-top:0 !important;
margin-top:-14px; /*IE6 Fix for navMenu alignment*/
}
#banner h1{
display:none;
}

body.home #banner{
background:url(../images/bannerHome.jpg) no-repeat left top;
}
body.news #banner{
background:url(../images/bannerNews.jpg) no-repeat left top;
}
body.services #banner{
background:url(../images/bannerServices.jpg) no-repeat left top;
}
body.products #banner{
background:url(../images/bannerProducts.jpg) no-repeat left top;
}
body.aboutUs #banner{
background:url(../images/bannerAboutUs.jpg) no-repeat left top;
}

/*=Content
--------------------------------------------------------------------------*/
#contentWrapper{
float:left;
width:100%;
background:#494949 url(../images/contentWrapper.jpg) repeat-y left top;
}

/*=Content - Side Content
--------------------------------------------------------------------------*/
#sideContent{
float:left;
display:inline; /*IE6 Double Margin Fix*/
width:185px;
height:auto;
margin:0 0 10px 20px;
padding:10px 20px;
}

#sideContent h1{
color:#4EB2E5;
font-size:1.2em;
letter-spacing:normal;
padding:0 0 5px 0;
}
#sideContent h1 span{
color:#FFF;
}
#sideContent p{
text-align:left;
}
#sideContent a{
color:#4EB2E5;
}

/*=Content - Side Content - Secondary Navigation
--------------------------------------------------------------------------*/
#secNav ul{
list-style:none;
padding-left:0;
}
#secNav li{
margin:0;
padding:1px 0;
}
#secNav a{
display:block;
padding:3px 0;
margin-right:-20px;
color:#FFF;
padding-left:5px;
}
#secNav a:visited{
text-decoration:none;
/*background:url(../images/secNav.png) no-repeat right -210px !important;
background:url(../images/secNav.gif) no-repeat right -210px; /*IE6 Fix for PNG*/
}
#secNav a:hover{
color:#000;
font-weight:bold;
text-decoration:none;
background:url(../images/secNav.png) no-repeat right -140px !important;
background:url(../images/secNav.gif) no-repeat right -140px; /*IE6 Fix for PNG*/
}
#secNav #active{
color:#000;
font-weight:bold;
background:url(../images/secNav.png) no-repeat right -70px !important;
background:url(../images/secNav.gif) no-repeat right -70px; /*IE6 Fix for PNG*/
}

#secNav .last{
padding-bottom:20px;
}

/*=Content - Side Content -Latest News
--------------------------------------------------------------------------*/
#latestNews p{
color:#FFF;
padding:0 0 5px 2px;
margin:0 0 5px 3px;
border-bottom:1px dashed #FFF;
}
#latestNews .otherNews{
padding:0 0 20px 0;
text-align:right;
}
#latestNews .otherNews a:visited{
text-decoration:none;
}

/*=Content - Side Content -Accreditations
--------------------------------------------------------------------------*/
#badge{
width:180px;
background:#FFF url(../images/accredTop.jpg) no-repeat left top;
padding-top:20px;
margin-left:5px;
text-align:center;
}
#badge p.accred{
background:url(../images/accredBottom.jpg) no-repeat left bottom;
padding-top:15px;
padding-bottom:10px;
margin-left:0;
margin-bottom:0;
text-align:center;
}

/*=Content - Primary Content
--------------------------------------------------------------------------*/
#primaryContent{
float:left;
display:inline; /*IE6 Double Margin Fix*/
width:445px;
background:#FFF;
margin:0 20px 0 0;
padding:0 10px 10px 20px; 
}
#primaryContent h1 span{
color:#000;
}
#primaryContent img{
padding:10px;
}

/*=Footer
--------------------------------------------------------------------------*/
#footer{
float:left;
width:710px;
height:46px;
background:url(../images/footer.jpg) no-repeat left bottom;
padding:20px 30px 0 0;
text-align:right;
}
#footer a{
color:#FFF;
font-size:0.8em;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
text-decoration:none;
padding:0 10px 0 12px;
border-left:2px solid #FFF;
}
#footer .first{
border-left:none;
}
#footer #lock{
background:url(../images/lock.jpg) no-repeat left top;
padding-left:10px;
}