@font-face {
    font-family: 'CenturyGothic';
    src: url('/fnt/century_gothic-webfont.eot');
    src: url('/fnt/century_gothic-webfont.eot?iefix') format('eot'),
         url('/fnt/century_gothic-webfont.woff') format('woff'),
         url('/fnt/century_gothic-webfont.ttf') format('truetype'),
         url('/fnt/century_gothic-webfont.svg#webfontDqGNkguq') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{
	font-family: Arial, Helvetica;
	font-size: 14px;
	color:#515151;
	line-height: 20px;
}

a{
	text-decoration: none;
	outline: none;
	color:#00AFA5;
}

a:hover{
	color:#e83424;
}

hr{
	display: block;
	border: 0;
	border-bottom: 1px solid #ccc;
	padding:5px 0;
	color:white;
}

hr.bigmargin{
	margin:20px 0;
}

h1.home, h2.about, h2.contact{
	font-family: 'Sansita One', Georgia;
	font-size:20px;
	color: #00afa5;
	margin-bottom: 20px;
}

h2.about, h2.contact{
	font-size: 22px;
	margin-bottom:30px;
}

#contact label{
	padding-left:12px;
	margin-bottom:5px;
}

label{
	display: block;
}

h1.project{
	font-family: 'Sansita One', Georgia;
	font-size:32px;
	color: #00afa5;
	padding-bottom: 10px;
	margin-bottom: 10px;
	display: inline;
	position: absolute;
	top:0;
	left:140px;
	width:220px;
	text-align: right;
	line-height:110%;
}

h2.entry-title, h4, h1.blog{
	font-family: 'Sansita One', Georgia;
	font-size:16px;
	color:#00afa5;
	line-height: 32px;
	margin-bottom:0;
}

h2.entry-title, h1.blog{
	font-size:32px;
}


h3{
	font-family: 'Sansita One', Georgia;
	font-size:22px;
	color:#10b4ab;
	line-height: 34px;
}

h4{
	margin:8px 0;
}

#header{
	height:112px;
	padding:20px 20px 0 20px;
}

#logo{
	position: absolute;
	top:0px;
}

#headercontainer{
	border-bottom: 1px solid #ccc;
	height:67px;
	margin-left:132px;
	position: relative;
}

ul#nav{
	padding-top:30px;
	padding-left:88px;
	height:21px;
	float: right;
}

ul#nav li{
	float:left;
	margin-left:40px;
	font-size: 20px;
}

ul#nav li a{
	display: block;
	height:21px;
	overflow: hidden;
	line-height: 100px;
}

ul#nav li a.home{ width:74px; background: url(/images/nav/home.gif) -74px 0 no-repeat; }
ul#nav li a.work{ width:77px; background: url(/images/nav/work.gif) -77px 0 no-repeat; }
ul#nav li a.blog{ width:63px; background: url(/images/nav/blog.gif) 0 0 no-repeat; }
ul#nav li a.about{ width:83px; background: url(/images/nav/about.gif) -83px 0 no-repeat; }
ul#nav li a.contact{ width:118px; background: url(/images/nav/contact.gif) -118px 0 no-repeat; }

ul#nav li a.home:hover, ul#nav li a.home.active{ background-position: 0 0; }
ul#nav li a.work:hover, ul#nav li a.work.active{ background-position: 0 0; }
ul#nav li a.blog:hover, ul#nav li a.blog.active{ background-position: -63px 0; }
ul#nav li a.about:hover, ul#nav li a.about.active{ background-position: 0 0; }
ul#nav li a.contact:hover, ul#nav li a.contact.active{ background-position: 0 0; }

ul#homeslider li{
	float:left;
	display: block;
	width:700px;
	height:400px;
}

.homesliderimg{
	width:450px;
	height:400px;
	overflow: hidden;
	float:left;
	padding-right:50px;
}

.homeslidertxt{
	width:200px;
	float: left;
}

.homeslidertxt h1{
	font-size: 32px;
	color:#00afa5;
	line-height:35px;
	font-family: 'Sansita One', Georgia;
	padding:15px 0;
}

.homeslidertxt p{
	font-family: CenturyGothic;
	color:#9d9d9d;
	font-size:18px;
	padding:10px 0 20px 0;
	line-height: 23px;
}

#homeslidernav{
	height:35px;
	clear:both;
	width:700px;
	margin-bottom:20px;
}

.homeborder{
	width:920px;
	height:1px;
	border-bottom:1px solid #ccc;
	position: absolute;
	left:20px;
	top:440px;
}

