/* generated by csscreator.com */ 
*{
margin:0; padding:0;
}

html{
 height:100%;
} 

body{ 
 text-align:center; 
 color: #fff;
 background: #000000 url("../images/back-right.gif") repeat-x;
 *background: #000000 url("../images/back-right2.gif") repeat-x;
 _background: #000000 url("../images/back-right.gif") repeat-x;
 position: relative;
 text-decoration: none;
 height:100%;
 font-size: 12px;
}
body > #pagewidth {
    height: auto;
}

/*IE6*/
a {
    display: block;
    text-decoration: none;
    overflow: hidden;
    outline: none;
}


img {
    border-style:none;
    display: block;
}

ul{
 margin:0; 
 padding:0; 
 text-align:left; 
}

li{
list-style-type: none;
line-height:0;
}

p{
 margin:0; 
 padding-left: 87px; 
 text-align:right;
}

#bg_wrap {
	height: 423px;
	width: 50%;
	*top:14px;
	left:0;
	*left:-120px;
	background: url(../images/back-left.gif) repeat-x;
	position: absolute;
	clear:both;
}

#pagewidth{ 
 width: 923px;
 _width: 944px;
 height: 100%;
 min-height: 100%; 
 text-align:left;  
 margin: 0px auto;
 position: relative;
 background: url(../images/left-col.gif) left repeat-y;
} 

#left-container{
 width: 130px;
 height: 100%;
 float:left; 
 position:relative;
 padding-left: 23px;
 }

#header{
 width: 100%;
 height: 266px; 
 color: #000;
 background-color: #fff;
 }
	
#navigation{
 width: 100%;
 color: #fff;
 padding-bottom: 10px;
 line-height:100%;
}

#main-container{
 width: 769px;
 float: right; 
 display:inline; 
 position: relative; 
 background: #000;
 }
 
#maincontents{
 width: 769px;
 padding-right: 21px;
 background-:#000;
 }

#maincontents img{
 display: block;
}

#footer{
 height: 50px;
 width: 100%;
 text-align:left;
 padding-left: 95px;
 clear: both;
}

/*slideshow*/
#show{
 padding-top: 96px;
 background:#000;
 margin-left:30px;
 _margin-left:23px;
 _width:746px;
 background:#000;
}

#detail{
 padding-top:80px;
 padding-left: 30px;
 _padding-left: 25px;
}
li.detail{
 float:left;
 display: inline;
 list-style-type: none;
 padding-right: 10px;
}
/*projects*/
#projects{
 padding-top: 100px;
 padding-left: 10px;
 *padding-left: 10px;
 width: 769px; 
 background: #000000;
}
img.pro{
 padding-bottom: 50px;
 _margin-bottom: 69px;
}
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#left-container{display:none;} 
#twocols, #main-container{width:100%; float:none;}
}