body{
	background:#ebebe3;
	font-family:Arial;
	border-top:3px solid #494749;
	font-size:12px;
}

a{
	outline:none;
}

abbr{
	font-weight:bold;
	border:none;
	padding-right:7px;
	color:#494849;
}

b{
	color:#494849;
}

.clearfix{
	clear:both;
}

.paragraph p{
	width:560px;
	margin-bottom:15px;
	font-size:12px;
}

.paragraph p.lolight{
	color:#666;
	font-size:11px;
}

.paragraph a{
	color:#000;
	text-decoration:none;
}
.paragraph a:hover{
	text-decoration:underline;
}

.paragraph h2{
	margin-bottom:10px;
	color:#636467;
}
.cufon-active .paragraph h2{
	font-size:18px;
	color:#636467;
	font-style:italic;
	margin:10px 0;
}

/* header and intro
-----------------------------------------------------------*/

#header{
	width:100%;
	height:200px;
	background:#494749 url('../images/ui/header-bg.png') repeat-x left bottom;
	position:relative;
	top:0;
	left:0;
	z-index:10;
	display:none;
}

#intro{
	width:640px;
	padding:25px 25px 25px 315px;
	margin:auto;
}

#intro a{
	color:#fff;
	font-weight:bold;
	text-decoration:underline;
}

#intro h1{
	color:#fff;
	font-weight:bold;
	padding-bottom:10px;
	font-size:16px;
}

#intro p{
	width:290px;
	color:#fff;
	padding-bottom:10px;
	font-size:12px;
}
#intro p i{
	font-weight:bold;
	font-style:normal;
}

#intro .column{
	width:320px;
	float:left;
}

#wedidthat{
	background:#fff url('../images/ui/wedidthat-bg.png') top left no-repeat;
	color:#fff;
	width:156px;
	height:20px;
	text-decoration:none;
	text-align:center;
	float:right;
	position:relative;
	top:-5px;
	right:10px;
	font-size:12px;
	font-weight:bold;
	outline:none;
	visibility:hidden;
}

/* wrapper
-----------------------------------------------------------*/

#wrapper{
	width:980px;
	margin:auto;
}

#wrapper h1.hidden{
	display:none;
}

/* nav
-----------------------------------------------------------*/

#nav{
	background:url('../images/ui/nav-bg.png') no-repeat center top transparent;
	width:140px;
	padding:165px 75px 0;
	position:fixed;
	top:225px;
	left:auto;
}

#nav li{
	margin-bottom:3px;
}

#nav li a{
	padding:4px 10px;
	text-decoration:none;
	background:#e2e2da;
	display:block;
	text-transform:uppercase;
	text-decoration:none;
	color:#6c6c6c;
	font-size:11px;
	outline:none;
}

#nav li a:hover{
	background:#c7c7bf;
}

#home #nav .home a,
#about #nav .about a,
#services #nav .services a,
#work #nav .work a,
#news #nav .news a,
#contact #nav .contact a{
	background:#c7c7bf;
	cursor:default;
}

/* content
-----------------------------------------------------------*/

#content{
	margin-left:290px;
	width:640px;
	padding:5px 25px 10px;
	background:url('../images/ui/content-bg.png') repeat-y left top transparent;
	float:left;
}

/* media
-----------------------------------------------------------*/

h2#section,
h2.title{
	font-family:Georgia;
	font-style:italic;
	font-size:22px;
	min-height:22px;
	margin-bottom:10px;
	border-bottom:1px dotted #000;
	padding-bottom:3px;
	padding-right:240px;
	color:#666;
	width:400px;
}

.cufon-loading h2#section,
.cufon-loading h2.title{
	visibility:hidden!important;
}

.cufon-active h2#section{
	font-size:26px;
	padding-bottom:6px;
	color:#333;
}

.media{	
	width:640px;
	height:360px;
	background:#333;
	overflow:hidden;
	margin:0 0 10px;
}

hr{
	height:5px;
	background:#fff;
	color:#fff;
	border:1px dotted #000;
	border-right-color:#fff;
	border-left-color:#fff;
	margin:0;
	margin-bottom:10px;
	clear:both;
}

/* copy
-----------------------------------------------------------*/

.copy{
	width:560px;
	border-bottom:1px dotted #000;
	margin-bottom:10px;
	padding-right:80px;
}
#services .copy{
	width:555px;
	border:none;
	padding-left:5px;
	margin-bottom:15px;
}

.copy h1{
	display:block;
	font-size:24px;
	color:#333;
	font-family:Georgia;
	margin-bottom:10px;
}

.copy h2{
	font-size:18px;
	font-style:italic;
	margin:10px 0;
}

.cufon-active .copy h2{
	font-size:20px;
	margin-left:-2px;
}

.copy p{
	clear:both;
	margin-bottom:10px;
}

.copy a{
	color:#333;
}

/* items
-----------------------------------------------------------*/

#items li{
	width:640px;
	height:177px;
	margin-top:10px;
	padding-bottom:10px;
	border-bottom:1px dotted #000;
	overflow:hidden;
	position:relative;
}
#items li.first{
	margin-top:0;
}
#items li.last{
	border-bottom:none;
	padding-bottom:0;
}

#items li a{
	text-decoration:none;
}

#items li img{
	margin-right:20px;
	float:left;
}

#items li div.mask,
#jcarousel-gallery ul li div.mask{
	height:100%;
	width:100%;
	background-color:#494749;
	display:none;
	position:absolute;
	top:0;
	left:0;
	z-index:9999;
}