#homeslidernav a{
	display: block;
	width:12px;
	height:12px;
	background: url(/images/homeslidernav_btn.png);
	overflow: hidden;
	line-height:1000px;
	float:left;
	margin:7px 5px 0 0;
}

#homeslidernav a:hover, #homeslidernav a.activeSlide{
	background-position: -12px 0;
}

#section{
	clear: both;
	position: relative;
}

.slidesContainer{
	margin:0 104px 0 313px;
	height:623px;
	position: relative;
	overflow: hidden;
}

.slidesContainerHome{
	position: relative;
	overflow: hidden;
	margin:0 20px;
}

.homepage{
	position: relative;
}

.hentry{
	display: block;
	width:800px;
	border-bottom:1px solid #ccc;
	margin-bottom:45px;
}

.comments{
	display: none;
}

#dsq-subscribe{
	display: none;
}

.blognav{
	padding:15px 0;
	border-bottom: 1px solid #ccc;
}

.blognavnrs{
	color
}

.blogselection{
	float: left;
	width:250px;
	margin-top:25px;
	line-height: 14px;
}

.blogselection li a{
	color:#00afab;
	font-size:11px;
	line-height:18px;
}

.blogselection h5{
	font-family: 'Sansita One', Georgia;
	font-size:16px;
	color:#00afa5;
	line-height: 24px;
	margin-bottom:0;
}

#slideInner{
	position: relative;
	left:0px;
}

.slide{
	display: block;
	z-index: 50;
	height:623px;
	cursor: move;
}

.column{
	width:170px;
	position: absolute;
	padding:0 20px;
	top:0;
}

.widecolumn{
	width:940px;
	margin:40px auto 0 auto;
	padding-bottom:100px;
}

p.intro{
	font-family: 'Sansita One', Georgia;
	font-size: 32px;
	color: #10b4ab;
	line-height: 130%;
	padding-bottom:10px;
}

.aboutcolumn{
	float: left;
	width: 200px;
	margin-right:35px;
}

.newsdate{
	font-size: 11px;
	font-style: italic;
	margin-bottom:20px;
	display: block;
}

.homeimg{
	width:450px;
	margin-right:50px;
	float:left;
}

.blogfooter{
	margin:10px 0 15px 0;
}

span.spacer{
	margin:2px 5px 0 5px;
	display: inline-block;
	border-left:1px solid #ccc;
	height:15px;
	width:1px;
}

.hometxt{
	float: left;
	width:300px;
}

ul#work{
	display: block;
	padding:0px 11px 11px 20px;
	margin: 20px auto;
}

ul#work li{
	display: block;
	float:left;
	margin:0 9px 9px 0;
	position: relative;
	width:178px;
	height:178px;
	overflow: hidden;
	background-color:#00afa5;
	
}

ul#work h2{
	color:#00afa5;
	font-size: 14px;
	text-transform: uppercase;
	background: white;
	position: absolute;
	top:0;
	left:0;
	padding:3px 7px 3px 3px;
	font-family: CenturyGothic;
	word-wrap: break-word;
}

.btn{
	position: absolute;
	display: block;
	width:41px;
	height:46px;
	border: 0;
	cursor:pointer;
	overflow: hidden;
}

.btn-disabled{
	opacity:0.5;
	filter:alpha(opacity=50);
	cursor: default;
}

.btnprev{
	background: url(/images/btn_left.gif) no-repeat;
	left:20px;
}

.btnnext{
	background: url(/images/btn_right.gif) no-repeat;
	right:20px;
}

#leftControlTrans{
	display: none;
}

#rightControlTrans{
	display: none;
}

#share{
	height:30px;
	font-size:10px;
}

#projectinfo{
	position: relative;
	margin:0 72px;
}

.projecttxt{
	width:480px;
	position: absolute;
	top:0;
	left:390px;
	padding-bottom:25px;
	line-height:22px;
}

#thumbs{
	margin:0 60px;
}

#thumbs li{
	display: block;
	width:80px;
	height:80px;
	float:left;
	margin:0 10px 10px 0;
	overflow: hidden;
	background-color:#00AFA5;
}

#thumbs li.nomargin{
	margin-right:0;
}

#thumbs li.current img{
	opacity:0.5;
	filter:alpha(opacity=0.5);
}

/*
#contactform{
	margin-top:30px;
}
*/

#footer{
	font-size:12px;
	padding-left:20px;
	padding-bottom:10px;
	clear: both;
	position: fixed;
	bottom: 0;
	width: 100%;
	background: white;
}

.topmargin{
	margin-top:20px;
}

