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

body {
	margin : 0px;
	background-color: #272727;
	font-family: Verdana;
	font-size: 12px;
	color: #FFFFFF;
	background-image: url(graphics/bkgd4.gif);
	background-repeat: repeat-x;
	
}



h1 {
	font-size:24px;
	color:#DE5B0B;
	margin-bottom:10px;
	text-align:left;
	}


h2 {
	font-size:18px;
	color:#DE5B0B;
	margin-bottom:10px;
	text-align:left;
	}


p {
font-size:12px;
font-family: Verdana;
line-height:20px;
letter-spacing:.03em;
margin-bottom:15px;

}



p.services {
margin-left:-15px;
margin-top:8px;
margin-bottom:8px;
padding-left:15px;
padding-top:4px;
padding-bottom:4px;
text-decoration:none;
color:#FFFFFF;
}

p.services:hover {
	background-color: #4d4d4d;
	
	}	




img {
border:none;
padding:0;
}




a {
text-decoration:none;
}


a:link {
color: #DE5B0B;
}

a:visited {
color: #DE5B0B;
}

a:focus {
color:orange;
}

a:hover {
color:#DE5B0B;
}

a:active {
color:#FFCC00;
}




#rightcolumn
{
z-index: 15;
left:800px;
top:70px;
padding:20px;
width:275px;
height:700px;
position:absolute;
background-color:#003e49;
}

#rightcolumnItem
{

z-index: 15;
width:275px;
height:200px;
text-align:left
}
.rightcolumnPic {
	
	float:left;
	}	
	
.rightcolumnHead 
	{
	padding-top:20px;
	font-size: 10pt;
	font-weight: bold;
	color: #fff;
	text-align:left
	}

.rightcolumnText
	{
	padding-top:20px;
	font-family:'Lucida Grande','Trebuchet MS','Lucida Sans Unicode','Lucida Sans Regular',Verdana,sans-serif;
	font-size:12px;
	color: #fff;
	font-style: normal;
	line-height:18px;
	text-align:left
	}







#mainNav ul {
margin:0;
padding:0;
list-style:none;
position:absolute;
z-index:2;
left: 0px;
top: 25px;
background-image:url(graphics/nav/cap-bkgd.gif);
height:51px;
width: 798px;
}

li {
display:block;
float:left;
width:110px;
height:35px;
vertical-align:middle;
overflow:hidden;
margin-top:8px;
}

li a {
display:block;
width:110px;
height:35px;
}

li:hover {
background-position:bottom;
}






.mainNav2
{
position:absolute;
height:51px;
padding-top:0px;
float: right;
left:775px;
margin-top:0px;
}




#NewsColumn {
width:500px;
	left:275px;
	top:232px;
	position:absolute;
    z-index:4;
	float:left;
	}



#NewsItem {
	
	width:450px;
	-moz-border-radius-bottomleft:9px;
	-moz-border-radius-bottomright:9px;
	-moz-border-radius-topleft:9px;
	-moz-border-radius-topright:9px;
	border: 3px solid black;
	padding:20px;
	padding-bottom:0px;
	text-align: left;
	background-color: #272727;
	float:left;
	font-family:'Lucida Grande','Trebuchet MS','Lucida Sans Unicode','Lucida Sans Regular',Verdana,sans-serif;
	font-size:12px;
	color: #fff;
	font-style: normal;
	line-height:18px;
	z-index:4;
	}


	
.NewsPic {
	margin-right:20px;
	margin-bottom:20px;
	float:left;
	}	
	

.NewsPic2 {
	margin-right:20px;
	margin-bottom:20px;
	float:left;
	}	
	
.NewsHead 
	{
	font-size: 14pt;
	font-weight: bold;
	color: #DE5B0B;
	text-decoration:none;
	}
	
.NewsHead2 
	{
	font-size: 14pt;
	font-weight: bold;
	color: #DE5B0B;
	}
	
.NewsDiv {
	width: 100%;
	font-size: 10pt;
	color: #003e49;
	}





#StoreItem {
	
	width:450px;
	border: 3px solid black;
	padding:20px;
	padding-bottom:0px;
	text-align: left;
	background-color: #272727;
	-moz-border-radius-bottomleft:9px;
	-moz-border-radius-bottomright:9px;
	-moz-border-radius-topleft:9px;
	-moz-border-radius-topright:9px;
	float:left;
	font-family:'Lucida Grande','Trebuchet MS','Lucida Sans Unicode','Lucida Sans Regular',Verdana,sans-serif;
	font-size:12px;
	color: #fff;
	font-style: normal;
	line-height:18px;
	z-index:4;
	}

