/* CSS Document */
body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-attachment:fixed;
	background-color:#ffffff;
	/*letter-spacing:1px;*/
	color:#808080;
	margin:0px;
	padding:0px;
	font-size:10px;
	line-height:150%;
}

.table{
	margin:0px;
	padding:0px;
}

.form_label{
	color:#F0F;
}

.order_id{
	color:#F0F;
}

#container{
	position:relative;
	background-color:#FFFFFF;
	top:0px;
	margin-left:auto;
	margin-right:auto;
	width:744px;
}

#introcontainer{
	position:relative;
	background-color:#FFFFFF;
	top:70px;
	margin-left:auto;
	margin-right:auto;
	width:770px;
	height:400px;
}

#content{
	position:absolute;
	top:50px;
	left:90px;
	width:729px;
	height:auto;
	padding-bottom:100px;
}

h1{
	text-indent:-9000px;
	line-height:0px;
	padding:0px;
	margin:0px;
}

h2{
	font-size:12px;
	color:#000000;
	line-height:100%;
	padding:0px;
	margin:0px;
}

h3{
	padding:3px 0 3px 3px;
	width:100%; 
	background-color:#000000; 
	font-size:12px; 
	font:Verdana, Arial, Helvetica, sans-serif; 
	letter-spacing:0px; 
	color:#FF00FF; 
	margin:35px 0 5px 0;
}

a{
	text-decoration:none;	 
	color:#808080;
}

a:hover{
	text-decoration:none;	 
	color:#FF00FF;
	background-color:#000000;
}
	
ul{
	margin:0px;
	padding:0px;
	list-style:none;
}

li{
	padding-bottom:1px;
}


#logo{
	position:absolute;
	background-image:url(images/logo.gif);
	background-repeat:no-repeat;
	top:78px;
	left:78px;
	width:150px;
	height:72px;
	z-index:2;
	}
	
#skater{
	position:relative;
	background-image:url(/images/skater.gif);
	background-repeat:no-repeat;
	top:580px;
	left:780px;
	width:50px;
	height:50px;
	z-index:55;
	}
	
#title{
	position:absolute;
	/*background-color:#FF00FF;*/
	top:231px;
	left:243px;
	width:167px;
	height:250px;
	z-index:20;
}

#foot{
	position:relative;
	margin-top:50px;
	padding-bottom:50px;
	text-align:center;
}

/*  :::::::: MISSION PAGE ::::::::  */

#missionbg{
	position:relative;
	width:400px;
	height:498px;
	top:5px;
	padding:75px 177px 0 167px;
	background-image:url(images/mission/bg.gif);
	background-repeat:no-repeat;
}

/*  :::::::: GALLERY PAGE ::::::::  */

#gallerycontainer{
	position:relative;
	background:url(images/gallery/bg.gif) no-repeat center;
	top:40px;
	left:15px;
	width:729px;
	height:455px;
	overflow:scroll;
}

#gallerycontainer a:hover{
	background-color:#FFFFFF;
}

#item{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	top:38px;
}

#itemid{
	position:relative;
	top:8px;
	left:35px;
	font-size:9px;
	line-height:11px;
	letter-spacing:0px;
}

#spacer{
	position:relative;
	height:auto;
	width:auto;
}

.name{
	background-color:#000000;
	color:#FFFFFF;
	padding:2px;
}

.highlight{
	font-size:9px;
	line-height:11px;
	letter-spacing:0px;
	background-color:#FF0000;
	color:#FFFFFF;
}

.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.hscrollerbase {
height: 10px;
background-color: black;
}
.hscrollerbar {
height: 10px;
background-color: cyan;
}

/*  :::::::: LINK UP PAGE ::::::::  */

#linkupcontainer{
	position:relative;
	background-image:url(images/link_up/bg.gif);
	background-repeat:no-repeat;
	top:25px;
	width:356px;
	height:300px;
	padding:195px 0 0 70px;
	margin:0 0 0 167px;
	z-index:8;
}

