/** DIVENSIS CSS **/
body,input,textarea,button,select {
color:#000;
font:12px/18px Georgia, Mokka, Enigma, FreeSerif, serif;
}

body {
background:#e1dccc url(../gfx/bg2.jpg) left 413px repeat;
zoom:1;
}

* html body {
overflow-y:visible;
}

/*IE6*/
*+html body {
overflow-y:visible;
}

/*IE7*/
div#fullwrapper {
background:transparent url(../gfx/bg1.jpg) left top repeat-x;
height:auto;
min-height:600px;
width:100%;
}

* html div#fullwrapper {
height:600px;
}

h1 {
font-size:24px;
padding:10px 0 12px;
}

h2,h2 a {
color:#2b2a25;
font-size:40px;
font-weight:700;
padding:10px 0;
}

h2 a:hover {
color:#514c2b;
}

h3 {
font-size:32px;
font-weight:400;
padding:11px 0 7px 1px;
}

h4 {
font-size:12px;
font-weight:700;
}

a {
color:#544800;
text-decoration:none;
}

a:hover,a:focus,a:hover {
text-decoration:underline;
}

#cont a {
color:#7a6a24;
text-decoration:none;
}

#cont a:hover,#cont a:focus {
text-decoration:underline;
}

#cont #cat_wrap a {
text-decoration:none;
}

#cat_wrap a img {
display:block;
text-indent:-9999px;
}

li a {
display:block;
text-decoration:none;
}

#side ul.blog_categories li a {
display:inline;
}

#wrap {
margin:0 auto;
min-height:600px;
overflow:visible;
padding:40px 0 100px;
width:960px;
}

#cont {
float:right;
overflow:visible;
width:720px;
}

#cont .post img {
-moz-box-shadow:0 0 7px rgba(0, 0, 0, 0.15);
-webkit-box-shadow:0 0 7px rgba(0, 0, 0, 0.15);
box-shadow:0 0 7px rgba(0, 0, 0, 0.15);
}

#cont .post img:active {
-moz-box-shadow:0 0 7px rgba(0, 0, 0, 0.3);
-webkit-box-shadow:0 0 7px rgba(0, 0, 0, 0.3);
box-shadow:0 0 7px rgba(0, 0, 0, 0.3);
}

#side {
display:inline;
float:left;
width:207px;
}

#side h1,#side h1 a {
display:block;
height:50px;
text-indent:-9999px;
width:235px;
}

#side h1 a {
background:url(../gfx/logo.png) left top no-repeat;
display:inline;
float:left;
margin-left:-35px;
}

#side h1 a:active {
-moz-opacity:0.8;
opacity:0.8;
}

#side li {
line-height:24px;
}

#side ol {
margin:10px 0 17px;
}

#side ol li,#side ol li a {
display:block;
height:39px;
}

#side ol li a {
background-image:url(../gfx/navsprite.jpg);
}

#side ol li#nav-front a {
background-position:left top;
}

#side ol li#nav-about a {
background-position:0 -39px;
margin-top:1px;
}

#side ol li#nav-projects a {
background-position:0 -78px;
height:38px;
}

#side ol li#nav-front a:hover {
background-position:-207px top;
}

#side ol li#nav-about a:hover {
background-position:-207px -39px;
}

#side ol li#nav-projects a:hover {
background-position:-207px -78px;
}

body#blog_b #side ol li#nav-about a {
width:204px;
}

body#blog_b #side ol li#nav-projects a {
width:197px;
}

body#about_b #side ol li#nav-front a {
width:204px;
}

body#about_b #side ol li#nav-projects a {
width:197px;
}

body#projects_b #side ol li#nav-front a {
width:204px;
}

body#projects_b #side ol li#nav-about a {
width:204px;
}

body#blog_b #side ol li#nav-front a,body#blog_b #side ol li#nav-front a:hover {
background-position:-414px top;
}

body#about_b #side ol li#nav-about a,body#about_b #side ol li#nav-about a:hover {
background-position:-414px -39px;
}

