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

* {
	padding: 0;
	margin: 0;
	}

body {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 14px;
	line-height: 120%;
	background: url(../images/paper-body-background.jpg) repeat;
}

h1 {font: italic normal bold 16px Georgia, "Times New Roman", Times, serif;
	color: #4c0e5e;
	text-align: left;
	text-decoration:underline;
	padding-bottom: 8px;}
	
h2 {		font-family:Georgia, "Times New Roman", Times, serif;
			font-size: 18px;
			text-align:center;
			color: #4c0e5e;
			padding: 20px 0 10px;
			}
			
			
a {color: 4c0e5e;}

a:link {
	color: #4c0e5e;}
	
a img {
	border: none;}	
	
h3{
	font-weight: bold;}
	
h4{
	font-weight:100;
	font-style: italic;
	text-align: right;
	}
	
h5{
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 16px;
	line-height: 120%;
	font-weight: bold;}
	
h6 {		font-family:Georgia, "Times New Roman", Times, serif;
			font-size: 16px;
			text-align:left;
			color: #4c0e5e;
			padding: 0 0 0 20px;
			}
#steps {            line-height: 150%;
					width:375px;
}

/*basic page structure*/

#wrapper {
	width: 916px;
	height: 100%;
	margin: 0 auto;
	/*position: relative;*/}

	#header {
		width: 914px;
		height:222px;
		background: url(../images/header-bg-company-pages.jpg) no-repeat;
		}
			
		#logo{ 
			display: block;
			float:left;}
		
		#title{
			display: block;
			/*margin: 0 auto;*/
			padding: 50px 50px 0 50px;}
			
				#green{
			display: block;
			/*margin: 0 auto;*/
			padding: 50px 50px 0 175px;}
			
			span.green2text{
				color:#009900;
				font-weight: bold;}
	
	#main-body {
		width: 916px;
		/*height: 100%;*/
		margin: 0 auto;
		background:url(../images/body-bg-company-page.jpg) repeat-y;}
	
		#content-wrapper{
			width: 750px;
			margin: 0 auto;
			clear: both;
			text-align: left;}
			
		#sidenav {
			width: 174px;
			float: left;
			/*background-color: #99FF66;*/
			border: #339999;
			padding: 0;}
			
			#sidenav ul {
				font: normal normal 300 16px Georgia, "Times New Roman", Times, serif;
				color: #4c0e5e;
				width: 160px;
				list-style-type: none;
				list-style-image: none;
				padding-left: 0;
				margin-left: 0; }
				
			/*#sidenav li{
				width: 160px;
				height: 50px;
				line-height: 120%;
				margin-left: 10px;
				padding-left: 5px;
			}	*/
			
			#sidenav li.single{
				}
				
			#sidenav #nav li a{
				width: 147px;
				height: 50px;
				display: block;
				/*height: 28px;*/
				color: #4c0e5e;
				text-align: left;
				text-decoration: none;
				border-bottom: 1px dashed #b9a787;
				margin-left: 10px;
				padding: 9px 0 0 20px;
				}
				
			#sidenav #nav li a:hover {
				color: #FFFFFF;
				background: #4c0e5e;}
				
			#sidenav img#rose{
				display: block;
				margin-left: 70px;
				margin-top: 15px;}
				
		    #features {margin: 0 auto;
					   width: 490px;
					   text-align:center}
		
		#promo-1 {
			width: 139px;
			height: 83px;
			margin: 20px auto;}
			
		#promo-2 {
			width: 139px;
			height: 83px;
			background-color: #663399;
			text-align:center;
			margin: 20px auto;}
		
		#content {
			width: 573px;
			float: right;
			border-left: thin;
			border-left-color: #4c0e5e;
			border-left-style: solid;
			/*background-color: #00FFFF;*/}
			
		#content p {
			padding: 10px;
			margin: 0 25px;
			line-height: 150%;}
			
			
		#content ul.rest-ren {
			padding: 10px;
			margin: 0 40px;
			line-height: 150%;
			}
			
		#content h3 {
			padding: 10px 10px 0;
			margin: 0 25px;
			line-height: 150%;
			font-family: Georgia, "Times New Roman", Times, serif;
			color: #4c0e5e;
			font-size: 14px;}
			
		#content h2{
			padding: 15px;
			margin: 0 25px;
			clear: both;
			line-height: 140%}
			
		#content h4{
			padding-right: 40px;
			margin-top: 0;}
			
		
		#footer {
		text-align: center;
		clear: both;
		/*font: #4c0e5e 14px Georgia, "Times New Roman", Times, serif;
	*/	
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 14px;
		color: #4c0e5e;
		width: 916px;
		height: 120px;
		background-image: url(../images/footer-bg-company-pages.jpg);
		background-repeat: no-repeat;}
		
		#footer p {
		padding-top: 75px;}

/*Image styling*/

#title  {
	/*display: block;*/
	padding-right: 120px;}
	
#byol{
	display: block;
	margin: 0 auto;}
	
.custom-content {
	float: left;
	padding-right: 20px; }
	
.rosette {
	display: block;
	margin: 0 auto;
	padding-top: 10px;}
	
/*Restoration/Renovation Page additional styles*/

#content h2.rest-ren{
	text-align: left;
	padding: 15px 0 5px 10px;}
	
#sidenav h2.rest-ren{
	text-align: left;
	padding: 30px 0 5px 10px;
	line-height: 140%;
	font-weight: 100;}

#sidenav h2.rest-ren-bold{
	font-weight: bold;
	text-align: left;
	padding: 0 0 0 10px;}
	
