/* CSS Document */

body{
font: 0.96em/1.2em Myriad,Myriad Pro,Lucida Grande,Lucida Sans Unicode,Verdana;
color:#e2e1e0;
background-color:#000;
margin:0px;
padding:0px;
}
alt{
background-color:#3A4444;
color:#fff;
border-top:1px solid #000;
border-bottom:1px solid #000;
}
#mainfr{
position:relative;
margin:0px auto;
width:920px;
height:850px;
padding:0px;
border:0px;}

img#logo{
position:absolute;
top:1px;
left:0px;
margin:0px;
padding:0px;
float:left;
clear:left;
}
img#logo2{
position:absolute;
top:1px;
left:635px;
margin:0px;padding:0px;
z-index:10;
}
/*--MAIN NAVIGATION---*/
#nav{
position:absolute;
top:117px;
left:0px;
margin:0px;
padding:0px;
width:920px;
background: #363638 url(../images/portfolio/navigation.jpg) no-repeat;
height:151px;
}
#nav ul{
margin:0px 0px 0px 15px;
padding:5px;
list-style-type:none; 
height:58px;
}

#nav ul li{
float:left;
margin:0px;
padding:0px;
font:0.9em/1.4em Lucida Grande,Lucida Sans Unicode,Verdana;
height:58px;
}
#nav ul li a {
float:left;
display:block;
padding:5px 25px 5px 25px;
height:58px;
color:#B1B2B4;
text-decoration:none;
}
#nav ul li a:hover{
color:#d29f49;}
#nav li a:active{
color:#b5503b;
}
/*--END MAIN NAV---*/


img.lb{
position:absolute;
top:59px;
left:280px;
display:block;
background-color:#363638;
margin:0px;
padding:0px;}
/*   ------------ li.tab page ---------------------------------------------*/
#main{
font:0.9em/1.4em Lucida Grande,Lucida Sans Unicode,Verdana;
position:absolute;
top:265px;
left:0px;
width:920px;
height:680px;
background-color:#363638;
}
#main ul.sabnav{
margin:0px 0px 0px 10px;
list-style-type:none;
height:25px;
clear:both;
}
#main ul.sabnav li.tab{
float:left;
margin:0px;
text-align:center;
}

#main ul.sabnav li.tab a{
text-decoration:none;
display:block;
height:25px;
padding:1px 15px 0px 4px;
color:#DDDDDD;
border-bottom:1px solid #fff;
}
#main ul.sabnav li.tab a:hover{
color:#DB7921;
border-bottom:2px solid #DB7921;
}
#main ul.sabnav li.tab a.active{
color:#fff;
border-bottom:1px solid #DB7921;
}

br{clear:right;}                                                                                                            
/*--------------------SUBNAV-----------------------*/
#main h5{
font:bold 0.9em/1.4em Lucida Grande,Lucida Sans Unicode,Verdana;
color:#7D7D7D;
margin:1em 0.5em 0.2em 1em;
padding:.4em 1em .4em 1em;
text-align:left;
}

 h1{
font:bold 1em/1.4em Lucida Grande,Lucida Sans Unicode,Verdana;
letter-spacing:0.03em;
color:#ae6f23;
padding:0px;
clear:both;
}
#main p{
display:block;
width:228px;
height:187px;
float:left;
margin:6px 2px 2px 46px;
padding:2px;
border:1px solid #fff;
background-color:#616263;
text-align:center;
}
/*=======================design=====================*/
#development ul{
list-style-type:none;
margin-left:20px;
padding:0;
}
#development ul li{
list-style-type:none;
float:left;
margin:6px 2px 2px 6px;
padding:2px;
border:1px solid #fff;
background-color:#616263;
text-align:center;
}
#development ul li a{
bottom:10px;
left:1px;
color:#fff;
text-decoration:none;
text-align:center;
padding:2px;
}
#development ul li a:hover{
color:#e0603d;
/* for IE */
 color:#e0603d;
/* for IE */
  filter:alpha(opacity=90);
  /* CSS3 standard */
  opacity:0.9;
}
#development ul li a img {
width:220px;
height:160px;
border:1px solid #fff;
padding:2px;
border:1px solid #fff;
text-align:center;
}
#development .preview{
width:560px;
height:400px;
background-color:#000;
margin:0;
padding:2px;
border:1px solid #fff;
filter:alpha(opacity=100);
  /* CSS3 standard */
  opacity:1;
}
#development .preview img{filter:alpha(opacity=100);
  /* CSS3 standard */
  opacity:1;}
#development a .preview {display:none;}
#development a:hover .preview{
position:absolute;
display:block;
top:10px;
left:-60px;
z-index:9999;  
filter:alpha(opacity=100);
  /* CSS3 standard */
  opacity:1;
}
/*==============================Design===================*/
#design ul{
list-style-type:none;
margin-left:20px;
padding:0px;
}
#design ul li{
list-style-type:none;
margin:0px;
padding:0px 0px 0px 10px;
background-color:#514F4F;
width:180px;
border-bottom:1px solid #fff;
}
#design ul li a{
display:block;
width:100px;
height:20px;
text-decoration:none;
color:#fff;
}
#slider{
position:relative;
margin:-360px 0px 0px 190px;
padding:0px;
display:block;
width:auto;
height:auto;
z-index:1000;
}
#slider li{
position:absolute;
display:block;
list-style-type:none;
margin:0px;
padding:0px;
background-color:#1A1230;
border:4px solid #fff;
}
#slider li img{
display:block;
padding:5px;
margin:0px;
background:#1A1230;
border:1px solid #fff;
}