#CartButtons {
	width:83px;
	height:12px;
	}


#FeaturedContainer {
	width:188px;
	position:absolute;
	float:left;
	top:184px;
	left:610px;
	z-index:50;
	
}





#Featured {
margin:0;
padding:0;
z-index:100;
	width:182px;
	height:auto;
	background-color:#4d4d4d;
	border: 3px solid black;
	-moz-border-radius-bottomleft:9px;
	-moz-border-radius-bottomright:9px;
	-moz-border-radius-topleft:9px;
	-moz-border-radius-topright:9px;
	
	
}


#Featured p {
margin:0;
padding:10px;
padding-left:15px;
font-size:10px;
font-family:'Lucida Grande','Trebuchet MS','Lucida Sans Unicode','Lucida Sans Regular',Verdana,sans-serif;
line-height:14px;
text-align:left;

}

#Featured h1 {
margin:0;
margin-left:15px;
font-size:14px;
font-family:'Lucida Grande','Trebuchet MS','Lucida Sans Unicode','Lucida Sans Regular',Verdana,sans-serif;
font-color:#DE5B0B;
font-weight:bold;
line-height:12px;
}




#SidebarContainer {
	width:188px;
	height:auto;
	position:absolute;
	float:left;
	top:110px;
	left:790px;
	z-index:50;
	
}






#twitter_update_list {
float:left;
position:relative;
left:8px;
width:182px;
height:auto;
margin:0;
margin-bottom:-5px;
padding:0px;
font-size:12px;
font-family:'Lucida Grande','Trebuchet MS','Lucida Sans Unicode','Lucida Sans Regular',Verdana,sans-serif;
text-align:left;
}



#twitter_update_list li {
width:160px;
height:auto;
margin:0;
margin-top:5px;
margin-bottom:-5px;
padding:0;
margin-left:10px;
}





#ProductMain
{
display:block;
width:710px;
height:545px;
position:absolute;
top:225px;
left:50px;
}



#ProductMain img
{
border-width:2px;
border-style:solid;
border-color:#292929;
margin:0;
margin-right:-1px;
padding:0;
}


	#ProductMain img:hover {
border-color: #666666;
}



#ProductDescrip
{
float:left;
width:200px;
position:absolute;
left:380px;
top:250px;
}

	#ProductDescrip p {
	margin:0;
	margin-bottom:15px;
	padding:0;
	font-family:'Lucida Grande','Trebuchet MS','Lucida Sans Unicode','Lucida Sans Regular',Verdana,sans-serif;
	font-size:12px;
	color: #fff;
	font-style: normal;
	line-height:18px;
	text-align:left;
	}

	#ProductDescrip h1 {
	margin:0;
	margin-bottom:15px;
	padding:0;
	font-size:18px;
font-family:'Lucida Grande','Trebuchet MS','Lucida Sans Unicode','Lucida Sans Regular',Verdana,sans-serif;
color:#DE5B0B;
font-weight:bold;
line-height:12px;
	}
	
	#Product Descrip h4 {
	font-size:18px;
	font-family:'Lucida Grande','Trebuchet MS','Lucida Sans Unicode','Lucida Sans Regular',Verdana,sans-serif;
	color:#DE5B0B;
	font-weight:bold;
	line-height:12px;
	border-bottom-color:#FFFFFF;
	border-bottom-style:dotted;
	border-bottom-width:1px;
	
	}






#PortfolioMain
{
display:block;
width:710px;
height:545px;
position:absolute;
top:225px;
left:95px;
}

#PortfolioMainItem
{
display:block;
width:220px;
margin:5px;
height:250px;
background-color:#272727;
border: 3px solid black;
float:left;
}

#PortfolioMainItem:hover {
	
	background-color: #8c0012;
	
	}

.PortfolioMainItemHead {
z-index:10;
position:relative;
top:-30px;
}



#PortfolioNav
{
top:76px;
left:112px;
position:absolute;
z-index:5;
}

#PortfolioNav.store
{
left:663px;
z-index:5;
}

.PortfolioNavButton
{
display:block;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
width:100px;
height:17px;
background-color: #8c0012;
border: 3px solid black;
margin: 1px;
z-index:20;
font-family: 'Arial, Helvetica, sans-serif','Lucida Grande','Trebuchet MS','Lucida Sans Unicode','Lucida Sans Regular',Verdana,sans-serif;
line-height:18px;
color: #fff;
font-size:9px;
text-align:center;
text-decoration:none;

}


.PortfolioNavButton:hover
{
background-color: #de5b0b;
}






