/* ----- Color Palette 
Teal - #00769b;
Orange - #ff6418;
Muted Yellow - #fff493;
-----*/

/* ----- HTML tag styles -----*/
* { margin: 0; padding: 0; font-family: Arial; color: White;}
a { color: #00769f; }
body { background: black;}
h1 { font-size: 32px; color: #fff;}
h1#tagline { font-size: 28px; font-weight: bold; margin-bottom: 12px; }
h2 { font-size: 28px; color: #00769b; font-style: italic; }
p { font-size: 16px; line-height: 22px; color: #ccc;  }

/* ----- Class styles -----*/
.span { display: inline;}

/* ----- Main Container Styles (ordered by hierarchy) -----*/
body { margin: 0 auto; width: 944px;}
#contentWrap { float: left; width: 100%; }
#headerWrap { float: left; clear: both; width: 100%;}
#subHeaderWrap { float: left; clear: both; width: 100%;}
#contentBodyWrap { float: left; clear: both; width: 100%; }
#footerWrap { float: left; clear: both; width: 100%; }

/* ----- ID styles -----*/
#contentBody { margin-top: -40px; width: 660px;}
#contentBody a { color: #ffffff; }
#contentBody p { margin: 4px 0 20px 0; text-align: justify; }

#contentBody.home { margin-top: 20px; width: 630px;}

#contentFooter { float: left; margin: 22px 0 22px 0; }
#contentFooter .leftBucket { float: left; width: 300px; margin-right: 22px; height: 200px; background: #242424;}
#contentFooter .centerBucket { float: left; width: 300px; margin-right: 22px; height: 200px; background: #242424;}
#contentFooter .rightBucket { float: right; width: 300px; height: 200px; background: #242424;}
#header { height: 103px; background: #000 url(images/header.gif) top left no-repeat; padding-top: 18px;}
#footer { padding-top: 12px; height: 50px; border-top: 1px solid #444; font-size: 11px; color: #aaa;}

#servicesMenuWrap.home { float: left; background: #242424; width: 100%;}
#servicesMenuWrap.home #servicesMenu { float: left; }

#servicesMenu { list-style-type: none; background: url(images/servicesSprite.jpg); width: 235px; display: none;}
#servicesMenu li { height: 57px; padding: 0 0 0 60px; }
#servicesMenu li:hover { background: #666; opacity:.8; filter:alpha(opacity=80); color: #666; }
#servicesMenu .security { background-position: 0 -57;}
#servicesMenu .surveillance { background-position: 0 -114; }
#servicesMenu .lighting { background-position: 0 -171; }
#servicesMenu .energy { background-position: 0 -228; }
#servicesMenu .access { background-position: 0 -285; }
#servicesMenu .entertainment { background-position: 0 -342; }

/* ----- User Control (.ascx) Styles -----*/
#PrimaryNav { list-style: none; display: none; }
#PrimaryNav li { float: left; margin-right: 20px;} 
#PrimaryNav a { color: #fff; text-decoration: none; font-weight: bold; }