@charset "UTF-8";
/* CSS Document */

/* STYLE GUIDE ----------------------------- 

colors:
	#173f74				dark blue
	#7d7d7d				dark gray
	#af1f24				solar red
	#818285				materials gray
	#0072bc				fc blue

fonts:
	Arial				1st Primary
	Helvetica			2nd Primary
	Verdana				3rd Primary
	Sans-Serif			4th Primary


/* END ------------------------------------- */


/* DEFAULT LAYOUT ------------------------------------- */

li, p, dd, dt, a{
	font-size:11px;
}

*{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;

}

body{
	font-size:62.5%;
	color:#444;
	background:#666;
	background:#707070 url(../../assets/images/bg_solar.jpg) repeat-x;

}

h1{
	font-size:19px;
	color:#790000;
	margin:0 0 15px;
	font-weight:normal;
	
}

h2{
	font-size:15px;
	color:#2f3c45;
	margin:12px 0;

}

h3{
	font-size:13px;
	margin:10px 0;

}

p{
	padding:0 0 15px;
	line-height:14px;
	
}

dt{
	font-weight:bold;
	
}

dd{
	padding-bottom:10px;
	
}

dd.indent{
	padding-left:11px;
}

ul{
	margin:0;
	padding-left:15px;
}

li{
	list-style:square;
	padding-bottom:1px;
	
}

a{
	text-decoration:none;
	color:#003363;
}

a:hover{
	color:#900;
}

img{
	display:block;
	border:none;
}


/* HOKU SOLAR ------------------------------- */

div#hokusolar{
	margin:0 auto;
	width:825px;
	background-color:#fff;
	border:1px solid #999;
	border-top:none;

}

div#hokusolar .projects td{
	width:50%;
	border:1px solid #e5e5e5;
	padding:8px;
}

div#hokusolar .projects img{
	margin-bottom:10px;
}

div#hokusolar .projects td p{
	margin:0;
	padding:0;
}

div#hokusolar .projects td p img{
	float:left;
	margin:0 15px 0 0;
}
/* HOKU CORP ------------------------------- */

div#hokusolar .solar_nav{
	border-bottom:1px solid #e5e5e5;
	padding:0 15px;
}

div#hokusolar .solar_nav ul{
	text-align:right;
	margin:0;
	padding:6px 0;

}

div#hokusolar .solar_nav li{
	text-transform:uppercase;
	list-style:none;
	display:inline;
	
}

div#hokusolar .solar_nav a{
	color:#777;
	padding:0 0 0 10px;
	
}

div#hokusolar .solar_nav a:hover{
	color:#900;

}
/* END ------------------------------- */

/* OPEN LAYOUT ------------------------------- */

div#hokusolar .open_layout{
	padding:25px 15px;
	
}

/* TWO COLUMN LAYOUT ------------------------------- */

div#hokusolar .two_column{
	padding:25px 15px;
}

div#hokusolar .two_column .content{
	padding:15px 15px 0;
}

div#hokusolar .two_column .left_info{
	float:left;
	margin-right:25px;
	-margin-right:22px;
	width:225px;
	background:#f4f4f4;
	border-bottom:5px solid #e5e5e5;
}

div#hokusolar .two_column .left_info h2{
	color:#fff;
	font-weight:normal;
	margin:0;
	background:#790000;
	border-bottom:1px solid #fff;
	border-top:1px solid #fff;
	padding:5px 10px;

}

div#hokusolar .two_column .left_info .address{
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	background:#ebebeb;
}

div#hokusolar .two_column .right_info{}

/* -------------------------------------------------- */

div#hokusolar .two_column .right_clear{
	float:right;
	margin-left:30px;
	-margin-left:27px;
	width:275px;
	
}

div#hokusolar .two_column .right_clear h3{
	margin:0 0 15px;
}

div#hokusolar .two_column .right_clear .caption{
	margin:10px 5px 0;
	
		
}

div#hokusolar .two_column .right_clear .caption p{
	font-size:10px;
}


div#hokusolar .two_column .right_clear .contact_form{
	padding:10px;
	border:1px solid #e5e5e5;
}

div#hokusolar .two_column .right_clear .contact_form input, textarea{
	border:1px solid #d7d7d7;
}

div#hokusolar .two_column .right_clear .contact_form .button{
	font-size:11px;
	color:#790000;
	padding:3px 5px;
	text-transform:uppercase;
	margin-top:10px;
	
	
}

div#hokusolar .two_column .left_clear{}




/* BUSINESS CASE ----------------------------------- */

div#buscase{
	padding:15px;
}

div#buscase h2{
	text-align:center;
}

div#buscase img{
	margin:0 auto 15px;
}



/* CLASSES ----------------------------------- */

.self-clear{
	overflow:hidden;
}

* * body .self-clear{
	height:1%;
}

.clear{
	clear:both;

}

.line-break{
	display:block;
	border-top:1px solid #d7d7d7;
	padding:15px 0 0;
	margin-top:5px;
	
}

.spotlight{
	border:2px solid #f4f4f4;
	padding:10px 10px 0;
	margin-top:25px;
	
}

.spotlight h2{
	margin-top:0;
	
}

.spotlight img{
	float:left;
	margin-right:15px;
}

/* ICON CLASSES ------------------------------ */

.icon {
	background-repeat:no-repeat;
	background-position:0 auto;
	text-decoration:none;
	padding:0 15px;
	
}

.icon.blue-arrow{
	background-image:url(../../assets/images/icon/arrow.gif);
}

.icon.email-alert{
	background-image:url(../../assets/images/icon/news.gif);
	
}
.icon.back-up{
	background-image:url(../../assets/images/icon/up-arrow.gif);
}

.icon.career{
	background-image:url(../../assets/images/icon/sun_icon.gif);
}

.icon.hoku_home{
	background-image:url(../../assets/images/icon/home.gif);
}

/* SHAREHOLDERS.COM CLASSES OVERRIDE ------------------------------ */
.contentlink{
	font-weight:bold;
}
/* END ------------------------------ */



/* FOOTER ------------------------------ */

div#footer{
	padding:10px;
	margin-top:25px;
	border-top:2px solid #790000;

}


div#footer p{
	font-size:10px;
	
}

div#footer a{
	font-size:10px;
}