body, h1, h2, h3, h4, p, il, ul {
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}
body {
	font: 100% Arial, Helvetica, sans-serif;
	color: #000000;
	background: #666666;
	padding-top: 10px;
}
#sentcontent p {
	font: normal 14px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding-top: 69px;
	padding-left: 150px;
	width: 425px;
	text-align: center;
}

#wrapper {
	margin: 0px auto;
	height: auto;
	width: 738px;
}
#header {
	height: 97px;
	width: 738px;
	background: url(images/top_banner.jpg) no-repeat;
}
#header span {
	position: absolute;
	left: -3000px;
}
#banner {
	height: auto;
	width: auto;
}


#nav {
	height: 50px;
	width: 738px;
	background: url(images/nav_bkrgnd.jpg) no-repeat;
	clear: both;
	float: none;
}
#bannerL {
	float: left;
	height: 211px;
	width: 305px;
	background: url(images/2nd_banner_left_side.jpg);
}

#header span {
	position: absolute;
	left: -3000px;
}
#innerwrapper {
	background: #FFFFEA url(images/innerwrapper_bgnd.gif) left;
	height: 460px;
	width: 800px;
}
#content {
	float: none;
	width: 738px;
	height: 280px;
	font-size: 12px;
}
#content p {
	padding-right: 18px;
	padding-left: 8px;
	font: 12px Arial, Helvetica, sans-serif;
	}
#contentL p {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding-top: 10px;
	padding-left: 30px;
	width: 160px;
}

#sidebar {
	float: right;
	width: 525px;
	height: 375px;
	font-size: 12px;
	padding-top: 50px;
	background: url(images/news_l.jpg) no-repeat;
}
#contentL {
	background: url(images/news_l.jpg) no-repeat;
	float: left;
	height: 280px;
	width: 217px;
}
#contentL h1 {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #FF8000;
	padding-top: 50px;
	padding-left: 30px;
}

#footer {
	font: italic 10px Arial, Helvetica, sans-serif;
	height: 46px;
	width: 738px;
	background: #343434 url(images/footertwo.jpg) no-repeat;
}
#footer p {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding-left: 15px;
	padding-top: 22px;
}

#bannerR {
	background: url(images/2nd_banner_right_side.jpg);
	float: right;
	height: 211px;
	width: 433px;
}
#contentR {

	background: url(images/productspotlight_r.jpg) no-repeat;
	float: left;
	height: 280px;
	width: 357px;
}
#footerone {
	background: #343434 url(images/anim_gif.jpg) no-repeat;
	height: 82px;
	width: 738px;
	clear: both;
}
#navinner {
	height: 30px;
	width: 700px;
	padding-left: 20px;
	padding-top: 12px;
}
#bannerR p {
	color: #F0F0F0;
	font: normal 13px Arial, Helvetica, sans-serif;
	width: 375px;
	text-align: left;
	padding-top: 80px;
	padding-left: 20px;
	padding-right: 20px;
}
#contentR h1 {
	color: #FF9900;
	text-decoration: underline;
	padding-top: 55px;
	padding-left: 35px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
#contentR p {
	color: #FFFFFF;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	width: 300px;
	padding-top: 10px;
	padding-left: 35px;
}
.style1 {
color: #FF9900
}
#contentR h2 {
	color: #FF9900;
	font: bold normal 13px Verdana, Arial, Helvetica, sans-serif;
	padding-left: 205px;
	padding-top: 15px;
}
#contentRanim {


	background: url(images/prod_spotlight_animgif.jpg) no-repeat;
	float: right;
	height: 280px;
	width: 164px;
}
#contactcontent {
	width: 738px;
	height: 406px;
	font-size: 12px;
	background: url(images/contact_bkgrnd.jpg) no-repeat;
}
#form {
	width: auto;
	text-align: right;
	height: 300px;
	padding-right: 50px;
}
#form h1 {
	font: italic bold 16px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	padding-bottom: 25px;
	padding-top: 20px;
}
#form p {

	font: normal 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: right;
	padding-bottom: 10px;
}
#sentcontent {

	width: 738px;
	height: 154px;
	font-size: 12px;
	background: url(images/sent_bkgrd.jpg) no-repeat;
}
#newslettercontent {
	float: none;
	width: 738px;
	height: auto;
	font-size: 12px;
	background: #343434 url(images/newsletter_bkgrnd_bkgrd.jpg) repeat-y;
}
#newsletter {
	height: auto;
	width: 700px;
	padding-left: 18px;
	padding-top: 5px;
}

#contenttop {
	background: #343434 url(images/contenttop.jpg) no-repeat;
	height: 10px;
	width: 738px;
}
#product {
	height: auto;
	width: 738px;
	background: #343434 url(images/newsletter_bkgrnd_bkgrd.jpg) repeat-y;
}
#product p {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding-right: 20px;
	padding-left: 30px;
	padding-bottom: 10px;
}

