html{
	margin:0;
	padding:0;
	background:#2b1907;
	width:100%;
	height:100%
}

body {
	margin:0;
	padding:0;
	background:url(images/woodbg.jpg) no-repeat top center;
	width:100%;
	height:100%;
}

img, img a, img a:link, img a:active, img a:hover{ border:none;}

a:focus{ -moz-outline-style: none;}

ul{
	margin:0;
	padding:0;
	list-style:none;
}

li{
	margin:0;
	padding:0;
	list-style:none;
}

h1{
	font-size: 14px;
	font-family: Verdana,Arial,Helvetica;
	color: #7f7469;
	font-weight: bold;
	text-align:left;
	margin:15px 0 5px 0;
}

h2{
	font-size: 12px;
	font-family: Verdana,Arial,Helvetica;
	color: #7f7469;
	font-weight: bold;
	text-align:left;
	margin:0px 0 5px 0;
}

h3{
	font-size: 11px;
	font-family: Verdana,Arial,Helvetica;
	color: #7f7469;
	font-weight: bold;
	text-align:left;
	margin:5px 0 0 0;
}

h4{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#cdd129;
	margin:0;
	padding:0;
}

p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	color:#FFF;
	margin:0;
	padding:0;
}


/*------------------------------------------CONTAINERS*/

#overflow_container{
	position:relative;
	margin:0;
	padding:0;
	height:100%;
}

#container{
	position:relative;
	width:800px;
	margin:0 auto;
	margin-bottom:-75px;
	min-height:100%;
	padding:0;
}

.clearfooter{
	height:75px;
	clear:both;
}


/*------------------------------------------NAV*/

#nav{
	height:100px;
}

#nav ul{
	
}

#nav li{
	float:left;
	position:relative;
}

#nav li#btn_home a, #nav li#btn_portfolio a, #nav li#btn_blog a{
	height:31px;
	display:block;
	text-indent:-9999px;
	margin:36px 20px 0 0;
}

#nav li#btn_home a{
	width:62px;
	background:url(images/btn_home-a.png) no-repeat top left;
}

#nav li#btn_home a:hover, #nav li#btn_home a.active{
	background:url(images/btn_home-b.png) no-repeat top left;
	}

#nav li#btn_portfolio a{
	width:78px;
	background:url(images/btn_portfolio-a.png) no-repeat top left;
}

#nav li#btn_portfolio a:hover, #nav li#btn_portfolio a.active{
	background:url(images/btn_portfolio-b.png) no-repeat top left;	
}

#nav li#btn_blog a{
	width:53px;
	background:url(images/btn_blog-a.png) no-repeat top left;
}

#nav li#btn_blog a:hover, #nav li#btn_blog a.active{
	background:url(images/btn_blog-b.png) no-repeat top left;
}
/*
#nav li#btn_playvideo a{
	background:url(images/btn_playvideo.png) no-repeat top left;
	width:125px;
	height:31px;
	display:block;
	text-indent:-9999px;
	margin:37px 0 0 -2px;
}

#nav li#btn_playblank{
	width:125px;
	height:31px;
	margin:37px 0 0 11px;
}

#nav li#btn_viewporty a{
	background:url(images/btn_viewporty.png) no-repeat top left;
	width:146px;
	height:31px;
	display:block;
	text-indent:-9999px;
	margin:37px 0 0 11px;
}

#nav li#btn_portyblank{
	width:146px;
	height:31px;
	margin:37px 0 0 11px;
}
*/
#nav li#btn_contactus a{
	background:url(images/btn_contactus.png) top left;
	width:447px;
	height:56px;
	display:block;
	text-indent:-9999px;
	margin:19px -9px 0 98px;
}


/*------------------------------------------PAGE TITLE*/

#pagetitle{
	height:70px;
	position:relative;
}

#title_showcase{
	background:url(images/img_showcase.png);
	width:149px;
	height:23px;
	text-indent:-9999px;
	margin:9px 0 0 22px;
}

#sub_showcase{
	background:url(images/img_projects.png);
	width:363px;
	height:19px;
	text-indent:-9999px;
	margin:5px 0 0 21px;
}

