/* Import stylesheets and hide from IE/Mac \*/
@import "compressed.css";
/* End import/hide */

/* ie.css contains Internet Explorer 6 specific rules or perhaps these rules are simply inline in header.php */


body {  background: #FFFFFF url(images/bg/greybg.gif) repeat-x fixed left top; color: #4b4b4b; margin-top: 30px;}

a { color: #000; text-decoration: none;}

h2 { font-weight: normal; }

.highlight { background-color: #fefecb; }

.container { background: transparent url(images/bg/bg_container.png) center repeat-y;}

#clear { clear: both; }



/* Header styles
-------------------------------------------------------------- */

#header { padding: 0; height: 87px; border-bottom: 1px solid #ddd;}
#header #logo { height: 98px; position:relative; bottom:12px; right:14px; z-index:9999;}
#header #logo .title { padding: 0.5em 0 0 0; font: 700 3em arial, sans-serif; letter-spacing: -.050em; line-height: 1.2em; color: #000; }
#header #logo .title .desc { text-align: right; margin: 0.4em 0 0 0; font: 400 0.25em arial, sans-serif; text-transform: uppercase; color: #666; letter-spacing: 0.2em; padding: 0.6em 0 0 1.5em; border-top: 1px solid #ccc;  }
#header #logo .title a { text-decoration: none; color: #000; }
#header #logo .title a:hover { color: #fff; background: #000; }
#header #logo a.sitelogo { display: block; width: 319px; height: 98px; background: url(images/newlogo.gif) no-repeat; }

#pageHeader {
	background: url(images/bg/bg_header.png) no-repeat center top;
	/*padding: 32px 30px 0 30px;*/
	color: #666;
	margin: 0 auto;
	width: 800px;
	height: 27px;
}



/* Search and navigation
-------------------------------------------------------------- */

#header #search_menu { height: 80px; }
#header #search_menu #search { padding: 0 0 0 5px; }

#menu {
float:left;
font-family:Helvetica,Arial;
font-weight:bold;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:30px 0px 0px 3px;
}
#menu li {
float:left;
font-size:0.9em;
line-height:16px;
margin:1px 12px 0pt 0pt;
padding:2px 0pt 3px 3px;
}
#menu li a {
color:#000000;
padding:0pt;
text-decoration:none;
}
#menu li span:hover {
text-decoration:underline;
}
#menu li a:hover {
text-decoration:underline;
}

#menu li span {
display:block;
float:left;
padding:0pt 0px 0pt 22px;
}

#menu li span.home { background:transparent url(images/bg/home.gif) no-repeat left top; }
#menu li span.home:hover { background:transparent url(images/bg/home.gif) no-repeat left bottom; }
#menu li span.homeSelected { background:transparent url(images/bg/home.gif) no-repeat left bottom; }

#menu li span.about { background:transparent url(images/bg/info.gif) no-repeat left top; }
#menu li span.about:hover { background:transparent url(images/bg/info.gif) no-repeat left bottom; }
#menu li span.aboutSelected { background:transparent url(images/bg/info.gif) no-repeat left bottom; }

#menu li span.contact { background:transparent url(images/bg/mail.gif) no-repeat left top; }
#menu li span.contact:hover { background:transparent url(images/bg/mail.gif) no-repeat left bottom; }
#menu li span.contactSelected { background:transparent url(images/bg/mail.gif) no-repeat left bottom; }

#menu li span.wizzo { background:transparent url(images/bg/wizzoicon.gif) no-repeat left top; }
#menu li span.wizzo:hover { background:transparent url(images/bg/wizzoicon.gif) no-repeat left bottom; }
#menu li span.wizzoSelected { background:transparent url(images/bg/wizzoicon.gif) no-repeat left bottom; }

#menu li span.counter {
}


#menu a:link, #menu a:visited { /* ie fix */
    cursor: pointer;
}




/* Top banner with rotating images
-------------------------------------------------------------- */

.topbanner {
	border-bottom: 1px solid #999;
}

.topbanner .pagetitle {
	color: #999;
	text-transform: uppercase;
	padding: 5px 0 3px 5px;
	margin: 0;
	font-size: 9px;
	letter-spacing: .10em;
	text-align: left;
}

.topbanner strong {
	font-weight: normal;
	font-style: normal;
	color: #585858;
}



/* Home page columns
-------------------------------------------------------------- */

#home_content { margin: 1.5em 0; }


#home_slideshow {
	margin: 25px 0 0 0;
}


ul.cat { list-style: none; list-style-image: url(foo.gif); margin: 0 0 10px 0; }


/* category list */

