* {margin:0; padding:0; border:0;}

body {
	background:#f8fafc url('i/body-bg.png') repeat-x;
	text-align:center;
	}

p,dl {margin: 1em; font:12px/14px verdana,arial,sans-serif;}
h1 {color:#0090cc; font-size:300%;font-family:verdana,arial,helvetica;}
h2 {font-weight:normal; font-size:150%;font-family:verdana,arial,helvetica;}
h3 {font-weight:normal;font-family:verdana,arial,helvetica;}
a, a:visited {text-decoration:none;font-weight:bold;color:#36a;}
a:hover {text-decoration:underline;}
acronym {cursor:help;border-bottom:1px dotted #36a;}
acronym:hover {font-size:large;}
dt {font-size:16px;font-weight:bold;}
dd {margin: .3em 1em .3em 3em;}

.hl {height:50px; background:url('i/hl.png') repeat-x;clear:both;}


#wrapper {text-align:left;width:960px;margin-left:auto;margin-right:auto;border:1px solid #aaa;border-top-width:0;border-bottom-width:0;background:#fff;}

#header {height:150px;background:url('i/hdr-bg.png') no-repeat;}
 #header h2 {font:19px/29px verdana;letter-spacing:1px;text-align:right;padding-top:7px;margin-right:15px;font-weight:bold;color:#36a;}

#article {width: 720px;float:right;padding:1px 0;}
	#article h1 {color:#36a; font-size:200%;margin-top:.4em;border-bottom:2px solid #36a}
	#article h2 {font:19px/29px verdana;font-weight:bold;color:#36a;margin-top:1em}
	#article h3 {font:16px/20px verdana;margin-top:.3em;font-weight:bold;}
	#article ul {margin:1em 3em;list-style-image:url('i/v.png');font:12px/14px verdana;}
	#article ol {margin:1em 3em;font:12px/14px verdana;}
		#article ol li {margin-top:20px;}
	#article em {font-style:normal;display:none;}

#sidebar {width:240px;float:left; font:14px/14px verdana;padding-top:30px}
	#sidebar a {display:block;margin:0;width:155px;color:#000;font-weight:bold;padding:4px 10px;border-bottom:1px solid #aaa}
	#sidebar a:hover {text-decoration:none;background-color:#00638c;color:#fff}
	#sidebar .submenu a {font-weight:bold;width:155px;padding:2px 0 4px 20px;color:#047;}
	#sidebar .submenu a:hover {color:#000;background-color:#d9e8f1;}
	#sidebar .submenu2 a {font-weight:normal;width:145px;padding:2px 0 4px 30px;color:#36a;font-size:13px;}
	#sidebar .submenu2 a:hover {color:#000;background-color:#f9eeff;}

	#sidebar a#lang {color:#36a;margin:-10px 0 15px 0;}
	#sidebar a#lang:hover {color:#fff;}
	#sidebar div#langs {margin:-15px 0 15px 0;}
	
#contact {clear:both;padding:20px 15px 20px 15px; color:white; background:#00638c url('i/contact-icon.png') no-repeat bottom right}
	#contact h3 {margin:1em 0 0 0; font-size:100%;}
	#contact p {margin: 0 0 1em 1em;}
	#contact a, #contact a:visited {color:white; text-decoration:none;}
	#contact a:hover {text-decoration:underline;}
	#contact img {float:right;margin-top:-10px;}
	#address {width: 230px; float:left; margin-left:20px;}
	#direct-contact {width:230px; margin-left:270px;}

#footer {clear:both; background: #fff url('i/header-bg.png') repeat-x top left; border-top:2px solid #000;padding:15px;text-align:center}
	#footer p {font:10px/14px verdana;}
	#footer a, footer a:visited {color:black; text-decoration:none;}
	#footer a:hover {text-decoration:underline;}


/* Home */
.wetfloor {float:right; margin:15px 20px 0 15px;}

/* REFERENCES */
#left-col {width:350px;float:left;}
#right-col {width:350px;float:right}
	#left-col h2, #right-col h2 {font-size:16px;line-height:1.2;margin-right:20px;color:#000;background:#cce6ff;cursor:pointer;cursor:hand}

/* How it works */
.howitworks {clear:both;}
.howitworks p {padding-top:15px;}
.howitworks img {float:left; margin: 0 10px 30px 0;}

/* Grip Plates */
table#gripplates {margin:20px;}
table#gripplates td {border:1px solid #777;padding:10px;}
table#gripplates td img {margin:3px; border:1px solid #aaa;}

/* Non slip tape */
table#nonslipspecifications {margin:20px;}
table#nonslipspecifications td {border:1px solid #ccc;padding:10px;}
table#nonslipspecifications th {padding:10px; background:#eee;}
table#nonslipspecifications td.title {color:#36a;}

/* Links */
img.links {display:block; margin:10px auto;border:1px solid #fff;}
img.links:hover {border-color:#aaa;}