/* Table of Contents

-Reset
-Body
-Header
-Navigation
-Content
-Sidebar
-Awards-Bottom
-Footer/Widgets */

/* Reset + Global Elements
--------------------------------------------------------- */
* {
	margin: 0;
	padding: 0; }
body {
	background: #ddb88b url(img/wood-tile.jpg) repeat;
	font: normal 62.5%/1 arial, sans-serif; }
strong { 
	font-weight: bold; }
.box strong {
	color: #333; }
em {
	font-style: italic; }
sub, sup {
	line-height: 0.5; }	
acronym, abbr {
	border-bottom: 1px dotted #999;
	cursor: help; }
address {
	font-style: normal; }
.strikethrough {
	text-decoration: line-through; }
.hide, .print-only {
	display: none; }

ul, ol, dl, li {
	list-style: none;
	background: none; }
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	font-weight: normal; }

a:link,
a:visited {
	outline: none;
	text-decoration: underline;
	color: #4f88bd; }
a:hover,
a:active {
	}

a img {
	border: none; }
a.pdf {
	padding: 1px 0 2px 19px;
	background: url(/img/icon/pdf.png) no-repeat; }

table {
	border-collapse: collapse; }
	thead tr {
		border-bottom: 2px solid #ccc; }
	th, td {
		padding: 7px 25px 7px 3px;
		border-bottom: 1px solid #ccc; }
	th {
		text-align: left;
		font-weight: bold;
		vertical-align: bottom; }
	td {
		vertical-align: top; }
table.col2 {
	width: 100%; }
table.col2 th,
table.col2 td {
	border: none;
	vertical-align: middle;
	text-align: center;
	padding: 5px; }
	
/*Body
--------------------------------------------------------- */	

	
/*Header
--------------------------------------------------------- */
#header-wrap {
	height: 144px;
	width: 100%;
	background: url(img/header-bg.jpg) repeat;
	text-align: center;
	padding-top: 10px; }
#header {
	position: relative;
	width: 910px;
	margin: 0 auto; }	
#header .logo {	
	position: absolute;
	height: 91px;
	width: 301px;
	text-indent: -9999px;
	background: url(img/logo/suncrest-builders-header) no-repeat; 	
	left: 300px; }
#awards {
	position: absolute;
	overflow: hidden;
	width: 300px;
	left: 5px;
	top: 15px; }
#awards li {
	float: left;
	width: 100px;
	height: 100px; }
.angies-list {
	background: url(img/awards/angieslist.png) no-repeat; }
.bbb {
	background: url(img/awards/bbb.png) no-repeat; }		
#header .contact {
	font: italic 16px/30px "arial black", arial, sans-serif;
	position:absolute;
	right: 20px;
	top: -25px;
	width: 33%;
	color: #fff;
	margin-top: 60px;
	text-align: right;
	text-shadow: 1px 1px 0 #666;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.6); }
	
/*Navigation
--------------------------------------------------------- */
#menu-top-nav {
	width: 670px;
	margin: -20px auto 0;
	padding: 0 120px;
	background: #ebebeb;
	box-shadow: 0 2px 2px #333;
	box-shadow: 0 2px 2px rgba(0,0,0,0.3);
	border-radius: 3px;
	font-family: "arial black", arial, sans-serif;;
	overflow: hidden;
	font-size: 15px;
	text-transform: uppercase; }	
#menu-top-nav li {
	float:left; }
#menu-top-nav li a {
	padding: 10px 20px;
	display:block;
	text-decoration: none;
	color: #2c4c75; }
#menu-top-nav li a:hover {
	color: #2c4c75; 
	text-shadow: 0 -1px 0 #fff;
	text-shadow: 0 -1px 0 rgba(255,255,255,1); }
#menu-top-nav li:hover {
	background: #c8c8c8; }
#menu-top-nav .current-menu-item a,
#menu-top-nav .current-menu-item a:hover {
	color: #fff;
	background: #c8c8c8;
	cursor: default;
	box-shadow: inset 0 0 15px #333;
	box-shadow: inset 0 0 15px rgba(0,0,0,0.3);
	text-shadow: 0 -1px 0 #777;
	text-shadow: 0 -1px 0 rgba(0,0,0,.7); }
