@charset "UTF-8";
/* CSS Document */
body {
 	background-color: #000000;
	min-height: 1200px;
}
#header {
	background-color: #FFFFFF;
	width: 950px;
	float: left;
	z-index: 2
}
#left-heading {
	float: left;

}
#right-heading {
	padding: 20px 10px 0px 10px;
	text-align: right;
	float: right;
	height: 70px;
	font-weight: bold;
	
}
#right-heading th, td {
	border: none;
	padding:0.1em;
}
#bottom-heading {
	float: none;
	text-align: center;
	padding: 0px 0px 10px 0px;
	font-size: 24px;
	font-weight: bold;
	font-style: oblique;
}
#bd-main {
	background-color: #FFFFFF;
	min-height: 700px;
	width: 950px;
	z-index: 1;
}
#page-content {
	padding: 40px 5px 5px 5px;
	background: url("images/ui-bg_flat_75_d6d6d6_40x100.png") repeat-x scroll 50% 50% #D6D6D6;
	min-height: 600px;
	font-size:1.3em;
	line-height: 25px;
}
#roofmaintenance-content {
	background: url("images/check.png") no-repeat right bottom;
}
#roofmaintenance-content ul li,
#coating-content ul li,
#tile-roofing-content ul li,
#spray-foam-content ul li,
#shingle-roofing-content ul li,
#gogreen-content ul li
 {
	list-style-type:circle;
}
#gogreen-content {
	background: url("images/green_bckgrnd.png") repeat-y;
	padding: 10px 5px 10px 5px;
}
#haildamage-content {
	background: url("images/hail.png") repeat-y;
	padding: 10px 5px 10px 5px;
}
#footer,
#footer a {
	padding: 0px 0px 0px 0px;
	background-color: #000000;
	color: #D6D6D6;
}
.footer1,
.footer1 a {
	color: #000000;
	text-align: center;
}
#whitefooter,
#whitefooter a {
	background-color: #FFFFFF;
	color: #000000;
}
.bottom-footer {
	padding: 10px 0px 10px 0px;
}
.dec-list {
	margin-left: 0;
	padding: 0px 20px 0px 20px;
	list-style: none;
}
.dec-list li{
	background-image: url(images/house-icon2.png);
	line-height: 25px;
	font-size:1.0em;
	padding: 0px 0px 40px 40px;
	background-repeat: no-repeat;
	background-position: 0 .5em;
	list-style: none;
}
#aboutus-content
{
	background: transparent url(images/roofers.png) no-repeat center top;
	min-height: 600px;
}
#spray-foam-content
{
	background: transparent url(images/foamroofing.png) no-repeat right center;
}
#tile-roofing-content
{
	background: transparent url(images/tileroofing.png) no-repeat center bottom;
	min-height: 570px;
}
#slideshow {
	text-align: center;
	padding: 20px 0px 20px 0px;
	
}
#estimateForm input,
#contactForm input,
#contactForm textArea {
	width:auto;
}
.title  {
	padding: 0px 0px 10px 0px;
	font-size:18px;
	font-weight: bold;	
}
.hidden {
	display: none;
}
#products-content,
#portfolio-content
{
	text-align: center;
}
.separator {
	padding: 5px 10px 5px 10px;
}
#getestimate-content {
	background: transparent url(images/estimate.png) no-repeat right top;
}
#portfolio-gallery {
		background-color: #444;
		padding: 10px;
}
#portfolio-gallery ul { list-style: none; }
#portfolio-gallery ul li { display: inline; }
#portfolio-gallery ul img {
	border: 5px solid #3e3e3e;
	border-width: 5px 5px 20px;
}
#portfolio-gallery ul a:hover img {
	border: 5px solid #fff;
	border-width: 5px 5px 20px;
	color: #fff;
}
#portfolio-gallery ul a:hover { 
	color: #fff; 
}
.contact {
	padding: 10px 10px 10px 10px;
}
#warn, #warn-contact {
	width: 450px;
	padding: 5px 5px 5px 5px;
}
select {
	padding: 5px 5px 5px 5px;
}
.require-field {
	border: #FF0000 thick ridge;
}	
.ui-widget-content {
	color: #000000;
}
.service-link img:hover {
	background-color: #DBF6FF;

}
.service-link img {
	outline: none;
}
.service-button {
	background: #000000 url(jquery-ui-1.8.custom/css/custom-theme/images/ui-bg_highlight-soft_100_000000_1x100.png) repeat-x scroll 50% 50%;
	color: #FFFFFF;
	padding:0.4em 1em 0.4em 20px;
	position:relative;
	text-decoration:none;
	cursor: pointer;
	font-weight:bold;
}
.service-button span.ui-icon {
	margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;
}
.service-button span.foam {
	margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;
	background-image: url(images/spray-foam.png);
}
#home-slideshow{
	padding: 20px 0px 0px 0px;
}
#sliders-home-container{
	margin:0 auto;
	position:relative;
	text-align:left;
	width:790px;
	margin-bottom:2em;
	padding: 5px 15px 5px 15px;
	background-color: #FF0000;
	border: 5px solid #3e3e3e;
}
#slider-slideshow, #slider-text{
	padding: 10px 0px 10px 0px;
	
}	
#slider-slideshow ul, #slider-text ul {

}
#slider-slideshow ul, #slider-slideshow li, #slider-text ul, #slider-text li{
	margin:0;
	padding:0;
	list-style:none;
}
#slider-slideshow li, #slider-text li{ 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width:790px;
	height:175px;
	overflow:hidden; 

}	

#slider-text li{ 
	background: #D9D9D9;
	height:175px;
	padding: 15px 0px 0px 0px;

}		
#slider-text li h2{ 
	margin:0 20px;
	padding-top:20px;
}	
#slider-text li p{ 
	margin:20px;
}
#menu-content li {
	z-index: 1100;
}