#btn_morework a{
	background:url(images/img_morework.png);
	width:274px;
	height:18px;
	text-indent:-9999px;
	display:block;
	float:right;
	margin:-22px 20px 0 0;
}

#btn_morework a:hover{
	background:url(images/img_morework_hover.png);
}

#title_contact{
	background:url(images/img_contact.png);
	width:182px;
	height:23px;
	text-indent:-9999px;
	margin:9px 0 0 22px;
}

#sub_contact{
	background:url(images/img_contactsub.png);
	width:410px;
	height:19px;
	text-indent:-9999px;
	margin:5px 0 0 21px;
}


/*------------------------------------------SHOWCASE*/

#showcase_container{
	position:relative;
}

#showcase ul{
	
}

#showcase_container li{
	width:208px;
	height:287px;
	float:left;
	position:relative;
	background:url(images/proj_bg.png);
	padding:19px 21px;
}

#showcase_container li img{
	margin-bottom:18px;
}

#showcase_container li#one, #showcase_container li#four{
	margin-right:12px;
}

#showcase_container li#two, #showcase_container li#five{
	margin:0 12px;
}

#showcase_container li#three, #showcase_container li#six{
	margin-left:12px;
}

#showcase_contaner li#one, #showcase_contaner li#two, #showcase_container li#three{
	margin-bottom:12px;
}

#showcase_container li#four, #showcase_container li#five, #showcase_container li#six{
	margin-top:12px;
	margin-bottom:24px;
}


/*------------------------------------------FORM*/

#formcontainer{
	width:800px;
	height:247px;
}

#formcontainer fieldset{
	float:left;
	position:relative;
	width:370px;
	height:247px;
	padding-top:18px;
	color:#c8c8c8;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	line-height:16px;
	overflow:hidden;
	border:none;
	margin-left:10px;
}

label, label span{
	display:block;
	padding-bottom:11px;
}

label {
	float:left;
	width:100%;
	padding-bottom:1em;
}

label span{
	float:left;
	width:96px;
}

label#formname span, label#formsurname span, label#formemail span, label#formphone span, label#formmessage span{
	width:96px;
	height:16px;
	text-indent:-9999px;
}

label#formname span{
	background:url(images/form_name.png) no-repeat bottom left;
}

label#formsurname span{
	background:url(images/form_surname.png) no-repeat bottom left;
}

label#formemail span{
	background:url(images/form_email.png) no-repeat bottom left;
}

label#formphone span{
	background:url(images/form_phone.png) no-repeat bottom left;
}

label#formmessage span{
	background:url(images/form_message.png) no-repeat bottom left;
}

.inputstyle{
	width:250px;
	height:18px;
	background:#FFF;
	border:none;
	padding-top:12px;
	padding-bottom:7px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

.messagestyle{
	height:60px;
	width:250px;
	background:#FFF;
	border:none;
	padding-top:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

.formsend{
	float:right;
}


/*------------------------------------------CONTACT INFO*/

#contactinfo_container{
	width:800px;
	border-top:#ccba7f 5px solid;
	position:relative;
}

#contactinfo li{
	float:left;
	position:relative;	
	width:210px;
	padding:20px;
}

#contactinfo p{
	font-size:12px;
	line-height:18px;
}

#contactinfo a{
	color:#cdd129;
	font-size:12px;
	font-weight:bold;
}

/*------------------------------------------FOOTER*/

#footer{
	position:relative;
	width:100%;
	height:70px;
	background:#2b1907;
	border-top:#ccba7f 5px solid;
}

#footercontent{
	position:relative;
	width:760px;
	margin:0 auto;
}

#footercontent p{
	padding-top:10px;
	color:#cdd129;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:15px;
	text-align:center;
}

#footercontent strong{
	font-weight:normal;
	color:#FFF;
}

#footercontent a{
	color:#FFF;
}


/*------------------------------------------PHP*/

#phpstyle{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:18px;
	font-weight:bold;
	color:#cdd129;
	margin:0 0 20px 20px;
}