/* CSS Document */

body {
	background:url(images/gradient_background.gif) repeat-x;
	background-color:#FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: arial, helvetica, serif;
	font-size: 10px;
}

div, h1 {padding:0px; margin:0px;}
#header{position:relative; z-index:4;}

#toprighttext {
	position:absolute;
	top:5px;
	right:15px;
	color:#FFF;
	font-weight:bold;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#toprighttext a:link{color:#FFF; text-decoration:none; font-weight:bold; font-size:10px;}
#toprighttext a:visited{color:#FFF; text-decoration:none;}
#toprighttext a:hover{color:#FFF; text-decoration:none;text-decoration:underline;}
#toprighttext a:active{color:#FFF; text-decoration:none;}

#capacity_box{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	text-align:left;
	line-height:16px;
}

#capacity_box h1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:left;
}

#capacity_box td{
	background:url(images/capacity_bubble.jpg) no-repeat;
}

#capacity_box div{
	margin-left:45px;
	padding:0px;
}

.sidetext {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
	line-height: 13px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 12px;
}

.sidebox {
	background:url(images/mid_bkg.gif) repeat-y;
}
.title {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 24px;
	color: #00426f;
}


.sub_title {
	font-size: 18px;
	color: #5f9fd1;
	line-height: 30px;
}	
	
.copy {
	font-size: 12px;
	color: #000000;
	line-height: 17px;
}

.footer {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #666;
	padding-left: 20px;
	padding-top: 10px;
	background-image:url(images/bottom.gif);
	background-repeat:no-repeat;
}	

.indent_50 {
	font-family: Helvetica, Arial, sans-serif;
	padding-left: 50px;
	padding-right: 30px;
}	

.breadcrumb {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
}

