@charset "UTF-8";
/* CSS Document */
/*	blue: 253b61
	yellow: f5ec49
	grey: 4e4e4e
	green: c2d26a
*/

#grid #grid
{
	font-weight: bold;
}

* {
	font-family: sans-serif;
	color: #4e4e4e;
}

p {
	font-size: 12px;
	line-height: 18px;
	padding-bottom: 10px;
}

h1,
h1 a {
	font-size: 21px;
	font-weight: normal;
	padding-bottom: 5px;
	color: #253b61;
	font-family: sans-serif;
	text-decoration: none;
}

h2 {
	font-size: 18px;
	font-weight: normal;
	padding-top: 9px;
	padding-bottom: 5px;
	color: #253b61;
	font-family: sans-serif; 
}

h3 {
	font-size: 15px;
	font-weight: normal;
	padding-top: 15px;
	padding-bottom: 5px;
	color: #253b61;
	font-family: sans-serif;
}

h4 {
	font-size: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-transform: uppercase;
	color: #253b61;
}

p.bigger {
	padding-top: 6px;
	font-size: 14px; 
}

p.bigger strong {
	color: #253b61; 
}

p.bigger strong a {
	color: #253b61;
}

p.bigger strong a:hover {
	text-decoration: none;
}

.colCentre ul li {
	list-style: circle;
	margin-left: 15px;
	font-size: 12px;
	line-height: 15px;
	padding-bottom: 9px;
}

.colCentre ol {	
	padding-bottom: 9px;
	margin-left: 10px;
}

.colCentre ol li {
	list-style: decimal;
	margin-left: 15px;
	padding-bottom: 3px;
	color: #253b61;
	font-size: 14px;
}

.colCentre ol li p {
	color: #4e4e4e;
	font-size: 12px;
	line-height: 15px;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
}

.leftFloat {
	float: left;
	padding-right: 10px;
}

.rightFloat {
	float: right;
	padding-left: 10px;
}
/* HEADER */ 

#logo {
	margin-left: 5px;
	width: 115px;
	overflow: hidden;
	float: left;
}

#logo a {
	height: 30px;
	display: block;
	width: 115px
	padding-top: 0px;
	padding-right: 0px;	
	padding-bottom: 0px;
	padding-left: 9999px;
	background-image: url(../assets/solsmart_btn.png);
	background-position: left top;
	background-repeat: no-repeat;

}

#logo a:hover {
	background-position: left -40px;
}

#nav {
	float: right;
	text-align: right;
	padding-top: 10px;
	padding-bottom: 10px;
}

#nav ul {
}

#nav li {
	display: inline;
	float: left;
}

#nav li a {
	color: white;
	line-height: 0px;
	font-size: 0px;
	margin-left: 15px;

	border-bottom-color: white;
	border-bottom-style: solid;
	border-bottom-width: 2px
}

#nav li a:hover {
	border-bottom-color: #FFF;
	border-bottom-style: solid;
	border-bottom-width: 2px
}

#nav li.active a {
	border-bottom-color: #253b61;
	border-bottom-style: solid;
	border-bottom-width: 2px
}

#nav li .btn {
	overflow: hidden;
}


#nav li a.Services {
	display: block;
	width: 59px;
	height: 20px;
	background-image: url(../assets/nav_services.png);
	background-position: left top;
	background-repeat: no-repeat;
	overflow: hidden;
}

#nav li a.Solar_Power {
	display: block;
	width: 90px;
	height: 20px;
	background-image: url(../assets/nav_solar-power.png);
	background-position: left top;
	background-repeat: no-repeat;
	overflow: hidden;
}

#nav li a.Solar_Thermal {
	display: block;
	width: 103px;
	height: 20px;
	background-image: url(../assets/nav_solar-thermal.png);
	background-position: left top;
	background-repeat: no-repeat;
	overflow: hidden;
}

#nav li a.Company {
	display: block;
	width: 70px;
	height: 20px;
	background-image: url(../assets/nav_company.png);
	background-position: left top;
	background-repeat: no-repeat;
	overflow: hidden;
}

