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

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

body {
	background: #5a5a5a;
	text-align: center;
	}

/* top nav / search */
	
.navwrap {
	background: #414141;
	height: 40px;
	margin: 0;
	text-align: center;
	}
	
ul#topnav {
	margin: 0 auto;
	width: 1010px;
	padding: 0 5px 0 15px;
	font: normal 11px/12px Geneva, Helvetica, Arial, sans-serif;
	color: #fff;
	text-transform: uppercase;
	}
	
ul#topnav li {
	display: inline;
	list-style: none;
	}

ul#topnav li a {
	float: left;
	height: 23px;
	margin: 3px 3px 0 0;
	padding: 11px 6px 0;
	color: #fff;
	text-decoration: none;
	}
	
ul#topnav li a:hover {
	background: #5a5a5a;
	}
	
ul#topnav li.search {
	float: right;
	border-left: 1px solid #5a5a5a;
	width: 194px;
	padding: 10px 0 0 10px;
	height: 30px;
	}
	
ul#topnav li.search label {
	float: left;
	padding: 4px 5px 0 0;
	}
	
ul#topnav li.search input#s {
	float: left;
	border: 1px solid #5a5a5a;
	padding: 3px;
	width: 100px;
	margin: 0 3px 0 0;
	}
	
ul#topnav li.search input.button {
	float: left;
	font: normal 11px/12px Geneva, Arial, Helvetica, sans-serif;
	padding: 4px 4px 3px;
	border: 1px solid #5a5a5a;
	background: #0b427b;
	color: #fff;
	}
	
/* wrapper / header */
	
#wrapper {
	width: 1025px;
	padding: 0 0 0 5px;
	margin: 0 auto;
	background: url(images/wrapper.gif) repeat-y center top;
	text-align: left;
	}
	
ul#header {
	height: 200px;
	overflow: hidden;
	}

#home ul#header {
	height: 290px;
	}

ul#header li {
	float: left;
	list-style: none;
	}
	
ul#header li.logo {
	width: 255px;
	}
	
ul#header li.logo a {
	background: url(images/logo.gif) no-repeat left top;
	display: block;
	height: 200px;
	width: 255px;
	text-indent: -9999em;
	}
	
#home ul#header li.logo a {
	background: #fff url(images/logo.gif) no-repeat left 46px;
	height: 290px;
	}

ul#header li.masthead {
	float: left;
	width: 765px;
	height: 200px;
	background: #fff;
	}
	
ul#header li.mhL {
	width: 560px;
	height: 290px;
	}

ul#header li.mhR {
	width: 205px;
	height: 145px;
	}
	
ul#header li img {
	display: block;
	}
	
/* subnav */

ul#subnav {
	float: left;
	width: 235px;
	padding: 25px 0 1px 20px;
	}
	
ul#subnav li {
	display: block;
	margin: 0 0 35px;
	list-style: none;
	}

ul#subnav li h3 {
	font: bold 12px/12px Helvetica, Arial, sans-serif;
	color: #333;
	text-transform: uppercase;
	margin: 0 10px 10px;
	letter-spacing: -.05em;
	}

ul#subnav li ul {
	font: bold 12px/12px Helvetica, Arial, sans-serif;
	}
	
ul#subnav li ul li {
	display: inline;
	margin: 0;
	}
	
ul#subnav li ul li a {
	display: block;
	padding: 5px 10px;
	margin: 0 0 4px;
	color: #333;
	text-decoration: none;
	margin-right: 20px;
	}

ul#subnav li ul li ul {
	padding: 0 10px 1px 25px;
	}
	
ul#subnav li ul li ul li {
	display: list-item;
	list-style: none;
	margin: 0 0 6px;
	font: bold 12px/13px Helvetica, Arial, sans-serif;
	}
	
ul#subnav li ul li ul li a {
	display: inline;
	padding: 0;
	margin: 0;
	background: none;
	color: #666;
	text-decoration: none;
	}
	
ul#subnav li ul li a:hover {
	color: #0b427b;
	background: #f0eeee;
	}
	
ul#subnav li ul li a.on {
	color: #0b427b;
	background: #fff;
	margin-right: 0;
	}
	
ul#subnav li ul li ul li a:hover {
	background: none;
	}
	
ul#subnav li.contact div {
	background: #f0eeee;
	padding: 10px 10px 1px;
	margin: 0 20px 0 0;
	}	
	
