body{
	width:100%;
	margin:0 auto;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 12px; 
	background:#000000 url('images/4.jpg') top center no-repeat;
	color: #898989; 
	text-decoration: none;
}
img{
	border:none;
}
a{
	color:#ffffff;
	text-decoration:underline;
	font-weight:bold;
}
a:hover{
	color:#21f6ee;
	text-decoration:underline;
}
h1{
	font-size:17px;
	display: inline;
}
h2{
	font-size:17px;
	display: inline;
}
#outercontainer{
	width:100%;
}
#top{
	height:125px;/*109*/
}
#innercontainer{
	width:950px;
	margin:0 auto;
}
#logo{
	width:133px;
	height:50px;
	margin-top:30px;
	margin-left:18px;
}
#bodytop{
	margin-top:45px;
	width:950px;
	height:16px;
	background-image:url(images/body_top.png);
	background-repeat:no-repeat;
}
#bodymain{
	width:950px;
	background-color:#000000;/*0d0d0d*/
}
#nav{
	width:507px;
	height:41px;
	margin-left:16px;
	background-image:url(images/navcontainer.png);
	background-repeat:no-repeat;
	padding-top:3px;
	padding-left:3px;
	font-size:13px;
	font-weight:bold;
}
#nav a{
	color:#eeeeee;
	text-decoration:none;
}
#nav a:hover{
	color:#21f6ee;
}
.buttonpressed{
	height:35px;
	width:101px;
	float:left;
	background-image:url(images/button_pressed.png);
	background-repeat:no-repeat;
	margin:0 auto;
	text-align:center;
	color:#1ccdc6;
	padding-top:9px;
}
.button{
	height:35px;
	width:100px;
	float:left;
	background-image:url(images/button.png);
	background-repeat:no-repeat;
	margin:0 auto;
	text-align:center;
	padding-top:9px;
}
#home-topcontainer{
	width:934px;
	padding-left:16px;
	padding-top:25px;
	min-height:175px;
}
#topcontainer{
	width:934px;
	padding-left:16px;
	padding-top:25px;
	background-color:transparent;
	min-height:435px;
}
#switcher{
	margin-right:20px;
}
.switchtitle{
	font-weight:bold; 
	color:#eeeeee;
}
#styles{
	min-width:150px;
}
#welcome{
	width:233px;
	height:239px;
	padding-top:20px;
	background-image:url(images/welcome.png);
	background-repeat:no-repeat;
	background-color:transparent;
	font-family: "Microsoft JhengHei", Helvetica, Arial, sans-serif;
	font-size:16px;
	color:#c1c0c0;
	float:left;
	letter-spacing:-.75px;
}
#welcometext{
	width:195px;
	height:210px;
	margin-left:20px;
	margin-top:0px;
}
#featured{
	width:644px;
	height:259px;
	margin-left:0px;
	background-image:url(images/featured.png);
	background-repeat:no-repeat;
	background-color:transparent;
	float:left;
}
#flashbox{
	height:241px;
	width:650px;
	margin-left:22px;
	margin-top:12px;
}
#boxone{
	width:237px;/*257*/
	height:244px;/*259*/
	background-image:url(images/box.png);
	background-repeat:no-repeat;
	background-color:transparent;
	float:right;
	padding-left:20px;
	padding-top:15px;
	margin-right:16px;
}
#boxone .title{
	font-size:20px;
}
#boxtwo{
	width:269px;
	height:244px;
	background-image:url(images/box.png);
	background-repeat:no-repeat;
	background-color:transparent;
	float:left;
	padding-left:20px;
	padding-top:15px;
	margin-right:25px;
}
#boxthree{
	width:269px;
	height:244px;
	background-image:url(images/box.png);
	background-repeat:no-repeat;
	background-color:transparent;
	float:left;
	padding-left:20px;
	padding-top:15px;
}
.boxtext{
	margin-top:35px;
	width:220px;
	padding-right:25px;
}
#bottomcontainer{
	width:934px;
	padding-top:25px;
	padding-left:16px;
	clear:both;
	background-color:transparent;
	color:#c1c0c0;
	font-size:17px;
	font-family: "Microsoft JhengHei", Helvetica, Arial;
	font-weight:bold;
}
#bodybottom{
	width:950px;
	height:25px;
	background-image: url('images/body_bottom.png');
	background-repeat:no-repeat;
	clear:both;
}
#footer{
	width:930px;
	text-align:right;
	margin-bottom:25px;
	margin-top:10px;
	margin-right:20px;
	color:#898989;/*323232*/
	font-size:12px;
	font-weight:bold;
}