.breadcrumb a:link { color: #000; text-decoration:none}
.breadcrumb a:visited { color: #000; text-decoration:none} 
.breadcrumb a:hover { color: #cf6237; text-decoration:underline} 



.sidenav {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 28px;
	padding-left: 10px;
	list-style-type: none;
}

.sidenav a:link { color: #000; text-decoration:none}
.sidenav a:visited { color: #000; text-decoration:none} 
.sidenav a:hover { color: #cf6237; text-decoration:underline} 


.sidenavsub {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 25px;
	
}

.sidenavsub a:link { color: #000; text-decoration:none}
.sidenavsub a:visited { color: #000; text-decoration:none} 
.sidenavsub a:hover { color: #cf6237; text-decoration:underline} 

/**LEFT AJAX TABS**/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
    
.slidetabsmenu {
	float:left;
	font:bold 12px Verdana;
	line-height:normal;
	text-align: left;
}
.slidetabsmenu a:link {color:#FFF; text-decoration:none;}
.slidetabsmenu a:active {color:#FFF; text-decoration:none;}
.slidetabsmenu a:hover {color:#FFF; text-decoration:none;}
.slidetabsmenu a:visited {color:#FFF; text-decoration:none;}

* html .slidetabsmenu{ /*IE only. Add 1em spacing between menu and rest of content*/
	margin-bottom: 1em;
}

ul.slidetabsmenu{
	list-style-type: none;
	margin:0;
	margin-left: 0px;
	padding:0;
}

.slidetabsmenu li{
	display:inline;
	margin:0;
	padding:0;
}

.slidetabsmenu a {
	float:left;
	background:url(images/left_tab.gif) no-repeat left top;
	margin:0;
	padding:0 0 0 7px;
}

.slidetabsmenu a span {
	float:left;
	display:block;
	background:url(images/right_tab.gif) no-repeat right top;
	width:208px;
	padding: 5px 10px 5px 0px;
	font-weight:bold;
	text-align:center;
}	

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.slidetabsmenu a span {float:none;}
/* End IE5-Mac hack */

.slidetabsmenu .selected a {
	background-position:0 -125px;
}

.slidetabsmenu .selected a span {
	background-position:100% -125px;
}

.slidetabsmenu a:hover {
	background-position:0% -125px;
}

.slidetabsmenu a:hover span {
	background-position:100% -125px;
}

.leftcontentstyle{ /*style of tab content container*/
	width: 450px;
	height:350px;
	margin-bottom: 10px;
	background-color:#69C;
	background:url(images/leftbox.gif) no-repeat bottom left;
	color:#FFF;
	line-height:10px;
}

.leftimage{
	padding:2px 7px;
}


/**RIGHT AJAX TABS**/
.shadetabs {
	padding: 3px 0;
	margin-left: 0;
	margin-top: 1px;
	margin-bottom: 0;
	font: bold 10px Verdana;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
	text-decoration: none;
	padding: 3px 7px;
	margin-right: -5px;
	border: 1px solid #CCC;
	color: #069;
	background: white url(shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
	color: #069;
}

.shadetabs li a:hover{
	text-decoration: underline;
	color: #069;
}

.shadetabs li.selected{
	position: relative;
}

.shadetabs li.selected a{ /*selected main tab style */
	background-image: url(shadeactive.gif);
	border-bottom-color: #FFF;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
	text-decoration: none;
}

.rightcontentstyle{ /*style of tab content container*/
	border: 1px solid #CCC;
	width: 220px;
	height:225px;
	margin-bottom: 10px;
	padding: 10px;
}

.tabcontent{
	display:none;
}

@media print {
.tabcontent {
display:block!important;
}
}

.rt_header { font-family:verdana; font-weight:bold;}

.rt_link {text-align:right;}
.rt_link a:link {font-size:11px;color:#000000; text-decoration:none;}
.rt_link a:visited {color:#000; text-decoration:none;}
.rt_link a:hover {color:#000; text-decoration:underline;}


#left {
	position:relative;
	float:left;
	padding:15px;
}

#right {
	position:relative;
	float:right;
	padding:15px;
}

/** TOP ROLLOVER NAVIGATION  **/
img, table, tr, td {border:0px; padding:0px; margin:0px;}
li a img {height: 50px; border-width: 0;}
li a#home  {background:url(images/nav/home.gif) top left no-repeat;}
li a#energy  {background:url(images/nav/energy.gif) top left no-repeat;}
li a#gallery  {background:url(images/nav/gallery.gif) top left no-repeat;}
li a#installer  {background:url(images/nav/yellowpages.gif) top left no-repeat;}
li a#news  {background:url(images/nav/news.gif) top left no-repeat;}
li a#about  {background:url(images/nav/about.gif) top left no-repeat;}

li a#home:hover {background:url(images/nav/home-over.gif) top left no-repeat;}
li a#energy:hover {background:url(images/nav/energy-over.gif) top left no-repeat;}
li a#gallery:hover  {background:url(images/nav/gallery-over.gif) top left no-repeat;}
li a#installer:hover  {background:url(images/nav/yellowpages-over.gif) top left no-repeat;}
li a#news:hover  {background:url(images/nav/news-over.gif) top left no-repeat;}
li a#about:hover  {background:url(images/nav/about-over.gif) top left no-repeat;}

/** SOLAR CT DROP DOWN NAVIGATION  **/
/* SON OF SUCKERFISH */
#mainNav, #mainNav ul {
	list-style: none;
	padding: 0;
	margin:0;
	width:778px;
	font-family:Arial, Helvetica, sans-serif;
	background:url(images/nav/list_bg.gif) top;
}

#mainNav a {
	border-bottom: none;
	display:block;
	text-decoration:none;
}

#mainNav li {
	float: left;
	padding: 0;
	margin: 0;
}

#mainNav li ul {
	position: absolute;
	left: -999em;
	width:73px;
	font-weight: normal;
	margin-left : 3px;
	margin-top : -10px;
	z-index:1000;
	text-align:center;
}

#mainNav li#energy1 ul {
	width:156px;
	background:url(images/nav/list_bg.gif) top;
}

#mainNav li#gallery1 ul {
	margin-left : 4px;
	width:117px;
	background:url(images/nav/list_bg.gif) top;
}

#mainNav li#installer1 ul {
	width:168px;
	background:url(images/nav/list_bg.gif) top;
}

#mainNav li#news1 ul {
	margin-left : 4px;
	width:127px;
	background:url(images/nav/list_bg.gif) top;
}

#mainNav li#about1 ul {
	margin-left : 5px;
	width:87px;	
	background:url(images/nav/list_bg.gif) top;
}

#mainNav li li {
	border-left:2px solid #CCC;
	border-right:2px solid #CCC;
}

#mainNav li ul a {
	color:#666;
	
	background-image:none;
	margin-left:0px;
}

#mainNav li#energy1 ul a {
	width: 146px;
}
#mainNav li#gallery1 ul a {
	width: 106px;
}
#mainNav li#installer1 ul a {
	width: 158px;
}
#mainNav li#news1 ul a {
	width: 117px;
}
#mainNav li#about1 ul a {
	width: 75px;
}

