@import url("reset.css");

/* -- GLOBAL ------------- */

BODY				{background:#ede9e1 url('../img/body-bg.jpg') no-repeat center top;}
a				{color:#d15a28;font-weight:bold;}
.break				{clear:both;}


/* -- Structure ------------- */

#container			{width:880px;margin:auto;padding-top:40px;}
.hide				{display:none;}
p				{padding-bottom:15px;}

/* -- HEADER ------------- */

#header				{overflow:visible;width:880px;border-bottom:2px dashed #fff;margin-bottom:40px;}
h1					{float:left;width:495px;height:52px;background:url('../img/logo.gif') no-repeat;text-indent:-9999px;}
h1 a				{display:block;width:455px;height:52px;}

#header ul {
	float:right;
	height:52px;
}

#header ul li {
	float:left;
}

#header ul li a {
	display:block;
	text-indent:-9999px;
}

#mwork a {		width:51px;height:52px;background:url('../img/nav-work.gif') no-repeat 0 0; }
#mwork a.active {background:url('../img/nav-work.gif') no-repeat 0 -104px;}

#mblog a {		width:60px;height:52px;background:url('../img/nav-blog.gif') no-repeat 0 0; }

#mprofile a {	width:77px;height:52px;background:url('../img/nav-profile.gif') no-repeat 0 0; }
#mprofile a.active {background:url('../img/nav-profile.gif') no-repeat 0 -104px;}

#mcontact a {	width:71px;height:52px;background:url('../img/nav-contact.gif') no-repeat 0 0; }
#mcontact a.active {background:url('../img/nav-contact.gif') no-repeat 0 -104px;}

#header ul li a:hover {	background-position:0 -52px;}

h2 {
	width:880px;
	height:50px;
	margin-bottom:40px;
	text-indent:-9999px;
}

#hdr-work {	background:url('../img/hdr-work.jpg') no-repeat;}

#hdr-profile { background:url('../img/hdr-profile.jpg') no-repeat;}

#hdr-contact { background:url('../img/hdr-contact.jpg') no-repeat;}

h4 {
	font-size:20pt;
	line-height:20pt;
	padding-bottom:5px;
}

.mod {
	float:left;
	width:280px;
	font:10pt/14pt Arial, Helvetica, sans-serif;
	color:#543118;
	margin-bottom:20px;
}

.mod-2x {
	float:left;
	width:580px;
	font:10pt/14pt Arial, Helvetica, sans-serif;
	color:#543118;
	margin-bottom:20px;
}

.pad {
	margin-right:20px;
}


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

form {
	width: 580px;
	text-align: left;
}

legend {
	display: none;
}

form label {
	float:left;
	display: block;
	width: 530px;
	font-size: 12px;
	padding:12px 0 0 0;
	line-height: 14px;
	text-transform:uppercase;
	font-weight:bold;
	color:#543118;
	overflow:hidden;
}

form input {
	display: block;
	margin-top:3px;
	border:1px solid #b0ab99;
	font:12pt Arial, Helvetica, sans-serif;
	color:#777;
}

form textarea {
	display: block;
	border:1px solid #b0ab99;
	font:12pt Arial, Helvetica, sans-serif;
	color:#777;
	margin-top:3px;
}

form label.field-name,
form label.field-subject,
form label.field-message {
	clear: left;
}

form label.field-name {
	margin: 0px 20px 0px 0px;
}

form label.field-name,
form label.field-email {
	width: 280px;
}


form label.field-subject,
form label.field-message {
	width: 580px;
}


form label.field-name input,
form label.field-email input {
	float:left;
	width: 260px;
	padding: 5px;
}

form label.field-subject input,
form textarea  {
	clear:both;
	width: 560px;
	padding: 5px;
}

form input.submit {
	clear:both;
	float:right;
	padding:10px 10px 0 0;
	border:none;
}

#success {
	clear:both;
	width:578px;
	padding:20px 0;
	margin-bottom:20px;
	border:1px solid #b0ab99;
	background-color:#d15a28;
	color:#FFF;
	text-align:center;
	font-size:14pt;
}

#error {
	clear:both;
	width:578px;
	padding:20px 0;
	margin-bottom:20px;
	border:1px solid #b0ab99;
	background-color:#543118;
	color:#FFF;
	text-align:center;
	font-size:14pt;
}

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

#footer {
	overflow:hidden;
	padding:20px 0;
	border-top:2px dashed #fff;
	margin-top:20px;
	font:10pt/14pt Arial, Helvetica, sans-serif;
	color:#b0ab99;
}
	
#footer span {
		display:block;
		float:right;
	}
	
#footer span a{
		margin-left:10px;
	}