@charset "utf-8";
/* style.css Master CSS Document */

/* Basic Elements */
* { margin: 0; padding: 0; }
:focus {outline: 0;}

body { background-color: #BCCCCC; padding:0px; min-width:950px;}
body,td,th { font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; }

a:link { text-decoration: none; color: #2F474B; }
a:visited { text-decoration: none; color: #2F474B;}
a:hover { text-decoration: underline; color: #0000CC; }
a:active { text-decoration: none; color: #2F474B; }

h1 { font-size: 20px; color: #000000; font-family: Arial, Helvetica, sans-serif; font-weight: bold; padding: 10px 0 10px 0; }
h2 { font-size: 18px; color: #263B3E; font-style: italic; font-family: Arial, Helvetica, sans-serif; font-weight: bold;padding-top: 15px; }
h3 { font-size: 18px; color: #263B3E; font-family: Arial, Helvetica, sans-serif; font-weight: bold; padding: 10px 0 10px 0; }
h4 { font-size: 16px; color: #263B3E; font-family: Arial, Helvetica, sans-serif; font-weight: bold; padding: 10px 0 10px 0; }
h5 { font-size: 14px; color: #263B3E; font-family: Arial, Helvetica, sans-serif; font-weight: bold; padding: 10px 0 10px 0; }

ul.a, td ul, td li { list-style-type: circle; color: black; font-weight: 425; font-size: 14px; font-family: Arial, Helvetica, sans-serif;}
li { margin: 0 60px 5px 60px; }

#mainbody blockquote { height: auto; width: 800px; font: 14px  italic Verdana, Geneva, sans-serif; color: #263B3E; line-height: 120%; text-align: left; padding: 15px 10px 15px 10px; margin: 15px; background-color: #FFF; border: 1px solid #263B3E; }
#mainbody blockquote p { font: 14px  italic Verdana, Geneva, sans-serif; color: #263B3E; line-height: 120%; }

.style1 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #FEE445; font-style: italic; }
.style2 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 18px; color: #FFFFFF; font-style: ; }
.style3 { font-size: 16px }
.style4 { font-weight: bold; }
.style5 { font-size: 14px; color: #263B3E; font-family: Arial, Helvetica, sans-serif; line-height: 150%; }
.style11 { font-size: 12px; color: #000000; font-weight: bold; line-height: 150%; }
.style12 { color: #263B3E }
.style16 { font-size: 16px; font-family: Arial, Helvetica, sans-serif; }
.style20 { font-size: 14px }
.style21 { color: #000000 }
.style23 { font-size: 36px; color: #000000; }
.style27 { font-size: 18px; color: #516A6E; }
.style28 { font-size: 12px }
.style30 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #263B3E; font-size: 18px; }
.style32 { color: #FFFFFF; }

/* Specific Elements */
/* Container */
#container { width:950px; background:#BCCCCC; margin:0px auto; padding:0px 3px; border:#272727 2px solid; -moz-box-shadow:#272727 0px 8px 8px 8px; -moz-box-shadow-blur-radius:10px; webkit-box-shadow: #272727 0px 8px 8px 8px; }

/* Top Menu */
#topmenu { height: auto; width: 950px; padding: 0; margin: 0; border: 0; }
#colorbar { height: 50px; width: 950px; padding: 0; margin: 0; border: 0; background-image: url(images/menu_double.png); repeat: none; }

/* Header */
.slideshow { height: 333px; width: 750px; }
#flash_banner { height: 220px; width: 950px; padding: 0; margin: 0; border: 0; background-color: #BCCCCC; }
#banner_box { height: 200px; width: 950px; padding: 0; margin: 0; border: 0; background-color: #BCCCCC; }
#banner_box h1 { background: transparent url(images/logo-sm.jpg) no-repeat top left; margin: 0; padding: 0; display: block; width: 450px; height: 200px; float: right; }
#banner_box h1 { display: none; } 

/* Title */
#title { height: 25px; width: 950px; padding: 0; margin: 0; border: 0; background-image: url(images/menu.jpg); }

/* Main Body */
#mainbody { height: auto; width: 950px; padding: 0; margin: 0; border: 0; background-color: #BCCCCC; }
#mainbody-index { height: auto; width: 950px; padding: 10px 0 10px 0; margin: 0; border: 0; background-color: #BCCCCC; }
#mainbody-index p { padding: 10px 15px 0 15px; text-indent: none; color: black; line-height: normal; font-size: 14px; letter-spacing: normal; font-weight: 425; }
#mainbody p { padding: 10px 25px 0 25px; text-indent: none; color: black; line-height: normal; font-size: 14px; letter-spacing: normal; font-weight: 425; }
#mainbody object { margin: 10px 10px 10px 10px; }
#mainbody h1 { padding: 15px 0 15px 25px; }
#mainbody h2 { padding: 10px 0 10px 10px; color: #000000; font-style: normal; text-align: center; }
#mainbody h3 { padding: 10px 0 10px 25px; }
#bottom_colorbar { height: 15px; width: 950px; padding: 0; margin: 0; border: 0; background-image: url(images/menu.jpg); repeat: none; }

/* Bottom Body */
#bottombody { height: auto; width: 950px; padding: 0; margin-bottom: 15px; border: 0; background-color: #BCCCCC; }
#bottom_colorbar2 { height: 50px; width: 950px; padding: 0; margin: 0; border: 0; background-image: url(images/menu_double.png); repeat: none; }

/* Footer */
#footer { width: 950px; padding: 0; margin-bottom: 25px; border: 0; background-color: #BCCCCC; }
#footer a img {border:none; opacity: 0.4; -moz-opacity:0.4; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";

filter: alpha(opacity=30)}

#footer a:hover img {opacity: 1; -moz-opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

 filter:alpha(opacity=100)}

/* Copyright */
#copyright { width: 100%; padding: 0; margin: 0; border: 0; background-color: #BCCCCC; }
#copyright h1 { background: transparent url(images/sswd.png) no-repeat top left; margin: 0; padding: 0 ; display: block; width: 165px; height: 22px; float: left; }
#copyright h1 span {display: none; }

/* Logo */
#logo_static_right { background: transparent url(images/logo_200w.png) no-repeat top right; margin: 10px 15px 0 10px; padding: 0; display: block; width: 386px; height: 200px; float: right; } /* Banner Position */
p.logo_awards {background: transparent url(images/logo_200w.png) no-repeat;
	position: absolute;
	left: 400px;
	top: 400px;
	display: block;
	width: 386px;
	height: 200px;}

/* Page Specific Elements */
/* Index Page */
#index-text-right {
	position: absolute;
	left: 752px;
	top: 327px;
	width: 225px;
	height: auto;
	margin: 10px;
}
/* Company Profile Page */
p.phcc_logo {
	background: transparent url(images/PHCClogo.png) no-repeat;
	position: absolute;
	left: 577px;
	top: 706px;
	display: block;
	width: 135px;
	height: 125px;
}
#sswd_logo { background: transparent url(images/sswd.png) no-repeat top left; margin: 0; padding: 0 ; display: block; width: 165px; height: 22px; float: left; text-indent: -9999px; }

/* Contact Us Page */
#contact_form {
	position: absolute;
	left: 18px;
	top:312px;
	width: 425px;
	height: 400px;
	margin: 20px 10px 15px 30px;
}
#contact_page_info {
	position: absolute;
	left: 499px;
	top: 312px;
	width: 400px;
	height: 400px;
	margin: 20px 30px 15px 10px;
}
#contact_page_blank { width: auto; height: 450px; }
p.contact_page_info_trucks { background: transparent url(images/trucks2.jpg) no-repeat; display: block; width: 498px; height: 195px; margin: 25px 0 0 0; }

/* Solar Products Page */
#solar_products_blank { width: 1px; height: 960px; }
#solar_products_container { padding: 5px; float: left; margin: 10px 25px 0px 25px; position: relative; width: auto; border-bottom: solid #263B3E 2px; }
#solar_products_image { padding: 5px; float: left; margin-left: 5px; }
#solar_products_title { padding: 10px 5px 5px 5px; float: left; margin-left: 5px; width: 100px; }
#solar_products_description { padding: 10px 5px 5px 5px; float: left; margin-left: 5px; width: 500px; color: black; line-height: normal; font-size: 14px; letter-spacing: normal; font-weight: 425; }
#solar_products_container_2 { padding: 5px; float: left; margin: 10px 25px 10px 25px; position: relative; width: auto; height: 500px; overflow: scroll; }
#solar_products_container_3 { padding: 5px; float: left; margin: 10px 25px 0px 225px; position: relative; width: auto; }
#solar_products_container_4 { padding: 0; float: left; margin: 10px 25px 0px 25px; position: relative; width: auto; height: 300px; overflow: scroll; }
#solar_products_container_2 ul { list-style-type: circle; color: black; font-weight: 425; font-size: 14px; font-family: Arial, Helvetica, sans-serif;}

/* Cooling Products Page*/
#cooling_products_blank { width: 1px; height: 600px; }
#cooling_products_container { padding: 5px; float: left; margin: 10px 25px 0px 25px; position: relative; width: auto; border-bottom: solid #263B3E 2px; }
#cooling_products_image { padding: 5px; float: left; margin-left: 5px; }
#cooling_products_description { padding: 10px 5px 5px 5px; float: left; margin-left: 5px; width: 475px; color: black; line-height: normal; font-size: 14px; letter-spacing: normal; font-weight: 425; }
#cooling_products_descripiton p { padding: 10px 5px 5px 5px; margin-left: 5px; }

/* Our Services */
#our_services_description { padding: 10px 5px 5px 5px; margin-left: 5px; width: 900px; height: 400px; color: black; line-height: normal; font-size: 14px; letter-spacing: normal; font-weight: 425; overflow: scroll; }

/* Project Gallery */
.gallery { border: #263B3E 3px solid; margin: 5px; padding:2px;}