#nav li a.Contact {
	display: block;
	width: 58px;
	height: 20px;
	background-image: url(../assets/nav_contact.png);
	background-position: left top;
	background-repeat: no-repeat;
	overflow: hidden;
}

#nav li a.Projects {
	display: block;
	width: 61px;
	height: 20px;
	background-image: url(../assets/nav_projects.png);
	background-position: left top;
	background-repeat: no-repeat;
	overflow: hidden;
}

#nav li a.Services:hover,
#nav li a.Solar_Power:hover,
#nav li a.Solar_Thermal:hover,
#nav li a.Company:hover,
#nav li a.Contact:hover,
#nav li a.Projects:hover {
	background-position: left -30px;
}

#power #Solar_Power,
#thermal #Solar_Thermal,
#services #Services,
#company #Company,
#blog #Blog,
#contact #Contact {
	border-bottom-color: #253b61;
	border-bottom-style: solid;
	border-bottom-width: 2px
}



/* FOOTER */ 

#footer {
	padding-left: 15px;
	padding-top: 45px;
}

#footer p {
	color: #f5ec49;
}

#footer a {
}

.col1 {
	vertical-align: bottom;
	width: 155px;
	margin-right: 10px;
	float: left;
}

.col1 li {
	vertical-align: bottom;
	font-family: "Verdana", sans-serif;
	font-size: 10px;
	line-height: 15px;
	padding: 0px;
	color: #253b61;
}

.col1 li strong {
	color: #253b61;
}

.col1 a {
	text-transform: lowercase;
	color: #253b61;
	text-decoration: none;
	display: block;
}

.col1 a:hover {
	text-decoration: underline;
}



/* MAIN CONTENT */ 

/* LEFT RAIL */

#leftRail {
	width: 155px;
	margin-right: 10px;
	float: left;
}

#leftRail  h3 {
	color: #253b61;
	font-size: 11px;
	line-height: 15px
	padding-top: 8px;
	padding-left: 15px;
	padding-bottom: 5px;
	padding-right: 15px;
	text-transform: uppercase;
	font-weight: bold;
	border-bottom-color: #dae4a3;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

#leftRail h3 a {
	display: block;
	color: #253b61;
	text-decoration: none;
}

#leftRail h3 a:hover {
	color: #c2d26a;	
}

#leftRail ul {
	margin-bottom: 30px;
}

#leftRail li {
	
	border-bottom-color: #dae4a3;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

#leftRail li a {
	color: #4e4e4e;
	font-size: 11px;
	line-height: 15px;
	padding-top: 8px;
	padding-left: 15px;
	padding-bottom: 8px;
	padding-right: 15px;
	display: block;
	text-decoration: none;
}

#leftRail li a:hover {
	background-color: #f4f7e3;
}

#leftRail ul li.active {
	background-color: #FBF8CA;
	font-weight: bold;
}

#leftRail ul li.message {
	font-style: italic;
	border-top-color: #dae4a3;
	border-top-style: solid;
	border-top-width: 1px;

}


/* RIGHT RAIL */

#rightRail {
	width: 155px;
	margin-left: 10px;
	margin-bottom: 45px;
	float: right;
}

#rightCTA {
	margin-left: -5px;
	margin-top: 30px;
	margin-bottom: 15px;
	overflow: hidden;
}


#rightCTA a {
	height: 30px;
	display: block;
	width: 165px;
	padding-top: 0px;
	padding-right: 0px;	
	padding-bottom: 0px;
	padding-left: 9999px;
	background-image: url(../assets/rightCTA.png);
	background-position: left top;
	background-repeat: no-repeat;
}

#rightCTA a:hover {
	background-position: left -30px;
}

