body {
	margin: 0;
	padding: 0;
	color: #000;
	background: #8d9096 url( ../img/riptide/body-bg.gif ) no-repeat top center;
	text-align: center;
}

div, h1, h2, h3, h4, h5 {
	margin: 0;
	padding: 0;
}

fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

a {
	color: #249;
}

ul.gallery {
	list-style: none;
	margin: 10px;
	padding: 0;
	clear: both;
}

	ul.gallery li {
		float: left;
		margin: 2px;
		padding: 3px;
	}

#container {
	margin: 0 auto;
	color: #000;
	width: 1040px;
	position: relative;
	text-align: left;
	overflow: hidden;
	font-family: Tahoma, Arial, sans-serif;
	background: #fff url( ../img/riptide/container-bg.gif ) repeat-y top center;
}

#header {
	float: left;
	width: 1040px;
	height: 100px;
	background: #fff url( ../img/riptide/header-bg.jpg ) no-repeat top center;
}

	#header h1 {
		text-indent: -1000em;
		width: 520px;
		height: 100px;
	}

		#header h1 a {
			display: block;
			width: 520px;
			height: 100px;
		}

	#header h2 {
		display: none;
	}

#nav {
	float: left;
	width: 1040px;
	height: 40px;
	background: #fff url( ../img/riptide/nav-bg.jpg ) no-repeat top center;
	overflow: hidden;
}

	#nav ul {
		margin: 0 0 0 30px;
		padding: 0;
		overflow: hidden;
		list-style: none;
	}

		#nav ul li {
			margin: 0;
			padding: 0;
			float: left;
			text-indent: -1000em;
		}

			#nav ul li a {
				display: block;
				height: 40px;
				background-image: url( ../img/riptide/nav.gif );
			}

			li.n-home a {
				width: 96px;
				background-position: -10px 0;
			}
				li.n-home a:hover { background-position: -10px -40px; }

			li.n-cables a {
				width: 114px;
				background-position: -106px 0;
			}
				li.n-cables a:hover { background-position: -106px -40px; }

			li.n-artists a {
				width: 87px;
				background-position: -220px 0;
			}
				li.n-artists a:hover { background-position: -220px -40px; }

			li.n-pictures a {
				width: 72px;
				background-position: -307px 0;
			}
				li.n-pictures a:hover { background-position: -307px -40px; }

			li.n-videos a {
				width: 74px;
				background-position: -379px 0;
			}
				li.n-videos a:hover { background-position: -379px -40px; }

			li.n-links a {
				width: 84px;
				background-position: -453px 0;
			}
				li.n-links a:hover { background-position: -453px -40px; }

			li.n-contact a {
				width: 128px;
				background-position: -537px 0;
			}
				li.n-contact a:hover { background-position: -537px -40px; }

#container2 {
	float: left;
	clear: both;
	width: 1040px;
	min-height: 500px;
	color: #222;	
	background: transparent url( ../img/riptide/container2-bg.jpg ) no-repeat top center;
}

	#sidebar {
		float: left;
		margin: 10px 0 0 30px;
		padding: 10px;
		width: 170px;
	}

		* html #sidebar {
			margin-left: 10px;
		}

		#sidebar ul {
			font-size: .8em;
			margin: 0 5px 0 15px;
			padding: 0;
		}

			#sidebar ul li {

			}

		#social {
			list-style: none;
			margin: 0;
			padding: 0;
		}

			#social li {
				border: 1px solid #fff;
				height: 32px;
				line-height: 32px;
				margin: 0 0 8px 0;
				padding: 3px 8px 3px 40px;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
			}

			#social li.myspace {
				background: transparent url( ../img/icons/myspace-32x32.png ) no-repeat 3px 3px;
			}

			#social li.facebook {
				background: transparent url( ../img/icons/facebook-32x32.png ) no-repeat 3px 3px;
			}

			#social li.twitter {
				background: transparent url( ../img/icons/twitter-32x32.png ) no-repeat 3px 3px;
			}

			#social li.youtube {
				background: transparent url( ../img/icons/youtube-32x32.png ) no-repeat 3px 3px;
			}

		#twitter {
			margin: 0;
			padding: 0;
		}

	#content {
		float: left;
		margin: 10px 10px 0 10px;
		padding: 10px;
		width: 760px;
	}

	#extras {
		display: none;
	}

