/* =============================================================================
dogme - Global
============================================================================= */
/* General
============================================================================= */
html,body{height:100%;}
html,body,div,p,ul,ol,li,h1,h2,h3,h4,pre,form,p,button,img{margin:0;padding:0;border:0;}
body{background-color:#fff;font:normal 11px/16px Tahoma,Arial,sans-serif;color:#8d8d85;}
ul,li{list-style-type:none;}
a{outline:none;text-decoration:none;}
a:hover{text-decoration:none;cursor:pointer;}
a span,button span,ul#navigation span,h2 span,h3 span{display:none;}
input,textarea{font:normal 11px/17px Tahoma,Arial,sans-serif;color:#3a3a35;}
button{display:block;cursor:pointer;}
div.clear{font-size:1px;line-height:1px;height:1px;position:relative;clear:both;}
#page_container{text-align:left;width:920px;margin:0 auto;padding:0 0 30px 0;}
#page_content{background:url(../images/content.gif) 0 0 repeat-y;width:890px;margin:40px 0 0 15px;}
p a,
h4 a{color:#6385a1;border-bottom:1px solid #d7e1e9;}
p a:hover,
h4 a:hover{color:#80a1bb;border-bottom:1px solid #fff;}
p.link{padding:0 0 0 19px;}
p.arrow_right{background:url(../images/arrow_right.gif) 0 2px no-repeat;}
p.arrow_down{background:url(../images/arrow_down.gif) 0 2px no-repeat;}
h3{height:10px;}
#left_column{width:674px;float:left;}
/* Header
============================================================================= */
#header{height:90px;padding:10px 0 0 15px;}
#header #logo{background:url(../images/logo.png) 0 0 no-repeat;width:120px;height:90px;float:left; display: block;}
#header .contact{width:215px;padding:29px 0 0 0;float:right;}
#header .contact span{color:#5c5c56;}
/* Navigation
============================================================================= */
ul#navigation{height:50px;}
ul#navigation li{width:230px;float:left;}
ul#navigation li a{display:block;height:50px;cursor:pointer;}
ul#navigation li a#work{background:url(../images/work.gif) 0 0 no-repeat;}
ul#navigation li a#about{background:url(../images/about.gif) 0 0 no-repeat;}
ul#navigation li a#services{background:url(../images/services.gif) 0 0 no-repeat;}
ul#navigation li a#contact{background:url(../images/contact.gif) 0 0 no-repeat;}
ul#navigation li a#work:hover,
ul#navigation li a#about:hover,
ul#navigation li a#services:hover,
ul#navigation li a#contact:hover{background-position:0 -50px;}
ul#navigation li a#contact_active{background:url(../images/contact.gif) 0 -50px no-repeat;}
ul#navigation li a#work_active{background:url(../images/work.gif) 0 -50px no-repeat;}
ul#navigation li a#about_active{background:url(../images/about.gif) 0 -50px no-repeat;}
ul#navigation li a#services_active{background:url(../images/services.gif) 0 -50px no-repeat;}
/* =============================================================================
dogme - Home
============================================================================= */
/* General
============================================================================= */
.section{border-bottom:1px solid #DCDCDC;padding:0 0 30px 0;}
p.link{margin:16px 0 0 0;}
/* Introduction
============================================================================= */
h2#introduction{background:url(../images/home.gif) 0 0 no-repeat;width:578px;height:56px;}
h2#introduction a{display:block;width:186px;height:19px;padding:0 0 0 109px;}
/* Featured work
============================================================================= */
.middle{margin:25px 0 25px 0;}
h3#featured_work{background:url(../images/featured_work.gif) 0 0 no-repeat;width:96px;margin:3px 0 0 0;float:left;}
p.view_work{width:194px;padding:0 0 0 19px;margin:0;float:right;}
div.project{width:200px;margin:0 30px 0 0;float:left;}
div.project-show{width:630px;margin:0 30px 0 0;}
.project-show img{border:3px solid #e9e9e9;text-align:center;margin-top:10px;}
div.end{margin:0;}
.preview_container{background:url(../images/preview.gif) 0 0 no-repeat;width:200px;height:150px;margin:15px 0 0 0;}
.preview{margin:3px 0 0 3px;}
h4{font:normal 14px/17px Arial,Helvetica,sans-serif;margin:8px 0 0 0;}
p.large{color:#5c5c56;font:normal 12px/17px Arial,Helvetica,sans-serif;margin:9px 0 0 0;}
p.large_link{color:#5c5c56;font:normal 12px/17px Arial,Helvetica,sans-serif;margin:9px 0 0 0;text-align:right;font-weight: bold;}

/* services
============================================================================= */
.services {
float:left;
margin:0 30px 0 0;
padding:0 0 30px;
width:430px;
}

#services_list {
float:left;
padding:0 0 30px;
width:200px;
}
#services_list ul {
margin:12px 0 0;
}

#services_list ul li {
background:transparent url(../images/tick.gif) no-repeat 0 5px;
line-height:17px;
padding:0 0 0 16px;
}

.pullout {
background:transparent url(../images/tjenester_pullout.png);
float:right;
height:169px;
margin:3px 0 10px 15px;
width:200px;
}

.pullout span {
display:none;
}

/* Right column
============================================================================= */
#right_column{width:215px;float:right;padding:0;border-left:1px solid #dcdcdc;}
#right_column p{margin:7px 0 0 15px;}
#right_column p.highlight,#right_column span.highlight{color:#7aaa1b;}
#right_column p.new{margin:19px 0 0 15px;}
#right_column p.twitter{margin:1px 0 0 15px;}
#right_column p.link{margin:16px 0 0 15px;}
#right_column .section{border-bottom: 1px solid #dcdcdc;padding:0 0 24px 0;border:0;}
#right_column h3{margin:0 0 12px 15px;}
h3#latest_news{background:url(../images/latest_news.gif) 0 0 no-repeat;width:76px;}
h3#twitter_feed{background:url(../images/twitter_feed.gif) 0 0 no-repeat;width:113px;height:28px;margin:18px 0 0 13px;}
/* Footer
============================================================================= */
#news_box{position:relative;}
#news_error_box{position:absolute;top:52px;left:0;height:65px;width:200px;background:url(../images/newsletter.gif) 0 0 no-repeat;}
#footer{padding:26px 0;margin:0 0 0 15px;border-top:1px solid #DCDCDC;}
#footer ul,
#footer li{float:left;}
#footer li a{color:#6e6e66;border-bottom:1px solid #e0e0e0;}
#footer li a:hover{color:#8e8e86;border-bottom:1px solid #fff;}
#footer li span{color:#d0d0d0;}
#footer p#copyright{width:445px;float:right; text-align: right;}
/* =============================================================================
/* Contact details
============================================================================= */
.contact_details{color:#5c5c56;width:200px;padding:0 0 30px 0;margin:0 30px 0 0;float:left;}
h3#contact_details{background:url(../images/contact_details.gif) 0 0 no-repeat;width:130px;margin:30px 0 0 0;}
p.first{margin:12px 0 0 0;}
a#find_us{border:none;}
p.new{margin:9px 0 0 0;}
p span{color:#8d8d85;}
/* Error box
============================================================================= */
#error_box{background:#F9F4B6;border:1px solid #E2DC90;margin-top:16px;padding:10px 13px;color:#75713C;}
/* Send us a message
============================================================================= */
#message{color:#5c5c56;width:430px;padding:0 0 30px 0;float:left;}
h3#send_us_message{background:url(../images/send_messages.gif) 0 0 no-repeat;width:130px;margin:30px 0 0 0;}
.left_textinput{width:200px;margin:0 30px 0 0;float:left;}
.right_textinput{width:200px;float:left;}
#message .row{margin:9px 0 0 0;}
#message .row label em{font-style:normal;padding-left:3px;color:#AAAAAA;}
#message div.textinput{background:url(../images/textbox_200.gif) 0 0 no-repeat;height:26px;margin:3px 0 0 0;}
#message input{background:none;width:188px;height:21px;padding:5px 6px 0 6px;border:none;}
#message div.textarea{background:url(../images/textarea_430.gif) 0 0 no-repeat;height:95px;margin:3px 0 0 0;}
#message textarea{background:none;width:418px;height:83px;margin:5px 6px 5px 6px;border:none;}
#message button{background:url(../images/send_message.gif) 0 0 no-repeat;height:26px;width:100px;margin:16px 0 0 0;float:right;}
#message button:hover{background-position:0 -26px;}

.founder{float:left;margin:0 30px 0 0;width:200px;}
.founder p {
margin:10px 0 0;
}
.founder p span {
color:#80A1BB;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
}