.PortfolioNavButtonOn
{
display:block;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
width:100px;
height:17px;
background-color: #de5b0b;
border: 3px solid black;
margin: 1px;
z-index:20;
font-family: 'Arial, Helvetica, sans-serif','Lucida Grande','Trebuchet MS','Lucida Sans Unicode','Lucida Sans Regular',Verdana,sans-serif;
line-height:18px;
color: #fff;
font-size:9px;
text-align:center;
text-decoration:none;

}



.PortfolioNavSpace
{
display:block;
width:100px;
height:2px;
}

#FolioLeftHead {
width:100px;
height:20px;
	left:108px;
	top:232px;
	padding-left: 5px;
	padding-top:5px;
	padding-bottom: 2px;
	position: absolute;
    z-index:5;
	}


#FolioLeftColumn {
width:286px;
height:487px;
	left:15px;
	top:257px;
	margin:5px;
	position: absolute;
	background-color: #4d4d4d;
	overflow:scroll;
	overflow-x:hidden;
	}
	
#SkateLeftColumn {
width:286px;
height:455px;
	left:15px;
	top:257px;
	margin:5px;
	position: absolute;
    z-index:4;
	background-color: #4d4d4d;
	overflow:scroll;
	overflow-x:hidden;
	}
	





#FolioItemCD {
	

	width:260px;
	height:76px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	margin:5px;
	text-align: left;
	background-color: #272727;
	font-family:'Lucida Grande','Trebuchet MS','Lucida Sans Unicode','Lucida Sans Regular',Verdana,sans-serif;
	font-size:12px;
	color: #fff;
	font-style: normal;
	line-height:16px;
	z-index:4;
	}
	
#FolioItemCD:hover {
	
	background-color: #393939;
	
	}	
	
	
	
	
	#FolioItemLogo {
	

	width:260px;
	height:56px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	margin:5px;
	text-align: left;
	background-color: #272727;
	font-family:'Lucida Grande','Trebuchet MS','Lucida Sans Unicode','Lucida Sans Regular',Verdana,sans-serif;
	font-size:12px;
	color: #fff;
	font-style: normal;
	line-height:16px;
	z-index:4;
	}
	
#FolioItemLogo:hover {
	
	background-color: #393939;
	
	}	
	
	
#FolioItemLogo a {
width:260px;
height:56px;
}	
	
	
	
#FolioItemSkate {
	

	width:250px;
	height:75px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	margin:5px;
	padding:5px;
	text-align: left;
	background-color: #272727;
	font-family:'Lucida Grande','Trebuchet MS','Lucida Sans Unicode','Lucida Sans Regular',Verdana,sans-serif;
	font-size:12px;
	color: #fff;
	font-style: normal;
	line-height:14px;
	z-index:4;
	}
	
#FolioItemSkate:hover {
	
	background-color: #393939;
	
	}	
	
	
	.SkatePic {
	padding:2px;
	padding-bottom:3px;
	padding-left:20px;
	}	
	
.SkateTitle 
	{
	font-size: 10pt;
	font-weight: bold;
	color: #fff;
	padding-left:20px;
	}
	

.SkateModel 
	{
	font-size: 8pt;
	color: #DE5B0B;
	}
	
	
	

	
	
#FolioItemSpace {

	width:260px;
	height:5px;
	}	
	


#CDViewerFrame  {
background-color:#272727;
}

#WebViewerFrame  {
background-color:#272727;
}


#iframe {
background-color:transparent;
}


#WebViewerFrame.Pic {
vertical-align:middle;
}

	
	
.CDPic {
	padding:3px;
	padding-left:15px;
	padding-bottom:3px;
	padding-right: 10px;
	float:left;
	z-index:5;
	}	
	
.CDBand 
	{
	font-size: 10pt;
	font-weight: bold;
	color: #fff;
	padding-top:10px;
	line-height: 20px;
	}
	
	
.CDBand2
	{
	font-size: 8pt;
	font-weight: bold;
	color: #fff;
	padding-top:10px;
	line-height: 20px;
	}
	
	
.CDTitle 
	{
	font-size: 8pt;
	color: #fff;
	}

.CDLabel 
	{
	font-size: 8pt;
	color: #DE5B0B;
	}





#FolioRightColumn {
width:480px;
height: 505px;
background-color:#272727;
	left:310px;
	top:233px;
	position: absolute;
	padding: 5px;
    z-index:4;
	}
	
#FolioRightColumn.tshirts {
background-image:url(graphics/tshirts/tshirt-bkgd.gif);
background-position:center;
background-repeat:no-repeat;
}