#footer {
	float: left;
	width: 1040px;
	height: 220px;
	color: #222;
	background: #fff url( ../img/riptide/footer-main-bg.jpg ) no-repeat top center;
}

	#footer p {
		margin-left: 240px;
		margin-top: 100px;
		font-size: .8em;
		color: #999;
	}
		#footer a {
			color: #9ab;
		}

/************* Content *****************/
#main {}

#artist {}

	#artist img {
		float: left;
		margin: 10px;
	}

#artists {
	
}

	ul.artistlist {
		list-style: none;
		margin: 0;
		overflow: hidden;
		padding: 0;
	}

		ul.artistlist li {
			float: left;
			height: 110px;
			padding: 20px 25px 30px 25px;
			text-align: center;
			width: 90px;
		}

		ul.artistlist a {
			background: url( ../img/riptide/gallery_hilight.png ) no-repeat 0 140px;
			height: 140px;
			width: 90px;
			display: block;
			text-decoration: none;
		}

			ul.artistlist a:hover {
				background-position: 0 30px;
			}

				ul.artistlist a:hover h4 {
					color: #fff;
				}

	ul.artistlist h4 {
		font-size: .8em;
	}	

#admin {}

	#admin fieldset ul {
		list-style: none;
	}

	#admin fieldset li {
		margin: 0;
		padding: 0;
	}

	#admin input[type=text],
	#admin input[type=password] {
		margin-left: 20px;
		width: 400px;
		height: 16pt;
		padding: 2pt;
		font-size: 1em;
		font-family: Tahoma, Arial, sans-serif;
		color: #222;
		background-color: #eef;
	}

	#admin input[type=submit] {
		margin: 10px 0 0 10px;
		width: 100px;
		height: 30px;
		background-color: #eef;
	}

	#admin textarea {
		margin-left: 20px;
		width: 90%;
		height: 150px;
		padding: 2pt;
		font-size: 1em;
		font-family: Tahoma, Arial, sans-serif;
		background-color: #eef;
		letter-spacing: .1em;
	}

#contact {
}

	#contact ul {
		list-style: none;
	}

	#contact ul li {
		margin: 0;
		padding: 0;
	}

	#contact input[type=text] {
		margin-left: 20px;
		width: 400px;
		height: 16pt;
		padding: 2pt;
		font-size: 1em;
		font-family: Tahoma, Arial, sans-serif;
		color: #222;
		background-color: #eef;
		letter-spacing: .1em;
	}

	#contact input[type=submit] {
		margin: 10px 0 0 10px;
		width: 100px;
		height: 30px;
		background-color: #eef;
	}

	#contact select {
		margin-left: 20px;
		width: 410px;
		height: 22pt;
		padding: 2pt;
		font-size: 1em;
		font-family: Tahoma, Arial, sans-serif;
		color: #222;
		background-color: #eef;
		letter-spacing: .1em;
	}

	#contact textarea {
		margin-left: 20px;
		width: 90%;
		height: 150px;
		padding: 2pt;
		font-size: 1em;
		font-family: Tahoma, Arial, sans-serif;
		background-color: #eef;
		letter-spacing: .1em;
	}