body.page-id-4 li#menu-item-66 a,
body.page-id-23 li#menu-item-66 a,
body.page-id-21 li#menu-item-66 a,
body.page-id-25 li#menu-item-66 a,
body.page-id-28 li#menu-item-66 a,
body.page-id-30 li#menu-item-66 a,
body.page-id-19 li#menu-item-66 a {
	color: #fff;
	background: #c8c8c8;
	cursor: default;
	box-shadow: inset 0 0 15px #333;
	box-shadow: inset 0 0 15px rgba(0,0,0,0.3);
	text-shadow: 0 -1px 0 #777;
	text-shadow: 0 -1px 0 rgba(0,0,0,.7); }	
	
/*Content
--------------------------------------------------------- */
#content-wrap {
	width: 910px;
	margin: 20px auto 0; }	
h1 {
	font-family: "arial black", arial, sans-serif;;
	font-size: 50px;
	text-transform: uppercase;
	margin: 0 0 20px;
	color: #79644a;
	color: rgba(0,0,0,0.4);
	text-shadow: 1px 1px 0 #fff;
	text-shadow: 1px 1px 0 rgba(255,255,255,.3);
	text-align: center; }
h2 {
	font-family: "arial", sans-serif;
	color: #2c4c75;
	font-size: 20px;
	font-weight: bold;
	margin: 10px 0; }		
#content {
	float: left;
	width: 600px;
	margin: 0 0 15px; }
#content img {
	border: 4px solid #a78b69;
	border: 4px solid rgba(0,0,0,0.3); }
.info {
	padding: 15px;
	width: 560px;
	background: #fefefe;
	border: 4px solid #a78b69;
	border: 4px solid rgba(0,0,0,0.3);
	-moz-background-clip: padding-box; 
	-webkit-background-clip: padding-box; 
	background-clip: padding-box;
	overflow: hidden; }
#content .info p,
#content .info ul {
	font-size: 16px;
	font-family: arial, sans-serif;
	line-height: 20px;
	font-weight: normal; }
#content .info p a {
	color: #2c4c75; }
#content .info ul li {
	margin: 20px 0 20px 20px;
	list-style-image: url(img/icons/bullet.png); }	
					


/*Sidebar
--------------------------------------------------------- */
#sidebar {
	float: right;
	width: 290px;
	margin: 0 0 15px; }	
#sidebar .btn {
	border: 4px solid #a78b69;
	border: 4px solid rgba(0,0,0,0.3);
	margin: 0 0 10px; }
#sidebar .btn a {
	display: block;
	background: #f3aa30;
	padding: 15px 10px;
	font-size: 18px;
	color: #ebebeb;
	font-family: "Arial Black", arial, sans-serif;;
	text-transform: uppercase;
	text-shadow: 0 -1px 0 #555;
	text-shadow: 0 -1px 0 rgba(0,0,0,.5);
	background-repeat: no-repeat;
	text-decoration: none;
	border: 1px solid #fff; }
#sidebar .btn a:hover {
	box-shadow: inset 0 0 15px #222;
	box-shadow: inset 0 0 15px rgba(0,0,0,.25); }		
#sidebar .contact a {
	background-image: url(img/icons/envelope.png);
	background-position: 220px 50%; }
#sidebar .gallery a {
	background-image: url(img/icons/gallery-sprite.png);
	background-position: 220px 10px; }	
#sidebar .contact a:hover { 
	background-position: 230px 50%; }	
#sidebar .gallery a:hover {
	background-position: 220px -35px; }	
#menu-services,
#menu-projects {
	border-bottom: 4px solid #a78b69;
	border-bottom: 4px solid rgba(0,0,0,0.3);
	border-right: 4px solid #a78b69;
	border-right: 4px solid rgba(0,0,0,0.3);
	border-left: 4px solid #a78b69;
	border-left: 4px solid rgba(0,0,0,0.3); 
	margin: 0 0 10px; }
#menu-services li,
#menu-projects li {
	background: #ebebeb;
	font-family: arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	border-top: 1px solid #c8c8c8;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff; }		
