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

/* Reset */

html, body, div, span, object, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, code, em, font, img, ol, ul, dl
fieldset, form, label, input, textarea{
	margin:0; 
	padding:0 0 0 0; 
	border:0; 
	outline:0; 
	vertical-align:baseline; 
	background:transparent; }
h1, h2, h3, h4, h5, h6, p, blockquote, ol, ul, fieldset, form{
	padding:0 0 12px 0; }
input[type="button"], select{
	cursor:pointer; 
}

/*layout*/
body{
	font:12px/18px Arial,Helvetica,sans-serif; 
	color:#fff; 
 
background: url(headerbg.jpg) repeat-x;
background-position:center top;
background-color:#8D3509;
text-align: left;}
 #logo {
margin: 0 auto;
text-align: center;

}
#page{
	float:left; 
	width:100%; 
	text-align: left;}
.wrap{
	width:960px; 
	margin:0 auto; }
	.wrap2{
	width:960px; 
	margin:0 auto;
background:url(test.jpg) no-repeat bottom;}
			.centerwrap{

	margin:0 auto;
	float: left; }
#header{
	margin:0; 
	float:left; 
	width:100%; }
#about, #portfolio, #contact{
	float:left; 
	width:100%; 
	padding:0em 0 0 0; }
 
	#contact3{

	float:right; 
	width:400px; 
	padding:0em 0 0 0; }
#contact{
	padding-top:4.25em; 
	border-top:5px solid #fff; 
	background:url(contact_bg.gif) repeat-x; }
#header .wrap{
	padding:4.1em 0 0 0; 
	background:url(header_bg.jpg) top left no-repeat; 
	background-repeat:no-repeat; 
	position:relative; }
#about .wrap{
	padding-bottom:3.5em; 
	background:url(about_wrap_bg.jpg) bottom right no-repeat; 
	position:relative; }
	
	#contact3 .wrap{
	padding-bottom:3.5em; 
	position:relative; 
		background:url(test.jpg) bottom right no-repeat;}
		
#portfolio .wrap{
	background:url(portfolio_bg.gif) 160px 310px no-repeat; 
}
a:link, a:visited{
	color:#F2D5C6; 
	text-decoration:none; }
a:hover{
	color:#D1A792; }
p{
	margin:0; 
	padding:0 0 15px 0; }
button, input[type="submit"]{
	cursor:pointer; }

/*header*/
h1#logo{
	width:448px; 
	height:108px; 
	text-indent:-3000px; 
	padding:0; 
	margin:0; }
h1#logo a{
	width:448px; 
	height:108px; 
	display:block; 
	margin:0 0 0 0; 
	background:url(logo.png) top left no-repeat; }

#intro{
	padding:3.75em 0 0 0; 
	position:relative; }
#intro h2{
	font-size:34px; 
	letter-spacing:-1px; 
	line-height:44px; 
	font-weight:normal; 
	margin:0; 
	padding:0 0 30px 0; }
#intro h2 a{}
#intro h2 a.yellow{
	color:#D1A792; }
#intro h2 a:hover{
	color:#D1A792; 
	border-bottom:1px dotted #D1A792; }
#intro .bird{
	width:29px; 
	height:29px; 
	padding:0; 
	margin:0; 
	position:absolute; 
	top:35px; 
	left:59px; 
	z-index:1; }


/*main-menu*/
.main-nav-wrap{
	background:url(divider.gif) repeat-x bottom; 
	float:left; 
	width:100%; 
	padding:3.5em 0 0px 0; 
	margin:0 0 3em 0; }

.main-nav-wrap .main-nav{
	float:right; 
	list-style:none; 
	padding:0; 
	margin:0; }
.main-nav-wrap .main-nav li{
	color:#D96B34; 
	list-style:none; 
	display:inline; 
	float:left; 
	margin:0 0 0 20px; 
	padding:5px 0px; }
