/* CSS Document */

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #ffffff;
	}

a:link, a:visited {
	outline: none;
	color: #921C02;
	text-decoration: none;
	}
	
a:hover, a:active {
	outline: none;
	color: #808080;
	text-decoration: underline;
	}

a:link img, a:visited img,
a:hover img, a:active img {
	outline: none;
	}


/* TOP BAR STYLES */

#topbar {
	margin: 0;
	padding: 0;
	height: 30px;
	background: url(images/topbar_bkg.gif) bottom left repeat-x;
	position: relative;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	color: #999999;
	}

#topnav	{
	float: right;
	margin: 0 50px 0 0;
	display: inline;
	padding: 7px 0 0 0;
	}

#topnav	a:link, #topnav	a:visited {
	color: #999999;
	text-decoration: none;
	}
	
#topnav	a:hover, #topnav	a:active {
	color: #ffffff;
	}
	
#search-top {
	float: right;
	margin: 0 30px 0 0;
	display: inline;
	padding: 5px 0 0 0;
	}

#search-top form {
	margin: 0;
	padding: 0;
	}

#search-top input {
	font-size: 11px;
	}


/* MAIN CONTAINER */

#main {
	margin: 0;
	padding: 0;
	position: relative;
	background: url(images/main_bkg.gif) top left no-repeat;
	}

* html #main {
	height: 1%;	
	}


/* LEFT SIDEBAR */

#left {
	float: left;
	width: 300px;
	margin: 0;
	padding: 0;
	display: inline;
	text-align: center;
	
	}

* html #left {
	height: 1%;	
	}
	
	

#logo {
	height: 149px;
	margin: 0;
	padding: 0;
	position: relative;
	}
	
#logo a img {
	border: 0;
	}

#header_photo {
	width: 270px;
	height: 215px;
	margin: 5px 5px 0 0;
	padding: 0;
	float: right;
	}
	
	
#sidebar {
	width: 260px;
	margin: 0 auto 0 25px;
	text-align: left;
	border-top: 1px solid #6F1400;
	border-bottom: 1px solid #AEAEAE;
	margin-bottom: 24px;
	}
	
#sidebar h2 {
	border-left: 1px solid #6F1400;
	border-right: 1px solid #6F1400;
	margin: 0;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	background: url(images/sidebar_heading_bkg.gif) bottom left repeat-x #921C02;
	padding: 5px;
	}
	
.sidebar-content {
	background: #EDEDED;
	padding: 20px 20px 10px 20px;
	border-left: 1px solid #AEAEAE;
	border-right: 1px solid #AEAEAE;
	margin: 0;
	position: relative;
	}

.sidebar-contact {
	background: #EDEDED;
	padding: 10px 10px 10px 00px;
	border-left: 1px solid #AEAEAE;
	border-right: 1px solid #AEAEAE;
	margin: 0;
	position: relative;
	}

* html .sidebar-contact {
	height: 1%;
	}
	
.sidebar-contact img {
	display: block;
	float: left;
	margin: 0 10px;
	display: inline;
	}

.sidebar-contact p {
	margin: 0;
	padding: 10px 0 0 0;
	}

		
.sidebar-contact .phone {
	font-size: 14px;
	font-weight: bold;
	}
	
* html .sidebar-content {
	height: 1%;
	}



.sidebar-content form {
	margin: 0;
	padding: 0;
	position: relative;
	}

.sidebar-content label {
	width: 60px;
	float: left;
	line-height: 20px;
	}
	
.sidebar-content input {
	float: left;
	font-size: 11px;
	margin: 4px 0 10px 0;
	}		

.sidebar-content input[type=image] {
	padding-left: 60px;
	}
	
.sidebar-content select {
	float: left;
	font-size: 11px;
	width: 142px;
	margin: 4px 0 0px 0;
	}		
	