#menu-services li a,
#menu-projects li a{
	display: block;
	color: #2c4c75;
	padding: 15px 0 15px 10px;
	text-decoration: none;
	background: -webkit-gradient(linear, left top, right top, from(#c8c8c8), color-stop(0.05, #ebebeb));
	background: -webkit-linear-gradient(left, #c8c8c8, #ebebeb 5%);
	background: -moz-linear-gradient(left, #c8c8c8, #ebebeb 5%);
	background: -ms-linear-gradient(left, #c8c8c8, #ebebeb 5%);
	background: -o-linear-gradient(left, #c8c8c8, #ebebeb 5%); }
#menu-services a:hover,
#menu-projects a:hover {
	color: #fff;
	text-shadow: 0 -1px 0 #555;
	text-shadow: 0 -1px 0 rgba(0,0,0,.5);
	background: -webkit-gradient(linear, left top, right top, from(#aeaeae), color-stop(0.05, #c8c8c8));
	background: -webkit-linear-gradient(left, #aeaeae, #c8c8c8 5%);
	background: -moz-linear-gradient(left, #aeaeae, #c8c8c8 5%);
	background: -ms-linear-gradient(left, #aeaeae, #c8c8c8 5%);
	background: -o-linear-gradient(left, #aeaeae, #c8c8c8 5%); }	
#menu-services li:hover,
#menu-projects li:hover {
	background: #c8c8c8; }	
#menu-services .current-menu-item a,
#menu-services .current-menu-item a:hover,
#menu-projects .current-menu-item a,
#menu-projects .current-menu-item a:hover {
	background: #c8c8c8;
	box-shadow: inset 0 0 15px #222;
	box-shadow: inset 0 0 15px rgba(0,0,0,.25);
	color: #2c4c75; 
	cursor: default;
	text-shadow: 0 -1px 0 #fff;
	text-shadow: 0 -1px 0 rgba(255,255,255,1); }		
h4 {
	display:block;
	font-size: 18px;
	font-family: "arial black", arial, sans-serif;;
	text-shadow: 0 -1px 0 #555;
	text-shadow: 0 -1px 0 rgba(0,0,0,.5);
	color: #fff;
	background: #2c4c75;
	padding: 10px 0 10px 10px;
	text-transform: uppercase;
	border-top: 3px solid #a78b69;
	border-top: 3px solid rgba(0,0,0,0.3);
	border-right: 3px solid #a78b69;
	border-right: 3px solid rgba(0,0,0,0.3);
	border-left: 3px solid #a78b69;
	border-left: 3px solid rgba(0,0,0,0.3);
	-moz-background-clip: padding-box; 
	-webkit-background-clip: padding-box; 
	background-clip: padding-box; }	
	
/*Awards-Bottom
--------------------------------------------------------- */
.awards-list {
	width: 902px;
	border: 4px solid #a78b69;
	border: 4px solid rgba(0,0,0,0.3);
	clear: both;
	background: #fff;
	margin: 15px 0;
	padding: 15px 0;
	overflow: hidden;
	-moz-background-clip: padding-box; 
	-webkit-background-clip: padding-box; 
	background-clip: padding-box; }
ul.awards-list li {
	float: left;
	margin-left: 35px; }	
	
/*Footer & Footer Widgets
--------------------------------------------------------- */
#footer {
	width: 910px;
	overflow: hidden; }
#footer div {
	float: left;
	width: 290px;
	margin-right: 20px;
	font: bold 14px arial, sans-serif;
	text-shadow: 0 -1px 0 #555;
	text-shadow: 0 -1px 0 rgba(0,0,0,.5);
	color: #fff; }
#footer .last,
#footer .textwidget {
	margin-right: 0; }
#footer li {
	line-height: 1.7; }
#footer address,
#footer p {
	line-height: 1.4;
	margin: 0 0 20px; }

h5 {
	font: 26px "arial black", arial, sans-serif;
	text-transform: uppercase;
	border-top: 4px solid #a78b69;
	border-top: 4px solid rgba(0,0,0,0.3);
	padding-top: 3px;
	margin-bottom: 10px;
	color: #a78b69;
	color: rgba(0,0,0,0.1); }
#footer a {
	color: #fff;
	text-decoration: none; }
#footer a:hover {
	color: #2b4d76;
	text-shadow: 0 -1px 0 #fff; }
#copyright {
	margin: 0 auto;
	text-align: center; }	
p.copyright-info {
	font: 12px arial, sans-serif; 
	color: #333; }	

/*Archive Styles
--------------------------------------------------------- */
h2.entry-title {
	font: 20px bold arial, sans-serif; 
	color: #2c4c75; }
h2.entry-title a {
	text-decoration: none; }
span.underline-color {
	text-decoration: underline;
	color: #e9a32e;}
h2.entry-title a:hover {
	text-decoration: underline; }	
img.featured-archive {
	float: left; 
	border: none; 
	margin-right: 30px; }