#mainNav li ul li a:link, #mainNav li ul li a:visited {
	color : #666;
	font-size:14px;
	font-weight:bold;	
	padding:4px;
	line-height:16px;
	background-image:none;
	letter-spacing:-1px;
	
}
#mainNav li ul li a:hover, #mainNav li ul li a:active {
	color : #666;
	background-color : #ffff99;
	font-size:14px;
	font-weight:bold;
	background-image:none;
}	
#mainNav li:hover a#home, #mainNav li.sfhover a#home,{
	background:url(images/nav/home-over.gif) top left no-repeat;
}
#mainNav li:hover a#energy, #mainNav li.sfhover a#energy{
	background:url(images/nav/energy-over.gif) top left no-repeat;
}
#mainNav li:hover a#gallery, #mainNav li.sfhover a#gallery{
	background:url(images/nav/gallery-over.gif) top left no-repeat;
}
#mainNav li:hover a#installer, #mainNav li.sfhover a#installer{
	background:url(images/nav/yellowpages-over.gif) top left no-repeat;
}
#mainNav li:hover a#news, #mainNav li.sfhover a#news{
	background:url(images/nav/news-over.gif) top left no-repeat;
}
#mainNav li:hover a#about, #mainNav li.sfhover a#about{
	background:url(images/nav/about-over.gif) top left no-repeat;
}

#mainNav li:hover ul ul, #mainNav li:hover ul ul ul, #mainNav li.sfhover ul ul, #mainNav li.sfhover ul ul ul {
	left: -999em;
}

#mainNav li:hover ul, #mainNav li li:hover ul, #mainNav li li li:hover ul, #mainNav li.sfhover ul, #mainNav li li.sfhover ul, #mainNav li li li.sfhover ul {
	left: auto;
}
#mainNav li:hover, #mainNav li.sfhover {
	color:#FFFFFF;
}

li.lastLink{
	height:35px;
	border-bottom:2px solid #CCC;
	margin-left:0;

}
li.lastLink a, li.lastLink a:link, li.lastLink a:visited {
	border-bottom:2px solid #CCCCCC;
}
li.lastLink a:hover, li.lastLink li.sfhover{
	width:185px;
	height:16px;
}

li.lastLink_big{
	height:52px;
	border-bottom:2px solid #CCC;
	margin-left:0;

}
li.lastLink_big a, li.lastLink_big a:link, li.lastLink_big a:visited {
	border-bottom:2px solid #CCCCCC;
}
li.lastLink_big a:hover, li.lastLink_big li.sfhover{
	width:185px;
	height:32px;
}
gallery {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: 18px;
	color: #000000;
}
.gallery {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: 18px;
	color: #000000;
}

/* Solar Tour Links */
.tourlinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#006699;
	width:175px;
	margin-top:30px;
}

.tourlinks * {
	padding:0px;
	margin:0px;
}

.tourlinks div.item {
	border-bottom:1px solid #666666;
	padding:3px 0px 3px 5px;
}
	
.tourlinks h3 {
	background-color:#407eaf;
	color:white;
	font-size:12px;
	height:20px;
	padding-left:3px;
	padding-top:2px;
}

.tourlinks a:link{color:#006699; text-decoration:none;}
.tourlinks a:active{color:#97b0cf; text-decoration:none;}
.tourlinks a:visited{color:#006699; text-decoration:none;}
.tourlinks a:hover{color:#97b0cf; text-decoration:none;}


/* Solar Tour Details */
.solartour{
	font-size:12px;
	line-height:20px;
}

.solartourtitle{
	color:#5298ce;
	font-size:18px;
	font-family: Helvetica, Arial, sans-serif;
	line-height:20px;
}