ul.cat li { padding: 0 0 0.3em 0; margin: 0; }
ul.cat li a { display: block; text-transform: uppercase; font-size: 0.8em; color: #000; border-bottom: 1px solid #dadada; border-left: 3px solid #dadada; padding: 3px 12px 0 7px; margin: 0; background: url(images/bg/arrow.gif) no-repeat 172px 3px; height: 19px; }
ul.cat li a:hover, ul.cat li .selected { background: #e5f5ff url(images/bg/arrow.gif) no-repeat 172px 3px; color: #224970; }

.cvreelweb { margin:0px 0px 6px 20px; }
.cvreelwebicon { position:relative; top:4px; margin:0px 6px 0px 0px; }


.blueBG { border-bottom: 1px solid #dadada; border-top: 1px solid #dadada; margin: 0 0 1em 0; background: #f3f9ff; padding: 6px 8px; }

.blueBG p { font-size: 0.9em; font-family: tahoma; }


.blue {
	color: #e5f5ff;
}




/* Footer
-------------------------------------------------------------- */

#footerContainer { background: url(images/bg/bg_footer.png) no-repeat center bottom; padding: 14px 30px 1px 30px; color: #666; margin: 0 auto; width: 740px; height: 49px; margin-bottom: 5px;}
.footerLeft { width: 350px; float: left; text-align: left; }
.footerRight { width: 300px; float: right; text-align: right; }

#electricLabs { margin:0 auto 20px; padding:0 15px 0 15px; width: 770px; text-align:right; font-size:9px; color:#999999; line-height:28px; }
#electricLabsSiteByText  { margin:0 3px 0 0; }
#electricLabsLogo { display:inline-block; text-align:center; text-indent:-9999px; height:20px; width:97px; background-image:url(images/ElectricLabsLogoTiny.gif); background-repeat: no-repeat; }
#electricLabsLogo:hover { background-position: center -50px;}

/* Form styles
-------------------------------------------------------------- */

input.search_input { width: 104px; height:15px; border: 0; background: #fff url(images/bg/newsletterInput.png) no-repeat; padding:0px 0px 0px 5px; color: #333; font-size:10px; margin: 0; }
input.submit_input { background: /*#E0691A*/ url(images/bg/submit.png) no-repeat; border: 0; height: 20px; padding: 0; width: 60px; color: #333; font: 0.9em arial, sans-serif; float: right; }

label {
width: 60px;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}

#newsletter {
border-bottom: 1px solid #dadada; border-top: 1px solid #dadada; background: #f3f9ff; padding: 10px 0px 10px;
}

#newsletter p {
margin-bottom:5px;
font-size:10px;
}


/*  heading styles */

h2.archive_name, h2.post_name { letter-spacing: -0.04em; }
h2.post_cat { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0 0 0.2em 0; margin: 0 0 1em 0; letter-spacing: 0.1em; color: #999; border-bottom: 1px solid #dadada; }
h2.post_comm { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0.3em 0 0.2em 0; margin: 0 0 0.2em 0; letter-spacing: 0.1em; color: #000; border-bottom: 1px solid #dadada; }
h2.post_comm2 { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0.3em 0 0.2em 0; margin: 0 0 0.2em 0; letter-spacing: 0.1em; color: #000; border-bottom: 1px solid #dadada; }
h3.latest_post_title { font: bold 1.6em Helvetica, sans-serif; line-height: 1.6em; margin: 0; letter-spacing: -.035em; padding: 0 0 0.2em 0; }
h3.latest_post_title a:hover { color: #6abaed; }
h3.home_featured { background: url(images/bg/dot.png) repeat-x top left; text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0.7em 0.7em 0.9em 0.7em; color: #5f9410; letter-spacing: 0.1em; }
h3.mast { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0 0 7px 0; letter-spacing: 0.1em; color: #a11b1b; }
h3.mast2 { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0 0 0.2em 0; color: #5f9410; }
h3.mast3 { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0 0 0.2em 0; letter-spacing: 0.1em; color: #224970; }
h3.mast4 { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0 0 0.6em 0; letter-spacing: 0.1em; }
h3.mast5 { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: normal; padding: 0 0 0.2em 0; letter-spacing: 0.1em; color: #5f9410; }

h3.mast6 { text-transform: uppercase; font-size: 1.2em; font-weight: bold; margin: 0 0 0.5em 0; color: #5f9410; display: block; border-bottom: 1px solid #e6e6e6; padding: 0;
	line-height: 1.2em;
}

h3.archive_title { line-height: 1em; padding: 0 0 5px 0; }
h3.archive_title a { font: bold 1.0em arial, sans-serif; color: #000; letter-spacing: -0.036em; }
h3.archive_title a:hover { color: #fff; background: #000; }



/* miscellaneous */

.none { display: none; }
.border_left { padding-left: 50px; margin-left: 0; border-left: 1px solid #ddd; }
.dot { font-family: "lucida sans unicode", "arial unicode ms", sans-serif; }
.navigation { color: #818181; }



/* image caption classes */

.captionleft { float: left; margin: 0 1.5em 1em 0; padding: 0.5em; text-align: left; }
.captionright { float: right; margin: 0 0 1em 1.5em; padding: 0.5em; text-align: left; }
.captionfull { margin: 0 0 1em 0; padding: 0; text-align: left; }
.captionleft img, .captionright img, .captionfull img { margin: 0; display: block; }
.captionleft p, .captionright p, .captionfull p { background: #eee; margin: 0; line-height: 1.6em; padding: 0.5em; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; font-size: 0.9em; color: #555; }