.main-nav-wrap .main-nav li.current{
	border-bottom:3px solid #fff; }
.main-nav-wrap .main-nav li a{
	display:block; 
	float:left; 
	text-transform:uppercase; 
	color:#D96B34; 
	font-size:12px; }
.main-nav-wrap .main-nav li.current a, .main-nav-wrap .main-nav li.current a:hover{
	color:#fff; }
.main-nav-wrap .main-nav li a:hover{
	color:#D1A792; }
.button_top{
	width:50px; 
	height:20px; 
	text-indent:-3000px; 
	padding:0; 
	margin:12px 0 0 5px; 
	float:left; }
.button_top a{
	background:url(button_top.png) no-repeat; 
	display:block; 
	width:50px; 
	height:20px; }
#contact .button_top{
	margin:-52px 0 0 5px; }
#contact .button_top a{
	background:url(button_top2.png) no-repeat; }


 
.links0{
	width:318px; 
	float:left; 
	margin:0 36px 0 0; }
	.about{
	width:300px; 
	float:right; 
	margin:0 36px 0 0; }
		.contact3{

	float:right; 
	margin:0 36px 0 0; }
.design-work{
	width:100%; }
.about h2, 
.list h2, 
.links2 h2, 
.links h2, 
.design-work h2{
	color:#fff; 
 
	text-transform:uppercase; 
	font-weight:normal; }
.about h2 span{
	display:block; 
	height:39px; }
.list h2 span{
 
	display:block; 
	height:39px; }
 
.links2 h2 span{
 
	display:block; 
	height:42px; }
 
.design-work h2 span{
	background:url(portfolio_title.png) no-repeat; 
	display:block; 
	height:39px; }
ul.works{
	padding:0; 
	margin:0; }
.works li{
	float:left; 
	width:287px; 
	list-style:none; 
	margin:0 0 18px 47px; 
	min-height:302px; 
	height:auto !important; 
  	height:302px; }
.works li.row1{
	margin:0 0 10px 0; 
	clear:left; }
.works a.image-thumb{
	position:relative; 
	margin:0 0 8px 0; 
	float:left; 
	border:7px solid #1f6164; 


}
.works a.image-thumb:hover{
	border:7px solid #fff; 
}
.works li a.image-thumb:hover span{
	width:40px; 
	height:32px; 
	display:block; 
	position:absolute; 
	bottom:0; 
	left:233px; 
	z-index:2; 
  
}
.works a.hidden{
	margin:0 0 0px 0; 
	float:left; 
	border:0px; 
	display:none; 
	visibility:hidden; }
.works a.hidden:hover{
	border:0px; }
.featured-work .image-thumb img, 
.works .image-thumb img{
	float:left; }
.works h3{
	color:#F2D5C6; 
	font-size:16px; 
	font-weight:normal; 
	margin:0; 
	padding:0 0 0 0; }
.works h3 a:hover{
	color:#D1A792; }
.works li .byline{
	margin:0; 
	padding:0 0 4px 0; 
	text-transform:uppercase; 
	font-size:10px; 
	color:#D96B34; }
.works li p{
	margin:0; 
	padding:0 0 10px 0; }
.links p, .links2 p{
color: #752A04;
	font-size:13px; 
	line-height:20px; 
	padding:0 0 18px 0; }
.links span, .links2 span, .links0 span, #footer span{
	 
	color: #FCE4EC;
}

 
.links{
	width:283px; 
	float:left; 
	margin:0 36px 0 0; }
.list{
	width:200px; 
	float:right; 
	margin:0 0 0 36px; }
.list2{
	width:400px; 
	float:right; 
	margin:0 0 0 0; }


/*links2*/
.links2{
	width:286px; 
	float:right; }
 .list2 ul, .links2 ul{
	list-style:none; }
.list2 ul li{
	background:url(tick.png) left 2px no-repeat; 
	padding:0 0 9px 15px; 
	display:block; }
	 
 
.list ul, .links2 ul{
	list-style:none; }
.list ul li{
	background:url(tick.png) left 2px no-repeat; 
	padding:0 0 9px 15px; 
	display:block; }
.links2 ul li {
	display:block; 
	padding:4px 0; 
	border-bottom:1px solid #FCE4EC; }
.links2 ul li.row1{
	padding-top:0px; 
}
.links2 ul li.lastitem{
	border-bottom:0px; 
}
.links ul li {
	display:block; 
	padding:4px 0; 
	border-bottom:1px solid #FCE4EC; }
.links ul li.row1{
	padding-top:0px; 
}
.links ul li.lastitem{
	border-bottom:0px; 
}
.links0 ul li {
	display:block; 
	padding:4px 0; 
	border-bottom:1px solid #FCE4EC; }
.links0 ul li.row1{
	padding-top:0px; 
}
.links0 ul li.lastitem{
	border-bottom:0px; 
}
li.connect_facebook{
	background:url(icon_facebook.gif) right 50% no-repeat; }
li.connect_flickr{
	background:url(icon_flickr.gif) right 50% no-repeat; }
li.connect_lastfm{
	background:url(icon_lastfm.gif) right 50% no-repeat; }
li.connect_linkedin{
	background:url(icon_linkedin.gif) right 50% no-repeat; }
li.connect_twitter{
	background:url(icon_twitter.gif) right 50% no-repeat; }
li.connect_krop{
	background:url(icon_krop.gif) right 50% no-repeat; }


 
#links0 p{
	position:absolute; 
	display:block; 
	background:#FCE4EC; 
	margin:0; 
	padding:4px 0; 
	width:65px; 
	text-align:center; 
	color:#752A04; 
 
 
}
#cf_captcha{
	margin-left:71px; 
	width:219px; }
#cf_name:focus, #cf_email:focus, #cf_website:focus, #cf_message:focus, #cf_captcha:focus{
	border:1px solid #338f94; }

.loader{
	padding-right:10px; }


/*footer*/
#footer{
	background:url(divider.gif) repeat-x top; 
	padding:.7em 0 1.25em 0; 
	margin:1.2em 0 0em 0; 
	float:left; 
	width:100%; }
#footer p{
	padding-bottom:2px; }
#footer a, #footer a:visited{
	color:#D1A792; 
	font-weight:bold; 
	text-decoration:none; 
	text-transform:uppercase; 
	font-size:10px; }
#footer .footer-copyright{
	font-size:10px; 
	text-transform:uppercase; }
#footer .footer-copyright a, #footer .footer-copyright a:visited{
	font-weight:normal; }
#footer a:hover{
	text-decoration:underline; }
abbr{
	cursor:help; 
	font-style:italic; }

/*common styles*/
.clear{
	clear:both; }
strong, b{
	font-weight:bold; }
img{
	border:0; }
.clear{
	clear:both; }
.clearLeft{
	clear:left; 
}
.alignLeft{
	text-align:left; }
.alignRight{
	text-align:right; }
.alignJustify{
	text-align:justify; }
.alignCenter{
	text-align:center; }
.floatLeft{
	float:left; 
	margin-right:-3px; }
.floatRight{
	float:right; 
	margin-right:3px; }
.ie_fix{
   display:none; }
.border{
	border:1px solid red; 
}
 

#top-button {
  width: 100px;
  position: fixed;
  margin-left: 10px;
padding-top:500px;
}
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}

#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }

#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }

#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}


#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }