/* tag styles */

html {
	overflow: -moz-scrollbars-vertical;
}
body {
	background-color: #470505;
	background-image: url("images/background.jpg");
	background-repeat: no-repeat;
	background-position: center top;
	margin: 45px 15px 15px 15px;
	font-family: Trebuchet MS, Verdana, Arial, Tahoma, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #A4A78A;
}
p {
	text-align: justify;
	margin: 0px;
	padding: 0px 0px 10px 0px;
}
h1 {
	display: none;
}
h2 {
	font-size: 15px;
	font-weight: bold;
	line-height: 15px;
	color: #7C2424;
	margin: 0px; 
	padding: 0px 0px 5px 0px;
}

/* form styles */

input, textarea {
	font-family: Trebuchet MS, Verdana, Arial, Tahoma, sans-serif;
	color: #B1BD56;
	font-size: 1.2em;
	background: none;
	border: none;
	outline: none;
}
input.text {
	width: 375px;
	height: 20px;
	padding: 5px 2px 1px 2px;
}
textarea.text {
	width: 373px;
	height: 187px;
	margin: 5px 4px; 0px 0px;
}
.label {
	background-image: url("images/bg_label.png");
	background-repeat: no-repeat;
	background-position: 0px 1px;
	color: #B1BD56;
	vertical-align: top;
	padding: 9px 0px 0px 7px;
	text-align: left;
}
.formfield {
	background-image: url("images/bg_formfield.png");
	background-repeat: no-repeat;
	background-position: right top;
	text-align: right;
}
.captcha {
	background-image: url("images/bg_captcha.png");
	background-repeat: no-repeat;
	background-position: right top;
	text-align: right;
}
.textarea {
	background-image: url("images/bg_textarea.png");
	background-repeat: no-repeat;
	background-position: right top;
	text-align: right;
}
.button {
	display: block;
	float: left;
	margin: -10px 0px 0px 12px;
	width: 96px;
	height: 74px;
	border: none;
	background: none;
	background-image: url("images/submit.png");
	background-repeat: no-repeat;
	cursor: pointer;
}
.button:hover {
	display: block;
	float: left;
	margin: -10px 0px 0px 12px;
	width: 96px;
	height: 74px;
	border: none;
	background: none;
	background-image: url("images/submit_hover.png");
	background-repeat: no-repeat;
}
	

/* structure styles */

#content {
	background-color: #0F0F0F;
        background-image: url("images/bg_content.png");
	padding: 20px 20px 0px 20px;
	height: 400px;
	vertical-align: top;
}
#left {
	margin: 0px;
	float: left;
	width: 290px;
}
#center {
	background-image: url("images/bg_center.png");
	background-repeat: no-repeat;
	background-position: 50% 60%;
	margin: 0px;
	padding: 0px 20px 0px 20px;
	float: left;
	width: 290px;
}
#right {
	margin: 0px;
	float: left;
	width: 290px;
}
#page {
	background-image: url("images/bg_page.png");
	background-repeat: no-repeat;
	background-position: top right;
	margin: 0px;
	padding: 10px;
	float: right;
	width: 580px;
}
#footer {
	text-align: left;
	vertical-align: top;
}

#testimonials {
	clear: both;
}
#testimonials p {
	text-align: justify;
        text-indent: 32px;
	margin: 0px;
	padding: 0px 0px 5px 0px;
}

#portfolio {
	position: relative; 
	height: 190px; 
	background: url("images/bg_portfolio.png"); 
	padding: 20px 30px 0px 440px; 
	margin: 0px 0px 20px 0px;
}
#portfolio .thumb {
	position: absolute; 
	left: 18px; 
	top: 18px; 
	width: 391px; 
	height: 170px;
	border: none;
}
#portfolio h3 {
	font-family: Century Gothic, Trebuchet MS, Verdana, Arial, Tahoma, sans-serif;
	font-size: 18px;
	letter-spacing: 1px;
	color: #B1BD56;
	margin-bottom: 15px;
}
#portfolio p {
	margin: 0px; 
	padding: 5px 0px 7px 80px; 
	line-height: 14px; 
	text-align: left;
	background: url("images/project_info.png") 0 0 no-repeat;
}
#portfolio strong {
	display: none;
}
#portfolio p.client {
	background-position: 0px 0px;
}
#portfolio p.mywork {
	background-position: 0px -70px;
}
#portfolio p.note {
	background-position: 0px -140px;
}
#portfolio p.status {
	background-position: 0px -210px;
}
#portfolio p.status a {
	color: #A4A78A; 
	text-decoration: none; 
	padding-right: 16px; 
	background: url("images/project_link.png") right no-repeat;
}
#portfolio p.status a:hover {
	color: #B1BD56;
	text-decoration: none;
}

.signature {
	text-align: right;
}
.error {
	background: #292929; 
	border: 1px solid #9C160E;
	color: #9C160E;
}

/* multi paging */

.pagenav {
	height: 26px; 
	line-height: 26px;
	
	color: #B4C03C;
}
.current {
	display: table-cell; 
	width: 30px; 
	height: 26px; 
	background: url("images/project_paging.png");
	background-position: -60px 0;
	font-weight: bold;
	color: #E0A19F;
	text-align: center; 
	text-decoration: none;
}
.pagenav a, a.pagenav:link, a.pagenav:visited, a.pagenav:active {
	display: table-cell; 
	width: 30px; 
	height: 26px; 
	background: url("images/project_paging.png");
	font-weight: bold;
	color: #B4C03C;
	text-align: center; 
	text-decoration: none;
}

.pagenav a:hover, a.pagenav:hover {
	background-position: -30px 0;
	color: #FBFFD6;
}

/* link styles */

a:link, a:visited, a:active {
	color: #8A1917;
	text-decoration: none;
}
a:hover {
	color: #A4A78A;
	text-decoration: none;
}

a.quote:link, a.quote:visited, a.quote:active {
	font-style: oblique;
	color: #B1BD56;
	text-decoration: none;
}
a.quote:hover {
	font-style: oblique;
	color: #A4A78A;
	text-decoration: none;
}