#maintop{
	width:918px;
	height:24px;
	background-image:url(images/main_top.png);
	background-repeat:no-repeat;
	background-color:transparent;
}
#main{
	width:868px;
	background-image:url(images/main.png);
	background-repeat:repeat-y;
	background-color:transparent;
	padding:10px 15px 10px 35px;
	color:#c1c0c0;
	font-size:14px;
	font-family:"Microsoft JhengHei", Helvetica, Arial;
	/*letter-spacing:-1px;*/
}
#mainbottom{
	width:918px;
	height:24px;
	background-image:url(images/main_bottom.png);
	background-repeat:no-repeat;
	background-color:transparent;
}


/*** ABOUT PAGE ***/

#picture {
	width:230px;
	height:294px;
	float:left;
	background-color:#232323;
	margin-left:35px;
}

#content {
	width:270px;
	height:243px;
	float:left;
	margin-left:40px;
	margin-top:10px;
	font-size:14px;
	line-height:18px;
}
#content2 {
	width:270px;
	height:243px;
	float:left;
	margin-left:40px;
	margin-top:10px;
	font-size:14px;
	line-height:18px;
}


/*** PORTFOLIO PAGE ***/

#main-area{
	margin-left:5px;
	width:100%;
	font-size:14px;
}

#pic{
	width:500px;
	float:left;
	margin-bottom:25px;
}

#textarea{
	float:left;
	height:283px;
}

#title-text {
	color:#cccccc;
	padding-top:0px;
	font-size:25px;
	padding-bottom:30px;
	padding-left:5px;
	width:200px;
	float:left;
}

.portfolio-title{
	font-size:18px;
	color:#1CCDC6;
	font-family:"Century Gothic";
}

#text{
	width:315px;
	font-size:14px;
	color:#898989;
	line-height:18px;
}	

#pic2{
	width:500px;
	float:left;
	margin-bottom:25px;
}

#textarea2{
	float:left;
	height:283px;
}

#text2{
	width:315px;
	font-size:14px;
	color:#898989;
	line-height:18px;
}	

#pic3{
	width:500px;
	float:left;
	margin-bottom:25px;
}

#textarea3{
	float:left;
	height:283px;
}

#text3{
	width:315px;
	font-size:14px;
	color:#898989;
	line-height:18px;
}

#portfolio1{
	display:block;
}
#portfolio2{
	display:none;
}
#portfolio3{
	display:none;
}
#right{
	height:366px;
	width:325px;
	float:left;
	margin-left:50px;
}
#right2{
	height:366px;
	width:325px;
	float:left;
	margin-left:50px;
}
#right3{
	height:366px;
	width:325px;
	float:left;
	margin-left:50px;
}
#thumbs{
	height:83px;
	float:left;
}
#thumbs2{
	height:83px;
	float:left;
}
#thumbs3{
	height:83px;
	float:left;
}
.indent{
	margin-left:34px;
}
.active{
	border:4px solid #ffffff;
}
.inactive{
	border:4px solid #090909;
}	
#sort{
	float:left;
	width:700px;
	margin-top:10px;
	font-size:12px;
}
#sort a{
	color:#898989;
	font-weight:normal;
	padding:0 10px 0 10px;
}
.selected{
	color:#1ccdc6;
	text-decoration:none;
	padding:0 10px 0 10px;
	font-size:14px;
}


/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{/*margin-top:1em;*/}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:612px;/*650px;*/
		height:241px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:20px;
margin-top:-40px;
margin-left:3px;
display:none;		
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:20px;
		line-height:24px;
		}
	ol#controls li a{
		float:left;
		height:20px;
		line-height:20px;
		border:1px solid #898989;
		background:#111112;
		color:#eee;
		padding:0 7px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#BABABA;
		color:#000000;
		border:1px solid #BABABA;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}