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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* SITE STRUCTURE */

body {
	font-family: Helvetica, Arial, sans-serif;
	line-height: 1.5;
	background: #666;
	color: #2e2e2e;
	margin: 0px auto 0px;
}

#topbar {
	background-color: #0081C4;
	width: 100%;
	height: 2px;
}

#sm_box {
	background-color: #666;
	width: 960px;
	height: 20px;
	margin: 0px auto 0px;
	padding: 0px 15px 0px 15px;
	color: #fff;
	font-size: 10px;
}

#sm_box ul li {
	display: inline;
}

#wrapper {
	background: #fff;
	width: 960px;
	height: 530px;
	padding: 15px 15px 15px 15px;
	margin: 13px auto 0px;
	border-bottom: 2px solid #0081c4;
}

#wrapper_sub {
	background: #fff;
	width: 960px;
	min-height: 530px;
	overflow: hidden;
	padding: 15px 15px 15px 15px;
	margin: 13px auto 0px;
	border-bottom: 2px solid #0081c4;
}

/* HEADER */

#header {
	width: 960px;
	padding: 0px;
	margin: 0px;
	color: #fff;
	float: right;
}

#logo {
	width: auto;
	height: auto;
	float: left;
	margin: 0px 0px 0px 18px;
}

#navigation {
	background: #fff;
	float: right;
	margin: 5px 0px 15px 0px;
	font-size: 9px;
}

#navigation ul, li {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

#print {
	float: right;
	margin: 8px 8px 0px 0px;
	padding: 0px 5px 5px 5px;
}

#print img {
	margin: 0px 0px 0px 8px;
}
	
#search {
	float: right;
	margin: 0px 8px 0px 0px;
	padding: 5px;
	border-top: 1px dotted #ccc;
	border-right: 1px dotted #ccc;
	border-left: 1px dotted #ccc;
}


/* MAIN TEMPLATE */

#l_main {
	width: 195px;
	height: 425px;
	background: #fff;
	padding: 0px 5px 15px 5px;
	margin: 20px 0px 0px 0px;
	float: left;
	border-right: 1px dotted #ccc;
}

#l_main_textbox {
	width: 115px;
	float: left;
	text-align: left;
}

#l_main_textbox h2 {
	color: #333;
	font-size: 10px;
	text-align: left;
	line-height: 1.3;
}

#l_main_textbox h2 ul li {
	color: #333;
	font-size: 10px;
	text-align: left;
	line-height: 1.3;
}

#l_main h1 {
	color: #0081c4;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	margin: 3px 0px 8px 0px;
}

#l_main h2 {
	color: #333;
	font-size: 10px;
	text-align: center;
	line-height: 1.3;
}

#l_main a {
	font-size: 10px;
	text-decoration: none;
	color: inherit;
}

#l_main a:hover {
	border-bottom: 1px dotted;
	text-decoration: none;
}

#r_main {
	background: #fff;
	width: 740px;
	height: 410px;
	padding: 0px;
	margin: 0px;
	float: right;
}

#boxes {
	background-image: url(../images/nav_bg.png);
	font-size: 10px;
	line-height: 1.3;
	color: #fff;
	width: 740px;
	height: 80px;
	margin: -30px 0px 0px 0px;
	float: right;
}

#boxes h1 {
	font-size: 12px;
	letter-spacing: 0.2em;
	color: #fff;
	margin: 0px;
	text-transform: uppercase;
	font-weight: bold;
	padding: 0px 0px 6px 0px;
}

#boxes ul {
	margin: 0px;
	padding: 0px;
	color: #FFF;
}

#boxes ul li {
	list-style-type: square;
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 0px 0px;
	}	
	
#boxes a {
	text-decoration: none;
	color: #fff;
}

#boxes a:hover {
	text-decoration: none;
	border-bottom: 1px dotted;
	color: #fff;
}

#boxes img {
	float: left;
	margin: 0px 5px 0px 0px;
}

#box1 {
	width: 220px;
	margin: 10px 0px 10px 10px;
	padding: 0px 10px 0px 0px;
	float: left;
	overflow: hidden;
}

