@charset "UTF-8";
/* CSS Document */
/*______________________________GENERAL STYLING*/
body{
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
padding:0;
margin:0;
background-color:#F7F7F7;}

img a{
border:0;
display:block;}

#wrapper{
background-color:#FFF;
width:1000px;
height:700px;
margin:0 auto;
position:relative;}

a:active{
outline:none}

h1{
text-align:right;
font-size: 1.3em;
margin:8px 0 10px 0;
padding:0;}

h1 a{
text-decoration:none;
color:#000;}

h1.home a img:hover{
cursor:default}

h1{
color:#FFF;
font-size:1px;}
/*_________________________________________INDEX*/

#side{
width:210px;
height:580px;
position:absolute;
top:30px;
left:120px;}

ul#nav{
list-style-type:none;
padding:0;
margin:0;}

ul#nav li{
float:left;
text-transform:uppercase;
padding-left:11px;
font-size:11px;}

ul#nav li.currentHome{
padding-left:0;}

ul#nav li.home{
padding-left:0;}

ul#nav li.currentHome a{
text-decoration:underline;
padding-left:0;}

ul#nav li a{
color:#000;
text-decoration:none;}

ul#nav li a:hover{
color:#A4A4A4;
text-decoration:underline;}


ul#nav li.current a{
text-decoration:underline;
color:#000;}

ul#nav li.current a:hover{
cursor:default;}

#mainContent{
width:393px;
height:530px;
position:absolute;
top:50px;
left:440px}

#mainNarrow{
width:360px;
height:530px;
position:absolute;
top:50px;
left:440px}

#mainThin{
width:290px;
height:530px;
position:absolute;
top:50px;
left:440px}

span.bold{
font-weight:bold;}

ul#thumbs{
margin-top:50px;
width:210px;
float:right;
padding:0;}

ul#thumbs li{
list-style-type:none;
text-decoration:none;
float:left;
border:none;
padding:0;
margin:0;
display:block;}

ul#thumbs li a img{
padding:0;
margin:0;
display:block;
border:2px #FFF solid;
text-decoration:none;}

ul#thumbs li img:hover{
padding:0;
margin:0;
border:2px #8C8C8C solid;}

ul#thumbs li img.current{
cursor:default;
border:2px #8C8C8C solid;}

#side div#arrows{
width:204px;
position:absolute;
bottom:13px;
left:2px;
margin:0;
padding:0;}

p#arrowLeft a, p#arrowRight a {
text-decoration:none;
color:#000;
font-size:24px;}

p#arrowLeft a:hover, p#arrowRight a:hover {
text-decoration:none;
color:#909090;}

p#arrowLeft {
float:left;}

p#arrowRight{
float:right;}
/*________________________________________ABOUT*/

#mainAbout{
width:250px;
height:350px;
position:absolute;
top:170px;
left:440px;
font-size:12px;}

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

#side p a{
color:#000;}

img.frank{
float:right;
margin-top:90px;
padding:0;
}

#mainAbout p a{
color:#909090;}

#mainAbout p a:hover{
color:#000;}


/*______________________________________CLASSES*/

#mainStudio{
width:650px;
height:530px;
position:absolute;
top:130px;
left:250px}

 
#sideClass{
margin-top:310px;
z-index:-1;}

span.bold{
font-weight:bold;}

/*______________________________________CONTACT*/
 
#side p.email{
margin-top:400px;
font-size:12px;}

p.email a{
color:#000;}

#side p.phone{
font-size:12px;}

/*______________________________________FOOTER*/
#copyright{
position:absolute;
bottom:10px;
left:120px;
color:#757575;}

#awb{
position:absolute;
bottom:10px;
right:230px;}

#awb a{
color:#A3A3A3;}

/*______________________________________IMAGE LOADING*/
body:after{
content: 
url(images/adrian-thumb.jpg)
url(images/ronald-thumb.jpg)
url(images/adriana-thumb.jpg)
url(images/marta-thumb.jpg)
url(images/marta-2-thumb.jpg)
url(images/dom-thumb.jpg)
url(images/rebekka-3-thumb.jpg)
url(images/katy-2-thumb.jpg)
url(images/loz-thumb.jpg)
url(images/agni-thumb.jpg)
url(images/portrait-thumb.jpg)
url(images/rebekka-2-thumb.jpg)
url(images/emma-thumb.jpg)
url(images/katy-3-thumb.jpg)
url(images/katy-thumb.jpg)
url(images/aiste-thumb.jpg)
url(images/rebekka-thumb.jpg)
url(images/kate-thumb.jpg)
url(images/rebekka-4-thumb.jpg)
url(images/two-figures-thumb.jpg)
url(images/marta-and-andrew-thumb.jpg)
url(images/isabella-thumb.jpg)
url(images/natasha-thumb.jpg)
url(images/alice-thumb.jpg)
url(images/dan-thumb.jpg)
url(images/adrian-2-thumb.png)
url(images/adrian.jpg)
url(images/marta.jpg)
url(images/rebekka-3.jpg)
url(images/rebekka-2.jpg)
url(images/frank.jpg)
url(images/katy-3.jpg)
url(images/katy-2.jpg)
url(images/katy.jpg)
url(images/rebekka.jpg)
url(images/rebekka-4.jpg)
url(images/dan.jpg)
url(images/alice.jpg)
url(images/natasha.jpg)
url(images/ronald.jpg)
url(images/agni.jpg)
url(images/manuela.jpg)
url(images/dom.jpg)
url(images/adriana.jpg)
url(images/loz.jpg)
url(images/emma.jpg)
url(images/portrait.jpg)
url(images/isabella.jpg)
url(images/two-figures.jpg)
url(images/studio.jpg)
url(images/marta-and-andrew.jpg)
url(images/kate.jpg)
url(images/adrian-2.png)
url(images/aiste.jpg)
; 
display:none;