.rightNav h4 {
	color: #253b61;
	font-size: 11px;
	line-height: 15px
	padding-top: 8px;
	padding-left: 15px;
	padding-bottom: 5px;
	padding-right: 15px;
	text-transform: uppercase;
	border-bottom-color: #dae4a3;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}


.rightNav li {
	line-height: 12px;
	
	border-bottom-color: #dae4a3;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

.rightNav li a {
	color: #4e4e4e;
	font-size: 11px;
	line-height: 12px;
	padding-top: 8px;
	padding-left: 15px;
	padding-bottom: 8px;
	padding-right: 15px;
	display: block;
	text-decoration: none;
}

.rightNav li a:hover {
	background-color: #f4f7e3;
}

.rightNav li.all {
	border: none;
	text-align: right;
	font-style: italic;
	font-size: 11px;
}

.rightNav li.all a:hover {
	color: #c2d26a;	
	background-color: white;
}

/* HOME PAGE */

#marquee {
	height: 390px;
	overflow: hidden;
}

ul#marqueeItem li {
	height: 390px;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
}


.marqImg {
	width: 810px;
	height: 350px;
	padding-bottom: 10px;
	margin-left: -8px;
	padding-bottom: 22px;
	margin-bottom: -22px;
	padding-right: 21px;
	padding-left: 9px;
}

.marqBox a {
	text-decoration: none;
}

.marqBox a:hover {
	text-decoration: none;
	cursor: pointer;
}

.marqHead {
	padding-top: 5px;
	width: 635px;
	float: left;
}

.marqMore {
	width: 60px;
	float: right;
	margin-top: 20px;
	padding-right: 35px;
	text-align: right;
}

a .marqMore p {
	width: 50px;
	height: 20px;
	background-image: url(../assets/nav_more.png);
	background-position: left top;
	background-repeat: no-repeat;

	color: white;
	font-size: 0px;
	line-height: 0px;
}

.marqBox:hover .marqMore p  {
	background-position: left -30px;
}



.marqHead h1 {
	padding-top: 5px;
	padding-left: 15px;
	color: #253b61;
	font-size: 15px; 
	font-weight: bold;
}

#homeCTA {
	margin-top: -5px;
}

#homeCTA p {
	padding-bottom: 0px;
}

#homeCTA {
	overflow: hidden;
	padding-right: 25px;
	padding-left: 0px;
}


#homeCTA a {
	margin-top: 5px;
	margin-bottom: 0px;
	display: block;
	width: 841px;
	height: 60px;
	background-image: url(../assets/home_CTA.png);
	background-position: left top;
	background-repeat: no-repeat;
	overflow: hidden;
	padding-left: 9999px;
}

#homeCTA a:hover {
	background-position: left -80px;
	cursor: pointer;
} 



#pods {
	
}

#podTop {
	margin-top: 25px;
	height: 35px;
	background-image: url(../assets/home_top.png);
	background-position: center top;
	background-repeat: no-repeat;
}

#podBot {
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 25px;
	padding-left: 15px;
	
	height: auto;
	background-image: url(../assets/home_bot.png);
	background-position: center bottom;
	background-repeat: no-repeat;
}


.pod {
	width: 220px;
	height: 184px;
	padding-top: 10px;
	padding-right: 35px;
	padding-bottom: 15px;
	padding-left: 19px;

	float: left;
	background-image: url(../assets/pod_bg.png);
	background-position: center top;
	background-repeat: no-repeat;
}

.pod a {
	text-decoration: none;
}

.pod a:hover {
	text-decoration: none;
}

.pod:hover {
	background-image: url(../assets/pod_bg.png);
	background-position: center -220px;
	background-repeat: no-repeat;
	cursor: pointer;

}

.estimate {
	display: block;
	height: 200px;
	background-image: url(../assets/pod_est.png);
	background-position: center top;
	background-repeat: no-repeat;
}

.estimate a {
	display: block;
	height: 200px;
}

.estimate:hover {
	background-image: url(../assets/pod_est.png);
	background-position: center -220px;
	background-repeat: no-repeat;

}


.padded {
	margin-right: 9px;
}

.pod h2 {
	text-align: center;
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom: 10px;
}

.pod p { 
	line-height: 14px;
}

.pod p.all {
	display:  block;
	text-align: right;
	font-size: 10px;
	text-transform: uppercase;
}

.pod p.all a {
	width: 100%;
	display:  block;
	font-weight: bold;
	color: #253b61;
	text-decoration: none;
}

.pod p.all a:hover {
	color: #c2d26a;
}

#CTA p {
	color: white;
	font-size: 0px;
	line-height: 0px;
}

