@charset "UTF-8";
/* CSS Document */
body {
	margin:0;
	padding:0;
	background-color:#fff;
}
a:link, a:visited {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#932585;
}
a:hover {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:underline;
	color:#666666;
}
#wrapper {
	width:900px;
	margin:0 auto 0 auto;
	height:auto;
	/*background-color:#000000;*/	
}
div.splash-space{
	width:500px;
	margin-top: 75px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#cover{
	height:auto;
	width:auto;
}
/*---------------------------Top Nav Start<<---------------------------------*/
div.left-nav{
	width:150px;
	margin:10px 0 0;
}
div.left-nav ul{
	
	margin:0 0 0 20px;
	list-style:none;
	text-transform: uppercase;
	line-height: 18px;
	padding:0 0 3px 10px
}
ul.nav-main{
	border-bottom: solid #cccccc 1px;
	width: 100px;
	
	
}
div.left-nav ul li{
	margin:0;
	list-style:none;
}
div.left-nav ul li a{
	font-size:12px;
	font-weight:bold;
	font-family:arial;
	text-decoration:none;
}
div.left-nav ul li a:link, div.left-nav ul li a:visited{
	text-decoration:none;
	
	color:#666666;
}
div.left-nav ul li a:hover{
	text-decoration:underline;
	
	color:#333333;
}
div.nav-extras{
	border-bottom: solid #cccccc 1px;
	margin:0 0 0 20px;
	text-transform: uppercase;
	line-height: 18px;
	padding:3px 0 3px 10px;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	width:100px;
}
a.cart-icon{
	display: block;
	float:left;
	height:17px;
	width:19px;
	margin:1px 0 0 5px;
}
a.cart-icon:link, a.cart-icon:visited{
	background-image:url(images/store/cart-icon-off.jpg);
}
a.cart-icon:hover{
	background-image:url(images/store/cart-icon-over.jpg);
}
a.rss-icon{
	display: block;
	float:left;
	height:10px;
	width:10px;
	margin:4px 0 0 5px;
}
a.rss-icon:link, a.rss-icon:visited{
	background-image:url(images/nav/rss.gif);
}
a.rss-icon:hover{
	background-image:url(images/nav/rss-over.gif);
}
a.rss{
	text-transform: uppercase;
	line-height: 18px;
	font-family:arial;
	font-size:11px;
	font-weight:bold;
	color:#666666;
	float:left;
}
a.cart{
	text-transform: uppercase;
	line-height: 18px;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	color:#666666;
	float:left;
}
div.other-pages{
	height:20px;
	width:auto;
	padding:8px 0 0 10px;
	margin:0 0 0 20px;
}
a.facebook{
	display:block;
	float:left;
	width:16px;
	height:16px;
	margin:0 5px 0 0;
}
a.facebook:link, a.facebook:visited{
	background-image:url(images/nav/fb-off.gif);
}
a.facebook:hover{
	background-image:url(images/nav/fb-over.gif);
}
a.twitter{
	display:block;
	float:left;
	width:16px;
	height:16px;
	margin:0 5px 0 0;
}
a.twitter:link, a.twitter:visited{
	background-image:url(images/nav/twitter-off.gif);
}
a.twitter:hover{
	background-image:url(images/nav/twitter-over.gif);
}
a.flickr{
	display:block;
	float:left;
	width:16px;
	height:16px;
	margin:0 5px 0 0;
}
a.flickr:link, a.flickr:visited{
	background-image:url(images/nav/flickr-off.gif);
}
a.flickr:hover{
	background-image:url(images/nav/flickr-over.gif);
}
div.logo{
	height:85px;
	width:100px;
	background-image:url(images/logo.gif);
	margin:28px 0 0 20px;
}
/*-----------------------Top Nav End<<<<--------------------------------------*/
/*---------------------------Content Area Start<<---------------------------------*/