#box1-1 {
	width: 70px;
	float: left;	
}

#box1-2 {
	float: left;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}

#box2 {
	width: 220px;
	margin: 10px 0px 10px 10px;
	padding: 0px 10px 0px 0px;
	float: left;
	overflow: hidden;
}

#box2-1 {
	width: 70px;
	float: left;	
}

#box2-2 {
	float: left;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}

#box3 {
	width: 220px;
	margin: 10px 0px 10px 10px;
	padding: 0px 10px 0px 0px;
	float: left;
	overflow: hidden;
}

#box3-1 {
	width: 70px;
	float: left;	
}

#box3-2 {
	float: left;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}

/* SUB TEMPLATE */

#big_container {
	width: 960px;
	height: auto;
	margin: 0px 0px 0px 0px;
}

#container {
	width: 960px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float: left;
}

#l_sidebar {
	width: 195px;
	margin: 35px 15px 0px 0px;
	padding: 0px;
	float: left;
	font-size: 9px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-weight: normal;
}

#l_sidebar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
	
#l_sidebar li { 
	border-bottom: 1px dotted #ccc;
}

#l_sidebar li a:link, #l_sidebar li a:visited { 
	display: block; 
	padding: 1em 0 1em 1em; 
	color: #000; 
	text-decoration: none;
}

#l_sidebar li a:hover { 
	display: block; 
	padding: 1em 0 1em 1em;   
	background-color: #0081c4;
	text-decoration: none;
	color: #fff;
}

#l_sidebar p {
	text-align: left;
	font-size: 10px;
	padding-bottom: 5px;
	text-transform: none;
	letter-spacing: 0.1em;
}

#textarea {
	width: 725px;
	margin: 0px;
	padding: 15px 0px 15px 15px;
	font-size: 12px;
	line-height: 18px;
	float: left;
	border-left: 1px dotted #ccc;
	border-top: 1px dotted #ccc;
	font-weight: normal;
}

#textarea a {
	color: #0081c4;
	text-decoration: underline;
}

#textarea .bc a {
	color: #0081c4;
	text-decoration: none;
	font-size: 10px;
}

#textarea .bc a:hover {
	border-bottom: 1px dotted #666;
}

#textarea h1 {
	font-size: 14px;
	color: #0081C4;
	margin: 0px 0px 10px 0px;
	text-transform: uppercase;
	letter-spacing: 0.2em;
}

#textarea p {
	margin-bottom: 15px;
	font-weight: normal;
	font-size: 12px;
	text-transform: none;
	color: #2e2e2e;
	letter-spacing: normal;
	
}

#textarea h2 {
	font-size: 11px;
	color: #0081C4;
	margin: 0px 0px 1px 0px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

#textarea h3 {
	font-size: 10px;
	color: #0081C4;
	margin: 0px 0px 1px 0px;
	text-transform: uppercase;
	letter-spacing: 0.2em;
}

#textarea h4 {
	font-size: 11px;
	color: #0081C4;
	margin: 0px 0px 1px 0px;
	text-transform: uppercase;
	letter-spacing: 0.2em;
}

#textarea h5 {
	font-size: 42px;
	margin: 0px 0px 5px 0px;
	text-transform: capitalize;
	text-align: left;
	font-family: "Mistral", "Trebuchet MS"
}

#textarea ul {
	list-style: square;
	text-indent: 0px;
	margin: 5px 0px 15px 20px;
}

#textarea ul li {
	margin: 0px;
}

#sitemap ul a {
	color: #000;
}

#sitemap ul a:hover {
	color: #000;
	border-bottom: 1px dotted #000;
}

#super {
	font-size: 10px;
}

#super p {
	margin: 0px;
	padding: 0px;
}

#super p:first-letter {
	font-size: 70%;
	vertical-align: super;
}

#top_columns h2 {
	font-size: 16px;
	color: #fff;
	text-transform: capitalize;
	padding: 5px;
}

#top_column1 {
	width: 215px;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
	float: left;
	background-image: url(../images/nav_bg.png);
}

