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


body {
	background-image: url(../images/backgroundtile.png);
	background-repeat:repeat;
	
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:large;
	background-image:url(../images/textbackgroundtest.jpg);
	font-weight: bold;
	padding:2px 4px;
	margin-top:10px;
	color:#EEE;
}


.carbonBackgroundClass {
	font-size:large;
	background-image:url(../images/textbackgroundtest.jpg);
	font-weight: bold;
	padding:2px 4px;
	margin:15px auto;
	color:#EEE;
	width:300px;
}
.carbonBackgroundClass:hover {
	color:#E2A214;
}

#Container {
	width:800px;
	z-index:1;
	margin:0px auto;
	background-color:#FFF;
}
.whiteBackgroundBlackBorder {
	font-size:12px;
	font-weight:bold;
	margin-left:auto;
	margin-right:auto;
	width:500px;
	padding:3px;
	border:1px solid #000000;
	background-image:url(../images/whitebackground.png);
	background-repeat:repeat;
}


a:link {
	color: #000000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: none;
	color: #999999;
}
a:active {
	text-decoration: none;
	color: #999999;
}


.style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
.style1larger {
	font-family: Arial, Helvetica, sans-serif;
	font-size:large;
	color: #000000;
}
.style1bigletter {
	font-family: Arial, Helvetica, sans-serif;
	font-size:xx-large;
	color: #000000;
}
.style2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #DDDDDD;
}
.style3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:20px;
	background-color:#222222;
	color: #FFFFFF;
}
.style4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#222222;
	color: #FFFFFF;
}
.style5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	background-color:#222222;
	color: #FFFFFF;
}

#homeDivTemp {
	margin-top: -950px; 
	text-align:center;
	color: #E0E0E0; 
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
}
#homeDiv {
	margin:0px auto;
	height: 1000px;
}
#homeNewsBox {
	margin-left:auto;
	margin-right:auto;
	width:500px;
	padding:3px;
	border:1px solid #000000;
	background-image:url(../images/whitebackground.png);
	background-repeat:repeat;
}
#homeNewsBox:hover {
	background-color:#CCC;
}

#loadingDiv {
	background-color:#FFFF99;
	display:block;
	width: 200px;
	margin:auto;
}

#contactEmail {
	margin-left:auto;
	margin-right:auto;
	width:500px;
	padding:3px;
	border:1px solid #000000;
	background-color:#EEE;
}
#contactEmail:hover {
	background-color:#CCC;
}

#aboutDiv {
	margin:0px auto;
	background-image:url(../images/aboutbackground.jpg);
	background-repeat:no-repeat;
	background-position:top;
}
#aboutTextDiv {
	margin:10px auto 0px;
	width:500px;
	background-image: url(../images/whitebackground.png);
	background-repeat: repeat;
	padding: 6px 10px;
}


#boardsLineupDiv {
	background-image:url(../images/boardbackground.jpg);
	background-position:top;
	background-repeat:no-repeat;
}
#skimboardDescriptionDiv {
	margin-top:60px;
	float:left;
	width:200px;
	margin-left:100px;
}
#skimboardCarbonDescriptionDiv {
	margin-top:50px;
	float:left;
	width:200px;
	margin-left:100px;
}
#skimboardDiv {
	float:right;
	margin-top:30px;
	margin-right:100px;
	width:300px;
}
#skimboardWingfishAdjust {
	margin-top:60px;
	float:left;
	width:200px;
	margin-left:100px;
}
.orderLinks {
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;
	margin-top:30px;
}
#sizingDiv {
	margin-top:30px;
}


#carbonBackground {
	background-image:url(../images/textbackgroundtest.jpg);
	font-weight: bold;
	padding:2px 4px;
	margin-top:10px;
}
#carbonBackground a:link {
	color:#EEE;
}
#carbonBackground a:hover {
	color:#FFF;
}
#carbonBackground a:visited {
	color:#EEE;
}

#carbonContainer {
	margin-top:0px;
}
#carbonColorList {
	list-style-type:none; 
	float:left;
}
#breakCarbonDiv {
	clear:both; 
	height:0px;
}
#clearDiv {
	clear:both; 
	height:0px;
}
#carbonPageLogo {
	margin: 40px auto 0px;
}


#boardsDiv {
	margin:60px auto 0px;
	width:300px;
}


.skimboardimage {
	border:solid #222222 2px;	
}
.skimboardColorList{
	list-style-type:none;
}

#designDiv {
	margin:0px auto;
	width: 500px;
}
#designTitles {
	color:#EEE;
	margin:40px auto 0px;
	background-image:url(../images/textbackgroundtest.jpg);
	font-weight: bold;
	width: 200px;
}


#compositesDiv {
	margin:0px auto;
	width: 500px;
}
#compositeTitles {
	color:#EEE;
	margin:40px auto 0px;
	background-image:url(../images/textbackgroundtest.jpg);
	font-weight: bold;
	width: 200px;
}



#skimboardColorBottomList {
	margin-top:80px;
	float:left;
	width:140px;
	text-align:left;
	margin-left:0px;
}
#skimboardColorBottomImage {
	float:left;
	margin-left:0px;
	width:260px;
}
#skimboardColorDiv {
	float:left;
	margin-left:0px;
	width:260px;
}
#skimboardColorListDiv {
	margin-top:80px;
	float:right;
	margin-right:0px;
	width:140px;
	text-align:right;
}
#colorDiv {
	margin-top:100px;
}

#finishroomTitles {
	color:#EEE;
	margin:40px auto 40px;
	background-image:url(../images/textbackgroundtest.jpg);
	font-weight: bold;
	width: 200px;
}
#finishroomText {
	width:500px;
	margin:0px auto 20px;
}
#artText {
	width:150px;
	margin-left:0px;
	float: left;
	margin-top: 100px;
}
#artSlideshow {
	float:right;
	margin-right: 0px;
}


#warrantyDiv {
	text-align: center;
	width: 400px;
	background-color: #FFFFFF;
	margin: 0px auto 0px;
}
#warrantyTitle {
	color:#EEE;
	margin:20px auto 40px;
	background-image:url(../images/textbackgroundtest.jpg);
	font-weight: bold;
	width: 200px;
}



#orderColorBottomList {
	margin-top: 20px;
	float:left;
	width:105px;
	text-align:left;
	margin-left:0px;
}
#orderColorBottomImage {
	float:left;
	margin-left:0px;
	width:160px;
}
#orderColorImage {
	float:left;
	margin-left:20px;
	width:160px;
}
#orderColorListDiv {
	margin-top:20px;
	float:left;
	margin-left:0px;
	width:110px;
	text-align:right;
}
#orderColorDiv {
	margin-top:100px;
}
#orderFooter {
	margin-top:20px;
}

#glossyOnly {
	display:none;
}



.normal {
	color:#222222;
}
.normal a {
	color:#222222;
}
.normal a:hover {
	background-color:#222222;
	color:#FFFFFF;
}
.hover {
	background-color:#222222;
	color:#FFFFFF;
}
.hover a {
	color:#FFFFFF;
}

 #swirlListTitleDiv {
 	float:left;
	padding:3px;
}
 #solidListTitleDiv {
 	float:left;
	padding:3px;
}
 #glossyListTitleDiv {
 	float:right;
	padding:3px;
}
 #satinListTitleDiv {
 	float:right;
	padding:3px;
}
 #carbonListTitleDiv {
 	float:right;
	padding:3px;
}
 #carbonBottomListTitleDiv {
 	float:left;
	padding:3px;
}





/* ************ rider pages ************ */