/* CSS Document */

*{
padding:0;
margin:0;
color:#333333;
}


img {
border:0;
}


body{
font-family:Verdana, Arial, Helvetica, sans-serif;
  font-family: luxi sans, trebuchet ms, sans-serif;
/*font-family:"Times New Roman", Times, serif;
font-family:Geneva, Arial, Helvetica, sans-serif;*/

font-size:.7em;
line-height:120%;

letter-spacing: .05em;
}




p{

margin-bottom:8px;
margin-top:8px;

}




/*----STYLE LINKS--------------------*/

a{
text-decoration:none;

}


a:link{

}

a:hover{
color:#999999;

}


/*------------active page/tab styling----*/
.page{
color:#999999;
}

.not_active{
color:#333333;
}


/*--splash page-------------------------*/
#english{
width:400px;
padding-left:160px;

}

#deutsch{
width:400px;
padding-left:395px;
}


.alert{
text-align:center;
font-size:15px;

}

/*--end splash page-------------------------*/

/*this div allows flower image placement---------------------*/
#background_contain{
width:1000px;
height:520px;
position:absolute;
left:50%;
margin-left:-500px;
top:50%;
margin-top:-260px;
background-image:url(images/leaf.jpg);
background-repeat:no-repeat;
background-position:0 350px;

}




#container{
width:800px;
height:450px;
border:1px solid #CBD2D5;
position:absolute;
left:50%;
margin-left:-400px;
top:50%;
margin-top:-220px;
background-color:white;
}

/*----------------------------HEADER---------------------------------*/
#header{
width:800px;
height:52px;
}

/*----------------------------------------CENTER AREA----------------------*/
#center{
width:800px;
height:286px;

}

.border{
float:left;
width:40px;
height:100%;
}

.active_center{

}

.pix {
height:286px;
}

.pix td{
vertical-align:bottom;
padding-bottom:20px;

}



#center_left{
width:120px;
height:286px;
float:left;
border-bottom: 1px solid #E0E0E0;
border-top: 1px solid #E0E0E0;


}

#gallery_image{
width:480px;
height:246px;
float:left;
border-bottom: 1px solid #E0E0E0;
border-top: 1px solid #E0E0E0;
padding:20px 0 20px 0;

}


/*
#gallery image ul {
   list-style-type: none;
   padding-left: 0;
   margin-left: 0;
  }
 */
 
  
#gallery_image ul li {
  list-style-image: none;
   background-image:url(images/bullet.jpg);
   background-repeat: no-repeat;
   background-position: left center;
   padding-left:10px;
   }  
  
  
  /*--------------------------------------------------this div contains openin image to Project page*/
#openingImage{
width:480px;
height:246px;
float:left;
border-bottom: 1px solid #E0E0E0;
border-top: 1px solid #E0E0E0;
padding:20px 0 20px 0;




}

#center_right{
width:120px;
height:286px;
float:left;
border-bottom: 1px solid #E0E0E0;
border-top: 1px solid #E0E0E0;
vertical-align: bottom;
}


#notworking{
text-align:center;

}
/*-----------------------------------------------NAV--------------*/

#nav{
clear:both;
width:800px;
height:77px;
padding-top:10px;
}


ul{
margin:0;
border:0;
padding:0;
list-style:none;
}

/*----------------------------------NAV LEFT-------------------------*/
#nav_left{
height:77px;
width:80px;
float:left;
padding-left:120px;
font-size:12px;
}

/*----------------------------------NAV CENTER-------------------------*/


#nav_center{
height:77px;
width:230px;
float:left;

}



.nav_col{
float:left;
height:77px;
width:50%;

}

#nav_center ul{
padding-left:10px;

}

/*classes fpr js hide/show function*/
.display{
display:block;
}


.hide{
display:none;
}



/*----------------------------------NAV RIGHT-------------------------*/

#listings_contain{
height:77px;
width:260px;
float:left;
font-size:10px;
font-style:italic;


}


/*------------------------------------FOOTER-------------------*/
#footer{
clear:both;
width:750px;
height:15px;
text-align:right;
position:absolute;
bottom:0;
font-size:10px;

padding-top:10px;
margin-right:50px;
}



/*-----------------------------------STUDIO-----------------------------*/
#center_col_left
{
float:left;
width:120px;
height:246px;
}


#center_col_left img{   /*can this be deletes?*/

}



#center_col_right
{
float:left;
width:340px;
height:246px;
padding-left:20px;

}


#center_col_right ul li{

}


#center_col_right{
/*font-size:9px;*/
font-size:10px;
}


.studio_left{
float:left;
width:140px;
height:246px;
padding:0;
}


.studio_left img{

margin:0;
padding:0;
}

.studio_right{
float:left;
width:320px;
height:246px;
/*padding-left:20px;*/
font-size:.95em;

margin:0;
padding:0;
}


h1{
font-weight:bold;
font-size:11px;

}

h2{
font-size:12px;
letter-spacing: .5em;
font-weight:normal;
}

#profileList li{
line-height:1.5em;


}


/*--------------------------------GALLERY------------------------*/
#snapshotBlurb{
padding-left:20px;
padding-right:10px;
font-size:9px;
font-style:italic;
padding-bottom:3px;
}

/*to show hand cursor on next back arrows */
.hand{

/*
This hack is required for cross-platform hand cursors, see 
http://ajaxian.com/archives/css-cross-browser-mini-tip-point-to-the-hand
*/
cursor: pointer;
_cursor: hand; 


}


/*CONTACT  */

#map{
width:260px;
float:left;
height:246px;

}


map img{
border:0;
}


#enquire{
width:220px;
float:left;
height:246px;
padding:0;
margin:0;
border:0;
}

#enquire tr{
line-height:120%;
}


#enquire td{
padding:0;
margin:0;
height:10px;
}

#contact_right{
font-size:10px;
float:left;
width:350px;
padding-left:180px;

}

#enquire input{
border:1px solid #CCCCCC;

}

#enquire textarea{
border:1px solid #CCCCCC;
width:220px;
}

.input{
width:220px;

}