/*
Theme Name: DP Builders
Theme URI: http://dpbuild.com
Description: Custom WordPress theme for DP Builders.
Version: 1.0
Author: Derek Ashauer

*/

body, div, h1, h2, h3, h4, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote {
    margin: 0px;
    padding: 0px;
    border: 0px;
}
body {
    background: #9e2420 url(_images/bg.jpg) 0 0 repeat-x;
    text-align: center;
}
p, div, li,  h1, h2, h3, h4, td, input, select, textarea {
    font-family: Arial;
    font-size: 12px;
    color: #FFF;
    line-height: 16px;
}
p, h2, h3, h4, #bottom ul, #bottom ol, #bottom table {
	margin-bottom: 15px;
}
a img, :link img, :visited img {
    border: none
}
a:link, a:visited {
    color: #FFF;
    text-decoration: underline;
}
a:hover, a:active {
    color: #CCC;
    text-decoration: underline;
}
div.clear {
    clear: both;
    overflow: hidden;
    height: 1px;
}

/* ----------------------------------- */
/* CONTAINER
/* ----------------------------------- */
.container {
	width: 720px;
	margin: 0 auto;
	text-align: left;
}

/* ----------------------------------- */
/* TOP
/* ----------------------------------- */
#top {
	height: 114px;
	overflow: hidden;
}

/* ----------------------------------- */
/* MENU
/* ----------------------------------- */
#menu {
	background: url(_images/menu.jpg) 0 0 no-repeat;
	width: 720px;		/* Width of entire image */ 
	height: 76px;		/* Height of buttons */
	margin: 0 auto;
}
#menu span {
	display: none;
}
#menu li, #menu a {
	height: 76px;		/* Each button must have the same height, define it here */ 
	display: block;
}
#menu li {
	float: left;
	list-style: none;
	_display: inline;		/* fixes IE/Win double margin float bug (safe) */
}

/* margin-left - you will need to adjust this value to "center" your nav, if needed */ 
/* width - width of each button, they will each most likely be unique */ 
#menu-home 		{ width: 89px; }
#menu-about 	{ width: 122px; }
#menu-services 	{ width: 114px; }
#menu-portfolio { width: 129px; }
#menu-clients	{ width: 137px; }
#menu-contact 	{ width: 129px; }

/* Changed values should match sum of "width" numbers specified above */ 
#menu-home a:hover			{ background: transparent url(_images/menu.jpg) 0px -76px no-repeat; }
#menu-about a:hover			{ background: transparent url(_images/menu.jpg) -89px -76px no-repeat; }
#menu-services a:hover 		{ background: transparent url(_images/menu.jpg) -211px -76px no-repeat; }
#menu-portfolio a:hover 	{ background: transparent url(_images/menu.jpg) -325px -76px no-repeat; }
#menu-clients a:hover 		{ background: transparent url(_images/menu.jpg) -454px -76px no-repeat; }
#menu-contact a:hover 		{ background: transparent url(_images/menu.jpg) -591px -76px no-repeat; }

/* ----------------------------------- */
/* MAIN
/* ----------------------------------- */
#main-wrapper {
	background: #000;
}
	h1 {
		padding: 0;
		height: 73px;
		text-indent: -3000px;
	}
	
	#home h1 { background: transparent url(_images/header/welcome.gif) 0 0 no-repeat; }
	#page-2 h1 { background: transparent url(_images/header/about.gif) 0 0 no-repeat; }
	#page-4 h1 { background: transparent url(_images/header/services.gif) 0 0 no-repeat; }
	#page-7 h1 { background: transparent url(_images/header/portfolio.gif) 0 0 no-repeat; }
	#page-5 h1 { background: transparent url(_images/header/clients.gif) 0 0 no-repeat; }
	#page-6 h1 { background: transparent url(_images/header/contact.gif) 0 0 no-repeat; }
	
	#content {
		float: left;
	}
	
	#home #content {
		width: 360px;
	}

/* SIDE */
#side {
	float: right;
}
	#home #side {
		width: 340px;
		background: transparent url(_images/studios-homes.jpg) 0 0 no-repeat;
		padding-top: 185px;
	}
		#home #side p {
			margin-left: 18px;
		}

/* ----------------------------------- */
/* BOTTOM
/* ----------------------------------- */
#bottom-wrapper {
	background: #9e2420 url(_images/bg-main.jpg) 0 0 repeat-x;
}
	#home #bottom h2 {
		height: 12px;
		background: transparent url(_images/header/past-clients.gif) 0 0 no-repeat;
		text-indent: -3000px;
	}
	
	#bottom h2 {
		font-size: 16px;
	}
	
	.client-list td {
		width: 233px;
		border-top: 2px solid #b55855;
		padding-top: 5px;
		font-size: 11px;
		line-height: 14px;
		vertical-align: top
	}
	.client-list td a {
		font-size: 10px;
		padding: 2px;
		text-decoration: none;
	}
	.client-list td a:link, .client-list td a:visited {
		background: #000;
		color: #FFF;
	}
	.client-list td a:hover, .client-list td a:active {
		background: #FFF;
		color: #000;
	}
	
	.sub #bottom-wrapper {
		margin-top: -25px;
		padding-top: 50px
	}
	
	.sub #bottom li {
		margin-left: 20px;
	}	
	
	p.top {
		font-size: 10px;
		text-align: right;
	}
	
	.portfolio-intro {
		width: 340px;
		float: left;
		margin-right: 20px;
		border-top: 3px solid #bb4c48;
		padding-top: 5px;
		margin-bottom: 30px;
	}
	
	.photo-list {
		width: 340px;
		margin-bottom: 15px;
	}
		.photo-list li {
			list-style: none;
			display: inline;
			float: left;
			margin: 0 7px 0 0 !important;
		}
			.photo-list li img, .gallery-item img {
				border: 1px solid #b55855;
				padding: 2px;
				display: block;
			}
	
	.gallery-item {
		width: 120px;
		float: left;
		margin-bottom: 15px;
		margin-right: 10px;
		font-size: 11px;
		display: inline;
	}
	
	#contact-info {
		width: 250px;
		float: right
	}

/* ----------------------------------- */
/* FOOTER
/* ----------------------------------- */
#footer {
	margin-top: 15px;
	border-top: 1px solid #FFF;
	padding-top: 5px;
}
	#footer span {
		float: right;
		color: #c67e7c;
		text-align: right;
		font-size: 10px;
		line-height: 12px;
	}
	
	#footer li {
		list-style: none;
		display: inline;
		margin-right: 7px;
	}

/* ----------------------------------- */
/* GALLERY
/* ----------------------------------- */
.ngg-album {
	padding: 0px;
	border: none;
	border-top: 3px solid #bb4c48;
	padding-top: 5px;
	margin-bottom: 30px;
}
.ngg-gallery-thumbnail-box {
	height: 140px;
}
.ngg-gallery-thumbnail span {
	line-height: 14px;
}

#TB_caption {
	color: #000 !important;
	font-size: 14px;
	font-weight: bold;
}

/* ----------------------------------- */
/* FORM
/* ----------------------------------- */
#contact-form td {
	border-bottom: 1px solid #9b302d;
	vertical-align: top;
}
input, select, textarea {
	color: #000;
}

label.error {
	display: block;
	color: #FFF;
	font-weight: bold;
}
input.error {
	border: 2px solid #000;
}
.wpcf7-not-valid-tip {
	color: #FF0000;
}