/*
Smart Solar
Homepage CSS
Rui Zhang
2009-02
*/

h1 {
	font-size: 0;
	height: 0;
	line-height: 0;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	width: 0;
}

/* Stage */

#stage {
	position: relative;
	/* background: url(../../../images/home_slide_back.jpg) 0 0 no-repeat; */
	width: 960px;
	height: 400px;
	overflow: hidden;
}

#stage .bullets {
	position: absolute;
	left: 30px;
	width: 480px;
	bottom: 130px;
	overflow: hidden;
}

    #stage .bullets li {
        color: #1C3755;
    	float: none;
    	display: block;
    	margin: 0 20px 0 0;
    	padding: 0 0 0 10px;
    	background: url(../../../images/bullet_blue_mid.gif) 0 7px no-repeat;
    	font-size: 1em;
    	font-weight: normal;
    }
    
    #stage .bullets li.title {
        padding-left: 0px;
        background: none;
        font-weight: bold;
        font-size:2em;
        font-weight:bold;
        letter-spacing:-0.05em;
    }
    


#stage .links {
	position: absolute;
	left: 30px;
	top: 292px;
	overflow: hidden;
}

	#stage .links li {
		float: left;
		display: block;
		margin: 0 33px 0 0;
		padding: 0 0 0 10px;
		background: url(../../../images/bullet_green_mid.gif) 0 10px no-repeat;
		font-size: 1.23em;
		font-weight: normal;
	}

		#stage .links li a {
			font-weight: bold;
		}

.ui-tabs-panel {
	height: 354px;
	overflow: hidden;
}

.ui-tabs-hide {
	display:none;
}


/* Slide nav */

#slidenav {
	width: 960px;
	height: 46px;
	background-image: url(../../../images/slide_nav_back.png);
	position: absolute;
	left: 0;
	bottom: 0;
	overflow: hidden;
}

	#slidenav li {
		display: inline;
	}

	#slidenav li a {
		height: 46px;
		line-height: 46px;
		display: block;
		color: #fff;
		margin-left: -18px;
		background-image: url(../../../images/slide_nav.png);
		background-repeat: no-repeat;
		background-position: 0 0;
		padding: 0px;
		padding-left: 26px;
		padding-right: 18px;
		font-size: 1em;
		width: auto;
		float: left;
	}
	
	#slidenav li a:hover {
		text-decoration: none;
		background-position: 0 -46px;
	}
	
	#slidenav .ui-tabs-selected a, #slidenav .ui-tabs-selected a:hover {
		background-position: 0 -92px;
	}
	
	/* Default item */
	
	#slidenav li a.default {
		margin-left: 0;
		padding-left: 24px;
		background-position: -18px 0;
	}
	
	#slidenav li a.default:hover {
		background-position: -18px -46px;
	}
	
	#slidenav .ui-tabs-selected a.default, #slidenav .ui-tabs-selected a.default:hover {
		background-position: -18px -92px;
	}
	
	/* Null item */
	
	#slidenav li a.null {
		padding: 0;
		width: 18px;
	}
	
	#slidenav li a.null:hover {
		background-position: 0 0;
	}


/* loading bits for slideshow */

div .loading{
    padding-left:360px;
    padding-right:380px;
    text-align: center;
}

div .bar-image{
    padding-top:200px;
}

/* Colbox */

#colbox {
	padding: 24px 0 5px;
	overflow: hidden;
    background: url(../../../images/colbox_back.gif) 0 0 no-repeat;
	width: 100%;

}
	#colbox ul{
        height: 150px;
	}
	
	#colbox li {
		float: left;
		display: block;
		overflow: hidden;
		padding: 0;
		margin: 0;
		padding-left: 30px;
		width: 165px;		
	}
	
	#colbox li.col1 {
		padding-left: 24px;
	}
	
	#colbox li.col2 {
		padding-left: 10px;
	}
	
	#colbox li.col3 {
		padding-left: 10px;
	}
	
	#colbox li.col4 {
		padding-left: 20px;
	}
	
	#colbox li.col5 {
		width: 220px;
		padding-left: 10px;
	}
	
		#colbox li h2 {
			font-size: 1.31em;
			padding: 0;
			margin: 0 0 15px 0;
		}
		
		#colbox li ul {
			width: auto;
			height: 100%;
		}
			
			#colbox li ul li {
				margin: 0 0 5px 0;
				padding: 0 0 0 10px;
				clear: left;
				font-size: .92em;
				background: url(../../../images/bullet_green_small.gif) 0 7px no-repeat;
				width: 95%;
				line-height: 1.3;
			}
			
			#colbox li.col1 ul li,
            #colbox li.col2 ul li {	
				background: none;
				padding-left: 0;
			}
			
				#colbox li a {
					color: #666;
					font-weight: normal;
				}
			
				#colbox li a:hover {
					color: #88A900;
				}
			
				#colbox li.col1 a,
				#colbox li.col2 a {
					color: #88A900;
					font-weight: bold;
				}

				#colbox li.col1 a:hover,
				#colbox li.col2 a:hover {
					color: #1C3755;
					font-weight: bold;
				}
				
				#colbox li p {
					margin-bottom: 15px;
					margin-top: 5px;
				}