html, body{
	height:100%;
	width: 100%; 
	display: table; 
}
body{
	margin:0;
	padding: 0; 
	vertical-align: middle; 
	display: table-cell;
}
#main{
	margin:0 auto;
	width:940px;
	/*height:542px;*/
	padding:18px 18px 0;
	position:relative;
	border:1px #f1ab29 solid;
	overflow: hidden;
	background-color:rgb(255,255,255);
	background: white url('../images/faux_column_bg.gif') repeat-y 0px 0px;
	padding-top:0px;
	padding-bottom:18px;
	padding-right:0px;
}
img{
	border:none;
	/*display:block;
	float:left;*/
}
#content{
	width:206px;
	height:490px;
	background:#f1ab29;
	float:left;
	padding:19px 15px 15px;
}
#content1{
	width:206px;
	height:512px;
	background:#f1ab29;
	float:left;
	padding:15px;
}
h1{
	margin:0;
	padding:0;
}
h1 a{
	display:block;
	width:204px;
	height:61px;
	text-indent:-9999em;
	background:url(../images/logo.gif);
	float:left;
	margin:50px 0 60px -1px;
	display:inline;
}
#content1 h1 a{
	margin:0 0 35px -1px;
}
/*navigation*/
#content ul, #content1 ul{
	margin:0 0 0 20px;
	padding:0;
	list-style-type:none;
	float:left;
	display:inline;
}
#content1 ul{
	margin:0 0 25px 20px;
}
#content ul li a, #content1 ul li a{
	display:block;
	width:159px;
	text-indent:-9999em;
	background:url(../images/navigation.gif);
	overflow:hidden;
}
#content ul li a.shop, #content1 ul li a.shop{
	background-position: 0 0;
	height:18px;
}
#content ul li a.about, #content1 ul li a.about{
	background-position:0 -18px;
	height:21px;
}
#content ul li a.stores, #content1 ul li a.stores{
	background-position: 0 -39px;
	height:26px;
}
#content ul li a.wholesale, #content1 ul li a.wholesale{
	background-position: 0 -65px;
	height:24px;
}
#content ul li a.press, #content1 ul li a.press{
	background-position: 0 -89px;
	height:23px;
}
#content ul li a:hover, #content1 ul li a:hover{background:url(../images/navigation-hover.gif);}
#content ul li a.shop:hover, #content1 ul li a.shop:hover{background-position: 0 0;}
#content ul li a.about:hover, #content1 ul li a.about:hover{background-position:0 -18px;}
#content ul li a.stores:hover, #content1 ul li a.stores:hover{background-position: 0 -39px;}
#content ul li a.wholesale:hover, #content1 ul li a.wholesale:hover{background-position: 0 -65px;}
#content ul li a.press:hover, #content1 ul li a.press:hover{background-position: 0 -89px;}
/*subnavigation*/
#content1 ul.second{
	/*border-top:2px dotted #993554;*/
	background: url('../images/separator.gif') transparent repeat-x 0 0;
	height: 2px;
	padding-top:28px;
	margin:0 0 22px 20px;
}
#content1 ul.second li a{
	display:block;
	width:176px;
	text-indent:-9999em;
	background:url(../images/nav-act.gif);
	overflow:hidden;
}
#content1 ul.second li a.contact{
	background-position: 0 0;
	height:19px;
}
#content1 ul.second li a.join{
	background-position:0 -19px;
	height:23px;
}
#content1 ul.second li a.customer{
	background-position: 0 -42px;
	height:18px;
}
#content1 ul.second li a:hover{background:url(../images/nav.gif);}
#content1 ul.second li a.contact:hover{background-position: 0 0;}
#content1 ul.second li a.join:hover{background-position:0 -19px;}
#content1 ul.second li a.customer:hover{background-position: 0 -42px;}
#card{
	float:left;
	width:704px;
	/*height:500px;*/
}
/*footer*/
#footer{
	clear: both;
	width:976px;
	height:24px;
	background:#993554;
	position: relative;
	/*top: -42px;*/
	left: -18px;
}
#footer p{
	margin:0;
	font:9px Geneva, Arial, Helvetica, sans-serif;
	line-height:24px;
	float:left;
}
#footer p.mail{
	text-transform:uppercase;
	color:#f1ab29;
	margin:0 0 0 18px;
}
#footer p.mail a{
	font-size:10px;
	text-transform:none;
	color:#fff;
}
#footer p.copy{
	color:#fff;
	margin:0 0 0 15px;
}
#footer p.site_by{
	float:right;
	margin:0 18px 0 0;
	padding-right:10px;
}