ul#subnav li.contact h4 {
	font: bold 12px/16px Helvetica, Arial, sans-serif;
	color: #0b427b;
	margin: 0 0 5px;
	}

ul#subnav li.contact p {
	font: normal 12px/16px Helvetica, Arial, sans-serif;
	color: #0b427b;
	margin: 0 0 5px;
	padding: 0 0 5px;
	border-bottom: 1px solid #d9d9d9;
	}
	
/* main / nav */

#main {
	float: left;
	width: 767px;
	}
	
ul#nav {
	border-bottom: 1px solid #85857c;
	height: 31px;
	padding: 4px 0 0;
	border-top: 10px solid #0b427b;
	width: 765px;
	background: #fff;
	font: bold 13px/13px Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	}
	
ul#nav li {
	float: left;
	border-left: 1px solid #a6a59f;
	list-style: none;
	height: 27px;
	padding: 0 4px;
	}
	
ul#nav li a {
	float: left;
	background: #fff url(images/nav-plus.gif) no-repeat 5px 4px;
	color: #0b427b;
	text-decoration: none;
	height: 19px;
	padding: 6px 6px 0 25px;
	border: 1px solid #fff;
	}
	
ul#nav li a:hover,
ul#nav li a.on {
	background-color: #d9d9d9;
	border: 1px solid #f0eeee;
	}

/* content */

#content {
	float: left;
	width: 512px;
	padding: 25px 23px 25px 25px;
	}
	
#content h2 {
	font: italic 22px/24px Georgia, "Times New Roman", Times, serif;
	color: #666;
	margin: 0 0 12px;
	}	
	
#content h3 {
	font: italic 18px/18px Georgia, "Times New Roman", Times, serif;
	color: #0b427b;
	margin: 0 0 9px;
	}	

#content p,
#content ul {
	font: normal 12px/18px Geneva, Arial, Helvetica, sans-serif;
	margin: 0 0 18px;
	}

#content li {
	margin: 0 30px 3px;
	}
	
#content a {
	color: #0b427b;
	}

#content img.right {
	float: right;
	padding: 5px 5px 10px;
	border: 1px solid #d9d9d9;
	margin: 0 0 10px 10px;
	}

#content ul.photos {
	float: right;
	width: 162px;
	padding: 0 0 10px 5px;

	}

#content ul.photos li {
	display: inline; 
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#content ul.photos li img {
	float: right;
	padding: 5px 5px 10px;
	border: 1px solid #d9d9d9;
	margin: 0 0 5px;
	}
	
#content ul.photos li p {
	float: right;
	margin: 0 0 10px 0;
	font-size:10px;
	}
	
/* features */
	
#content ul#features {
	height: 85px;
	}

#content ul#features li {
	display: inline;
	list-style: none;
	margin: 0;
	}
	
#content ul#features li a {
	float: left;
	background: #ccc;
	width: 99px;
	height: 85px;
	display: inline;
	margin: 0 3px 0 0;
	font: bold 11px/11px Helvetica, Arial, sans-serif;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	}

#content ul#features li a h4 {
	display: block;
	font: bold 11px/11px Helvetica, Arial, sans-serif;
	height: 66px; 	
	}
	
#content ul#features li a strong {
	display: block;
	background: #67665b;
	padding: 4px;
	}
	
#content ul#features li a span {
	display: block;
	background: #fff url(images/featured-plus.gif) no-repeat right top;
	height: 15px;
	float: right;
	text-align: right;
	padding: 4px 17px 0 4px;
	color: #67665b;
	}

#content ul#features li a:hover h4 strong { background: #0b427b; }
#content ul#features li a:hover span { background-position: right bottom; color: #0b427b; }


/* product list */

#content .overview {
	float: right;
	width: 170px;
	padding: 0 0 10px 25px;
	}

#content .overview h3 {
	font: bold 11px/12px Geneva, Arial, Helvetica, sans-serif;
	color: #333;
	margin: 0 0 10px;
	}	
	
#content ul.products {
	}

#content ul.products li {
	display: inline;
	list-style: none;
	margin: 0;
	}
	
#content ul.products li a {
	float: left;
	background: #ccc;
	width: 157px;
	height: 85px;
	display: inline;
	margin: 0 3px 3px 0;
	font: bold 11px/11px Helvetica, Arial, sans-serif;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	}

#content .overview ul.products li a {
	margin: 0 3px 10px 0;
	}

