*{padding:0;margin:0;border:none;}

body{background:#f2efed; color:#fff; font-family:Verdana, Geneva, sans-serif; font-size:11px;}
h2{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:36px; font-weight:normal; margin-bottom:20px;}
h3{font-size:22px; margin:2px 0 15px; float:left; width:100%; font-weight:normal;}
.intro{width:600px; padding-right:20px; font-size:25px; float:right; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#5b4c4c; margin:23px 0 27px 4px; font-weight:normal;}

p{margin-bottom:12px; line-height:17px;}
.header:after, .portfolio:after, .content:after{height:0;content:".";display:block;clear:both;visibility:hidden;}
ul{list-style-type:none;}
a{color:#fff;outline:none; text-decoration:none;}

.entry-content a{border-bottom:1px dotted #e2ebea; font-style:italic;}
.entry-content a:hover{background-color: #6daea9; border-color:#fff;}

.portfolio .entry-content a{border-color: #939191;}
.portfolio .entry-content a:hover{background-color: #333; border-color:#ccc;}

.header{position:relative;}
.logo{background:url(/images/logo1.png) center bottom no-repeat;  font-size:14px; position:absolute; bottom:-11px; left:10px; z-index:3;}
.logo a{width:295px; height:221px; display:block; line-height:1000px; overflow:hidden;}

.primary{width:620px; float:right; margin-top:40px;}
.primary li{display:block; float:left; margin-right:12px; background:#d2caca;-moz-border-radius:10px;border-radius:10px;-webkit-border-radius:10px; height:30px;}
.primary a{display:block; color:#4c4641; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; text-decoration:none; font-size:14px; -moz-border-radius:10px; border-radius:10px; -webkit-border-radius:10px; font-weight:bold; float:left; line-height:12px; height:22px; padding:8px 13px 0;}
.primary li:hover{background-color:#c6bfbf;}
.primary li.selected {background-color: #494949}
.primary li.selected a {color:#fff;}

.primary li a cufon, .portfolio .prev cufon, .portfolio .next cufon  {float:left;}
.primary li a cufoncanvas, .portfolio .prev cufoncanvas, .portfolio .next cufoncanvas  {float:left;}

.portfolio{width:860px; height:358px; margin:0 auto; background:#494949; padding:30px 40px 20px; position:relative; margin-bottom:40px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px; position:relative;}
.portfolio .progress{background-color:#ccc7c3; color:#333;}
.portfolio h2, .portfolio p, .portfolio dl, .portfolio dt {float:left;}
.portfolio .data{width:250px; height:250px; overflow:hidden;  position: absolute; top: 92px;}
.portfolio .data li{float:left; height:250px; width:250px;}
.portfolio .data li p{float:left; width:100%;}
.portfolio .prev, .portfolio .next{position:absolute; background-image:url(/images/sprite.png);}
.portfolio .prev, .portfolio .next, label, .submit {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; font-size:21px; text-decoration:none; font-weight:bold;}
label{margin-bottom:6px; float:left;line-height:23px;}

.portfolio dl{line-height:17px;}

.portfolio .prev:hover, .portfolio .next:hover{}
.portfolio .prev{left:40px; bottom:30px; background-position:-890px 6px; padding-left:15px;}
.portfolio .next{left:230px; bottom:30px; background-position:right 5px; padding-right:15px;}
.portfolio .prev:hover{background-position:-890px -20px;}
.portfolio .next:hover{background-position:right -21px;}
.portfolio dt{font-weight:bold; clear:left; margin-right:3px;}
.portfolio dl{width:250px;}
.scotty{height:132px; width:132px; overflow:hidden; position:absolute; right:7px; top:-135px; background:url(/images/sprite.png) 0 -638px no-repeat; text-decoration:none;}
.scotty:hover{background-position:-142px -638px}

.left, .center, .right{width:260px; margin-right:20px; float:left;}
.right{margin-right:0;}

textarea{height:145px;}
.input, textarea{width:360px; margin-bottom:10px; font-family:Verdana, Geneva, sans-serif; font-size:13px; background-color:#a69c9c; color:#534848;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;}
textarea{overflow:auto; padding:10px;}
.input:focus, textarea:focus{background-color:#fff;}
.submit{cursor:pointer; outline:none; position:absolute; right:-160px; bottom:-123px; background:url(/images/sprite.png) no-repeat 0 -100px; width:245px; height:135px; z-index:0; overflow:hidden; text-indent:400px;outline:none; border:none;}
.submit::-moz-focus-inner{border:none;}
.wpcf7-not-valid-tip-no-ajax{color:#b41d7f !important; margin-top:-5px !important; font-size:12px !important; display:none !important;}
.wpcf7-response-output {border:none !important; margin:-10px 0 0 0 !important; padding:7px 0 0 44px !important; line-height:18px !important; height:35px; background:url("../images/sprite.png") no-repeat; width:220px;}

div.wpcf7-mail-sent-ok {background-position:-880px -52px;}
div.wpcf7-mail-sent-ng {background-position:-880px -217px;}
div.wpcf7-spam-blocked {background-position:-880px -216px;}
div.wpcf7-validation-errors {background-position:-880px -132px; padding-top:0 !important;}

.input{padding:10px;}
form {float: left; margin-left: 30px; margin-top: -53px; position: relative; width: 380px;}
form p {margin-bottom:0; position:relative;}

.facebook, .linkedin, .flickr, .spotify, .skype, .twitter{float:left; margin-right:6px; margin-top:10px; width:16px; height:16px; background:url(/images/sprite.png); text-decoration:none;}
.flickr{background-position:-17px 0;}
.facebook{background-position:-34px 0;}
.spotify{background-position:-51px 0;}
.skype{background-position:-68px 0;}
.twitter{background-position:-85px 0;}

.browser{position:absolute !important; width:630px; height:383px !important; z-index:2; overflow:hidden; right:0; bottom:0;}
.browser li{background:url(/images/browser.png) no-repeat; width:630px; height:383px; position:absolute;}
.browser li a{display:block; padding:23px 0 0 13px;}
.browser li.different {background:none;}
.browser li.different img {position:absolute; right:0; bottom:0;}

.about{background:url(/images/sea-under.png) #91bbb8 center top no-repeat; min-height:450px;}
.about .content{padding:90px 0 20px 40px; position:relative; width:900px;}
.about .content .column{width:270px; margin-right:30px; font-size:11px; float:left;}
.about .content .last{margin-right:0;}

.about .inner{background:url(/images/sea.png) -400% top repeat-x;}
.contact{background:url(/images/ground.png) #6b5a5a center top no-repeat; padding:250px 0 170px;}
.contact .left{width:240px; padding:4px 20px 0 0;}
.header{width:940px; margin:0 auto;}
.content{width:860px; margin:0 auto;position:relative;}

.small-plancton{position:absolute; right:150px; top:80px; background:url(/images/sprite.png) no-repeat 0 -44px; width:45px; height:45px;}
.worm{position:absolute; left:-110px; top:140px; background:url(/images/sprite.png) no-repeat 0 -270px; width:115px; height:250px;}
.strudl{}
cite{font-style:normal; margin-top:10px; display:block;}
blockquote{line-height:17px;}
blockquote .start, blockquote .end{font-family:Georgia,serif;font-size:47px;font-weight:bold;color:#fff;float:left;display:block;height:20px;line-height:46px;margin:-8px 3px 0 0;}
blockquote .end{display:inline;float:none;margin-left:3px;margin-top:4px;position:absolute;line-height:37px;}

.ie6-container{width:410px; padding-left:220px; height:420px; padding-top:45px; position:absolute; top:50%; margin-top:-220px; left:50%; margin-left:-350px; background:url(/images/ie6-bg.png) no-repeat;}
.ie6-container h2{float:left; width:350px; color:#5a5041; margin-bottom:15px;}
.ie6-container p{float:left; margin-bottom:14px; width:330px; padding-right:40px; color:#463c2b;}
.ie6-container a{width:50px; height:50px; float:left; margin-right:4px; text-indent:-300px; overflow:hidden;}
.ie6-container a.first{margin-left:60px;}