/* /assets/apielectric/core.css */ 
/* /assets/apielectric/core.css */ 
/* /assets/apielectric/core.css */ 
/*
.dev {background: #cde url(/file:///C:/Documents%20and%20Settings/crost/My%20Documents/Companies/APi%20Electric/about_files/wireframe.png) no-repeat 50% 0;}
.dev #page div {outline: 1px solid #f00;}
.dev #page div div {outline-color: #9F0}
.dev #page div div div {outline-color: #FC0;background: #eee;background: none}
.dev #page div div div div {outline-color: #00f}
*/
/* Colors
base {#133463}
base_shade_1 {#0E274A}
base_shade_2 {#0A1A32}
accent {#E5A015}
grey_0 {#fff}
grey_1 {#999}
grey_2 {#666}
grey_3 {#333}

#main {background-color: base}
#foot {background-color: base_shade_1}
general text {color: grey_0}
caption {color: grey_2}
credit {color: grey_1}
.strong {color: accent}
.nav {color: grey_3}
.nav:hover {color: base}
#main {border-color: base_shade_1}
#foot {border-color: base_shade_2}
*/

body {background: #0f0f0f url(/images/gradient_fff_trans_h400.png) repeat-x 0 -300px;}
a {text-decoration: none}
sup {font-size: .75em;vertical-align: super}
img.gradient {position: absolute;top: 0;left: 0;z-index: 0;width: 100%;opacity: .25;filter: Alpha(Opacity=25);}


#page {width: 960px;margin: 0 auto 30px auto;padding-right: 20px;}

#head, #main, #foot {position: relative;padding: 30px 30px 0;overflow: hidden;font: 1.2em/1.25 Arial, Helvetica, sans-serif;}
#head {overflow: visible;z-index: 10;height: 300px;}
#main {padding: 50px 30px 30px;z-index: 1;border-top: 3px solid #0E274A}
#foot {min-height: 110px;border: 0px solid #0A1A32;border-width: 3px 0}

/* Color */
#head {background-color: #444}
#main {background-color: #133463}
#foot {background-color: #0E274A}
#head #tagline {color: #fff}


/* Background-images */
body {background: #0f0f0f url(/images/gradient_fff_trans_h400.png) repeat-x 0 -300px;}
#page {background: url(/images/gradient_000_trans_v20.png) repeat-y top right;}
img.gradient {background: url(/images/gradient_fff_trans_h40.png) repeat-x 0 0;}
#head {background: url(/images/backgrounds/rotator.php) no-repeat 0 50%;}
#head .container {background: url(/images/gradient_fff_d1d1d1_20x50.png) repeat-x 0 0;}
#main {background: #133463 url(/images/gradient_18407B_blue_v40.png) repeat-x 0 0}


/*  #head ---------------------------------------*/
#head .container {margin-top: -4px;
	height: 50px;position: absolute;width: 900px;left: 30px;top: 30px;
	border: 1px solid #666;
	/*background: url(/images/background_header.png) no-repeat 0 0;*/
	}	
#head .container #logo {height: 40px;margin: 5px 20px;float: left;width: 120px;background: none}


/*  #main ---------------------------------------*/
#main .content {position: relative;z-index: 10}
#main a {color: #fff;border-bottom: 1px dotted}
#main h1 {padding: 0 0 .5em 0;font: bold italic 2.25em/1 Arial, Helvetica, sans-serif;color: #fff}
#main h2 {padding: .75em 0;font: bold 1.5em/1 Arial, Helvetica, sans-serif;color: #fff}
#main h3 {padding: .25em 0;font: bold 1.5em/1 Arial, Helvetica, sans-serif;color: #fff}
#main p {padding-top: 1em;color: #fff;font-size: 1.08333em}
#main p.strong {font-weight: bold;color: #E5A015}
#main strong {color: #E5A015;}
#main h2 a {border-bottom: none}


#main .main {width: 560px;float: left;padding: 1em 2em 1em 0;}
#main .main .box img {display: block;margin: 0 auto}
#main .main .box_w_image {padding-top: 1em;overflow: hidden}
#main .main .box_w_image .image {float: left;width: 150px;height: 150px;margin: 1em 2em 1em 0;overflow: hidden;border: 1px solid #0E274A;}
#main .main .box_w_image .image.width_auto {width: auto;}
#main .main .box_w_image img {width: 100%}
#main .main .box_w_image h2 {}
#main .main .photobox {overflow: hidden;margin: 1em 1em 2em;font-size: .8em;width: 50%}
#main .main .photobox.full {width: 100%;mrgin: 1em 0 2em;}
#main .main .photobox.right {float: right;margin-right: 0;}
#main .main .photobox.left {float: left;margin-left: 0;}
#main .main .photobox img {display: block;float: none;width: 100%;margin: 0;padding: 0;}
#main .main .photobox span {}
#main .main .photobox .caption {color: #666;float: left}
#main .main .photobox .credit {color: #999;float: right;font-size: .8em}

#main .main ul {padding-top: 1em;color: #fff}

#main .side {position: relative;float: right;width: 260px;padding: 1em 2em !important;background-color: #415A7D;}
#main .side li {font-weight: bold;line-height: 1.5;list-style: inside disc;color: #E5A015}
#main .side ul {margin: 1em 0}
#main .side .image {display: block;}
#main .side .image img {width: 100%;border: 1px solid #133463;margin-left: -1px}
#main .side strong {font-size: 3em;text-align: center;display: block;color: #fff}


#main #request_service form {background: url(/images/gradient_fff_trans_h400.png) repeat-x 0 -300px;border: 1px solid #6E819C;width: 100%;}
#main #request_service form ul {margin: 1em;display: block;}
#main #request_service li {list-style: none;padding-bottom: .5em;}
#main #request_service label {display: block;color: #fff;}
#main #request_service input,
#main #request_service textarea {width: 98%;}
#main #request_service input#submit {width: auto}
#main .side .contact_numbers {font-size: 3.5em;color: #F5BC0A;font-weight: bold;padding: .5em 0;}
#main .side p.contact_numbers span.or {font: italic .333338em/.45 Arial;color: #fff;display: block;}




/*  #foot ---------------------------------------*/
#foot {}
#foot .container {background: none;padding: 0}
#foot #copyright {position: absolute;bottom: .5em;color: #666}

/*  Suckerfish Navigation Defaults --------------------------*/
.nav, 
.nav ul {padding: 0;margin: 0;list-style: none;line-height: 1;overflow: hidden}
.nav ul, .nav li, 0.nav a {width: 10em;}
.nav a {display: block;}
.nav li {float: left;}
.nav li ul {position: absolute;background: orange;left: -999em;}
.nav li:hover ul, 
.nav li.sfhover ul {left: auto;}

/*  Global Navigation ---------------------------------------*/
#page .nav ul {width: 100%}
#page .nav li {text-align: center;width: 20%;}
#page .nav a {color: #333}
#page .nav a:hover {color: #133463}
#page .nav a {font: bold 1.2em/2 Arial, Helvetica, sans-serif;display: block;width: auto;border-right: 1px solid #ccc;}
#page .nav .last a {border-width: 0;}

/*  Header Navigation ---------------------------------------*/
#head .nav {float: right;width: 605px;margin: 5px;}
#head .nav a {line-height: 40px;}
#head .nav li ul,
#head .nav li li,
#head .nav li li a {width: 15em;}
#head .nav li ul {background: #ccc;}
#head .nav li li {text-align: left;}

/*  Footer Navigation ---------------------------------------*/
#foot .nav  {
	/*background: url(/images/background_nav.png) no-repeat 0 0;*/
	background: #eee url(/images/gradient_fff_d1d1d1_20x50.png) repeat-x 0 0;
	padding: 5px 0;height: 30px;}