.menu { width:260px; margin: 0; height: 250px; }
.menu ul { margin: 0pt; padding: 0pt; position: relative; z-index: 500; list-style-type: none; }
.menu li { background-color: #cccccc; float: left; }
.menu li.sub { background-color: #cccccc; }
.menu table { position: absolute; border-collapse: collapse; top: 0pt; left: 0pt; z-index: 100; font-size: 1em; margin-top: -1px; }
.menu a, .menu a:visited { border: 1px none #ffcccc; display: block; text-decoration: none; height: 1em; line-height: 1em; width: 208px; color: #000000; padding-left: 1em; font-weight: normal; font-style: normal; font-variant: normal; text-transform: none; }
.menu b { float: right; margin-right: 5px; }
* html .menu a, * html .menu a:visited { line-height: 1em; }
* html .menu a:hover { border-color: #ffcccc; color: #000000; background-color: #ffffff; position: relative; font-weight: normal; font-style: normal; font-variant: normal; text-decoration: none; text-transform: none; }
.menu li:hover { position: relative; }
.menu a:active, .menu a:focus { border-color: #ffcccc; color: #000000; background-color: #ffffff; font-weight: normal; font-style: normal; font-variant: normal; text-decoration: none; text-transform: none; }
.menu li:hover > a { color: #000000; background-color: #ffffff; font-weight: normal; font-style: normal; font-variant: normal; text-decoration: none; text-transform: none; }
.menu li ul { padding: 0; visibility: hidden; position: absolute; top: -2em; left: 18em; background-color: transparent; line-height: 1em; border-left: 1px solid #ccc; border: 1px solid #ccc; }
.menu li:hover > ul { visibility: visible; }
.menu ul a:hover ul ul { visibility: hidden; }
.menu ul a:hover ul a:hover ul ul { visibility: hidden; }
.menu ul a:hover ul a:hover ul a:hover ul ul { visibility: hidden; }
.menu ul a:hover ul { visibility: visible; }
.menu ul a:hover ul a:hover ul { visibility: visible; }
.menu ul a:hover ul a:hover ul a:hover ul { visibility: visible; }
.menu ul a:hover ul a:hover ul a:hover ul a:hover ul { visibility: visible; }
	
.sidebar-menu {
	background: #EDEDED;
	padding: 0;
	border-left: 1px solid #AEAEAE;
	border-right: 1px solid #AEAEAE;
	margin: 0;
	}
	
	
.sidebar-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}

.sidebar-menu ul li {
	margin: 0;
	padding: 0;
		border-bottom: 1px solid #ddd;
	}

* html .sidebar-menu ul li {
	height: 1%;
	}	

.sidebar-menu ul li a:link,
.sidebar-menu ul li a:visited {
	display: block;
	padding: 9px 10px 8px 40px;
	background: url(images/menu_bkg.gif) top left no-repeat #ededed;
	margin: 0;
	line-height: 1em;
	color: #000000;
	text-decoration: none;
	}
	
.sidebar-menu ul li a:hover,
.sidebar-menu ul li a:active {
	color: #921C02;
	background: url(images/menu_bkg.gif) top left no-repeat #ffffff;
	}
	
* html .sidebar-menu li a {
	margin: 0;
	}



/* RIGHT COLUMN (INCLUDES HEADER AND MAIN NAV */
	
#right {
	margin: 0;
	padding: 0 0 0 310px;
	/*position: relative;*/
	}

#header {
	margin: 0;
	padding: 0;
	height: 234px;
	position: relative;
	}

#header-photo {
	position: absolute;
	bottom: 0;
	right: 0;
	height: 234px;
	margin: 0;
	padding: 0;
	width: 300px;
	}
	
#tagline {
	margin: 0;
	padding: 0;
	height: 125px;
	width: 475px;
	}

#tagline p {
	font-size: 24px;
	margin: 0;
	padding: 43px 0 0 15px;
	}
		
#header-points {
	height: 109px;
	margin: 0;
	padding: 0;
	width: 475px;
	white-space: nowrap;
	}

#header-points ul {
	list-style-image: url(images/bullet.gif);
	font-size: 14px;
	color: #333333;
	margin: 0 0 0 30px;
	padding: 15px 0 0 0;
	}

#header-points ul li {
	margin: 0;
	padding: 0 0 10px 0;
	}
	
	

#main-nav {
	height: 30px;
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
	white-space: nowrap;
	}
	
#main-nav ul {
	list-style: none;
	margin: 2px 0 0 0;
	padding: 0;
	}

#main-nav ul li {
	height: 29px;
	display: inline;
	float: left;
	margin: 0;
	padding: 0 12px 0 10px;
	background: url(images/main-nav-separator.gif) right top no-repeat;
	line-height: 28px;
	font-size: 12px;
	font-weight: bold;
	}	

#main-nav a:link, #main-nav a:visited {
	color: #ffffff;
	text-decoration: none;
	}
	
#main-nav a:hover, #main-nav a:active {
	color: #cccccc;
	}
	
	
		
#content {
	margin: 0;
	padding: 60px 50px 50px 10px;
	font-size: 12px;
	line-height: 18px;
	}

* html #content {
	padding-top: 30px;
	}
	
#content h2, #content p {
	margin: 0 0 15px 0;
	padding-bottom: 0;
	}

#content h2 {
	font-size: 18px;
	color: #6F1400;
	}
	
#content h3 {
	font-size: 18px;
	color: #808080;
	}

#content ul {
	list-style-image: url(images/bullet.gif);
	padding: 0;
	margin: 0 0 0 20px;
	}

#content ul li {
	margin: 0;
	padding: 0 0 10px 0;
	}
	
div.border {
	width: auto;
	overflow: hidden;
}

