html, body { padding: 0; margin: auto; font-size: 12px; font-family: tahoma, sans-serif; letter-spacing: 1px; line-height: 160%; background: #000000; color: #c5c5c5; margin:auto ; height: 100%}
div { text-align: left; }
#topOfPage { display: none; }
#header { width: 730px; height: 110px; background: #000000; }
#logo_left { float: left; text-align: left; width: 80px; background : #000000;}
#logo_right { float: right; width: 524px; text-align: right; padding-top: 15px; }
#bar { clear: both; background: #cdcdcd; height: 25px; }
#top { background: url("../images/strand.jpg") 100% 0 no-repeat #505050; height: 200px; clear: both; }


div#menu {height: 3.0em; background: url("../images/menubg.gif") 0 100% repeat-x #000; }
div#menu ul				{list-style: none; margin-left:30%;}
div#menu ul li				{display: inline; font: bold 1.4em/3.2em helvetica, arial, sans-serif;}
div#menu ul li a			{padding: 0 1em; border: none; background: transparent; color: #fff;}
div#menu ul li a:hover			{color: #7ac;}

div#bnavbar 				{
	text-align:center;
	position: relative; 
	margin-top: -6.5em;
	border: thin #CCCCCC;
}
div#bnavbar ul				{list-style: circle; margin-left:auto; margin-right: auto; vertical-align:bottom;}
div#bnavbar ul li			{display: inline; font: 1.0em/3.2em helvetica, arial, sans-serif;}
div#bnavbar ul li a			{padding: 0 4em; border: none; background: transparent; color: #555;}
div#bnavbar ul li a:hover	{color: #7ac;}

div#nifty{ margin: 0 10%;background:#D4DDFF}

#content2 { background: url("../images/contentbg.gif") 0 0 repeat-x #000000; width: 100%; min-height: 10em;}

div#product, div#sidebar, div#colors {
	background-color: #202020;
	line-height: 100%;
	height: 70%;
	min-height: 70%;
	float: left;
}

div#sidebar {
	float: right;
}


div#title {
	font-weight: bold;
}

div#sidebar_contents {
	padding: 10px;
	text-align:center;
	font-size: 1.2em;
	line-height: 1.2em;
}

div#phone {
	color: #FF9900;
	text-align: center;
	font-weight: bold;
	font-size: 0.8em;
}


div#items {
	height:400px; 
	padding: 20px;
}



#options {
	font: 1.0em/3.2em helvetica, arial, sans-serif;
}

div#content {
	margin: auto;
	width: 800px;
	position: relative;
	min-height: 100%;

}
div#content ul {margin-top: 10px; margin-bottom: 5px; margin-left: auto; margin-right: auto;}
div#content ul li {display: inline; padding-left: 10px; padding-right: 10px;}

* html #content
{
height: 100%;
}


#description{
	font-size: 0.8em;
	padding-left: 10px;
	height: 100%;
}

div#buy {
	font-size: 1.2em;
	text-align: center;
	background-color: #FF9900;
	color: #000000;
	font-weight: bold;
	width: 100px;
	white-space: nowrap;
	vertical-align: bottom;
	padding: 5px;
	
}

#navbar { margin: auto; width: 801px; text-align: center; height: 55px;}
#navbar img { float: left;}
#navbar buy { float: none;}
div#image {
	border: 1px solid #c0c0c0;
	padding: 5px;
	background-color:#000000;
	margin: 5px;
}

#logoz { background: url("../images/ocean-dna.jpg") 100% 0 no-repeat #ffffff; width: 800px; height: 367px; margin: auto;}
#logo { margin: auto; width: 800px; text-align: center;}
#logo p {float: left; 
		 filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70;
		 margin-top: 100px; 
		 margin-left: 10%;
		 padding: 10px;
		 width: 300px;
		 background-color: #ffffff; color: #000000;}


#body { clear: both; margin-top: 15px; }
#footer { clear: both; padding-top: 5px; }

#niftya { width: 30%; margin-top: 15px; float: left;}
#niftyb { width: 30%; margin-top: 12px; margin-left: 5%; margin-right: 5%; float: left; background: #000000; padding-top: 3px;}
#niftyc { width: 30%; margin-top: 15px; float: right;}
#niftyd {color: #eeeeff; background: #505050; }
div.block, div.blockDistinct, div.processa, div.processb, div.processc { font-family: "Trebuchet MS"; padding: 10px; padding-bottom: 3px; padding-top: 8px; }
div.blockDistinct { font-size: 13px; background: #aabbee; color: #000000; }
div.processa { font-size: 14px; background: #31309C; color: #000000; }
div.processb { font-size: 14px; background: #FF3000; color: #000000; padding-bottom: 13px; }
div.processc { font-size: 14px; background: #9CCF31; color: #000000; }
h1, h2 { margin: 0; padding: 0; font-weight: normal; font-size: medium; }
#top h1 { color: #ffffff; padding-left: 25px; padding-top: 65px; line-height: 110%; font-weight: medium;}
#top h3 { padding-left: 25px; padding-top: 25px; font-size: small; font-weight: normal; }
h2 { font-size: 16px; margin-bottom: 5px; color: #000;}
#niftyd h1 {font-family: "Trebuchet MS"; font-size: 18px;}
h1 { padding-bottom: 3px; }
p {	margin: 0; margin-bottom: 5px; }
p.right { text-align: right; }
#footer p {	clear: both; color: #c0c0c0; font-size: 11px; }
form { margin: 0; }
tagline { padding-left: 30px; }
fieldset { padding: 0; border: 0; }
legend { display: none; }
input { border: 1px solid #c0c0c0; color: #454545; font-size: 11px; letter-spacing: 1px; }
input.searchText { width: 150px; height: 13px; }
input.searchSubmit { color: #0080c0; background: #fff; letter-spacing: 1px;	border: 1px solid #fff;	font-size: 12px; width: 45px; height: 19px; margin: 0; padding: 0; }
ul { margin: 0; padding : 0; list-style : none; }
#bar li { margin: 0; padding: 0; padding-top: 3px; padding-bottom: 4px;	padding-left: 10px;	padding-right: 10px; border-right: 1px solid #fff; float: left; }
#bar li.active { background: #505050; color: #fff; padding-bottom: 4px; }
#footer li { float: left; padding: 0; height: 15px;	vertical-align: middle;	padding-right: 25px;	font-size: 11px; }
a:link, a:active, a:visited { text-decoration: none; }
a:link, a:active { color: #0080c0; }
a:visited { color: #800080; }
#bar a:link, #bar a:active, #bar a:visited { color: #000; } 
a img { border: 0; }
a img:active { border: 0; }
span.highlight { color: #abd6f1; }
span.hide { display: none; }
span.underline { text-decoration: underline; }
img { border: 0};