#top_column2 {
	width: 215px;
	margin: 0px 0px 0px 14px;
	padding: 0px 10px 0px 10px;
	float: left;
	background-image: url(../images/nav_bg.png);
}

#top_column3 {
	width: 215px;
	margin: 0px 0px 0px 14px;
	padding: 0px 0px 0px 10px;
	float: left;
	background-image: url(../images/nav_bg.png);
}

#columns {
	width: 725px;
	height: 510px;
	color: #fff;
}

#columns a {
	color: #fff;
}

#columns p {
	font-size: 12px;
	color: #fff;
}

#columns img {
	float: right;
	margin: 0px 0px 5px 5px;
}

#columns h3 {
	font-size: 16px;
	color: #0081c4;
	margin: 0px 0px 5px 0px;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	text-align: center;
}

#column1-1 {
	width: 215px;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 0px 10px;
	float: left;
	background-image: url(../images/columns_bg.png);
}

#column2-1 {
	width: 215px;
	margin: 0px 0px 0px 14px;
	padding: 10px 10px 0px 10px;
	float: left;
	background-image: url(../images/columns_bg.png);
}

#column3-1 {
	width: 215px;
	margin: 0px 0px 0px 14px;
	padding: 10px 0px 0px 10px;
	float: left;
	background-image: url(../images/columns_bg.png);
}

/* SECTIONS */

#sections {
	margin: 0px;
	border: 1px dotted #ccc;
	padding: 15px 15px 0px 15px;
}

#sections h2 {
	color: #0081c4;
	font-size: 11px;
}

#sections a {
	text-transform: uppercase;
	color: #0081c4;
	text-decoration: none;
	font-size: 11px;
}

#sections a:hover {
	text-transform: uppercase;
	color: #0081c4;
	text-decoration: none;
	border-bottom: 1px dotted #0081c4;
}

/* SALES TEAM PAGE */

.bio {
	margin: 0px;
	padding: 10px;
}

.bio img {
	float: left;
	margin: 0px 10px 10px 0px;
}

#textarea .bio p {
	padding: 0px;
	margin: 0px;
}

.bio h2 {
	text-transform: uppercase;
	padding: 18px 10px 10px 10px;
	font-size: 12px;
	letter-spacing: 0.2em;
	color: #0081c4;
}

/* CONTACT US PAGE */

#contact {
	float: left;
	padding: 0px 15px 0px 0px;
	margin: 0px 15px 0px 0px;
	border-right: 1px dotted #ccc;
}

#address {
	float: left;
}

#address p {
	padding: 0px;
	margin: 0px;
}

#address_box {
	letter-spacing: 0.01em;
	margin: 0px;
	padding: 0px 0px 0px 5px;
	font-size: 10px;
}

#address_box p {
	letter-spacing: 0.01px;
 	line-height: 1.3;
	color: #0081C4;
	text-transform: uppercase;
}

/* PRODUCT SPECS PAGE */

.specs {
	float: left;
	margin: 0px 15px 2px 0px;
	background-color: #ccc;
	width: 150px;
	height: 115px;
	text-align: center;
	padding-top: 5px;
}

.specsd {
	float: left;
	margin: 0px 15px 2px 0px;
	background-color: #ccc;
	width: 250px;
	height: 100px;
	text-align: center;
	padding-top: 5px;
}

.specstext {
	float: left;
	font-size: 11px;
}

.specstext h4 {
	text-transform: uppercase;
	color: #0081c4;
	font-size: 14px;
	padding-bottom: 2px;
}

#textarea .specstext p {
	padding: 0px;
	margin: 0px;
}

/* FORMS COLUMNS */

#form1 {
	margin-left: 10px;
	float: left;
}

#form2 {
	margin-left: 15px;
	float: left;
}

/* FOOTER */

#footer {
	width: 960px;
	height: auto;
	margin: 15px auto 15px;
	padding: 0px;
	text-align: center;
	line-height: 0.8;
	font-size: 10px;
	color: #fff;
}

#footer a {
	color: #fff;
	text-decoration: none;
}

#footer a:hover {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px dotted;
}

#footer ul li {
	display: inline;
}