#foot .nav a {line-height: 30px;}
#foot .nav .last a {border-width: 0;}
#foot .nav li li {text-align: left;line-height: 1.5;}




#main .main ul.tabs {overflow: hidden;border: 1px solid #479;margin: 1em 0;padding: 1em;border-radius: 10px;-moz-border-radius: 10px;}
#main .tabs li {float: left;width: 49.999%;}
#main .tabs a {
	display: block;
	font: bold 1.2em/3 Arial;
	text-indent: 3em;
	border: none;
	-moz-border-radius: 3px;
	background: url(/images/checkmark.png) no-repeat .5em 50%;
	}
#main .tabs a:hover {text-decoration: underline;}
	
#main .tabs a.selected {background-color: #415A7D;}
#main .main dl {font-size: 1.08333em;}
#main .main dt {color: #E5A015;margin-top: 1em;font: bold 1.2308em/1.2 Arial;}
#main .main dd {margin-left: 1.5em}
#main .main dl ul {padding-top: 0}

#main .main p.strong.tagline {font-size: 2.077em;text-align: center;}

#main .side a {color: #fff;}
.icon.pdf {
	background: url(/images/iconDocument_PDF_24.png) no-repeat 0 0;
	padding-left: 2.4em;
	line-height: 2.4;
	display: block;
	font-weight: bold;
	}	
#main .side a.icon.pdf {border: none;}


.indent_1 {text-indent: .5em;font-size: 1.5em;color: #fff}
.indent_2 {text-indent: 2em;}


.link {float: right;}
.link a {display: block;font-weight: bold;color: #E5A015;text-transform: uppercase;font-style: italic}
.link a:hover {color: #fff}
.link a em {font: bold italic 1.5em/.5 'Times New Roman'}


.map { display: block; width: 50px; float: left; padding-top: .5em; padding-right: .5em; font-size: .875em; text-align: center; }
.hideme {display: none}