.slidehome ul{
	display: inline;
}

.slidehome li{
	display: inline-block;
	width:250px;
	vertical-align: top;
	padding-bottom:15px;
}

.align-center{
	margin:0 auto;width:800px;
}

.homecenter{
	padding:70px 0 45px 0;
	margin:0 20px 40px 20px;
}

.homecenter > div{
	width:33%;
	text-align: center;
	float: left;
}

.fb{
	margin-top:10px;
	float: right;
}

#workcats{
	clear:both;
	margin-top:30px;
	margin-left:20px;
}

#workcats ul{
	padding-top:9px;
	margin-top:10px;
	margin-left:5px;
}

#workcats li{
	display: inline;
}

#workcats a{
	margin:0 10px;
	color:#666;
	font-style: italic;
}

#workcats a:hover, #workcats a.active{
	color:#00AFA5;
}

.borderradius #newsletter{
	width:220px;
	margin:0 auto;
}

.no-borderradius #newsletter{
	width:230px;
	margin:0 auto;
}

input[type=submit]{
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;

}
/* FIELDS */

.borderradius input, .borderradius textarea, .borderradius .homeslidertxt a.submit{
	color:#6c6c6c;
	font-size: 12px;
	padding:7px;
	border:1px solid #ccc;
	background-color: #f2f2f2;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow:1px 1px 5px #ccc inset;
    -webkit-box-shadow:1px 1px 5px #ccc inset;
    box-shadow:1px 1px 5px #ccc inset;
    font-family: Arial, Helvetica;
}

.borderradius input.inputsmall{
	width:304px;
}

.borderradius input.inputnb{
	display: block;
	width:169px;
	border-top-right-radius: 0;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius-topright: 0;
	border-bottom-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-bottomright: 0;
	float:left;
}

.borderradius textarea{
	width:684px;height:284px;
}

.borderradius input.submit, .borderradius .homeslidertxt a.submit{
	color:white;
	background-color: #727272;
	-moz-box-shadow:1px 1px 5px #ccc;
    -webkit-box-shadow:1px 1px 5px #ccc;
    box-shadow:1px 1px 5px #ccc;
    border:0;
    font-family: 'Sansita One', Georgia;
    font-size:16px;
    letter-spacing: 1px;
    padding:5px 15px;
    cursor: pointer;
}

.borderradius input.submitnb{
	display: block;
	border-top-left-radius: 0;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius-topleft: 0;
	border-bottom-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-bottomleft: 0;
	float:left;
	height:30px;
	padding:0 1px;
}

.no-borderradius input.submit{
	display: block;
	width:85px;
	height:39px;
	background: url(/images/sendbutton.gif) no-repeat;
	border: 0;
	padding:0;
	line-height:100px;
	overflow: hidden;
	cursor: pointer;
	margin-left:-4px;
}

.no-borderradius input.submitnb{
	float:right;
	display: block;
	width:47px;
	background: url(/images/submitnb_bg2.png) no-repeat;
	margin-top:-7px;
}

.no-borderradius .homeslidertxt a.submit{
	display: block;
	width:85px;
	height:39px;
	background: url(/images/viewbutton.gif) no-repeat;
	border: 0;
	padding: 0;
	line-height:100px;
	overflow: hidden;
	cursor: pointer;
	margin-left:-4px;
}


.no-borderradius input.inputsmall{
	display: block;
	width:304px;
	height:16px;
	border: 0;
	background: none;
}

.no-borderradius .inputsmallbg{
	display: block;
	background: url(/images/inputsmall_l.gif) no-repeat;
	padding:8px;
	width:304px;
	height:16px;
}

.no-borderradius input.inputnb{
	float: left;
	display: block;
	width:169px;
	height:16px;
	border: 0;
	background: none;
}

.no-borderradius .inputnbbg{
	width:224px;
	height:16px;
	padding:8px;
	background: url(/images/inputnb_bg3.png) no-repeat left;
	color:#6C6C6C;
}

.no-borderradius textarea{
	display: block;
	width:686px;
	height:286px;
	padding:0px;
	border: 0;	
	font-family: Arial, Helvetica;
	background: none;
}

.no-borderradius .textareabg{
	padding:7px;
	width:700px;
	height:300px;
	background: url(/images/inputlarge_l.gif) no-repeat;
}

ul.contactphotos li{
	float:left;
	width:200px;
	height:200px;
	overflow: hidden;
	margin-right:50px;
}

/* FIXES */

.extrabr{ display:none; }
.left{ float: left; }
.right{ float: right; }
.clear{ clear: both; }