#content{
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:12px;
	width:600px;
}
#content h2{
	font-family:Arial, Helvetica, sans-serif;
	color:#932585;
	font-size:21px;
}
div.storycontent p{
	width:600px;
	letter-spacing: .001em;
}
div.content p{
	width:600px;
	letter-spacing: .001em;
}
div.spacer{
	float:left;
	width:150px;
	height:100px;
	clear:both;
	
}
div.post-date h2{
	font-size:11px;
	font-family:arial;
	color:#666666;
	margin:0 0 0 0;
	padding:0;
	font-weight:bold;
	text-transform:uppercase;
}
div.main-space{
	height:353px;
	width:700px;
	background-color:#000000;
	background-image:url(images/goods.jpg);
}
h3.storytitle{
	font-family:arial;
	font-style:italic;
	color:#932585;
	background-color:#e8e8e8;
	margin:30px 0 5px 0;
	padding: 3px 5px 3px 3px;
	font-size:21px;
	display:inline-block;
	
}
div.entry p{
	margin:3px 0 0 0;
	padding:0;
}
h3.storytitle a{
	color:#932585;
	text-decoration:none;
	font-style:italic;
}
div.storycontent{
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:12px;
}
div.meta{
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
	margin:0 0 0 0;
}
div.mid-col{
	height:auto;
	width:615px;
	margin-left: 0px;
	float:left;
}
div.still-col{
	position:fixed;
	top:0;
	left:780px;
	width:210px;
	float:left;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 30px;
	/*padding-right: 10px;*/
	padding-bottom: 15px;	/*padding-left: 10px;*/
	
}
div.move-col{
	position:fixed;
	top:0;
	left:780px;
	width:210px;
	float:left;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0px;
	/*padding-right: 10px;*/
	padding-bottom: 15px;
	/*padding-left: 10px;*/
}
div.still-box{
	width:208px;
	height:auto;
	float: left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;	/*background-image:url(images/site/col-back.jpg);
	background-repeat:repeat-x;
	padding: 0 10px 0 10px;*/
}
h2.still-title{
	margin:0 0 5px 0;
	padding:19px 0 5px 0;
	font-size:12px;
	font-weight:bold;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	border-bottom:1px #999 solid;
	color:#932585;
	
}
div.still-col hr{
	height:1px;
	margin:5px 0 7px 0;
	padding:0;
	width:auto;
	background-image:none;
}
p.still-body{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	line-height: 13px;
	text-align: justify;
}
div.still-box p{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	line-height: 13px;
	text-align: justify;
}
div.rule{
	height:1px;
	margin:1px 0 12px 0;
	padding:0;
	width:600px;
	display:block;
	border-bottom:1px #999999 solid;
	clear:both;
}
/*-----------------------Content Area End<<<<-------------------------------
*/
/*-------------------------Archive Area Start<<---------------------------------*/
h2.archive{
	font-size:12px;
	font-family:arial;
	color:#333333;
	margin:0 0 7px 0;
	padding:0;
	font-weight:bold;
	/*text-transform:uppercase;*/
}
div.archive-image{
	width:600px;
	height:auto;
	margin:0 0 15px 0;
	float:left;
}
div.archive-left{
	float:left;
	width:600px;
	height:auto;
}
div.archive-right{
	width:208px;
	height:auto;
	float: left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 30px;	
}
h2.archive-detail{
	font-size:12px;
	font-weight:bold;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	border-bottom:1px #999 solid;
	color:#666666;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 6px;
	padding-left: 0;
}

/*-----------------------Archive Area End<<<<-------------------------------
*/
/*-------------------------Portfolio Area Start<<---------------------------------*/
div.port-cover{
	width:900px;
}
div.port-title{
	background-color:#f3f3f3;
	width:830px;
	height:20px;
	margin:15px 0 10px 0px;
}
p.port-title{
	margin:0 0 0 5px;
	padding:0;
	color:#666666;
	font-size:14px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
}
div.project-info{
	padding:7px 0 10px 0;
	margin:0;
}
p.project-info{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:11px;
	line-height:14px
}
p.project-info span{
	font-weight:bold;
}
div.port-item{
	width:200px;
	margin:0 10px 0 0;
	float:left;
	
}
div.port-thumb{
	width:200px;
	height:125px;
	
}
div.port-thumb a:link{
	border:0;
}
a.port-caption{
	font-family:Arial, Helvetica, sans-serif;
	font-style: italic;
	color:#999999;
	font-size:11px;
}
h2.main-title{
	color:#932585;
	background-color:#e8e8e8;
	margin:30px 0 10px 0;
	padding: 3px 5px 3px 3px;
	font-size:21px;
	width:auto;
	font-style:italic;
	display:inline-block;
	font-weight:600;
	font-family:Arial, Helvetica, sans-serif;
}
div.main-image{
	width:600px;
	height:auto;
	margin:0 0 15px 0;
}

