/*
Theme Name: Dream Builders & Remodeling
Version: 1.0
Author: Conor Parlo

*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead, th {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: black;
	font-family:arial;
	font-size:12px;
	margin-bottom:40px;
}
ol, ul {

}

a:link, a:visited {color:#000; text-decoration:none;}
a:hover {color:#aaa;}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

#body-wrap {width:938px; margin:0px auto; background:url(images/body-bg.jpg) repeat-y; position:relative;}
#left-column {float:left; width:220px; background:url(images/flash-bg.jpg) no-repeat top center;}
.quote {background:url(images/quote-bg.jpg) repeat-y; padding:0px 18px; line-height:16px; color:#585858;}
.quote-title {background:url(images/quote-box-bottom.jpg) no-repeat; height:38px; padding:20px 0px 0px 75px; font-size:12px; font-weight:bold; color:#585858;}
#right-column {float:left; width:718px;}
#header {background:url(images/header.jpg) no-repeat; height:129px;}
#header-text {float:right; padding:30px 30px 0px 0px;}

#nav {height:47px; background:url(images/nav/nav-bg.jpg) repeat-x;}
#nav ul {list-style:none;}
#nav li  {margin:0px 0px 0px 25px; padding-top:15px; float:left; height:30px;}

div #aboutmenu
{
	width:110px;
	position:absolute;
	top:170px;
	left:650px;
	display:none;
	
}

div #aboutmenu a:link, div #aboutmenu a:visited
{
	display:block;
	float:none;
	border:0px;
	color:#f1f1f1;
	background-color:#242424;
	padding:5px 10px 5px 10px;
}

#content-headline {height:50px;}
#content-headline h1 {padding:16px 0px 0px 20px; float:left; font-family:georgia; font-size:21px;}

#social-top {padding:12px 20px 0px 0px; float:right;}
a.social:link, a.social:visited {text-decoration:none; color:#000;}
a.social:hover {color:#aaa;}

.content-wrap {background:url(images/div-bg.jpg) no-repeat; padding:20px 20px; min-height:100px;}
.content-wrap h2 {color:#000; font-family: georgia; font-size: 1.4em;}
.text {font-size:12px; line-height:18px; padding:0px 0px;}
.text li {margin:10px 24px 0px 24px;}

.about-logos {float:left; margin-left:30px;}
.about-logos img {float:left;}

.testimonial-wrap {line-height:16px;}
.testimonial {margin-bottom:15px;}
.quote-div {margin-bottom:12px; background:url(images/page-div.jpg) no-repeat center; height:2px;}

#featured-projects {margin-left:15px;}
.featured-wrap {width:150px; float:left; margin:0px 4px 0px 0px; height:240px;}
.featured-wrap img {display:block;}
.featured-box {padding:0px 8px 0px 7px; font-size:11px; line-height:12px; background:url(images/featured-box-bg.png) repeat-y; height:210px;}

.projects-archive-wrap {margin-bottom:10px; line-height:16px;}
.projects-archive-div {margin-bottom:10px; background:url(images/page-div.jpg) no-repeat center; height:2px;}
.projects-archive-left {float:left; width:135px; height:100px; text-align:center; overflow:hidden; border:2px solid #CFCFCF;}
.projects-archive-left img {width:135px; height:auto;}
.projects-archive-right {float:left; margin-left:10px; width:500px;}
.project-archive-title {margin-bottom:5px;}

.project-list { overflow:hidden; float:left; margin:0px 5px 5px 0px; border:2px solid #CFCFCF; width:135px; height:100px;}
.project-list img {width:135px; height:auto;}
.post-thumb {width:135px; height:100px; text-align:center; overflow:hidden; margin-bottom:4px;}
.post-thumb img {width:135px; height:auto;}


#article-list {float:left; width:300px; margin:10px 0px 15px 15px;}
.article-list ul {list-style:disk; padding:0px 20px;}
.article-list li {line-height:18px;}
.articles-archive-wrap {line-height:16px;}
.articles-archive-content-wrap {margin:10px 0px 14px 0px;}
.article-date {color:#71797e;}

#photo-list {width:150px;}
.photo-gallery-list td {vertical-align:middle;}
a.gallery-link:link, a.gallery-link:visited {}
a.gallery-link:hover {}
#video {margin-bottom:20px;}
.video-left {width:469px; float:left; position:relative;}
.video-right {float:left; margin-left:15px;}
.pagetitle {font-family:georgia; font-size:17px; color:#34393e;}
.video-post-wrap {width:194px; float:left; margin-right:14px; margin-bottom:14px;}
.video-post-thumb {background:url(images/video-thumb-frame.jpg) no-repeat; width:194px; height:124px; overflow:hidden; }
.video-post-thumb-wrap {width:178px; height:100px; overflow:hidden; padding:8px;}
.video-post-thumb-wrap img {width:178px; height:auto;}
.video-post-title {margin-left:12px; margin-top:10px; margin-bottom:10px;}
.video-post-bottom {height:2px; margin-left:2px; overflow:hidden; width:192px;}
.videos-bg {position:absolute; overflow:visible;}
.video-container {margin-left:42px; margin-top:20px}
.video-large-wrap {background-image:url(images/large-video-border2.png); background-position:top left; background-repeat:no-repeat; width:680px; height:388px;}

.call-to-action {text-align:center; margin-top:18px;}

#footer {background:url(images/footer-bg.jpg) no-repeat; height:150px;}
#footer-contact {padding:22px 0px 0px 85px; float:left;}
#footer-navigation {padding:22px 0px 0px 85px; float:left;}
#footer-follow {padding:22px 0px 0px 85px; float:left;}
.footer-text {color:#cdcccc; line-height:16px;}
.footer-nav {float:left; width:90px; line-height:16px; color:#cdcccc;}
a.footer-nav:link, a.footer-nav:visited {text-decoration:none; color:#cdcccc;}
a.footer-nav:hover {color:#aaaaaa;}

#slider {margin-left:30px; position:relative;}
#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider, #slider li{ 
		/* 
			define width and height of container element and list item (slide)
			list items must be the same size as the slider area
		*/ 
		width:618px;
		height:250px;
		overflow:hidden; 
		
		}
	#arrowleft{position: absolute; top:550px; width:26px; height:100px; display:block;}
	#arrowright{position: absolute; top:550px; left:888px; width:26px; height:100px; display:block;}


.clear{height:1px; clear:both; font-size:0px; line-height:0px; overflow:hidden; }