@CHARSET "UTF-8";
@import "theme/ui.all.css";
*{
padding:0;
margin:0;
}
body{
font-family:Tahoma, Verdana;
text-align:center;
background:#EFECE9;
}

a{
	color:#b86919;
}
#container{
width:500px;
position:absolute;
left:50%;
margin-left:-250px;
margin-top:40px;
z-index:1;
}
#container_front{
width:500px;
height:460px;
position:absolute;
z-index:700;
top:0;
left:0;
background:#fff;
display:none;
}
#head{
position:absolute;
width:500px;
height:75px;
left:0px;
top:0px;
z-index:1;
background:url(../img/head.png) 0 0 no-repeat;
}
#content{
font-size:11px;
position:absolute;
width:500px;
top:70px;
left:0;
text-align:justify;
z-index:1;
}
#content h2 a{
font-size:13px;;
}
#contact_form{
background:url(../img/contact_form.gif) 0 0 no-repeat;
width:300px;
height:288px;
position:absolute;
z-index:10;
display:none;
left:50%;
margin-left:-150px;
top:100px;
text-align:right;
}
#contact_top{
width:285px;
height:22px;
background:url(../img/contact_top.gif) 0 0 no-repeat;
color:#fff;
font-size:12px;
font-weight:bold;
text-align:left;
padding:8px 5px 0 10px;
position:relative;
left:3px;
top:3px;
}
a#close{
width:21px;
height:20px;
display:block;
background:url(../img/close.gif) 0 0 no-repeat;
position:absolute;
top:5px;
right:10px;
}
a#close:hover{
background:url(../img/close2.gif) 0 0 no-repeat;

}
#contact_form table{
width:280px;
float:left;
font-size:11px;
margin-top:50px;
}
#contact_form input,textarea{
width:200px;
border:1px solid #CEB59D;
}
textarea{
height:80px;	
}

#status{
width:200px;
height:65px;
position:absolute;
z-index:12;
left:50%;
margin-left:-150px;
top:160px;
padding:10px;
text-align:right;
padding:30px 10px 0 90px;
font-size:11px;
font-weight:bold;
text-align:left;
cursor:pointer;
}

#info{
width:300px;
height:378px;
background:url(../img/info.gif) right 0 no-repeat;
position:absolute;
top:40px;
left:190px;
font-size:11px;
}
#info a.title{
width:235px;
height:22px;
float:right;
diplay:block;
background:url(../img/info_top.gif) right 0 no-repeat;
color:#fff;
font-size:12px;
font-weight:bold;
text-align:center;
padding:8px 5px 0 10px;
text-decoration:none;
margin:2px 3px 10px 0;
}

#info p{
width:220px;
float:right;
text-align:justify;
padding:10px;
}

.project_info{
display:none;
}


a#close_info{
position:absolute;
right:5px;
bottom:10px;
background:url(../img/back.gif) 0 0 no-repeat;
width:60px;
height:60px;
display:block;
}

img.project{
cursor:pointer;
float:left;
margin-left:6px;
margin-top:10px;
border:1px solid #CDC3B7;
padding:1px;
width: 100px;
height: 74px;
}
.portfolio{
position:relative;	
}
/*
#page1{
display:block;	
}
.project_page{
position:absolute;
height:190px;
width:470px;
top:0px;
left:25px;
display:none;
}
*/
#arrows{
position:absolute;
bottom:1px;
right:20px;
height:50px;
width:70px;
overflow:hidden;
}
#arrows img{
border:none;
float:left;
width:30px;
}


#projects_container{
position:absolute;
height:180px;
width:450px;
top:20px;
left:25px;
overflow:hidden;
}
#projects_container2{
position:absolute;
top:0;
left:0;
width:450px;
}