#content ul.products li a h4 {
	display: block;
	font: bold 11px/11px Helvetica, Arial, sans-serif;
	height: 66px; 	
	}
	
#content ul.products li a strong {
	display: block;
	background: #67665b;
	padding: 4px;
	}
	
#content ul.products li a span {
	display: block;
	background: #fff url(images/featured-plus.gif) no-repeat right top;
	height: 15px;
	float: right;
	text-align: right;
	padding: 4px 17px 0 4px;
	color: #67665b;
	}

#content ul.products li a:hover h4 strong { background: #0b427b; }
#content ul.products li a:hover span { background-position: right bottom; color: #0b427b; }


/* sidebar */

ul#sidebar {
	float: left;
	width: 185px;
	padding: 10px;
	}

ul#sidebar li {
	list-style: none;
	display: block;
	margin: 0;
	font: bold 11px/11px Helvetica, Arial, sans-serif;
	}
	
ul#sidebar li a {
	display: block;
	height: 15px;
	background: #fff url(images/featured-plus.gif) no-repeat right top;
	margin: 0 0 6px;
	padding: 4px 10px 0 4px;
	color: #67665b;
	text-decoration: none;
	} 
	
ul#sidebar li a:hover {
	background-position: right bottom; 
	color: #0b427b;
	}
	
ul#sidebar li.large {
	padding: 10px 0 0;
	}

ul#sidebar li.large h4 {
	font: bold 11px/11px Helvetica, Arial, sans-serif;
	color: #333;
	padding: 4px;
	float: left;
	background: #fff;
	}
	
ul#sidebar li.large a {
	display: block;
	clear: both;
	padding: 0;
	background: #ccc;
	height: auto;
	}
	
ul#sidebar li.large a h5 {
	font: bold 12px/12px Helvetica, Arial, sans-serif;	
	text-transform: uppercase;
	background: #67665b;
	padding: 4px;
	color: #fff;
	}

ul#sidebar li.large a img {
	display: block;
	margin: 0;
	padding: 0;	
	}
	
ul#sidebar li.large a span {
	display: block;
	background: #fff url(images/featured-plus.gif) no-repeat right top;
	height: 15px;
	text-align: right;
	padding: 4px 17px 0 4px;
	color: #67665b;
	}

ul#sidebar li.large a:hover h5 { background: #0b427b; }
ul#sidebar li.large a:hover span { background-position: right bottom; color: #0b427b; }

ul#sidebar li.quote {
	padding: 15px;
	font: bold 14px/24px Geneva, Arial, Helvetica, sans-serif;
	color: #666;
	}

	
/* footer */

#footer {
	clear: both;
	background: #909090;
	margin: 0 5px 0 0;
	text-align: right;
	font: normal 10px/10px Geneva, Arial, Helvetica, sans-serif;
	padding: 10px;
	color: #fff;
	}

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

#footer a:hover {
	color: #eee;
	text-decoration: underline;
	}
	
/* gallery */

.gallerySearch label {
	float: left;
	width: 125px;
	padding: 4px 10px 0 0;
	font: normal 12px/12px Helvetica, Arial, sans-serif;
	text-align: right;
	}
	
.gallerySearch select {
	float: left;
	width: 350px;
	padding: 3px;
	border: 1px solid #eee;
	margin: 0 0 5px;
	}

.gallerySearch p {
	clear: both;
	padding: 2px 0 8px 135px;
	border-bottom: 1px solid #eee;
	}
	
#content input.button {
	font: normal 11px/12px Geneva, Arial, Helvetica, sans-serif;
	padding: 4px 4px 3px;
	border: 1px solid #5a5a5a;
	background: #0b427b;
	color: #fff;
	}
	
#content ul.gallery {
	margin: 0;
	padding: 0 0 0 16px;
	background: #ccc;
	}
	
#content ul.gallery li {	
	float: left;
	list-style: none;
	width: 150px;
	height: 170px;
	overflow: hidden;
	margin: 0 15px 5px 0;
	padding: 0;
	}
	
#content ul.gallery li a {
	height: 170px;
	display: block;
	text-decoration: none;
	}

#content ul.gallery li a .imgTitle {
	font: bold 11px/11px Helvetica, Arial, sans-serif;
	color: #fff;
	background: #67665b;
	padding: 4px;

	}
	
#content ul.gallery li a:hover .imgTitle {
	background: #0b427b;
	}