body#projects_b #side ol li#nav-projects a,body#projects_b #side ol li#nav-projects a:hover {
background-position:-414px -78px;
cursor:default;
}

li#nav-front a span.btntitle,li#nav-about a span.btntitle,li#nav-projects a span.btntitle {
display:block;
float:left;
height:10px;
text-indent:-9999px;
}

* html li#nav-projects .animate {
display:none !important;
}

/*IE6*/
*+html li#nav-projects .animate {
display:none !important;
}

/*IE7*/
* html li#nav-projects i {
display:none !important;
}

/*IE6*/
*+html li#nav-projects i {
display:none !important;
}

/*IE7*/
li#nav-projects a {
padding-left:7px;
}

li#nav-projects a i cufon {
background:url(../gfx/btn_projectprefix.gif) left top repeat-x;
}

#nav-projects a {
color:#FFF;
display:block;
height:40px;
line-height:40px;
overflow:hidden;
text-decoration:none;
}

#nav-projects a span {
float:left;
overflow:visible;
}

#nav-projects a span i {
clear:left;
display:none;
float:left;
}

#nav-projects a span i.cur,#nav-projects a span.animate i {
display:inline;
}

body#blog_b li#nav-front a span.btntitle {
background:url(../gfx/btn_blog.png) left top no-repeat;
height:10px;
margin:15px 0 0 13px;
width:43px;
}

body#about_b li#nav-about a span.btntitle {
background:url(../gfx/btn_about.png) left top no-repeat;
margin:15px 0 0 13px;
width:58px;
}

body#projects_b li#nav-projects a span.btntitle {
background:url(../gfx/btn_projects.png) right top no-repeat;
margin:10px 0 0;
padding-left:7px;
width:84px;
}

li#nav-projects a span.animate {
margin-left:5px;
}

ol li#nav-projects ins {
display:block;
height:30px;
margin-top:4px;
overflow:hidden;
}

ol li#nav-projects i {
color:#c3a632;
font-size:16px;
height:32px;
text-transform:lowercase;
width:auto;
}

ol li cufon {
margin-top:7px;
vertical-align:top !important;
}

#side h6 {
text-indent:-9999px;
}

#contactbox {
background:url(../gfx/side_contact.png) 5px top no-repeat;
height:66px;
position:relative;
text-indent:-9999px;
width:151px;
}

#contactbox a {
display:block;
height:20px;
position:absolute;
width:138px;
}

#side_mail {
bottom:50px;
display:block;
height:20px;
left:0;
position:absolute;
width:140px;
}

#side_rss {
bottom:0;
left:0;
}

#side #twitter {
background:url(../gfx/side_tweet.png) left top no-repeat;
font-size:11px;
margin-top:18px;
overflow:hidden;
padding:0 0 3px 6px;
}

#side #twitter p {
font-size:12px;
line-height:18px;
padding:4px 0 6px;
}

#side #twitter p a {
font-size:12px;
}

#twitter h6 {
display:block;
height:31px;
margin-top:10px;
width:204px;
}

#twitter p a {
color:#000;
font-size:12px;
}

#twitter a {
color:#4C6A65;
text-decoration:none;
}

#twitter a:hover {
text-decoration:underline;
}

#side #twitter p a:hover,#side #twitter p a:active,#side #twitter p a:focus {
text-decoration:underline;
}

h6#side_blogcat {
background:url(../gfx/side_blogcat.jpg) left top no-repeat;
display:block;
height:32px;
margin-top:18px;
width:204px;
}

h6#side_recent {
background:url(../gfx/side_recent.jpg) left top no-repeat;
display:block;
height:34px;
margin-top:13px;
width:204px;
}

#side ul {
padding-left:7px;
}

#side ul li {
display:block;
}

#side ul li span {
color:#7f775b;
font-size:11px;
}

ul.blog_categories a,ul.recent_posts a {
color:#525047;
}

ul.blog_categories a:hover,ul.recent_posts a:hover {
color:#000;
}

/*
 * Styles
 */
#cont p {
font-size:13px;
line-height:21px;
padding-bottom:13px;
padding-left:1px;
}