#items h3{
	width:240px;
	float:left;
	padding:5px 65px 10px 0;
	font-size:14px;
	font-weight:bold;
	color:#444;
	line-height:100%;
	cursor:pointer;
}
#items h3 span{
	font-family:Georgia;
	font-size:14px;
	font-style:italic;
	color:#666;
	display:block;
	font-weight:normal;
}
.cufon-active #items h3 span{
	font-size:18px;
	margin-bottom:3px;
}

#items p{
	width:230px;
	padding-right:75px;
	float:left;
	font-size:12px;
	line-height:110%;
	color:#333;
	padding-bottom:10px;
	cursor:pointer;
}

/* all entries
-----------------------------------------------------------*/

#items,
#project{
	overflow:hidden;
	list-style:none outside none;
	margin:0;
	padding:0;
	clear:both;
}

/* single entry
-----------------------------------------------------------*/

#project li{
	width:640px;
	height:360px;
	float:left;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px dotted #333;
	position:relative;
}

#project a{
	color:#333;
}

#project li div.mask{
	height:100%;
	width:100%;
	background-color:#494749;
	display:none;
	position:absolute;
	top:0;
	left:0;
	z-index:9999;
}


/* pagination
-----------------------------------------------------------*/

#infscr-loading img{
	display:none;
}

#infscr-loading div{
	background:#D1D1D1;
	padding:10px;
	margin-top:10px;
}

#pagination{
	height:12px;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px dotted #000;

}

#news #pagination{
	margin-top:0;
}

#pagination a.prev,
#pagination a.next{
	display:block;
	float:left;
	text-decoration:none;
	color:#666;
}
.cufon-active #pagination a.prev,
.cufon-active #pagination a.next{
	font-style:italic;
	font-size:14px;
	line-height:70%;
}

#pagination a:hover{
	color:#000;
}

#pagination a.next{
	float:right;
}

/* typograhic
-----------------------------------------------------------*/

#summary{
	width:460px;
	float:left;
}

#share{
	width:170px;
	float:right;
}

.typographic{
	padding-bottom:10px;
	margin-bottom:10px;
	line-height:130%;
}

.typographic h2{
	border-bottom:2px solid #f4f3ee;
	border-color:#d1d1d1;
	padding:15px 0 5px;
	margin-bottom:10px;
	color:#333;
}
.cufon-active .typographic h2{
	font-size:16px;
	font-style:italic;
}

.typographic a{
	text-decoration:none;
	color:#333;
}

.typographic a.twitter{
	background:#fff url('../images/ui/icon-twitter14.gif') no-repeat top left;
	padding-bottom:1px;
	padding-left:20px;
}

.typographic a:hover{
	text-decoration:underline;
}

.typographic p{
	width:400px;
	margin-bottom:10px;
}

/* about
-----------------------------------------------------------*/

.cufon-active #about h2.leader{
	font-size:18px;
	color:#636467;
	font-style:italic;
	margin:10px 0;
}

#quotes{
	list-style:none;
	margin:0;
	padding:0;
	margin-bottom:10px;
}

#quotes li{
	width:500px;
	font-size:20px;
	color:#333;
	font-style:italic;
	display:block;
}

.service{
	float:left;
	width:300px;
	padding:5px;
	margin-right:10px;
	margin-bottom:10px;
	border-top:4px solid #e6e6db;
}

.service li{
	font-size:14px;
	text-transform:uppercase;
	line-height:130%;
	color:#636467;
}

.service h2{
	margin-bottom:5px;
}

.cufon-active .service h2{
	font-size:18px;
	font-style:italic;
	text-transform:capitalize;
}

/* contact
-----------------------------------------------------------*/

#enquiry{
	width:350px;
	margin:0 20px 10px 0;
	float:left;
}

#enquiry label{
	display:block;
	margin-bottom:5px;
}

#enquiry input,
#enquiry select,
#enquiry textarea{
	width:335px;
	padding:5px 10px 5px 5px;
	background:#e7e9df;
	border:1px solid #c0c1ba;
	color:#494849;
	font-family:Arial;
	font-size:13px;
}

#enquiry select,
#enquiry input.submit{
	width:350px;
	width:100%;
}

#enquiry select{
	padding:5px;
}

#enquiry input.submit{
	background:#494849;
	text-align:left;
	color:#e7e9df;
	text-transform:uppercase;
	border:none;
}
#enquiry input.submit:hover{
	background:#333;
}

#enquiry input.error,
#enquiry textarea.error,
#enquiry select.error{
	background:url('../images/ui/input-error-bg.gif') #e7e9df center right no-repeat;
	color:#a72020;
}

#enquiry textarea.error{
	background-position:330px 8px;
}

#enquiry label.error{
	margin-left:-5000px;
	float:right;
	visibility:hidden;
}

#enquiry p{
	margin-bottom:5px;
}

.generaldetails{
	width:220px;
	float:left;
	border-left:1px dotted #999;
	padding-left:20px;
}

.paragraph.generaldetails p{
	width:220px;
	margin-bottom:15px;
	font-size:12px;
}

.paragraph.generaldetails p.lolight{
	font-size:10px;
}

/* footer
-----------------------------------------------------------*/

#error #footer{
	display:none;
}

#footer{
	border-top:7px solid #d1d1d1;
	margin-top:10px;
	padding:7px 0;
	font-family:Georgia;
	font-size:10px;
	font-style:italic;
	color:#666;
	clear:both;
}

#footer p{
	float:right;
	text-align:right;
}

#footer a{
	float:left;
	color:#333;
	text-decoration:none;
}

#footer a:hover{
	color:#000;
}
.cufon-active #footer a{
	font-size:14px;
}

/* eof
-----------------------------------------------------------*/