img.inline{
	float: right;
	padding: 10px}
	
img.inline2{
	float: left;
	padding: 5px 10px 0 0;}
	
#sidenav ul.rest-ren{
		width: 160px;
		height: 100%;
		background: #a8ae86 url(../images/renovation-sotreat-header.jpg) top center no-repeat;
		list-style-type: none;
		padding: 60px 0 0 0;
		margin-top: 10px;
		margin-left: 6px;}
		
#sidenav li.rest-ren{
	font: 16px Georgia, "Times New Roman", Times, serif;
		line-height: 100%;
		color: #FFFFFF;
		border: none;
		padding: 10px;}

.quote{
	font-weight: 100;
	text-align: left;
	margin-bottom: -5px;}
	
		#content-rest-ren {
			width: 560px;
			float: right;
			border-left: thin;
			border-left-color: #4c0e5e;
			border-left-style: solid;
			/*background-color: #00FFFF;*/}
			
/*Contact Page additional styles*/

/*header styles, won't let me use h1 for some reason*/
#contact-content{
	width: 717px;
	margin: 0 auto;}


#contact-content p{
	padding: 0 0 15px 0;
	margin: 0 0 0 25px;
	line-height: 120%}
	
#contact-content h5{
	color:#FFFFFF;
	padding: 0 0 15px 0;
	margin: 0 0 0 25px;
	text-align: center;}	
	
#contact-content #warranty-link {
	color:#FFFFFF;
	text-decoration: none;
	display: block;
	width: 300px;
	height: 20px;
	background: #4c0e5e;
	vertical-align: middle;
	padding: 5px 0 3px;}

#contact-content #community{
	text-indent: -9999px;
	width: 685px;
	height: 30px;
	background: #fcfcf5 url(../images/contact-header-community.jpg) no-repeat top left;
	margin: 0 15px;}
	
#contact-content #warranty{
	text-indent: -9999px;
	width: 685px;
	height: 30px;
	background: #fcfcf5  url(../images/contact-header-warranty.jpg) no-repeat top left;
	margin: 25px 15px 10px;
	}
	
#contact-content #rest-ren-cust{
	text-indent: -9999px;
	width: 685px;
	height: 30px;
	background: #fcfcf5  url(../images/contact-header-rest-ren-cust.jpg) no-repeat top left;
	margin: 10px 15px;
	clear: both;}
	
#contact-content #corporate{
	text-indent: -9999px;
	width: 685px;
	height: 30px;
	background: #fcfcf5  url(../images/contact-header-corporate.jpg) no-repeat top left;
	margin: 10px 15px;}
	
#contact-content #cust-byol{
	text-indent: -9999px;
	width: 685px;
	height: 30px;
	background: #fcfcf5  url(../images/contact-header-custom-byol.jpg) no-repeat top left;
	margin: 10px 15px;}
	
#contact-content #byol-only{
	text-indent: -9999px;
	width: 685px;
	height: 30px;
	background: #fcfcf5  url(../images/contact-header-byol.jpg) no-repeat top left;
	margin: 10px 15px;}
	
#contact-content h1.first {
	margin: 0 0 -5px 25px;}
	
#contact-content a {
	color: #4c0e5e;}
	
#col1-3 p{
	padding: 0 0 15px 0;
	margin: 0 0 0 25px;
	line-height: 130%}
	
#col2-3 p{
	padding: 0 0 15px 0;
	margin: 0;
	line-height: 130%}
	
#col3-3 p{
	padding: 0 0 15px 0;
	margin: 0;
	line-height: 130%;}
	
#col1-3 {
	width: 220px;
	float: left;
	padding-bottom: 15px;
	margin-left: 15px;}
	
#col2-3 {
	width: 220px;
	float: left;
	margin: 0 10px 0 15px;}
	
#col3-3 {
	width: 220px;
	float: left;
	margin: 0 15px 0 0;}
	
/*warranty additional styles*/
#warranty-content{
	width: 717px;
	margin: 0 auto;}
		
#warranty-content p{
	padding: 10px;
	/*margin: 0 25px;*/
	line-height: 130%;}
	
a.strong {
	font-weight: bold;}
	
.bottom {
	clear: both;}

.so-treat{
float: left;
margin-right: 10px;
margin-top: 10px;}

.so-treat2{
float: right;
margin: 10px;}

/*Green styles*/
ul#green{
padding:0;
margin: 0 0 0 8px;
list-style-type: square; }
ul#green li{
	margin: 10px;}
ul#green li a{
	color: #4c0e5e;
	}
	
ul#green li a:hover {
	color: #006600;}

p#green-exp{
	padding: 20px 10px 10px;}
	
/*Realtor Page additional styles*/

#realtor-content{
	width: 717px;
	margin: 0 auto;}

#realtor-content p{
	padding: 0 0 15px 0;
	margin: 0 15px 0 15px;
	line-height: 120%}
	
#realtor-content #bonus{
	text-indent: -9999px;
	width: 685px;
	height: 30px;
	background: #fcfcf5 url(../images/realtor-header-bonus.jpg) no-repeat top left;
	margin: 0 15px;}
	
#realtor-content h5{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	text-decoration: underline;
	color:#4c0e5e;
	padding: 0 0 15px 0;
	margin: 0 15px 0 15px;}	
	
#realtor-content ol{
	padding: 0 0 15px 0;
	margin: 0 15px 0 45px;}
	
#realtor-content li {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #4c0e5e;
	padding: 5px;}
	
#realtor-content li a {
	font-weight: bold;
	text-decoration: underline;}