/*----------------------------------------------------
                 Solar Impact - CSS File
------------------------------------------------------*/


/* Global
------------------------------------------------------*/
html,body{height:100%}
body {
	font-family:Tahoma, Arial, Verdana;
	font-size:12px;
	margin:0 auto;
	padding:0;
	color:#000000;
	background-color:#ffffff;
	height:100%;
}
* {
	margin:0;
	padding:0;
}
*:focus {
	outline:none; /* removes ugly dotted border but may make template more unsuable, up to you
					 if you want to keep it! */
}
.clr{clear:both}
form{margin:0; padding:0;}


/* Default Element Styles
------------------------------------------------------*/
/* heading */
h1, h2, h3, h4, h5 {margin-bottom:10px; font-family:Tahoma, Arial, Verdana;	font-weight:normal;}
h1 {color:#303030; font-size:34px;}
h2 {color:#303030; font-size:24px;}
h3 {color:#303030; font-size:18px;}
h4 {color:#303030; font-size:16px;}
h5 {font-size:12px; margin:3px 0px; padding:0px; font-weight:bold; letter-spacing:1px;}

/* links */
a {color:#676767;text-decoration:underline;}
a:hover{text-decoration:underline; color:#000}
a img{border:none;}

/* lists, blockquotes and paragraphs */
p, ul, ol, blockquote {
	font-size:12px;
	line-height:18px;
	margin-bottom:20px;
	color:#676767;
}
ul, ol {
	margin:10px 0 35px 40px;
}
li ol,
li ul
{
	font-size:1.0em;
	list-style:square;
	margin-bottom:0;
	margin-top:0;
}
li ol {list-style:decimal;}
blockquote {
	margin:0px;	
	padding-left:35px;
	background-image:url(../images/quote.png);
	background-position:0px 5px;
	background-repeat:no-repeat;
}

/* code */
code {
	font-family:Tahoma, Arial, Verdana;
	letter-spacing:1px;
	margin:25px 0 25px 0px;
	display:block;
	font-size:0.9em;
	border-left:4px solid #676767;
	padding:15px 10px;
}

hr {
    border:1px solid #000;
	height: 1px;
    width:100%;
    background:#eaeaea;
    margin: 0px 0px 0px 0px;  
   }


/* Container
------------------------------------------------------*/
#main_container {
	background-image: url(../images/bg-top-container5.jpg); 
	background-repeat:no-repeat;
	min-height: 90%
}

#bottom_container {
	background-image: url(../images/bg-bottom-container3.jpg); 
	background-repeat: repeat-x; 
	height: 84px; 
	margin: 0px auto 0px auto; 
	clear: left;
}


/* Frame
------------------------------------------------------*/
#frame{width:960px; margin:0px auto 0px auto; }


/* Top
------------------------------------------------------*/
#top{height:46px;}
#logo{
	width:255px;
	float:left;
}
#pad_logo{padding:0px 0px 0px 5px;}
#topmenu{width:705px; float:left;}
#rss {float:right; padding: 6px 5px 0px 0px;}
#license {width:960px; float:left; text-align:center; font-size:11px; padding: 0px 0px 0px 0px;}
.rss-text {float:left; font-size:11px; padding-top: 5px;}
.rss-img {float:left; padding-left:5px; }
.rss-text a {color:#000000;text-decoration:none;}
#head-top {width:960px; height:25px; border-bottom:1px solid #71736b; padding-bottom:8px; margin:12px 0px 25px 0px; float:left;}
#head-title h2 {width:500px; padding-bottom:3px; float:left;}
#head-title h2 a {color:#676767;text-decoration:underline;}
#slogan{
	width:400px;
	float:left;
	margin:20px 0px 0px 0px;
}

#plus1 {
  margin: 10px 0 0 33px;
}

/* Top Navigation bar menu styling */
#nav {margin:0px; padding:62px 0px 0px 0px; float:right;}
#nav ul li.last{background:none;}
#nav ul{ 
	padding:0;
	margin:0;
	width:auto;
	list-style: none;
	height:37px;
	position: relative;
	float:right;	
}
#nav li{
	list-style:none;
	float:left;
	text-align:center;
	padding:0;
	font:normal 18px Tahoma;	
	color:#ffffff;
	background:url(../images/nav-divider.gif) no-repeat 100% 3px;
}
#nav li a {
	z-index: 10;
	display: block;
	float: left;
	height: 30px;
	position: relative;
	overflow: hidden;
	margin: auto 20px;
	color:#dedede;
	text-decoration:none;	
}
#nav li a:hover {
	background: url(../images/tab1.png) no-repeat center 28px;
	height:35px;		
	color:#e9bf2c;
}	
#nav li .active {
	background: url(../images/tab1.png) no-repeat center 28px;
	height:35px;		
	color:#ffffff;
}	
/*#nav a:link{color:#000000; text-decoration:none;}	
#nav a:hover{color:#000000; text-decoration:none;}	
#nav a:active{color:#000000; text-decoration:none;}
*/

/* CAROUSEL
---------------------------------------------*/

.stepcarousel{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 960px; /*Width of Carousel Viewer itself*/
	height: 340px; /*Height should enough to fit largest content's height*/
	margin:20px 0px 0px 0px;
	background-image:url(../images/portfolio-shadow.jpg); background-repeat:no-repeat; background-position:bottom;
}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left:0;
	top:0;
}

.stepcarousel .panel{
	background:url(../images/bk_featured.png) 0 0 no-repeat;
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin:2px;
	width: 960px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	height:310px;
	position:relative;
}