div.border img {
	display: block;
	margin-left: 20px;
	padding: 10px;
	border: 1px solid #ddd;
}	
	
#column {width: 400px;}
ul.left {float: left;}
ul.right {float: right;}

.rightphoto {
	float: right;
	margin: 0 0 20px 20px;
	padding: 0;
	display: inline;
	}

.leftphoto {
	float: left;
	margin: 0 20px 20px 0;
	padding: 0;
	display: inline;
	}
	
.testimonial{
	font-size:.9em;
	text-align: justify;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
	padding-top:5px;
	padding-right:20px;
	padding-bottom:5px;
	padding-left:20px;
	border-top-width:1px;
	border-right-width:1px;
	border-bottom-width:1px;
	border-left-width:1px;
	border-top-style:solid;
	border-right-style:solid;
	border-bottom-style:solid;
	border-left-style:solid;
	border-top-color:#AEAEAE;
	border-right-color:#FAFAFA;
	border-bottom-color:#AEAEAE;
	border-left-color:#FAFAFA;
	background-color:#FAFAFA;
	}
	
.product{
	font-size: 1em;
	text-align: justify;
	margin-left: 20px;
	margin-right: 150px;
	margin-bottom: 20px;
	padding-top:5px;
	padding-right:20px;
	padding-bottom:5px;
	padding-left:20px;
	border-top-width:1px;
	border-right-width:1px;
	border-bottom-width:1px;
	border-left-width:1px;
	border-top-style:solid;
	border-right-style:solid;
	border-bottom-style:solid;
	border-left-style:solid;
	border-top-color:#AEAEAE;
	border-right-color:#FAFAFA;
	border-bottom-color:#AEAEAE;
	border-left-color:#FAFAFA;
	background-color:#FAFAFA;
	}	

/* CONTACT FORM */	
	
#contact-area {
	width: 600px;
	margin-top: 25px;
	margin-left: 50px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 300px;
	font-family: Helvetica, sans-serif;
	font-size: 1em;
	margin: 0px 0px 10px 0px;
	border: 1px solid #AEAEAE;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid #921C02;
}

#contact-area input.submit-button {
	width: 100px;
	float: left;
	margin-left: 250px;
	border: 1px solid #921C02;
}

label {
	float: left;
	text-align: right;
	margin-right: 5px;
	width: 60px;
	padding-top: 5px;
	font-size: 1em;
}	
	
/* FOOTER */

#footer {
	clear: both;
	margin: 0;
	padding: 0;
	}
	
#footer-top {
	height: 20px;
	padding: 0;
	margin: 0;
	background: url(images/footer_top_bkg.gif) bottom left repeat-x;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	}
	
#footer-bottom {
	background: url(images/footer_bottom_bkg.gif) top left no-repeat;
	margin: 0;
	padding: 0;
	min-height: 110px;
	height: auto !important;
	height: 110px;
	}

#footer-bottom p {
	margin: 0;
	padding: 25px 0 0 320px;
	color: #333333;
	}
	
#footer-bottom a:link, #footer-bottom a:visited {
	color: #333333;
	text-decoration: none;
	}
	
#footer-bottom a:hover, #footer-bottom a:active {
	color: #000000;
	text-decoration: underline;
	}
		
.clearboth {
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
	}
	
.replaced_text {
	height: 0;
	margin: 0;
	padding: 0;
	line-height: 0;
	display: none;
	visibility: hidden;
	}
	
/* PRODUCT TABLE */		
	
#mytable {
	width: 600px;
	padding: 0;
	margin: 0;
}

#mytable caption {
	padding: 0 0 5px 0;
	width: 500px;	 
	font: italic 11px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

#mytable th {
	font-size: 18px;
	color: #FFFFFF;
	border-left: 1px solid #921C02;
	border-right: 1px solid #921C02;
	border-bottom: 1px solid #921C02;
	border-top: 1px solid #921C02;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #921C02;
}

#mytable th.note {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	border-left: 1px solid #AEAEAE;
	border-right: 1px solid #AEAEAE;
	border-bottom: 1px solid #AEAEAE;
	border-top: 1px solid #AEAEAE;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #AEAEAE;
}

#mytable th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #AEAEAE;
	background: none;
}

#mytable td {
	border-left: 1px solid #AEAEAE;
	border-right: 1px solid #AEAEAE;
	border-bottom: 1px solid #AEAEAE;
	background: #fff;
	padding: 4px 4px 4px 12px;
	font-size:.9em;
	line-height: 14px;
	color: #000;
}


#mytable td.alt {
	background: #EDEDED;
	font-size:.9em;
	color: #000;
}

#mytable th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(images/bullet1.gif) no-repeat;
	font: bold 10px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}

#mytable th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(images/bullet2.gif) no-repeat;
	font: bold 10px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}