@charset "utf-8";

@font-face {
    font-family: 'deliciousroman';
    src: url('../webfonts/delicious-roman-webfont.eot');
    src: url('../webfonts/delicious-roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/delicious-roman-webfont.woff') format('woff'),
         url('../webfonts/delicious-roman-webfont.ttf') format('truetype'),
         url('../webfonts/delicious-roman-webfont.svg#deliciousroman') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'deliciousbold';
    src: url('../webfonts/delicious-bold-webfont.eot');
    src: url('../webfonts/delicious-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/delicious-bold-webfont.woff') format('woff'),
         url('../webfonts/delicious-bold-webfont.ttf') format('truetype'),
         url('../webfonts/delicious-bold-webfont.svg#deliciousbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'deliciousitalic';
    src: url('../webfonts/delicious-italic-webfont.eot');
    src: url('../webfonts/delicious-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/delicious-italic-webfont.woff') format('woff'),
         url('../webfonts/delicious-italic-webfont.ttf') format('truetype'),
         url('../webfonts/delicious-italic-webfont.svg#deliciousitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

body { 
	margin:0; 
	padding:0; 
	font-family: 'deliciousroman', Verdana, Geneva, sans-serif;
	line-height:normal;
	color:#562e19;
	background:#fff9f1;
}
img { border:0; }
a { text-decoration:none; outline:none; color:#562e19; transition: color 0.5s ease 0s; }
a:hover { color:#ff8800; }

h2 { 
	margin:0; 
	padding:0 0 12px 0; 
	font-size:16px;
	font-weight:normal;
}
p { 
	margin:0; 
	padding:0 0 12px 0; 
	font-size:13px;
	line-height:18px;
}

/* Start of "Micro clearfix" */
.cf { zoom: 1; }
.cf:before,
.cf:after { content: ""; display: table; }
.cf:after { clear: both; }
/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}
/* End of "Micro clearfix" */

#container { width:980px; margin:30px auto; position:relative;}

#header {
	padding-bottom:50px;	
}

#logo {
	width:113px;
	float:left;
	padding:0 50px 0 17px;
	margin:0;
}

#menu {
	padding: 58px 0 0;
	margin: 0;
	font-size:32px;
	font-family:'deliciousroman', Verdana, sans-serif; 
}
#menu li {
	list-style: none;
	margin: 0;
	padding:0;
	display: inline;
}
#menu li a { float:left; padding: 0 50px 0 0; }
#menu li a:hover { font-weight: normal; }
#menu li a.current { color:#ff8800; }

#content {
	margin:0 auto;
	position:relative;
	min-height:600px;
}
#content_bleed {
	position:absolute;
	right:300px;
	height:451px;
	min-height:600px;
	width:3000px;
	background:url(../projects/images/contact_bg.jpg) repeat-x top right;
}
#contact_info {
	position:absolute;
	right:-350px;
	width:300px;
	color:#562e19;
}

#content nav {
	position:absolute;
	width:130px;
}
#content nav img{
	padding-top:25px;
}
#content nav p{
	text-align:right;
}

#content section {
	width:800px;
	position:absolute;
	left:180px;
}

#content .gallery {
	width:500px;
	padding-right:50px;
	float:left;
}
#content .gallery img {
	padding-bottom:25px;
}
#content .gallery p {
	float:none;
	width:500px;
}
#content section h2, #content section p {
	width:250px;
	float:left;
}
#content section p a {
color:#ff8800;
}

#navi {
	padding: 0;
	margin: 0;
	font-size:14px;
}
#navi li {
	list-style: none;
	margin: 0;
	padding:0 0 20px;
	text-align:right;
}
#navi li a { padding: 0;  }
#navi li a:hover { font-weight: normal; }
#navi li a.current { color:#ff8800; }


#footer {
	clear:left;
}

/* forms */
#contact {
	margin-bottom:20px;
	font-size:11px;
}

#contact input {
margin:10px 0;
padding:4px;
width:280px;
font-size:11px;
border:1px solid #e1e1e1;
border-radius:5px;
}

#contact textarea {
font-family: 'MyriadProRegular', Verdana, sans-serif;
margin:10px 0;
padding:4px;
width:280px;
height:370px;
font-size:11px;
border:1px solid #e1e1e1;
border-radius:5px;
}

#contact div {
position:relative;
}
#contact div label.error{
position:absolute;
top:-3px;
}

#contact input[type=submit] {
width:100px;
color:#333;
font-size:11px;
border:1px solid #e1e1e1;
outline:none;
border-radius:5px;}

#contact p {
margin-left:10px;
padding:4px;
color: #333;
font-size:12px;
border:1px solid #e1e1e1;
border-radius:5px;}}
#contact p.errorbox {
	border-color:#333;
}

p.thanks {
margin:10px 0 10px 334px;
padding:4px;
border:1px solid #e1e1e1;
border-radius:5px;
}

#banner {
position:absolute;
top:48%;
left:0;
z-index:2;
display:none;
}

.clear { clear:both; }