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

body{
	background-color:#000000;
	text-align:center;
}

body{
	background-color:#000000;
	text-align:center;
}

#container{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:1020px;
	height:1100px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}

#footer{
	position:relative;
	left:0;
	margin-left:auto;
	margin-right:auto;
	width:1020px;
	height:25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
}

/* header */

#header{
	position:relative;
	background-image:url(../images/header.png);
	width:1020px;
	height:77px;	
}
	
#nav{
	position:absolute;
	top:47px;
	left:467px;
	height:29px;
	width:560px;
	text-align:left;
	line-height:29px;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: 700;
}
	
.button{
	color:#FFFFFF;
	width:78px;
	height:29px;
	text-align:center;
	float:left;
	display:block;
	vertical-align: middle;
	text-shadow:#206 1px 1px 0, #333 0 -1px 0;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color:#999999;
}

.button1{
	color:#FFFFFF;
	width:78px;
	height:29px;
	text-align:center;
	float:left;
	display:block;
	vertical-align: middle;
	text-shadow:#206 1px 1px 0, #333 0 -1px 0;
}
		
a:link {
	color: #FFFFFF;
	text-decoration: none;
}

a:visited {
	text-decoration: none;
	color: #FFFFFF;
}

a:hover {
	text-decoration: none;
	color: #CCCCCC;
}

a:active {
	text-decoration: none;
	color: #FFFFFF;
}
	
.button:hover{
	background-color:transparent;
	background-image:url(../images/transparent.png);
}

.button1:hover{
	background-color:transparent;
	background-image:url(../images/transparent.png);
}
/* links */

#linkone{
	position:absolute;
	top:89px;
	left:694px;
	width:325px;
	height:65px;
	border:thin solid #333333;
}

#linktwo{
	position:absolute;
	width:479px;
	height:136px;
	top:487px;
	left:540px;
	border:thin #333333 solid;
}

#linkthree{
	position:absolute;
	width:479px;
	height:136px;
	top:639px;
	left:540px;
	border:thin #333333 solid;
}

#linkfour{
	position:absolute;
	width:479px;
	height:136px;
	top:792px;
	left:540px;
	border:thin #333333 solid;
}

#linkfive{
	position:absolute;
	width:479px;
	height:136px;
	top:946px;
	left:540px;
	border:thin #333333 solid;
}

/* blog */

#blog{
	position:absolute;
	left:0;
	top:487px;
	width:524px;
	height:595px;
	border:thin #333333 solid;
}

#blogiframe{
	position:relative;
	top:0px;
	width:524px;
	height:595px;
}

#twitterfeed{
	position:absolute;
	left:694px;
	top:166px;
	width:325px;
	height:250px;
	border:thin #333333 solid;
}

#social_buttons{
	position:absolute;
	left:694px;
	top:428px;
	width:325px;
	height:45px;
}

#social_buttons ul{
	list-style-type:none;
	float:left;
	margin:0;
	padding:0
}

#social_buttons li{
	margin-top:0;
	margin-bottom:0;
	margin-right:0;
	margin-left:0;
	padding:0;
	float:left;
}

.social_margin{
	width:70px;
	text-align:left;
}



/* Store */

#productpage{
	position:absolute;
	top:80px;
	left:0;
	color:#FFFFFF;
	height:517px;
	font-family:Arial, Helvetica, sans-serif;
}

.productphoto{
	position:absolute;
	top:40px;
	left:25px;
	width:408px;
	height:408px;
	border: thin solid #999999;
}

.productlb1{
	position:absolute;
	top:400px;
	left:460px;
	width:48px;
	height:48px;
	border: thin solid #999999;
}

.productlb2{
	position:absolute;
	top:400px;
	left:520px;
	width:48px;
	height:48px;
	border: thin solid #999999;
}

.producttext{
	position:absolute;
	text-align:left;
	top:40px;
	left:460px;
	width:533px;
	height:408px;
	font-size: 16px;
}

.productback{
	position:absolute;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	top:15px;
	left:25px;
}
.style1 {
	font-size: 18px;
	font-weight:bold;
}

.cart{
	position:absolute;
	top:350px;
	left:460px;
}

/* About US */

.timeline{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	background-image:url(../images/timeline_background.gif);
	width:1020px;
	height:1539px;
}
	
.paragraph{
	position:absolute;
	top:493px;
	left:0px;
	font-family: "Times New Roman", Times, serif;
	text-align:center;
	font-size: 11px;
	color: #FFFFFF;
	height: 300px;
	width: 860px;
}
	
.seventythree{
	position:absolute;
	top:3px;
	left:663px;
	height:89px;
	width:61px;
}
	
.seventynine{
	position:absolute;
	top:135px;
	left:320px;
	height:87px;
	width:65px;
}
	
.eightythree{
	position:absolute;
	top:243px;
	left:750px;
	height:88px;
	width:72px;
}

.eightyfour{
	position:absolute;
	top:355px;
	left:225px;
	height:81px;
	width:93px;
}
	
.eightysix{
	position:absolute;
	top:445px;
	left:673px;
	height:85px;
	width:73px;
}
	
.ninetyone{
	position:absolute;
	top:580px;
	left:200px;
	height:70px;
	width:59px;
}
	
.ninetyonea{
	position:absolute;
	top:690px;
	left:200px;
	height:47px;
	width:59px;
}
	
.ninetythree{
	position:absolute;
	top:608px;
	left:605px;
	height:47px;
	width:59px;
}
	
.ninetyfive{
	position:absolute;
	top:802px;
	left:305px;
}
	
.ninetyseven{
	position:absolute;
	top:830px;
	left:725px;
}
	
.ninetynine{
	position:absolute;
	top:1003px;
	left:225px;
}
	
.othree{
	position:absolute;
	top:1012px;
	left:680px;
}
	
.osix{
	position:absolute;
	top:1280px;
	left:250px;
}
	
.onine{
	position:absolute;
	top:1320px;
	left:619px;
}
	
.feistsig{
	position:absolute;
	top:631px;
	left:610px;
}

/* Refer a Friend */

.refer{
	position:relative;
	left:0;
	top:5px;
	background-color:#E0E2BF;
	width:1020px;
	height:1200px;
	text-align:center;
}

.refertitle{
	background-image:url(../images/refer_title.png);
	position:relative;
	top:30px;
	width:826px;
	height:59px;
	margin-left:auto;
	margin-right:auto;
}

.refertext{
	position:relative;
	top:60px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bolder;
	color:#000000;
	font-size:30px;
}

.referdollar{
	position:absolute;
	left:100px;
	top:820px;
	background-image:url(../images/refer_dollar.png);
	width:833px;
	height:357px;
	border:thin solid #000000;
}

/* FOOTER */

#footer_nav{
	margin:0;
	padding:0;
	list-style-type:none;
	width:1020px;
	float:left;
	font-size:12px;
	font-weight:bold;
}

#footer_nav li{
	margin:0;
	padding:0;
	float:left;
	width:142px;
	text-align:center;
}

#footer_nav a{
	display:block;
	text-decoration:none;
	padding: 0 15px;
	line-height:20px;
	color:#FFFFFF;
}

#footer_nav nav_con a{
	border: none;
}

#footer_nav a:hover{
	background:#13578d;
}

#hom, #sha, #tea, #lge, #shp, #cnt{
	border-right:thin solid #666666;
}

#footer p{
	height:60px;
	line-height:60px;
	vertical-align:middle;
}