#cont blockquote {
font-size:20px;
line-height:24px;
padding:10px 0 20px;
}

#cont blockquote p {
line-height:26px;
padding:0 0 10px 20px;
}

#cont blockquote span {
font-size:14px;
padding-left:20px;
}

.row {
overflow:hidden;
width:780px;
}

.left,.right {
display:inline;
float:left;
}

.right {
float:right;
}

.col {
float:left;
padding:26px 20px 6px 0;
width:350px;
}

.full {
background:transparent url(../gfx/divider_blogtop.png) 0 bottom no-repeat !important;
border:0;
padding-bottom:27px;
width:740px;
}

.full h2 {
clear:both;
display:block;
float:left;
overflow:hidden;
padding:10px 0 0;
}

* html .full h2 {
float:none;
}

/*IE6*/
*+html .full h2 {
float:none;
}

/*IE7*/
.tumble_paginate_ajax {
background:transparent url(../gfx/moreposts.png) left top no-repeat;
float:left;
height:38px;
margin-top:17px;
text-indent:-9999px;
width:132px;
}

.tumble_paginate_ajax:hover {
background-position:left bottom;
}

#cont .full a.imglink,#cont .full a.imglink:hover {
background:transparent url(../gfx/full_featured.png) left bottom no-repeat;
float:left;
margin-bottom:6px;
padding-bottom:15px;
}

#cont .full a,#cont .full a:hover,#cont .full a:active {
padding:0;
text-decoration:none;
}

#cont .full a.readmore {
background:url(../gfx/full_view.png) left bottom no-repeat;
float:left;
height:21px;
margin:20px 0 0 6px;
text-indent:-9999px;
width:60px;
}

#cont .full a.readmore:hover {
background-position:left top;
}

* html #cont .full a.readmore {
display:none;
}

/*IE6*/
*+html #cont .full a.readmore {
display:none;
}

/*IE7*/
#cont .full a {
display:block;
}

#cont .full a,#cont .post a {
color:#2b2a25;
}

#cont .full a:hover,#cont .post a:hover {
color:#46443d;
text-decoration:none;
}

.posts h3 {
margin-top:4px;
}

/* Panels */
#cont .panelfooter {
background:url(../gfx/panelfooter.png) -1px top no-repeat;
font-size:13px;
height:33px;
line-height:17px;
margin-top:5px;
padding:11px 10px 0 8px;
width:332px;
}

#cont .panelfooter a {
color:#000;
}

#cont .panelfooter a:hover {
color:#000;
text-decoration:underline;
}

#cont .panel_comments {
display:none;
float:left;
padding:3px;
}

a.panel_view {
display:block;
float:left;
}

#cont .panel_category {
color:#4c4a42;
display:block;
float:right;
font-style:italic;
}

.thumb {
height:205px;
overflow:hidden;
padding:0 20px 0 0;
width:232px;
}

.thumb h4 {
font:italic 12px/24px "Georgia","Times New Roman",FreeSerif,serif;
text-align:center;
}

.post a h5 {
color:#000;
font-size:20px;
padding:7px 0;
}

.post .imglink {
display:block;
}

.post p {
padding-left:3px;
width:343px;
}

address {
border:1px solid #ddd;
border-width:1px 0;
font-style:normal;
line-height:25px;
overflow:hidden;
padding:10px 0;
}

address a.right {
background:#eee;
padding:0 7px;
}

/*
 * PROJECT PAGE
 */
#projects_b h2 {
padding:14px 0 15px;
}

#projects_b #cont {
padding-top:25px;
}

#projectinfo {
display:inline;
float:left;
padding-bottom:18px;
width:500px;
}

#projectdetails {
display:inline;
float:right;
padding-top:3px;
width:200px;
}

#projectdetails li a {
display:inline;
}

#projectdetails h4 {
background:url(../gfx/projectdetails.jpg) left 14px no-repeat;
display:block;
height:44px;
margin:0;
padding:0;
text-indent:-9999px;
width:200px;
}

