body {
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	background-color:#BBBBBB;
}

a, a:active, a:link, a:visited  {
	text-decoration:none;
	color:#37B34A;
}

a:hover{
	text-decoration:none;
	color:#fff;
}

p {
	text-align:left;
	color:#fff;
}
#container {
	width:960px;
	margin:0px auto;
	text-align:center;
	background-color:#000;
	padding:0px;
}
#main-top {
	position:relative;
	width:100%;
	height:310px;
	background-color:#000;
	overflow:hidden;
}
#slideshow {
	position:absolute;
	top:0px;
	left:0px;
	width:960px;
	height:310px;
}
#main-top .logo {
	position:absolute;
	top:18px;
	left:30px;
	z-index:10;
}
#weather-vane {
	position:absolute;
	left:848px;
	top:18px;
	width:112px;
	height:300px;
	background-image:url(../images/weather-vane.png);
	background-repeat:no-repeat;
	z-index:10;
	display:none;
}
.temperature {
	float:left;
	color:#37B34A;
	margin-top:3px;
	margin-left:25px;
}
.roof-suggest {
	float:left;
	color:#37B34A;
	margin-top:3px;
	margin-left:30px;
}
/*=====================================================================*/
/********************************BOTTOM HALF****************************/
/*=====================================================================*/


#main-bot-about, #main-bot-services, #main-bot-clients, #main-bot-estimate, #main-bot-contact {
	position:relative;
	width:100%;
	height:288px;
	padding-top:22px;
	background-color:#000000;
	background-repeat:no-repeat;
}
#main-bot-about {
	background-image:url(../images/navline-about.jpg);
}
#main-bot-services {
	background-image:url(../images/navline-services.jpg);
}
#main-bot-clients {
	background-image:url(../images/navline-clients.jpg);
	overflow:hidden;
}
#main-bot-estimate {
	background-image:url(../images/navline-estimate.jpg);
}
#main-bot-contact {
	background-image:url(../images/navline-contact.jpg);
}
#content-block1 {
	float:left;
}
nav {
	width:200px;
	margin-left:30px;
}
nav ul {
	text-align:left;
	list-style:none;
}
nav li {
	padding-bottom:12px;
}
nav li a {
	display:block;
	height: 18px;
	color:#888888;
	text-indent: -9999px;
	cursor:pointer !important;
}
/********ABOUT*********/

nav li.navabout a {
	width:126px;
	background: url(../images/majestic-sprite.png) no-repeat 0px 0px;
}
nav li.navaboutactive a {
	width:126px;
	background: url(../images/majestic-sprite.png) no-repeat -126px 0px;
}
nav li.navabout a:hover, nav li.navaboutactive a:hover {
	background-position:-126px -0px;
}
/********SERVICES*********/
nav li.navservices a {
	width:126px;
	background: url(../images/majestic-sprite.png) no-repeat 0px -18px;
}
nav li.navservicesactive a {
	width:126px;
	background: url(../images/majestic-sprite.png) no-repeat -126px -18px;
}
nav li.navservices a:hover, nav li.navservicesactive a:hover {
	background-position:-126px -18px;
}
/********CLIENTS*********/
nav li.navclients a {
	width:126px;
	background: url(../images/majestic-sprite.png) no-repeat 0px -36px;
}
nav li.navclientsactive a {
	width:126px;
	background: url(../images/majestic-sprite.png) no-repeat -126px -36px;
}
nav li.navclients a:hover, nav li.navclientsactive a:hover {
	background-position:-126px -36px;
}
/********ESTIMATE*********/
nav li.navestimate a {
	width:126px;
	background: url(../images/majestic-sprite.png) no-repeat 0px -54px;
}
nav li.navestimateactive a {
	width:126px;
	background: url(../images/majestic-sprite.png) no-repeat -126px -54px;
}
nav li.navestimate a:hover, nav li.navestimateactive a:hover {
	background-position:-126px -54px;
}
/********CONTACT*********/
nav li.navcontact a {
	width:126px;
	background: url(../images/majestic-sprite.png) no-repeat 0px -72px;
}
nav li.navcontactactive a {
	width:126px;
	background: url(../images/majestic-sprite.png) no-repeat -126px -72px;
}
nav li.navcontact a:hover, nav li.navcontactactive a:hover {
	background-position:-126px -72px;
}
.phone {
	padding-top:20px;
	color:#37B34A;
}
/*=====================================================================*/
/*****************************RIGHT CONTENT*****************************/
/*=====================================================================*/


#content-block2 {
	float:left;
	background-color:#3366FF0;
	margin-left:145px;
	width:200px;
	padding-top:0px;
}

#main-bot-contact #content-block2 {
	padding:22px;
}

#main-bot-about #content-block2 {
	width:500px;
	padding:0px;
}

#main-bot-clients #content-block2 {
margin-left:125px;
}


#content-block3 {
	float:right;
	margin-right:18px;
}


#main-bot-clients #content-block3 {
	float:left;
	margin:0px;
}

#content-block4 {
	float:right;
	margin-right:23px;
}


#clearFloat {
	clear:both;
}
/***************ABOUT*************/



/*************CLIENTS************/


ul.clients-menu {
	float:left;
	text-align:left;
	list-style:none;
	cursor:pointer;
	font-size:10px;
}


/*************SERVICES************/


ul.services-menu {
	text-align:left;
	list-style:none;
	cursor:pointer;
}
.services-menu li a {
	color:#888888;
}
.services-menu li.active a {
	color:#fff;
}
.services-menu li a:hover {
	color:#fff
}
.services-menu li {
	padding-bottom:10px;
}
.service-image {
	width:250px;
	height:180px;
	margin-right:20px;
	text-align:left;
}

.service-image h2{
	color:#bbb;
	font-size:16px;
}

.gray{
	
}


/************FORMS****************/

form {
	text-align:right;
	width:250px;
}
label {
	display:block;
	padding-top:5px;
	padding-bottom:5px;
}


.input_text {
	padding:5px;
	width:220px;
	background-color: #ff;
	color:#000;
	font-size:13px;
	border:none;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.input_text:hover {
	background-color: #37B34A;
}
textarea {
	height:85px;
	width:150px;
	padding:9px 9px;
	font-family:Arial, Helvetica, sans-serif;
}

form#estimate-form textarea {
	height:150px;
}

.button {
	position:relative;
	top:5px;
	left:0px;
	cursor:pointer;
	border:none;
	width:60px;
	height:22px;
	background-color:#fff;
	color:#000;
	font-weight:bold;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;	
}

.button:hover {
	background-color: #37B34A;
	color:#000;
}