/* Designed and coded by Kimberley Chan - Don't pinch naughty */

/* reset */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td{margin:0; padding:0}
table{border-collapse:collapse; border-spacing:0}
fieldset, img{border:0}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal; font-weight:normal}
ol, ul, li{list-style:none}
caption, th{text-align:left}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal}
q:before, q:after{content:''}

strong{font-weight:bold}
em{font-style:italic}
a img{border:none}

h1, h2, h3, h5, h5, h6{font-weight:normal}

/* basic */ 
body {
	margin: 25px 0px 25px 0px;
	background-color:#fefefe;
	color:#AAAAAA;
	font-family:Helvetica, Arial, "Times New Roman", Times, serif;
	font-size:62.5%;
	font-weight:normal;
	line-height: 17px;
	}

a {color:#666; text-decoration:none;}
a:hover {color:#AAAAAA; text-decoration:none;}
.light a {color:#AAAAAA; text-decoration:none;}
.light a:hover {color:#666; text-decoration:none;}
.dark a {color:#666; text-decoration:none;}

h1, h2 {font-size:1em; font-family:Helvetica, Arial, sans-serif; text-transform: uppercase; font-weight:bold; color:#666; margin-bottom:3px;}
h2 {margin:0px 0px 3px 0px; text-transform: none; font-weight:normal;}

/* container */ 
#wrapper {width:900px; margin:0px auto; padding:0px; font-size:1.05em;}

/* header */ 
#header {width:900px; height:0px; margin:0px; padding:0px;}

/* nav */
#navi {
	width:150px;
	min-height:466px;
	margin:0px 50px 0px 0px;
	padding:15px 0px 15px 0px;
	border-top: 1px solid #dcdcdc;
	float:left;
}

/* Main body */ 
#main {width:700px; min-height:466px; margin:0px; padding:15px 0px 0px 0px; border-top: 1px solid #dcdcdc; float:right;}
.title {color:#888; font-family:Helvetica, Arial, sans-serif; font-size:1em; font-weight:bold; text-transform: uppercase;}

/* portfolio */ 
.thumbnail_a, .thumbnail_b {width:163px; height: 175px; float:left;}
.thumbnail_b {margin: 0px 0px 0px 16px;}
.thumbnail_title {width:163px; height: 50px; padding:5px 0px 0px 0px; font-family:Helvetica, Arial, sans-serif; font-size:1em; color:#666;}
.thumbnail_type {color:#AAAAAA;}
.current {color:#666;}
#about {display:none; padding: 0px 0px 0px 0px;}
#ten, #nine, #portfolio {display:none;}

/* slide down */ 
#panel {display: none; width: 500px;}
.btn-slide {display: block;}

/* footer */ 
#footer{margin:0px;padding:0px;width:900px;height:0px;clear:both;}
#naviborder {width:150px; margin:0px 50px 0px 0px; border-top: 1px solid #dcdcdc; float:left;}
#mainborder {width:700px; margin:0px; border-top: 1px solid #dcdcdc; float:right;}