#SkateRightColumn {
width:475px;
height: 475px;
background-color:#272727;
	left:310px;
	top:233px;
	position: absolute;
	padding: 5px;
    z-index:4;
	}






#BkgdImage
{
position:absolute;
z-index:0;
left: -200px;
top: 0px;
}

#BkgdImageFolio
{
position:absolute;
z-index:0;
left: -430px;
top: 0px;
}


#Logo
{
z-index: auto;
left:280px;
top:100px;
position:absolute;
}

#LogoFolio
{
z-index: auto;
left:235px;
top:100px;
position:absolute;
}



#leftNav {
   	background: url(image.gif);
	background:#00FFCC;
    width: 50px;
	height: 50px;
	float:left;
}

#Nav {
   	background: url(image.gif);
	background:#666666;
    width: 600px;
	height: 50px;
	float:left;
}

#rightNav {
   	background: url(image.gif);
	background:#cccccc;
    width: 50px;
	height: 50px;
	float:left;
}





#servpage {
width:790px;
position:absolute;
top:340px;

}



#services {
position:relative;
left:5px;
float:left;
width:153px;
padding:4px;
padding-left:20px;
padding-bottom:10px;
margin:4px;
border-color:#000;
border-width:3px;
border-style:solid;
-moz-border-radius-bottomleft:9px;
-moz-border-radius-bottomright:9px;
-moz-border-radius-topleft:9px;
-moz-border-radius-topright:9px;
background-color: #272727;
}





#QuoteBadge {
    width: 50px;
	height: 50px;
	z-index: 15;
	left: 720px;
	top: 110px;
	position:absolute;
}


















#LinkColumn {
width:500px;
	left:275px;
	top:232px;
	position:absolute;
    z-index:4;
	}


	#LinkColumn.contact {
	width:420px;
	left:275px;
	height:auto;
	overflow:visible;
	background-color: #272727;
	padding:20px;
	padding-left:40px;
	padding-bottom:40px;
	border-width:3px;
	border-color:#000;
	border-style:solid;
	-moz-border-radius-bottomleft:9px;
	-moz-border-radius-bottomright:9px;
	-moz-border-radius-topleft:9px;
	-moz-border-radius-topright:9px;
	z-index:1;
	}



#LinkItem {
	
	width:450px;
	border: 3px solid black;
	-moz-border-radius-bottomleft:9px;
	-moz-border-radius-bottomright:9px;
	-moz-border-radius-topleft:9px;
	-moz-border-radius-topright:9px;
	padding-left:25px;
	text-align: left;
	background-color: #272727;
	float:left;
	font-family:'Lucida Grande','Trebuchet MS','Lucida Sans Unicode','Lucida Sans Regular',Verdana,sans-serif;
	font-size:12px;
	color: #fff;
	font-style: normal;
	line-height:18px;
	z-index:4;
	}
	
#LinkItem:hover {
background-color: #4d4d4d;
}



	
	
.LinkPic {
	padding:10px;
	padding-left:30px;
	padding-right:15px;
	float:left;
	}	
	
.LinkHead 
	{
	font-size: 12pt;
	font-weight: bold;
	color: #DE5B0B;
	padding-top:10px;
	}
	
.LinkHead2 
	{
	font-size: 12pt;
	font-weight: bold;
	color: #DE5B0B;
	padding-top:20px;
	}
	
.LinkDiv {
	width: 100%;
	font-size: 10pt;
	color: #003e49;
	}






















#footer {
	z-index: 5;
	left:-10px;
	top:840px;
	position:absolute;
	font-size: 10px;
	color:#fff;
	text-align: left;
	line-height:14px;
	letter-spacing: .5px;
	clear: both;
	
	}
	
#designby {
	z-index: 6;
	left:295px;
	top:795px;
	position:absolute;
	line-height:14px;
	}
	
	.designby2 {
	z-index: 6;
	left:270px;
	top:837px;
	width:300px;
	position:absolute;
	line-height:14px;
	}
	
	.designby3 {
	z-index: 6;
	left:270px;
	top:840px;
	width:550px;
	height:41px;
	position:absolute;
	float:left;
	}
	
	.designbyimage {
	float:left;
	margin-top:3px;
	}
	

#footerfolio {
	z-index: 5;
	left:18px;
	top:803px;
	position:absolute;
	font-size: 10px;
	color:#fff;
	text-align: left;
	line-height:14px;
	letter-spacing: .5px;
	clear: both;
	
	}
	
	
#footerstore {
	z-index: 5;
	position:relative;
	top:10px;
	font-size: 10px;
	color:#fff;
	text-align: left;
	line-height:14px;
	letter-spacing: .5px;
	clear: both;
	
	}