.stepcarousel .panel .projectDetails {
	float:left;
	width:230px;
	margin:35px 0 0 25px;
}

.stepcarousel .panel .projectDetails .title {
	font-size:18px;
	font-weight:bold;
}

.stepcarousel .panel .ribbonType {
	position:absolute;
	top:14px;
	left:224px;
	width:45px;
	height:43px;
}

.stepcarousel .panel .projectImg {
	position:absolute;
	top:14px;
	right:14px;
}

.web {
	background:url(../images/ribbon_web.png) 0 0 no-repeat;
}

.logo {
	background:url(../images/ribbon_logo.png) 0 0 no-repeat;
}

.print {
	background:url(../images/ribbon_print.png) 0 0 no-repeat;
}




/* Content
------------------------------------------------------*/
.imgleft{float:left; padding-right:15px;}
.imgright{float:right; padding-left:15px;}
.imgleft-box{float:left; border:solid 1px #cfd4c3; padding:6px; margin:0 15px 0px 0; background-color:#f9fbf4;}
.imgright-box{float:right; border:solid 1px #cfd4c3; padding:6px; margin-left:15px; background-color:#f9fbf4;}
img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto }
#content1{float:left; width:300px;}
#content2{float:left; width:300px; margin-left:30px;}
#content3{float:left; width:300px; margin-left:30px;}
.map{border:solid 1px #dadada; padding:6px; margin:0px; background-color:#fbfbfb;}
.newsfeed{float:right; margin-top:4px; margin-right:4px;}
.maincontent h3 {border-bottom:1px solid #71736b; padding-bottom:3px;}
.brochure{margin-top:30px;}
#content p.line {
	background:url(../images/bk_horizline.jpg) 0 100% repeat-x;
	display:block;
	padding:10px 0;
	margin:0;
}
ul.latest{margin:0px; padding:0px; list-style-type:none;}
ul.latest li{ float:left; padding:0px 5px 10px 0px;}
ul.latest li img{
	border:0px solid #ccc;
	padding:0 40px 0 0;
}
/* Footer
------------------------------------------------------*/
#footer{width:960px; margin:0px auto 0px auto; color:#fff; clear:both;}
#foot{padding:13px 0px 0px 0px; font-size:11px; line-height:18px; float:left;}
#foot a, #foot a:visited{color:#fff; text-decoration:none;}
#foot a:hover{text-decoration:underline;}
.left-foot{width:504px; float:left;}
.right-foot{ width:456px;  float:right; text-align:right;}
.twitter-code{width:400px; margin-top:7px; margin-left:8px; text-align:center; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}



/* RSS Box
------------------------------------------------------*/
	/* The box container div with id 30158 */
	div#rssincl-box-119468 {
		width: 270px; /* sets the width of your RSSbox */
		overflow-x: none; /* sets a scrollbar if the content is larger than 350px */
	}
 
	/* All elements inside the box container */
	div#rssincl-box-119468 *{
		font-family: Arial, Helvetica, sans-serif; /* sets the font family for all elements within the RSSbox */
		text-align:left; /* sets text-align to left for all elements*/
		margin:0; /* sets margin to zero for all elements*/
		padding:0; /* sets padding to zero for all elements*/
		line-height:18px; /* sets the line-height a bit greater than normal*/
		clear:both; /* no floating in general */
	}
 
	/* The <p> tag containing the news item title */
	div#rssincl-box-119468 div.rssincl-content div.rssincl-entry p.rssincl-itemtitle {
		margin-bottom:4px; /* margin below the item title*/
	}
 
	/* The <a> tag wrapped around the news item title */
	div#rssincl-box-119468 div.rssincl-content div.rssincl-entry p.rssincl-itemtitle a {
		font-size: 12px; /* font size to 14px */
		font-weight:bold; /* bold */
		color: #f48222;	 /* dark grey */
	}
 
	/* Set a color for rolling over the item title*/
	div#rssincl-box-119468 div.rssincl-content div.rssincl-entry p.rssincl-itemtitle a:hover{
		color:#be6416; /* change font color to black on rollover */
	}
 
	/* The <p> tag containing the item description, and all elements inside this tag */
	div#rssincl-box-119468 div.rssincl-content div.rssincl-entry p.rssincl-itemdesc,
	div#rssincl-box-119468 div.rssincl-content div.rssincl-entry p.rssincl-itemdesc *{
		font-size: 12px; /* general font size 12px */
		color: #676767; /* dark grey */
	}
 
	/* The <p> tag containing the item date, and all elements inside this tag */
	div#rssincl-box-119468 div.rssincl-content div.rssincl-entry p.rssincl-itemdate,
	div#rssincl-box-119468 div.rssincl-content div.rssincl-entry p.rssincl-itemdate *{
		font-size: 11px; /* set date smaller than normal text */
		color: #676767; /* dark grey again */
		margin-bottom:15px; /* a bit of space below the date*/
		font-weight:bold; /* bold */
		
	}
 
	div#rssincl-box-119468 div.rssincl-content div.rssincl-entry p.rssincl-itemdate {
		
	}
 
	/* If there are images inside the description, you can style them as well */
	div#rssincl-box-119468 div.rssincl-content div.rssincl-entry div.rssincl-itemdesc img {
		border:0px solid #676767; /* no border for images inside description tag */
	}
 
	/* There is a clearer div which you can set to "clear:both"... */
	div#rssincl-box-119468 div.rssincl-content div.rssincl-entry div.rssincl-clear {
		clear:both; /* important when using "float" for item elements */
	}