/* CSS Document */

/*basic information*/
body {font:10px Verdana;margin:0px;text-align:center;background:#000;
background-repeat:no-repeat;
}

/*page container*********************************************00A0C6 F79618
***************/
#Container {width:900px; margin:auto; }

html, body {  
margin: 0;  
padding: 0;  
}

/*header**************************************************************/
#Header {
  border-bottom:3px solid #00A0C6;  
  height:165px;}
#Header #Logo{
  position:absolute;
  top:10px;
  left:300px;
  }
#Logo img{
  border:0;
  }
  
#Header #Menu {
  font:"Times New Roman", Times, serif;
  position:absolute;
  top:90px;
  left:600px;
  width:600px;
  
  }
#Header #Menu ul li{padding-left:25px; float:left; }
#Header #Menu ul li a {
font-size:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#fff;
height:25px;
text-decoration:none;
text-align:right;}
#Header #Menu ul li {
list-style:none;
}
#Header #Menu ul li a:hover{color:#00A0C6}

/*main body**************************************************************/
#PageBody {
  }
#PageBody h1{
  padding:0px;
  margin:10px 0;
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size:24px;
  }
#PageBody p {  
margin: 6px 0;  
padding: 0 ;  
color:#ccc; 
text-align:left;
font-size:18px;
line-height: 32px;
}
#PageBody .nav{
  margin:20px 0 0px 30px;
  color:#ccc;
  text-align:right;
  border-bottom:1px solid #00A0C6;
}
#PageBody .sub-nav{
  margin:10px 0 0 30px;
  color:#F79618;
  text-align:right;
}
#PageBody .sidebar{
  float:left;
  width:180px;
}
/*about***************************************************************/
#PageBody #about {
  height: 750px;
  border-bottom:3px solid #00A0C6;  
}
#PageBody #about #intro{
  height:400px;
}
#PageBody #about #intro #bio{
  padding: 20px 40px 0 80px;
  float:left;
  width:600px;
  
}
#PageBody #about #intro #bio img{
  padding: 20px 45px 0 0;
}
#PageBody #about #intro #bio span1{
  font-size:24px;
  color:#99cc33;
}
#PageBody #about #intro #bio span2{
  font-size:24px;
  color:#00a0c6;
}
#PageBody #about #intro #bio span3{
  font-size:24px;
  color:#F79618;
}
#PageBody #about #slideshow{
  height:300px;  
}
#PageBody #about #slideshow .thumbnail{
 margin-left:15px;
 }
#PageBody #about #slideshow .title{
 margin-top:230px;
}
#PageBody #about #slideshow .title a{
 font:"Times New Roman", Times, serif;
 color:#fff;
 font-size:32px;
 text-decoration:none; 
}
#PageBody #about #slideshow .title a:hover{
 color:#00A0C6;
 }
.sleft{
 height:300px;
 width:300px;
 float:left;
}

.scenter{
 height:300px;
 width:300px;
 float:left;
}
.sright{
 height:300px;
 width:290px;
 float:left;
}
.img-shadow {
float:left;
/*background:url(images/shadowAlpha.png) no-repeat bottom right;
background:url(images/shadow.gif) no-repeat bottom right;*/
margin: 10px 0 0 10px;
margin: 10px 0 0 5px;
}

.img-shadow .slide,
.img-shadow img{
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 24px 15px;
}

/*portfolio**********************************************************/
#PageBody #portfolio {
  /*border-bottom:3px solid #00A0C6;  */
}
#PageBody #portfolio .showcase{
  width:720px;
  margin-left:180px;
}
#PageBody #portfolio #websites{
 border-bottom:1px #00A0C6 solid;
 height:1280px;
}
#PageBody #portfolio #websites .web1{
  width:400px;
  padding:30px 0px 20px 40px;
  float:left;
  }
#PageBody #portfolio .division{
  height:5px;
  width:680px;
  float:right;
  border-bottom:1px #00A0C6 dashed;
  }