#product h1 {
	font: italic bold 18px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding-left: 180px;
	padding-top: 20px;
	padding-bottom: 35px;
}

#newslettertext {

	float: none;
	width: 738px;
	height: 150px;
	font-size: 12px;
	background: #343434 url(images/newsletter_bkgrnd_bkgrd.jpg) repeat-y;
}
#newslettertext p {
	color: #F0F0F0;
	font: normal 13px Arial, Helvetica, sans-serif;
	width: 700px;
	text-align: left;
	padding-top: 30px;
	padding-left: 25px;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	font-size: 1px; /* Sets the font size to 1 pixel */
	line-height: 0px; /* Sets line-height to 0 -font and line-height, even if not explicitly on the page, might add diemnsion to the clearing element rather than make it larely invisible */
	clear: both; /* Keeps floated divs from draping over objects beneath them. */
	height: 0px; /* Makes sure the clearing element has no height */
}

.lftflt {
	float: left; /* Moves the image to the left side of its container and allows text to flow around its right side. */
	margin-right: 8px;
	padding-left: 20px;
}
a.screen, a.screen:visited {
color:#c00; 
position:relative; 
z-index:1;
}
a.screen b {
	position:absolute;
	visibility:hidden; /* hide the image */
	width:130px; /* give it a width */
	height:0; /* add a border */
	left:0; /* position:the image */
	top:-150px;
}
a.screen:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.screen:hover b {
visibility:visible; /* make the image visible */
height:210px; /* now give it a height */
cursor:default; /* for IE */
z-index:500; 
}
a.screen:hover b img {
border:0; /* remove the link border */
}
#product h2 {

	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding-left: 20px;
	padding-top: 0px;
	padding-bottom: 5px;
}
.style2 {color: #FF9900}
#relief {

	height: 590px;
	width: 738px;
	background: #343434 url(products/crocs/images/reliefcrocs.jpg) no-repeat;
}
#relief p {
	font: normal 13px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	width: 500px;
	padding-top: 320px;
	padding-left: 55px;
	list-style: circle;
}
#cloud {


	height: 590px;
	width: 738px;
	background: #343434 url(products/crocs/images/cloudcrocs.jpg) no-repeat;
}
#cloud p {

	font: normal 13px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	width: 500px;
	padding-top: 320px;
	padding-left: 55px;
	list-style: circle;
}
#silvercloud {



	height: 590px;
	width: 738px;
	background: #343434 url(products/crocs/images/silvercloudcrocs.jpg) no-repeat;
}
#silvercloud p {


	font: normal 13px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	width: 500px;
	padding-top: 320px;
	padding-left: 55px;
	list-style: circle;
}
#crocsrx {



	height: 550px;
	width: 738px;
	background: #343434 url(products/crocs/images/crocsrx.jpg) no-repeat;
}
#crocsrx p {
	font: normal 13px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	width: 300px;
	padding-top: 205px;
	padding-left: 230px;
	list-style: circle;
	padding-bottom: 0px;
}
#product h2 {

	font: italic bold 18px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding-left: 160px;
	padding-top: 20px;
	padding-bottom: 35px;
}
#links {

	height: 900px;
	width: 738px;
	background: #343434 url(images/newsletter_bkgrnd_bkgrd.jpg) repeat-y;
}
#links p {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding: 20px 10px 5px 20px;
}
#links h2 {


	font: bold 16px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding-left: 200px;
	padding-top: 20px;
	padding-bottom: 30px;
}
#links h3 {



	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #F27900;
	padding-left: 30px;
	padding-top: 20px;
	padding-bottom: 0px;
}
#samproduct {

	height: 750px;
	width: 738px;
	background: #343434 url(products/sam/images/bursamed_bkgrnd.jpg) no-repeat;
}
#samproduct p {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 15px 40px 10px 520px;
}
#samproduct h1 {
	font: bold normal 24px Verdana, Arial, Helvetica, sans-serif;
	color: #376C77;
	float: none;
	clear: none;
	text-decoration: underline;
	padding: 60px 0px 5px 540px;
}
#samproduct h2 {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 15px 40px 10px 520px;
	list-style: disc;
}
#Lsplint {
	float: left;
	height: 500px;
	width: 625px;
}
#Lsplint h1 {
	font: bold 24px Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 45px;
	padding-top: 95px;
	padding-left: 70px;
	color: #000000;
}

#Lsplint p {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	padding-top: 10px;
	padding-left: 55px;
}

#samsplint {


	height: 680px;
	width: 738px;
	background: #343434 url(products/sam/images/samsplint_bkgrnd.jpg) no-repeat;
}
#Rsplint {
	float: right;
	height: 500px;
	width: 100px;
}
#Lsplint h2 {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	padding-top: 20px;
	padding-left: 55px;
	padding-right: 70px;
}
#fb-root {
	padding-left: 20px;
	left: 20px;
}