/*  :::::::: CLOTHING PAGES ::::::::  */

#clothingcontainer{
	position:relative;
	/*background-color:#47FF0A;*/
	top:0px;
	height:330px;
	margin:50px 0 0 100px;
	padding:0px;
	z-index:8;
}

#image{
	position:absolute;
	width:330px;
	height:330px;
	margin:0px;
	padding:0px;
	border:1px;
	border-color:#cccccc;
	border-style:solid;
	z-index:99;
	overflow:hidden;
}

#image iframe{
	overflow-y:hidden;
	overflow-x:hidden;
}

#clothingbg{
	position:absolute;
	background-image:url(/shop/images/gallery/detail_bg.gif);
	left:350px;
	height:331px;
	width:57px;
        z-index:1;
}

#subnav{
	position:absolute;
	left:473px;
	top:373px;
	height:160px;
	width:215px;
        z-index:100;
}

#clothinginfo{
	position:absolute;
	left:435px;
	top:-5px;
	height:135px;
	width:auto;
        line-height:200%;
}

#clothinginfo a:link{
	background-color:#000000;
	color:#FF00FF;
}

#clothinginfo a:hover{
	background-color:#000000;
	color:#00FF00;
}


/*  :::::::: CART PAGE ::::::::  */

#comingsoon{
	position:relative;
	background-color:#FF0000;
	color:#FFFFFF;
	top:300px;
	font-size:12px;
	width:auto;
	height:auto;
}

#cartcontainer{
	position:relative;
	left:0;
	top:0;
}

#carthead001{
	background-image:url(/images/cart/header001.gif);
}

#carthead{
	background-image:url(/images/cart/header002.gif);
	background-repeat:repeat-x;
}

#subtotal001{
	background-image:url(/images/cart/subtotal001.gif);
}

#subtotal002{
	background-image:url(/images/cart/subtotal002.gif);
	background-repeat:repeat-x;
}

#total001{
	background-image:url(/images/cart/total001.gif);
}

#total002{
	background-image:url(/images/cart/total002.gif);
	background-repeat:no-repeat;
}

#cartcontent{
	position:absolute;
	top:42px;
	right:0px;
	width:749px;
	height:auto;
}

#order_form{
	position:absolute;
	top:190px;
	left:90px;
	margin-left:auto;
	margin-right:auto;
	width:740px;
	height:auto;
	padding-bottom:150px;
}

.orange_button {
	/* Orange Button Definitions */
	background: url(/images/cart/bg.gif) repeat;
	float: left;
	text-transform: uppercase;
	margin-left:5px;
}

.orange_button input, .orange_button button {
	/* Orange Button Definitions */
	background: url(/images/cart/bg.gif) repeat;
	color:#0F0;
	font-weight: bold;
	margin: 0px;
	border-width: 0px;
	cursor: pointer;
	font-size: 11px;
	text-transform: uppercase;
}

#cartbuttons, #cartbuttons a{
	float:right;
	border:0;
	background-color:#FFF;
	margin:10px 0 0 10px;
}

/*main mavigation starts*/

#nav{
	z-index:100;
}

#nav li a{display:block; height:16px; width:65px; text-decoration:none; padding:0; cursor:pointer; text-indent:-9000px;}

#nav ul li a.base{background:url(/shop/images/nav/base.jpg);}
#nav ul li a.software{background:url(/shop/images/nav/software.jpg);}
#nav ul li a.mission{background:url(/shop/images/nav/mission.jpg);}
#nav ul li a.linkup{background:url(/shop/images/nav/link_up.jpg);}
#nav ul li a.cart{background:url(/shop/images/nav/cart.jpg); margin-bottom:-1px}

#nav ul li a:hover.base{background-position:0 16px;}
#nav ul li a:hover.software{background-position:0 16px;}
#nav ul li a:hover.mission{background-position:0 16px;}
#nav ul li a:hover.linkup{background-position:0 16px;}
#nav ul li a:hover.cart{background-position:0 16px; margin-bottom:-1px}

/*main navigation ends*/