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

body {
	background-image: url(images/bg.jpg);
	margin: 0px;
	padding: 0px;
}
#wrapper {
	width: 873px;
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	position: relative;
}
#header {
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
	height: 154px;
}
#content {
	background-image: url(images/bodybg.jpg);
	background-repeat: no-repeat;
	height: 451px;
	padding: 59px 80px 70px 96px;
}
#footer {
	background-image: url(images/footer.jpg);
	background-repeat: no-repeat;
	height: 46px;
	text-align: center;
	padding-top: 20px;
	color: #dcbf70;
}
#nav {
	float: right;
	padding: 42px 0 0 0;
	width: 549px;
}
	/* // nav menu */		
ul#menu {
	height:86px;
	list-style:none;
	margin:0;
	padding:0;
	padding-top:0px;
	width: 549px;
}
ul#menu li {
float:left;
}
ul#menu li a {
background:url(images/button.gif) no-repeat scroll top left;
display:block;
height:43px;
position:relative;
}
ul#menu li a span {
background:url(images/button.gif) no-repeat scroll bottom left;
display:block;
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
z-index:100;
}
ul#menu li a.home {
	width:66px;
}
ul#menu li a.about {
	width:69px;
	background-position:-66px 0px;
}
ul#menu li a.work {
	width:61px;
	background-position:-135px 0px;
}
ul#menu li a.blog {
	width:60px;
	background-position:-195px 0px;
}
ul#menu li a.contact {
	width:84px;
	background-position:-256px 0px;
}
ul#menu li a.services {
	width:92px;
	background-position:-339px 0px;
}
ul#menu li a.freebies {
	width:91px;
	background-position:-431px 0px;
}
ul#menu li a.home span {
background-position:0px -43px;
}
ul#menu li a.about span {
background-position:-66px -43px;
}
ul#menu li a.work span {
background-position:-135px -43px;
}
ul#menu li a.blog span {
background-position:-195px -43px;
}
ul#menu li a.contact span {
background-position:-256px -43px;
}
ul#menu li a.services span {
background-position:-339px -43px;
}
ul#menu li a.freebies span {
background-position:-431px -43px;
}
ul#menu li a span:hover {
cursor:pointer;
}
#welcome {
	height: 37px;
}
	/* slider */

		#slider ul, #slider li{ 
			margin:0;
			padding:0;
			list-style:none;
			}	
		#slider, #slider li{ 
			height:406px;
			width:666px;
			overflow:hidden;
			}	
		#slider{ 
			margin-left:5px;
			}	
		#prevBtn, #nextBtn{ 
			display:block;
			width:30px;
			height:77px;
			position:absolute;
			left:70px;
			top:400px;
			}	
		#nextBtn{ 
			left:770px;
			}														
		#prevBtn a, #nextBtn a{  
			display:block;
			width:30px;
			height:77px;
			background:url(images/btn_prev.gif) no-repeat 0 0;	
			}	
		#nextBtn a{ 
			background:url(images/btn_next.gif) no-repeat 0 0;	
			}								
#aboutbox {
	background-image: url(images/aboutbg.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 406px;
	width: 666px;
	margin-left: 12px;
}
#aboutext {
	width: 270px;
	margin: 30px 0 0 5px;
	font-size: 14px;
	line-height: 22px;
	color: #493405;
}
#works {
	margin: 0px;
	padding: 0px;
}
#blogbox {
	height: 406px;
	width: 666px;
	margin-left: 12px;
}
#blogtext {
	width: 440px;
	margin: 30px 0 0 5px;
	font-size: 14px;
	line-height: 22px;
	color: #493405;
	float: left;
}
#noteone {
	float: right;
	width: 158px;
	background-image: url(images/note1.png);
	background-repeat: no-repeat;
	height: 158px;
	padding: 20px 15px 0 15px;
	font-size: 14px;
	color: #653c0b;
	line-height: 20px;
}
#notetwo {
	float: right;
	width: 158px;
	background-image: url(images/note2.png);
	background-repeat: no-repeat;
	height: 156px;
	padding: 20px 15px 0 15px;
	line-height: 20px;
	color: #653c0b;
	font-size: 14px;
	margin-top: 10px;
}
.browntitle {
	font-size: 18px;
	font-weight: bold;
	color: #653c0b;
}
.orangetitle {
	font-size: 20px;
	line-height: 25px;
	font-weight: bold;
	color: #ff5816;
}
.date {
	font-size: 20px;
	line-height: 25px;
	font-weight: bold;
	color: #305c95;
}
#contactbox {
	height: 406px;
	width: 666px;
	margin-left: 12px;
}
#contacttext {
	width: 440px;
	margin: 30px 0 0 5px;
	font-size: 14px;
	line-height: 22px;
	color: #493405;
	float: left;
}
#contacttext input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 6px;
	border: 1px solid #660000;
	width: 250px;
	margin: 5px 0 5px 0;
}
#contacttext label {
	float: left;
	width: 80px;
	display: block;
	padding: 3px;
	margin: 3px 0 3px 0;
	clear: both;
}
#contacttext textarea {
	border: 1px solid #660000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 6px;
	width: 250px;
	margin: 5px 0 5px;
}
#whatbox {
	height: 406px;
	width: 666px;
	margin-left: 12px;
}
#whattext {
	width: 440px;
	margin: 30px 0 0 5px;
	font-size: 16px;
	line-height: 28px;
	color: #493405;
	float: left;
}
.lightbluetitle {
	font-size: 20px;
	font-weight: bold;
	color: #14a7d1;
}
.pinktitle {
	font-size: 20px;
	font-weight: bold;
	color: #F71761;
}
#freebox {
	height: 406px;
	width: 666px;
	margin-left: 12px;
}
#freetext {
	width: 440px;
	margin: 30px 0 0 5px;
	font-size: 14px;
	line-height: 20px;
	color: #493405;
	float: left;
}