/*-----------------------Portfolio Area Ends<<<-----------------------------------*/

/*-------------------------Store Area Start<<----------------------------------------*/
div.store-item{
	width:auto;
	height:auto;
	margin:28px 15px 0 0;
	padding:0 0 40px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
div.item-thumb{
	width:487px;
	height:auto;
	padding:0 0 15px 0;
	margin:0 0 10px 0;
	float:left;
}
div.item-details{
	width:250px;
	height:auto;
	float:left;
	padding:30px 0 0 25px;
	
}
p.item-details{
	width:auto;
	font-family:Arial, Helvetica, sans-serif;
	/*font-style: italic;*/
	color:#646464;
	font-size:10px;
	margin:0 0 5px 0;
	padding:0 0 2px 2px;
	display:block;
	font-weight:bold;
	border-bottom:1px #cccccc solid;
	text-transform:uppercase;
}
p.item-caption{
	width:auto;
	font-family:Arial, Helvetica, sans-serif;
	/*font-style: italic;*/
	color:#646464;
	font-size:11px;
	margin:0 0 5px;
	padding:0 0 5px 2px;
	display:block;
	border-bottom:1px #cccccc solid;
	text-align: justify;
}
h2.product{
	font-weight:bold;
	font-size:15px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0 0 1px 0;
	padding:0;
	color:#646264;
	font-style:italic;
	text-transform:uppercase;
	font-weight:600;
}
div.store-head{
	background-color:#fff;
	width:auto;
	height:auto;
	margin:20px 0 15px 0px;
}
p.store-head{
	margin:0 0 0 0;
	padding:0;
	color:#666666;
	font-size:21px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}



/*forms*/
div.store-form{
	margin:5px 0 0;
	width:auto;
	height:auto;
}
div.form-options{
	float:left;
	margin:6px 0 0 0;
	width:50px;
	color:#666666;
	
}
div.form-field{
	float:left;
	height: 23px;
	margin:3px 0 0 0;
	position:relative;
	left:20px
}
span.select {
	position: absolute;
	width: 125px; /* With the padding included, the width is 150 pixels: the actual width of the image. */
	height: 21px;
	padding: 0 24px 0 8px;
	color: #999999;
	font: 12px/21px arial,sans-serif;
	background:url(images/store/box.gif) no-repeat;
	overflow: hidden;
}
input.button {
	margin:10px 0 0 0;
}

/*-----------------------Store Area End<<<<---------------------------------------*/
/*-----------------------About Start----------------------------------------------*/
div.about-image{
	width:600px;
	height:auto;
	margin:0 0 15px 0;
}
p.about{
	margin:0 0 30px 0;
	padding:0;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666; 	
	line-height: 15px;
	letter-spacing: 0.04em;
	text-align: justify;
	width:600px;
	
}

/*-----------------------About End------------------------------------------------*/
div.credit{
	height:auto;
	width:500px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
div.home-img {
	width:500px;
	height:auto;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
div.credit p{
	margin:5px 0 0 0;
	padding:0;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	color:#999999;
}
div.left-col{
	position:fixed;
	top:0px;
	left:0px;
	width:150px;
	overflow: auto;
	height: 100%;
	background-color: #FFFFFF;
}
div.right-col{
	float:left;
	height:auto;
	width:910px;
	background-color:#ffffff;
	margin-left:150px;
}
div.clear{
	clear:both;
	height:1px;
}
/*-------------------------Footer Area Start<<----------------------------------------*/
div.footer{
	position:relative;
	width:600px;
	height:40px;
	padding:10px 0;
	border-top:solid 1px #cccccc;
	left:150px;
	clear:both;
	overflow:hidden;
}
p.footer{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999999;
}
p.footer a:link, p.footer a:visited{
	color:#932585;
}
p.footer a:hover{
	color:#666666;
	text-decoration:underline;
}
/*-------------------------Footer Area Ends<<----------------------------------------*/