#PageBody #portfolio .describ{
  float:left;
  width:250px;
  height:auto;
  padding:30px 0 0 0;
}
#PageBody #portfolio .describ p{
  padding-left:40px;
  font-family:Calibri;
  color:#ccc;
  font-size:13px;
  }
#PageBody #portfolio .describ p a{
  padding-left:10px;
  font-family:Calibri;
  color:#00A0C6;
  font-size:24px;
  text-decoration:none;
}
#PageBody #portfolio .describ p a:hover{
  color:#99cc33;
  }
#PageBody #portfolio .describ p span{
  color:#F79618; 
}  


#PageBody #portfolio #two-d{
  height:900px;
  float:left;
 border-bottom:1px #00A0C6 solid;
  }
#PageBody #portfolio #two-d .picture{
  padding:30px 0 0 40px;
  height:850px;
  /*overflow:auto;
  SCROLLBAR-FACE-COLOR: #000000;
SCROLLBAR-HIGHLIGHT-COLOR: #fff;
SCROLLBAR-SHADOW-COLOR: #000000;
SCROLLBAR-3DLIGHT-COLOR: #00A0C6;
SCROLLBAR-ARROW-COLOR: #00A0C6;
SCROLLBAR-TRACK-COLOR: #000;
SCROLLBAR-DARKSHADOW-COLOR: #000000;*/
}
#PageBody #portfolio #two-d .logo{
  width:200px;
  padding: 5px;
  border-bottom:;
  float:left;
  }
  
#PageBody #portfolio #three-d{
  height:1050px;
  float:left;
 border-bottom:3px #00A0C6 solid;
  }
#PageBody #portfolio #three-d .renderimg{
  width:400px;
  padding:30px 0px 20px 40px;
  float:left;
  }

/*resume************************************************************/
/*#PageBody #resume {
  border-bottom:3px solid 00A0C6;  
  height:600px;
}*/
/*contact***********************************************************/
#PageBody #contact {
  height:400px;
}
#PageBody #contact #contactform{
width:360px;
padding:14px;
float:left;
}
#PageBody #contact #tweets{
width:200px;
margin-right:50px;
float:right;
height:200px;
}
#PageBody #contact #contactform h1 {
font-size:14px;
font-weight:bold;
margin:20px 0 15px 35px;
color:#00A0C6;
text-align:left;
}
#PageBody #contact #contactform label{
display:block;
text-align:right;
width:100px;
float:left;
color:#00A0C6;
}
#PageBody #contact #contactform input, textarea{
float:left;
font-size:12px;
border:solid 2px #00A0C6;
width:200px;
margin:5px 0 10px 10px;
}
#PageBody #contact #contactform button{
clear:both;
margin-left:80px;
width:55px;
height:21px;
background: url(imges/submitbtn.jpg) no-repeat;
text-align:center;
line-height:20px;
color:#00A0C6;
font-size:12px;
font-weight:bold;
margin-top:5px;
border:solid 1px #00A0C6;
}


/*footer**************************************************************/
#Footer {  
clear: both;  
height: 66px;  
font-family: Tahoma, Arial, Helvetica, Sans-serif;  
font-size: 10px;  
color: #fff;  
padding: 13px 25px;  
line-height: 18px;
border-top:solid 3px #00A0C6
}   

/*让下划线消失*/
#Footer a {  
color: #fff;  
text-decoration: none;  
} 

/*鼠标停留时变色*/
#Footer a:hover {
color:#00A0C6;
}
pre{
	display:block;
	font:12px "Courier New", Courier, monospace;
	padding:10px;
	border:1px solid #bae2f0;
	background:#e3f4f9;
	margin:.5em 0;
	width:500px;
	}
	span#prevBtn{}
	span#nextBtn{}
	#slider, #slider li{
		/*
			define width and height of container element and list item (slide)
			list items must be the same size as the slider area
		*/
		overflow:hidden;
		}