#shop {
	overflow: hidden;
}

	.viewcart {
		text-align: center;
		margin: 15px 0;
	}

	.productlist {
		font-family: Tahoma;
		font-size: .8em;
		margin: 0;
		list-style: none;
		overflow: hidden;
		padding: 0;
		width: 100%;
	}

		.productlist li {
			float: left;
			min-height: 450px;
			margin: 0;
			padding: 0;
			width: 50%;
		}

		.productlist .t {
			background-color: #9ab;
			text-align: right;
			margin-right: 5px;
			width: 75px;
		}

		.productlist .b {
			text-align: center;
		}

		.productlist em {
			margin-right: 5px;
		}

#videos {}

	#videos h4 {
		margin-top: 30px;
	}

/************ Build *****************/

#build
{
	overflow: hidden;
}

	#build h4 {
		clear: both;
	}

	.componentlist {
		clear: both;	
		margin: 0;
		list-style: none;
		overflow: hidden;
		padding: 0;
		text-align: center;
		width: 100%;
	}

		.componentlist li {
			float: left;
			margin: 5px;
			padding: 5px;
			cursor: pointer;
			opacity: 0.5;
		}

			.componentlist li.chosen {
				background-color: #369;
			}

			.componentlist li.available {
				opacity: 1.0;
			}

#builder {	
	margin: 20px 0;
	width: 100%;
}

	#builder td {
		background-color: #ced8eb;
		vertical-align: top;
	}

	.connectortarget {
		display: block;
		width: 100px;
		height: 100px;
		border: 2px solid #FFF;
		margin: 0 auto;
	}

	.connectortarget.activeconnector {
		background-color: #ffdf60;
		border: 2px solid #ffba00;
	}

	.sheathtarget {
		display: block;
		width: 400px;
		height: 70px;
		border: 2px solid #FFF;
		margin: 0 auto;
	}

	.sheathtarget.activesheath {
		background-color: #ffdf60;
		border: 2px solid #ffba00;
	}

	#builder .left {
		text-align: center;
		width: 120px;
	}

	#builder .middle {
		text-align: center;
	}

	#builder .right {
		text-align: center;
		width: 120px;
	}

	#builder .continue {
		text-align: center;
	}

		#builder td.continue a {
			margin: 0 auto;
			display: block;
			width: 500px;
			height: 75px;
			background-image: url( ../img/riptide/continue-active.jpg );
			cursor: pointer;
		}

			#builder td.continue a:hover {
				background-image: url( ../img/riptide/continue-hover.jpg );
			}

			#builder td.continue a.inactive {
				background-image: url( ../img/riptide/continue-inactive.jpg );
				cursor: default;
			}

			#builder td.continue a span {
				display: none;
			}

	#tabs {
	
 	}

		#tabs h5 {
			clear: both;
			margin-left: 20px;
			width: auto;
		}

		#tabs div {
			background-color: #fff;
			border-left: 1px solid #ced8eb;
			border-right: 1px solid #ced8eb;
			border-bottom: 1px solid #ced8eb;
			margin: 0 15px;
		}

		#tabs .tablist {
			background: transparent url( ../img/riptide/listbg.png ) repeat-x bottom left;
			margin: 0 15px;
			overflow: hidden;
			padding: 0;
			list-style: none;
		}

			#tabs .tablist li {
				background-color: #ced8eb;
				border-left: 1px solid #ced8eb;
				border-right: 1px solid #ced8eb;
				border-top: 1px solid #ced8eb;
				border-bottom: 1px solid #ced8eb;
				float: left;
				margin: 0 0px 0 10px;
				padding: 3px 5px;
			}

				#tabs .tablist li.ui-state-active {
					background-color: #fff;
					border-bottom: 1px solid #fff !important;
				}

		#tabs .componentlist {
		}

			#tabs .componentlist li.sheath {
				overflow: hidden;
				width: 73px;
			}

	.purchase-table {
		width: 100%;
	}

		.purchase-table td {
			margin: 2px;
			padding: 5px;
		}

		.purchase-table tr.odd td {
			background-color: #fff;
		}

		.purchase-table tr.even td {
			background-color: #ced8eb
		}

.ui-tabs .ui-tabs-hide {
     display: none;
}