#projectdetails ul {
padding:0 0 0 10px;
}

#projectdetails ul li {
background:url(../gfx/divider_projectdetails.png) left bottom no-repeat;
display:block;
line-height:20px;
padding:4px 0 7px;
}

#projectdetails ul li strong {
font-size:11px;
font-weight:400;
line-height:11px;
padding:0 2px 0 0;
text-transform:uppercase;
}

#cat_wrap {
clear:both;
float:left;
overflow:hidden;
width:750px;
}

#cat_selector {
background:transparent url(../gfx/divider_catselector.png) no-repeat scroll 1px 1px;
clear:both;
display:block;
float:left;
height:65px;
overflow:hidden;
padding:5px 0 0;
width:720px;
}

#cat_selector ul {
overflow:hidden;
padding:0 9px 0 4px;
text-transform:uppercase;
}

#cat_selector ul cufon {
text-transform:lowercase;
}

/*html.cufon-active #cat_selector li a { margin-top:7px; padding: 2px 5px 4px 5px }*/
#cat_selector ul li {
float:left;
}

#cat_selector li a {
-moz-border-radius:3px;
-webkit-border-radius:3px;
background:transparent url(../gfx/snakehover.png) no-repeat scroll -9999px 0;
border:0 solid #000;
border-radius:3px;
color:#555243;
display:inline;
float:left;
font-size:13px;
line-height:20px;
margin:7px 3px 0 0;
padding:2px 7px 3px 6px;
}

#cat_selector li a:hover {
background-position:center -2px;
}

#cat_selector li.selected a {
color:#000;
cursor:default;
text-shadow:#FFF 1px 1px;
}

#cat_selector li.selected a:hover {
background:none;
color:#000;
text-shadow:#FFF 1px 1px;
}

#cat_selector li.selected cufon canvas {
cursor:default;
}

#cat_selector li#cat_all,#cat_selector li#cat_all a {
float:right;
margin-right:0;
}

.project_thumb {
display:block;
float:left;
height:145px;
overflow:hidden;
padding-bottom:4px;
width:245px;
}

/* .filter_item added by HL */

.filter_item {
float:left;
height:151px;
margin:0;
overflow:hidden;
padding:0;
width:245px;
}

#filterbox {
overflow:visible;
}

.project_thumb strong {
color:#000;
display:block;
font-size:12px;
font-style:italic;
font-weight:400;
line-height:16px;
overflow:hidden;
padding-top:6px;
text-align:center;
white-space:nowrap;
width:230px;
}

#cont .project_thumb a strong span {
color:#525049;
}

/*
 * Haavard sitt
 */
#slideshow {
-moz-box-shadow:0 0 15px rgba(0, 0, 0, 0.15);
-webkit-box-shadow:0 0 15px rgba(0, 0, 0, 0.15);
box-shadow:0 0 15px rgba(0, 0, 0, 0.15);
cursor:pointer;
height:415px;
margin-bottom:14px;
overflow:hidden;
position:relative;
width:720px;
}

.navcontainer {
bottom:0;
clear:both;
float:left;
height:21px;
overflow:hidden;
padding-top:14px;
position:absolute;
width:720px;
z-index:1000;
}

.transparency {
-moz-opacity:0.3;
background:#000;
bottom:0;
filter:alpha(opacity=30);
height:40px;
margin:0;
opacity:0.3;
padding:0;
position:absolute;
width:100%;
}

ul#nav {
float:left;
left:50%;
list-style:none;
margin:0 auto;
padding:0;
position:relative;
}

#nav li {
float:left;
margin:0 4px;
position:relative;
right:50%;
text-indent:-9999px;
}

#nav li a {
-moz-border-radius:4px;
-webkit-border-radius:4px;
background-color:#FFF;
height:8px;
opacity:0.5;
width:8px;
}

#nav li a:hover {
opacity:1px;
}

#nav li a.activeSlide {
background:#fff;
opacity:1px;
}

div.caption {
bottom:0;
color:#fff;
height:40px;
line-height:40px;
position:absolute;
z-index:2000;
}

