/*-------------------------------------------| Main |---------------------------------------------*/

body {
	margin: 0;
	background-image: url(/images/background.jpg);
	background-repeat: repeat-x;
	background-color: #1E2C35;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	color: #FFF;
}

h1, h1 a, h2, h2 a, h3, h3 a {
	color: #FEA300;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}
h1, h1 a {font-size:24px;}
h2, h2 a {font-size:16px;}
h3, h3 a {font-size:12px;}

a {color:#FEA300; text-decoration:none;}
a img {color:transparent; border:0;}
a.read_more {font-size:9px;}

p.main_text {font-size:14px;}

/*-------------------------------------------| Header |-------------------------------------------*/

.header {
	width: 904px;
	margin: 0 auto;
	margin-bottom: 10px;
	border-bottom: 1px solid #FEA300;
}
.header p {
	float: right;
	padding-top: 57px;
	font-size: 14px;
	color: #FFFFFF;
}

/*-------------------------------------------| Fadeshow |-----------------------------------------*/

.fadeshow{
	width: 904px;
	height: 256px;
	margin: 0 auto;
	margin-bottom: 10px;
}

/*-------------------------------------------| Header Menu |--------------------------------------*/

.header_menu {
	width: 904px;
	margin: 0 auto;
	margin-bottom: 10px;
	border-bottom: 1px solid #FEA300;
    font-size: 14px;
}
.header_menu ul {
    list-style-type: none;
	margin: 0;
	padding:  5px 0 15px 0; /*(top, right, bottom, left)*/
}
.header_menu ul li {
    display: inline;
    padding: 0px 20px; /*(top&bottom, left&right)*/
    /*border-right: 1px solid #FEA300;*/
}
.header_menu ul #selected {
    background:#FEA300;
	padding:10px 20px 15px 20px; /*(top, right, bottom, left)*/
	color:#000;
}
.header_menu a {color:#FFF;}
.header_menu a:hover {/*color:#FEA300;*/}

.breadcrumb {color:#FEA300; font-size:9px;}

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

.footer {
	width: 904px;
	margin: 0 auto;
	border-top: 12px solid #FEA300;
	margin-top: 5px; /*change left & right margins in footer.php file*/
	margin-bottom: 20px;
	padding-top: 5px;
	color: #828080;
}

/*-------------------------------------------| General Divs |-------------------------------------*/

.content {width:904px; margin:0 auto; margin-top:5px;}

.imageholder {width:904px; height: 210px;}

.index_divholder {width:904px; height:150px;}
.index_divrow {float:left; width:270px; height:140px;}

.prodshow_divholder {width:904px; height:190px;}
.prodshow_divholderlast {width:904px; height:175px;}
.prodshow_divrowcolumn1 {
	float: left;
	width: 140px;
	height: 165px;
	border: 1px solid #FEA300;
	margin-right: 15px;
}
.prodshow_divrowcolumn2{
	float: left;
	width: 715px;
	height: 165px;
	border: 1px solid #FEA300;
	background: #0E0E0E;
	padding-left: 15px;
	padding-right: 15px;
}

/*-------------------------------------------| SHC and Monitoring |-------------------------------*/

.product_content {
	float: left;
	width: 660px;
	margin: 0;
	margin-top: 5px;
	padding-right: 10px;
	text-align: justify;
}
.product_sidebar {
	float: right;
	width: 225px;
	margin: 0;
	margin-top:5px;
}
.product_bottombar {
	background: #000;
	float: left;
	width: 620px;
	border: 1px solid #FEA300;
	padding:  0 20px 10px 20px; /*(top, right, bottom, left)*/
}
.product_bottombar div ul {margin:0; padding:0; padding-left:20px;}
.product_bottombar div ul li {padding-bottom:2px;}

.sidebar_box, .sidebar_pricebox {
	background:#000;
	float:right;
	width:183px;
	margin:0;
	margin-bottom:10px;
	border:1px solid #FEA300;
	padding: 0 20px 10px 20px; /*(top, right, bottom, left)*/
	font-size:11px;
}
.sidebar_pricebox {text-align:center; padding-bottom:0;}
.sidebar_box ul {margin:2px; padding-left:0px;}

.link-list, .icon {
    color: #FFF;
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 20px;
    list-style-type: none;
}

.article-image a img {float:left; margin-right:20px;}

/*-------------------------------------------| Weather Gadget |-----------------------------------*/

.real-time-solar .location h1 {font-size:16px; margin-top:0px; margin-bottom:0px;}
.real-time-solar .location h2 {font-size:24px; margin-top:0px; margin-bottom:12px;}
.real-time-solar .weather .temp {font-size:40px;}

.real-time-solar .controller {
    border-top: solid 1px #FEA300;
    border-bottom: solid 1px #FEA300;
    list-style-type: none;
	padding:  5px 0 5px 0; /*(top, right, bottom, left)*/
}
.real-time-solar .temp {font-size:16px;}
.real-time-solar img {border:0;}

/*-------------------------------------------| HelpfulWrapper |-----------------------------------*/

.helpful-wrapper {color:#828080;}
.helpful-thanks, .helpful-confirm {color:#006633;}

/*-------------------------------------------| Contact Form |-------------------------------------*/

.inputBox, .SubmitButton {    
    background: #0E0E0E;
    border-color: 1px solid #FEA300;
    font-family: Tahoma;
    font-size: 11px;
	color: #FEA300;
}
.SubmitButton {font-weight:bold;}

/*-------------------------------------------| Other |--------------------------------------------*/

.pdf-file {background-image:url("/images/pdf.gif");}
.file-info {color:#828080; font-size:8px;}

.product-listing  ul {margin:0; padding:20px 0; list-style-type:none;}
.product-listing  ul li {
	margin: 0;
	padding: 0 20px;
    display: inline;
    text-align: center;	
    border: solid 1px #FEA300;    
}
.product-listing  a {color:#FFF;}

.footertemp {
	color: #828080;
	font-size: 11px;
	font-family: Tahoma, Arial, sans-serif;
	text-decoration: none;
	/*line-height: 18px;*/
}

/*-------------------------------------------| Portfolio |----------------------------------------*/
#portfolio_menu {width:240px; height:670px; float:left; margin-bottom:20px;}
#portfolio_menu ul {list-style-type:none; margin-left:-40px;}
#portfolio_menu ul li {
	border-bottom:1px solid #FEA300;
	width:200px;
	padding:10px;
	margin:5px 0;
	padding-top:-5px;
}
#portfolio_menu ul li img {margin-right:10px; float:left;}
#portfolio_menu ul li a {display:block; font-size:13px; color:#FFF;}

#projects {
	margin:10px 0 19px 0;
	padding:5px 10px 0 10px;
	width:640px;
	height:653px;
	border:1px solid #FEA300;
	background:#000;
	float:right;
	color:#FFF;
	font-size:14px;
}
#projects div {text-align:justify;}
#projects div img{float:right; margin:0 20px 10px 30px;}
#projects div div {padding:0 10px 10px 10px;}
#projects #date {font-size:11px;}
/*-------------------------------------------| End |----------------------------------------------*/