/*----------------------- Imports ---------------------------------*/

@import "base.css";

/*----------------------- Page Styles -----------------------------*/

#body {
	width:100%;
	border-bottom:1px solid #372616;
	background:#312414 url('../images/body-bg2.jpg') repeat-x top right;
	padding-bottom:8px;
}
#welcome {
	margin:0 auto;
	padding-top:10px;
	width:950px;
	clear:both;
	overflow:hidden;
}
#home #welcome {
	padding-top:30px;
}
#image {
	float:left;
	width:550px;
	display:block;
	margin-right:15px;
	padding-top:330px;
	height:0 !important;
	height /**/:330px;
	overflow:hidden;
	background:url('../images/welcome-image-new.jpg') no-repeat;
}
#hero-frame {
	float:left;
	margin-right:15px;
	
	width:550px;
	height:330px; 
	
	background:url('../images/hero_frame.jpg') no-repeat;
}
#hero {	
	margin: 10px 0 0 10px;
	
	width:530px;
	height:310px; 
	overflow:hidden;
	position:relative;
}
#hero img {
	position:absolute;
	top:0;
	left:0;
}
#welcome p {
	font-family:Arial, sans-serif;
	padding:5px 0;
}
.p1 {
	font-size:24px;
	color:#d28412;
}
.p2 {
	font-size:18px;
	line-height:24px;
	color:#84694b;
}
.maintext {
	font-size:13px;
	line-height:20px;
	color:#c5af97;
}

.maintext a {
	color:#d28412;
}

.maintext strong {
	font-weight:bold;
	color:#d28412;
}

/*----------------------- Ticker Styles ---------------------------*/

#ticker {
	width: 100%;
	height: 200px;
	list-style: none;
}
#ticker li {
	float: left;
}
#ticker a {
	height: 160px;
	display: block;
	text-indent:-99999px;
}
#ticker li.blah a {
	width: 240px;
	height: 200px;
	background: url(../images/ticker_test.jpg) no-repeat center center;
	opacity: .4;
}
#ticker li.blah a:hover {
	opacity: 1;
}


/*----------------------- Our Work Styles -------------------------*/

#work .list {
	border:1px dotted #84694b;
	background:url(../images/1x1.png) repeat;
	margin:6px;
	padding:8px;
	width:430px;
	float:left;
}

.misktakes {
	font:normal 12px Arial, Helvetica, sans-serif;
	line-height:16px;
	color:#c5af97;
}

.misktakes li {
	list-style:none;
	padding:4px 0;
}

.misktakes li strong {
	font-size:16px;
	font-weight:bold;
	color:#d28412;
}

/*----------------------- Gallery Styles --------------------------*/

#gallery img {
	border: none;
}
#gallery #content {
	margin:0 auto;
	padding-top:10px;
	width:900px;
	overflow:hidden;
}
#thumb-container {

}
.thumb-border {
	width: 130px;
	height: 80px;
	margin: 10px;
	
	float: left;
	overflow: hidden;
	background: #473624;
}
/*
.thumb-border:nth-child(2n) {
	margin-left: 20px;
}
.thumb-border:nth-child(10n-2) {
	margin-bottom: 0px;
}
.thumb-border:nth-child(10n-3) {
	margin-bottom: 0px;
}
*/
.thumb {
	width: 124px;
	height: 74px;
	
	overflow: hidden;
	position: relative;
	margin: 3px 0 0 3px;
}
.thumb img {
	position: absolute;
	margin-top: -40px;
	top: 50%;
	left: 0;
}
#gallery-border {
	width: 600px;
	height: 380px;
	margin-left: 298px;
	
	overflow: hidden;
	background: #473624;
}
#gallery-container {
	width: 588px;
	height: 368px;
	
	overflow: hidden;
	position: relative;
	margin: 6px 0 0 6px;
}
#gallery-container img {
	position: absolute;
	margin: -50% 0 0 -50%;
	top: 50%;
	left: 50%;
}

/*----------------------- Testimonial Styles ----------------------*/

.testimonial {
	margin: 8px 0;
	padding: 8px;
	
	border:2px dotted #5c3a05;
	
	text-align:justify;
	font:normal 13px Arial, sans-serif;
	line-height:20px;
	color:#c5af97;
	
	overflow:hidden;
}
.testimonial p {
	width: 550px;
	float:right;
}
.testimonial strong {
	font-weight:bold;
	color:#d28412;
}
.testimonial a {
	color:#d28412;
}
.testimonial img {
	float:left;
	
	border:1px solid #7d4f07;
}

/*----------------------- Contact Styles --------------------------*/

#formwrapper {
	width:800px;
	margin:0 auto;
	padding:15px;
	border-top:1px solid #d28412;
	background:url(../images/1x1.png) repeat;
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#c5af97;
}
#form {
	width:400px;
	float:left;
}