/* -----------------------------------------------------------------------


www.susalahti.com
site spesific CSS
author: mik@kolahti.com

----------------------------------------------------------------------- */

body {
color:#333;
font-family:'Trebuchet MS', Helvetica, Arial, sans-serif;
background:url(../../images/layout/body_bg.png) repeat-x;
}

.container {
padding:0 40px 57px 40px;
margin:0;
}

#index .container {
background:url(../../images/layout/container_index_bg.jpg) 775px 290px  no-repeat;
min-height:860px;
}

#photog .container {
background:url(../../images/layout/container_photog_bg.jpg) 0 120px  no-repeat;
min-height:690px;
}

body#index {
background:url(../../images/layout/body_index_bg.png) repeat-x;
} 


#index #header {
background:url(../../images/layout/header_index_bg.jpg) no-repeat;
height:290px;
margin:0 0 0 -40px;
width:1020px;
} 


#photog #header {
background:url(../../images/layout/header_photog_bg.jpg) no-repeat;
height:120px;
margin:0 0 0 -40px;
width:1020px;
} 

#studio_milieu #header {
background:url(../../images/layout/header_studio_bg.jpg) no-repeat;
height:120px;
margin:0 0 0 -40px;
width:1020px;
} 

#portfolio #header {
background:url(../../images/layout/header_portfolio_bg.jpg) no-repeat;
height:120px;
margin:0 0 0 -40px;
width:1020px;
} 


h1  {
text-indent:-9999px;
}

h1 a {
margin:28px 0 0 30px;
display:block;
width:229px;
height:58px;
overflow:auto;
}

p {
font-size:1.2em
}


#main {
margin-bottom:1.5em;
}

#main a {
color:#00a5db;
font-weight:bold;
}

#main a:hover {
text-decoration:none;
color:#33ccff;
}

#photog h2 {
text-indent:-9999px;
background:url(../../images/layout/h2_photog.png)  no-repeat;
margin-left:278px;
margin-bottom:0.5em;
height:24px;
width:274px;
}

#photog h3 {
text-indent:-9999px;
width:184px;
height:46px;
margin-bottom:5px;
margin-top:-50px;
margin-left:-5px;
background:url(../../images/layout/h3_photog.png)  no-repeat;
}

#studio_milieu h2 {
text-indent:-9999px;
margin-bottom:0.5em;
margin-left:135px;
margin-top:19px;
}

#studio_milieu h2.studio {
background:url(../../images/layout/h2_studio.png)  no-repeat;
height:25px;
width:79px;
}

#studio_milieu h2.milieu {
background:url(../../images/layout/h2_milieu.png)  no-repeat;
height:25px;
width:77px;
}

#studio_milieu #main p {
padding-left:135px;
}

#studio_milieu #main img {
float:left;
}


.intro {
font-size:1.5em;
}

#thinkBox {
border-left:solid 1px #00a5db;
width:219px;
margin-top:50px;
margin-left:30px;
padding-left:20px;
}

#thinkBox ul {
margin:0 0 0 10px;
padding:0;
}

#thinkBox ul li {
padding-bottom:0.5em;
}

#index .intro img {
margin:2.5em 0 0.75em -5px ;
display:block;
}


.blue {
color:#00a5db;
font-size:1.5em;
}

#index .blue {
font-size: 0.8em;
}

#thinkBox .blue {
font-size: 1em;
}


#footer {
background:url(../../images/layout/footer_bg.png)  no-repeat;
min-height:63px;
color:#00a5db;
font-size:1.5em;
}

#footer ul {
list-style:none;
margin:22px 0 0 0;
padding:0;
}

#footer ul li {
float:left;
border-right: 1px solid #00a5db;
line-height:2.3em;
text-align:center;
}

#footer ul li a {
color:#00a5db;
text-decoration:none;
}

#footer ul li a:hover {
color:#33ccff;
}

#footer .mobile {
margin-left:240px;
width:230px;
 
}

#footer .email {
width:239px;
}

#footer .web {
width:230px;
 
border:none;
}


.small {font-size:0.9em;}