@charset "UTF-8";
/* CSS Document */

/* 
Daekyu Design Styles
©2009 Daekyu Cha
version 2,  
for questions or comments contact daekyu@daekyudesign.ca
*/

/* ---------- base styles ------------- */
* {
	padding:0;
	margin: 0;
	}
	
body {
	background:url(image/backgroud1.png) no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	}
	
#wrapper {
	background:url(image/back.png) no-repeat;
	position:relative;
	width:960px;
	margin:auto;
	margin-top:3em;
	}
#clear {
	clear:both;
	}


/* ---------- header styles ------------- */


#header {
	width:960px;
	height:120px;
	float:left;
}


#logo {
	float:left;
	margin:2em;
}

#nav {
	float:right;
	width:420px;
	height:110px;
	

}

#nav ul{
}

#nav ul li{
	float:left;
	width:55px;
	list-style:none;
	padding-top:6em;
	padding-left:1em;
	padding-right:1em;
	padding-bottom:.5em;
	border-left:1px;
	border-left-color:#fff;
	border-left-style:solid;
	
}

#nav ul li a{
	color:#333;
	font-size:12px;
	text-decoration:none;
}

#nav ul li:hover {
	border-bottom:4px;
	border-bottom-color:#333;
	border-bottom-style:solid;
}
#nav li.current, #nav li.current:hover, #nav li.current:active {
	border-bottom:4px;
	border-bottom-color:#333;
	border-bottom-style:solid;
	cursor: default;
}
	
/* ---------- content styles ------------- */
#content {
	float:left;
	width:960px;
	height:580px;
	margin-left:1em;
}


#image {
	float:left;
	width:650px;
	margin-top:2em;
	margin-left:3.5em;
	margin-right:1em;
}

#product {
	margin-top:2em;
	margin-left:4em;
}
#docform {
	float:left;
	width:400px;
	margin-top:2em;
	margin-left:3em;
}
#docform p{
	padding:.4em;
}

#contactimg {
	margin-right:1em;
	margin-top:2em;
	margin-left:4em;
	float:left;
}

#sidebar {
	margin-top:2em;
	border-left:1px;
	border-left-color:#333;
	border-left-style:dotted;
	float:left;
	width:190px;
	height:520px;
	padding-left:1em;
}

#sidebar a{
	color:#906;
	font-size:11px;
	text-decoration:none;
}

	
#sidebar  a:hover{
	color:#fff;
}

#sidebar h2 {
	font-size:14px;
	padding:.2em;
}

.nameColor {
	color:#333;
	font-weight:bold;

}
#sidebar p {
	font-size:13px;
	padding:.7em 0 0 .2em;
}

#sidebar p.prodInfo {
	font-size:11px;
	color:#333;
}
#sidebar2 {
	margin-top:2em;
	float:left;
	width:200px;
	height:520px;
	padding-left:1em;
}



#sidebar2 ol {
	margin-left:2em;
	margin-top:1em;
}

#sidebar2 ul{
	list-style:none;

}
#sidebar2 ul li{
	padding-top:.5em;
	padding-bottom:.5em;
}
	
	
#sidebar2 ul li a{
	color:#906;
	text-decoration:none;
}

	
#sidebar2 ul li a:hover{
	color:#fff;
}




td, th {
	padding:1em;
}

/* ---------- footer styles ------------- */
#footer {
	background:url(image/footer.png) no-repeat;
	float:left;
	width:960px;
	height:100px;
}
#footer p {
	text-align:right;
	padding-top:1em;
	padding-right:3em;
	color:#333;
	font-size:9px;  
}

#footer p a{
	color:#CCC;
	text-decoration:none;
}

#footer p a:hover{
	color:#906;
}

#foot1 {
	float:left;
	width:300px;
	height:50px;
	text-align:left;
	margin-left:2.5em;
	color:#333;
}
#foot1 h3 {
	font-size:12px;
	float:left;
	margin-left:1em;
	margin-top:1em;
}
#foot1 h3 a{
	color:#CCC;
	text-decoration:none;
}
#foot1 img{
	float:left;
	margin-top:.5em;
}

#foot1 a:hover{
	color:#906;
}

#foot2 {
	width:500px;
	height:30px;
	float:right;
}
#footer .ftcurrent {
	border-bottom:1px;
	border-bottom-color:#ccc;
	border-bottom-style:solid;
	cursor: default;
}
	




/* ---------- slide styles ------------- */


#thumbnail{
	width:250px;
	float:left;
	margin-left:.3em;
}

#largeimg {
	width:650px;
	float:left
}
	#DHTMLgoodies_panel_one{
		margin-left:2em;
	}
	#DHTMLgoodies_thumbs{
		width:215px;
		overflow:hidden;	/* Don't change this */
		height:520px;	/* Height of thumbnail div */
		position:relative;	/* Never change this */
	
		
	}
	#DHTMLgoodies_largeImage{	/* Large image div */
		width:650px;	/* Width of large image div */
		height:500px;	/* Height of large image div */
		float:left;
		/* "Air" */
	}
	#DHTMLgoodies_largeImage table{	/* Used table to get both horizontal and vertical center alignement of large image */
		width:100%;
		height:100%;
		text-align:center;

	}
	#DHTMLgoodies_largeImage img{	/* Large image */
		border:2px solid #666;	/* Border around large image */

	}
	#DHTMLgoodies_largeImage p{
		font-size:10px;
		width:600px;
		padding-left:1.5em;
	}
	#DHTMLgoodies_arrows {
		width:200px;
		margin-left:1em;
	}
	.strip_of_thumbnails{	/* A vertical strip of thumbnails */
	width:200px;	/* Width of strip */
	padding-right:1em;
	padding-left:.5em;/* "Air" inside filmstrip div */
	position:absolute;
	height:150px;
	left: 0px;
	top: 0px;
	margin-top:1.7em;
	}
	
	.strip_of_thumbnails img{
		border:0px;
		margin-bottom:1em;
	}
	.strip_of_thumbnails .activeImage{	/* Active thumbnail */
		border:2px solid #666;	
	
	}
	.leftArrow{
		float:left;
	}
	.rightArrow{
		float:right;
	}
	
	.smthumb{
		text-align:left;
		width:150px;
		padding-bottom:1em;
		padding-right:.2em;
		padding-left:.2em;
	}
	#DHTMLgoodies_thumbs_inner{
		position:relative;	/* Never change this */
	}	


#thumbs {
	width:150px;
	float:left;
	padding-left:1em;
	padding-top:1em;
}

#thumbs a img{
	padding-bottom:1em;
	border:none;
}

#panelContainer {
	float:left;
	width:700px;
	margin-left:2.5em;
	margin-top:1em;
	
}
	
	
.SlidingPanels {
	top:0px;
	position: relative;
	width: 100%;
	height:inherit;
	padding: 0px;
	border: none;
	float:left;
}
.SlidingPanelsContentGroup {
	position: relative;
	width: 10000px; /*increased width allow content to fit*/
	margin: 0px;
	padding: 0px;
	border: none;
	float:left; /*for horizontal animation*/
}

.SlidingPanelsContent {
	width: 700px;
	height:inherit;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	border: none;
	float:left;
}
.SlidingPanelsAnimating * {
	overflow: hidden !important;
}

.SlidingPanelsCurrentPanel {
}
.SlidingPanelsFocused {
}