@charset "utf-8";
/* CSS Document */
h1{
	margin-bottom: -5px;color:#69750b;
}
h2{
	margin-bottom: 0px;color:#999999;
}
html { 
	margin-left: -1px;
	min-height: 100%; 
	margin-bottom: 1px; 
	/*overflow: -moz-scrollbars-vertical !important;	*/
	overflow: auto;

}
body{
	margin: 25 0;
	padding: 0;
	background-color:#FFF;
	font:  13px Verdana, Geneva, sans-serif;
}
#wrapper #container-content{
	width: 970px;
	margin-left: auto;
	margin-right: auto;
}
#wrapper #container-content #top-nav{
	margin-bottom:10px;
	overflow:auto;
}
#wrapper #container-content #top-nav ul div{
	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;	
}
#wrapper #container-content #top-nav ul div a{
	position: absolute;
	display: block;
	margin: 0;
}
#wrapper #container-content #top-nav ul{
	text-decoration:none;
	list-style:none;
	margin:0;
	padding:0;
	
}
#wrapper #container-content #top-nav ul li{
	display:inline;
}
#wrapper #container-content #top-nav ul li a{
	float:left;	
}
#wrapper #container-content #content-wrapper #main-content #main-content-wrapper{
	margin-top: -25px;
	overflow:hidden; /*stops hides vertical scroll bar*/
}

#wrapper #container-content #content-wrapper #main-content #main-content-wrapper ul {
	display:block;
}
#wrapper #container-content #content-wrapper #main-content #main-content-wrapper ul li{
	display:block;
	background:url(images/sun_bullet.gif);
	background-repeat: no-repeat;
	background-position:left;
	padding-left:20px;
	font:  13px Verdana, Geneva, sans-serif;
}

#wrapper #content-wrapper #main-content #page_head img {
	padding-top:10px;
	padding-bottom:20px;
	width:970px;
	height:278px;
}
#wrapper #container-content #main-content-left{
	width: 50%;	
	margin-right:0;
	float:left;
}

#wrapper #container-content #main-content-right{
	width: 50%;	
	height:100%;
	float:right;
}
#wrapper #container-content #main-content-right #right-just{

	 	text-align:right;
}

#wrapper #container-content #main-content-right position_fixed_rt{
	position: fixed;
	height: 100%;
	bottom: 0;
	right:0;
}


#wrapper #container-content #footer{
	background-color: #69750b;
	color:#FFF;
	font:12px Tahoma, Geneva, sans-serif;
	text-align:right;
	padding:5px;
}
a{
	text-decoration:none;
}
#wrapper #container-content #footer a{
	
}
#wrapper #container-content #footer a:link{
	color:#FFF;	

}
#wrapper #container-content #footer a:visited, #wrapper #container-content #footer a:hover{
	color:#333300;
}
#wrapper #container-content #footer a:active{
	color:#FFF;	

}
/*.sun-bullet{
	list-style-image:url(http://www.ranchosolarpower.com/images/sun_bullet.gif);
	font:  14px/2em Verdana, Geneva, sans-serif;
}*/
.fieldreq{
	color:#F00;	
}
#orange{
	color:#ff6633;
}
.red-accent{
	color:#F00;	
}

.grey-box{
	background-color:#e4e5e5; 
	padding:20px; 
	margin-bottom:10px;
}
.quote_lnk{
	text-decoration:none;
	border:none;
}


.dropdown {float:left;height:33px; padding:0; margin:0}
.dropdown dt {width:139px;cursor:pointer;}
.dropdown dt:hover {}
.dropdown dd {position:absolute; overflow:hidden; width:139px; display:none; z-index:2000; opacity:0; margin-left: -2px;}
.dropdown ul {width:139px; list-style:none; border-top:none;}
.dropdown li {display:inline;}
.dropdown a, .dropdown a:active, .dropdown a:visited {display:block; text-decoration:none; width:139px;}
.dropdown a:hover {}
.dropdown .underline {border-bottom:1px solid #b9d6dc;}

.dd2 {float:left;padding:0; margin:0}
.dd2 dt {width:129px;cursor:pointer;}
.dd2 dt:hover {}
.dd2 dd {width:129px; position:absolute; overflow:hidden;  display:none; z-index:2000; opacity:0; margin-left: -2px;}
.dd2 ul {width:129px; list-style:none; border-top:none;}
.dd2 li {display:inline;}
.dd2 a, .dropdown a:active, .dropdown a:visited {width:129px; display:block; text-decoration:none; }
.dd2 a:hover {}
.dd2 .underline {border-bottom:1px solid #b9d6dc;}

/*.dropdown {float:left;}
.dropdown dt {width:133px;cursor:pointer;}
.dropdown dt:hover {}
.dropdown dd {position:absolute; overflow:hidden; width:133px; display:none; z-index:2; opacity:0; margin-left: -2px;}
.dropdown ul {width:133px; list-style:none; border-top:none;}
.dropdown li {display:inline;}
.dropdown a, .dropdown a:active, .dropdown a:visited {display:block; text-decoration:none; width:133px;}
.dropdown a:hover {}
.dropdown .underline {border-bottom:1px solid #b9d6dc;}*/


/* New additions from TBC */

#galleria{padding:20px 10px}

div#clear {width:100%; clear:}

#main{margin-top: -25px;
	overflow:hidden; /*stops hides vertical scroll bar*/}

#mainleft{width:500px;float:left; padding:0px 50px 10px 20px}
#mainleft a{color:#69750b;}
#mainleft a:hover{color:#999999;text-decoration:underline;}
#mainleft p{margin:0px; padding:5px 10px 5px 20px;}
#mainleft ul {padding-left:20px;}
#mainleft ul li {
	background:url(images/sun_bullet.gif);
	background-repeat: no-repeat;
	background-position:left;
	padding-left:20px;
	font:  13px Verdana, Geneva, sans-serif;}

#mainright{width:390px;float:right;height:100%;}
#mainright .mainpglinks{text-align:right; padding-top:20px;}

#maintest{width:900px;float:left; padding:0px 50px 10px 20px}
#maintest p.testleft{margin:0px; padding:10px 350px 45px 20px;}
#maintest p.testright{margin:0px; padding:10px 20px 45px 350px;}

div#social {float:right;margin:0px;padding-top:30px;}
#twitter_div {background:#69750b;width:370px;margin-top:10px;padding: 10px 10px 10px 20px;height:45px;}
#twitter_div ul li {color: #FFFFFF;background:#69750b;}
#twitter_div ul li span {visibility: visible;}
#twitter_div ul li span a {color: #D78E42;visibility: visible;}
#twitter_div ul li a {visibility: hidden;}

div#social table{padding-top:10px;}
div#social a.twit{color:#999;text-decoration:none;font-size:12px;}
div#social a:hover.twit{color:#69750b;}
div#social p.twitter{text-align:right;padding:0px 10px; margin: 0px;}
div#social img.timage{text-align:right;padding:0px;}



/* home page banner */
#example {
	width:970px;
	height:330px;
	position:relative;
}

#ribbon {
	position:absolute;
	top:-3px;
	left:-15px;
	z-index:500;
}


/*
	Slideshow
*/

#slides {
	position:absolute;
	top:15px;
	left:4px;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:970px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container a {
	width:970px;
	height:278px;
	display:block;
}

.slides_container a img {
	display:block;
}

/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:107px;
	left:-39px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:585px;
}

/*
	Pagination
*/

.pagination {
	margin:26px auto 0;
	width:100px;
	position:relative;
	left:470px;
}

.pagination li {
	float:left;
	margin:4px 2px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}