/*
 * Footer
 */
#footer {
background:url(../gfx/footerbg.png) left 29px no-repeat;
clear:both;
float:right;
height:73px;
padding:47px 0 0;
width:720px;
}

#about_b #footer {
margin-right:26px;
margin-top:88px;
}

#footer_left {
float:left;
padding-left:10px;
text-indent:-9999px;
width:550px;
}

a#returntotop {
display:block;
text-align:left;
text-indent:-9999px;
}

#footer_right {
float:right;
text-align:right;
width:135px;
}

/*
 * Blog single
 */
p.introtext {
font-size:20px;
line-height:25px;
padding:5px 0 26px;
}

.blogbody {
font-size:15px;
line-height:22px;
}

h2#blogtitle {
font-size:65px;
padding:15px 0;
}

.blogbody p {
margin-bottom:15px;
}

.blogbody h3 {
margin:0 0 0 -1px;
padding:15px 0 0;
}

.blogbody p,.blogbody h3 {
padding-left:70px;
}

.blogbody blockquote {
font-size:21px;
font-style:italic;
line-height:24px;
padding:10px 0 20px 70px;
}

.blogbody blockquote p {
margin-bottom:5px;
padding:0;
}

.blogbody blockquote span {
font-size:15px;
}

#blogcredits {
text-transform:uppercase;
}

/* About */
#about_b #about_leftcol p,#about_b #about_rightcol p {
font:15px/22px Georgia, "Times New Roman", Times, serif;
}

#about_leftcol,#about_rightcol {
display:block;
float:left;
margin-top:82px;
}

#about_leftcol {
width:446px;
}

#about_rightcol {
background:url(http://media.divensis.no/media/uploads/images/panel_services.png) left top no-repeat;
display:inline;
margin-left:32px;
padding-top:24px;
width:200px;
}

#about_leftcol p.introtext {
background:url(http://media.divensis.no/media/uploads/images/introtext.png) left top no-repeat;
display:block;
font-size:18px;
height:55px;
text-indent:-9999px;
width:446px;
}

#about_leftcol p.introtext span {
visibility:hidden;
}

#about_leftcol p {
border:0 solid #000;
padding-bottom:18px;
padding-left:2px;
}

#about_rightcol ul li {
background:url(../gfx/bullet.png) 8px 5px no-repeat;
color:#000;
font:12px "Helvetica Neue", Helvetica, Arial, FreeSans, sans-serif;
padding-bottom:5px;
padding-left:20px;
}

#about_rightcol ul li.headerli {
background-image:none;
font-family:Georgia, Mokka, Enigma, FreeSerif, serif;
font-size:12px;
line-height:16px;
padding:14px 0 4px 5px;
}

#about_rightcol ul li.headerli h3 {
font-size:16px;
padding:0 0 2px 1px;
}

.clients {
background:url(http://media.divensis.no/media/uploads/images/logoboard.png) -14px bottom no-repeat;
clear:both;
display:inline;
float:left;
height:350px;
margin-left:2px;
position:relative;
width:704px;
}

.clients h6 {
background:url(http://media.divensis.no/media/uploads/images/clienttitle.png) left bottom no-repeat;
border-bottom:0 solid #000;
height:60px;
left:0;
position:absolute;
text-indent:-9999px;
top:0;
width:704px;
}


.amp {
font-family:Baskerville, Constantia, "Palatino Linotype", Palatino, "Book Antiqua", FreeSerif,serif;
font-size:107%;
font-style:italic;
}

.hidden {
display:none;
}

.clearit {
clear:both;
}

.loader {
-moz-opacity:0.4;
filter:alpha(opacity=40);
opacity:0.4;
}

.rounded1 { -moz-border-radius:1px; -webkit-border-radius:1px; border-radius:1px; }

.rounded2 { -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }

.rounded3 { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }

.rounded4 { -moz-border-radius:4px; -webkit-border-radius:4px;border-radius:4px; }

.rounded5 { -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }

.rounded6 { -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; }

.rounded7 { -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; }

.rounded8 { -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; }