/*

/* MARQUEES */

#marquee4 {
	float: right;
	padding-bottom: 15px;
}

#breadcrumb {
}

#breadcrumb p {
	font-size: 10px;
	color: #999;
}

#breadcrumb p a {
	text-decoration: none;
	color: #999;
}

#breadcrumb p a:hover {
	text-decoration: underline;
	color: #4e4e4e;
}

#breadcrumb p span.active {
	color: #4e4e4e;
}


/* COLUMNS */

.cols4 {
	width: 635px;
	float: right;

}

.colCentre {
	width: 460px;
	float: left;
	padding-bottom: 30px;
}

.colCentre a {
	text-decoration: none;
	color: #253b61;
}

.colCentre a:hover {
	text-decoration: underline;
}


/* SEARCH BOX STYLING */

#searchform {
	padding-top: 5px;
	padding-bottom: 5px;
}

#search {
	padding-left: 464px;
	text-align: right;
	padding-top: 3px;
}


#search_box {
	margin-top: 10px;
	margin-bottom: 10px;
    width: 150px;
    height: 25px;
    background: url("/assets/bg_search_box.png");
    background-repeat: no-repeat;
}
#search_box #s {
    float: left;
    padding: 0;
    margin: 6px 0 0 6px;
    border: 0;
    width: 110px;
    background: none;
    color: #253b61;
}
#search_box #go {
    float: right;
    margin: 3px 4px 0 0;
}


/* BLOG-SPECIFIC STYLES */

.postexcerpt {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom-color: #dae4a3;
	border-bottom-style: solid;
	border-bottom-width: 1px;


}

.postexcerpt h1 a:hover {
	text-decoration: underline;
}

.edit {
	color: red;
	font-weight: bold;
	text-transform: uppercase;
}

.tags {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}

.tags p {
	font-size: 11px;
	line-height: 15px;
	color: #999;
}

.tags a {
	font-style: italic;
	margin-left: 5px;
	text-decoration: none;
	color: #999;
}

.tags a:hover {
	text-decoration: underline;
}




#rightRail .tags {
	margin-top: 50px;
	margin-bottom: 10px;
	margin-left: 10px;	
	
	padding-top: 10px;
	padding-bottom: 10px;

	border-top-color: #dae4a3;
	border-top-style: solid;
	border-top-width: 1px;

}

#rightRail .tags p {
	font-size: 11px;
	line-height: 15px;
	color: #999;
}

#rightRail .tags a {
	font-style: italic;
	margin-left: 0px;
	text-decoration: none;
	color: #999;
}

#rightRail .tags a:hover {
	text-decoration: underline;
}

#rightRail li {
	line-height: 12px;
	
	color: #4e4e4e;
	font-size: 11px;
	line-height: 12px;
	padding-top: 8px;
	padding-left: 15px;
	padding-bottom: 8px;
	padding-right: 15px;
	
	border-bottom-color: #dae4a3;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

#rightRail li a {
	color: #4e4e4e;
	font-size: 11px;
	text-decoration: none;
}

#rightRail li a:hover {
	background-color: #f4f7e3;
}



.entries {
}

.older {
}

.newer {
}

.date {
	font-style: italic;
}

.blogTitle {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom-color: #dae4a3;
	border-bottom-style: solid;
	border-bottom-width: 1px;

}

.blogTitle h2 {
	font-size: 21px;
	font-weight: normal;
	padding-bottom: 5px;
	color: #253b61;
	font-family: sans-serif;
	text-decoration: none;
}

ul.commentlist {
	list-style: none;
}

ul.commentlist li {
	list-style-type: none;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom-color: #dae4a3;
	border-bottom-style: solid;
	border-bottom-width: 1px;

}

li.even {
}

li.odd {
}

li.comment {
}

cite.fn {
}

.says {
}

.comment-meta a,
.commentmetatdata a {
	font-style: italic;
	text-decoration: none;
	color: #999;
}

.the_post {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom-color: #dae4a3;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	width: 410px;
}

div.addthis_toolbox {
	margin-top: 20px;
}

p.nocomments {
	display: none;
}