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

										Market Hardware Core CSS

/******************************************************************************************************/

/* reset */
body, p, h1, h2, h3, h4, h5, h6, a, div, blockquote, cite, a img, address { margin: 0; padding: 0; text-indent: 0; border: none; outline: none; list-style: none; text-decoration: none; font-size: 100%; font-weight: inherit; font-style: inherit; }
table, td, tr, tbody, thead, th, caption { border-spacing: 0; border: none; border-collapse: separate; vertical-align: top; text-align: left; font-weight: normal; }

/* typography */
body { font-size: 0.75em /* 12px */; background: #000; color: #000; font-family: Arial, Verdana, sans-serif; line-height: 1.5em; margin: 0 auto; }

h1, h2, h3, h4, h5, h6 { /* Use to set global header styles. ie, bold, italic, color, margin, padding */ 
}
h1 { font-size: 2em; /* 24px */; _font-size:1.8em; }
h2 { font-size: 1.5em /* 25px */; }
h3 { font-size: 1.2em /* 14px */; }
h4, h5, h6 { font-size: 1.1em /* 13px */; }

p, ul, ol { margin-bottom: 1.1em; } /* DO NOT RESIZE */
li { margin-bottom: 0.5em; }

a, a:visited { color: #005758; text-decoration: none; }
a:hover, a:active { color: #4B3242; }

/* group (also known as clearfix) applies style to div's containing other floating elements - FLOAT CHILDREN LEFT AND CLEAR NONE */
.group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.group { zoom: 1; display: block; }

/* layout */
#branding { position:relative; }

#nav ul, #nav li, #callout ul, #callout li { margin: 0; padding: 0; text-indent: 0; list-style-type: none; }
#nav li { position: relative; }


#footer { margin: 0 auto; text-align: center; background: #fff; color: #333; margin-top: 20px; border-top: 1px solid #ccc; padding: 22px 0;  }
#footer p { font-size: 1em; /* 12px */ }
#footer a, #footer a:visited { color: #5B918B; text-decoration: none; }
#footer a:hover, #footer a:active { color: #4B3242; }

.breadcrumb { font-size:85%; padding-bottom: 10px; }
.breadcrumb a { outline: none; }
blockquote { margin: 10px 10px; padding: 5px; background: #f2f2f2; border-bottom: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; }
blockquote p { padding-left: 10px; }


/******************************************************************************************************

											Custom Styles

/******************************************************************************************************/
/* font-size guide
	10px->0.83em 11px->0.92em 12px->1em 13px->1.1em 14px->1.2em 15px->1.4 em 16px->1.33em 17px->1.42em 18px->1.5em 19px-> 20px->1.67em 21px->1.75em 22px->1.83em 23px->1.92em 24px->2em 25px->2.06em 28px->2.33em
 */
.ir a { display: block; position: relative;  text-indent: -999em;}
.ir span { display: block; width: 100%; height: 100%; position: absolute; top:0; left:0; cursor: pointer; }
span.tr, span.tl { overflow: hidden; display: block; position: absolute; }

#wrapper {width: 928px; margin: 10px auto 0 auto; background: #fff; padding: 16px; }

#branding { background: #DADADA url(../images/bg_header.jpg) no-repeat 0 0; height: 97px; border-bottom: 12px solid #005758; border-top: 12px solid #005758; }
#branding h1#logo a { width: 286px; height: 97px; float: left; }
#branding .contact-us { float: right; text-align: right; padding: 5px 26px 0 0;  }
#branding .contact-us h2 { font-size: 1.4em;line-height: 1.3em; /* 25px */ }
#branding .contact-us strong, #branding .contact-us a.email { display: block; font-size: 1.3em; font-weight: normal; margin-top: .2em; text-transform: uppercase; }
#branding .contact-us a.email { text-decoration: none; color: #000; }

/* nav */
#nav { background: #005758; margin-top: 1px; padding-left: 1px;}
#nav li { float: left; background: url(../images/bg_nav.gif) no-repeat right center;}
#nav li a { padding: 11px 29px; color: #fff; font-weight: bold; font-size: 1.2em; text-decoration: none; border: 1px solid #005758; margin-right: 1px; z-index:2; float: left;}
#nav li.last { background: transparent; }

#nav li a:hover, 
.home #nav #nav-home a,
.about #nav #nav-about a,
.awards #nav #nav-awards a,
.accolades #nav #nav-accolades a,
.gallery #nav #nav-gallery a,
.request #nav #nav-request a,
.contact #nav #nav-contact a { background: url(../images/bg_nav-hover.jpg) repeat-x 0 0; border: 1px solid #000; margin-left: -1px; margin-right: 0; padding: 11px 30px; position: relative;}

#nav li ul { position: absolute; top:42px; left:0; display: none;}
#nav li ul li { padding:0; margin: 0; float: left; width: 170px; clear: left;}
#nav li ul li a, .gallery #nav #nav-gallery ul li a { width: 170px; background: url(../images/bg_nav-sub.jpg) repeat-x 0 0; padding: 0 0 0 28px; margin: 0; font-size: 1em;}
#nav li ul li a:hover { color: #005758; margin: 0; padding: 0 0 0 28px;}

/* banner */
#banner {  padding: 13px; position: relative; margin: 0 auto; margin-top: 4px; background:#4B3242; }
#banner li { margin: 0; padding: 0; list-style: none; margin-right: 13px; float: left; height: 277px; }
#banner li.last { margin-right: 0; }

/* content */
#content { margin: 0 auto; background: #fff url(../design/bg.jpg) top left repeat-y; margin-top: 1px; }

.left-column { float: left; width: 660px; padding: 22px 26px 0 13px; }
.right-column { float: right; width: 228px; padding: 0;   }

.left-column p { font-size: 1.2em; line-height: 1.5em; }
.left-column h1 { margin-bottom: 0.7em; }
.left-column .left-side { float: left; width: 320px; padding-top: 24px; }
.left-column .left-side .gold-box { position: relative; background: url(../images/bg_gold.jpg) no-repeat 0 0; width: 314px; height: 95px; }
.left-column .left-side .gold-box a { font-family:"Baskerville", Georgia; color: #4B3242; font-size: 1.83em; display: block; width: 180px; position: absolute; top:26px; right: 17px; line-height: 26px; }
.left-column .right-side { float: right; width: 308px; padding-top: 32px; }

.left-column .right-side h2 {border-bottom: 1px solid #ccc; padding-bottom: 8px; }
.left-column .right-side h2 a { font-family: Georgia; font-weight: bold; color: #4B3242;}
.left-column .right-side h2 a:hover {color: #5B918B;}

.left-column .right-side ul, .left-column .right-side li { margin: 0; padding: 0; list-style: none; }
.left-column .right-side ul { margin-top: 22px; }
.left-column .right-side li { float: left; background: url(../images/dot.gif) no-repeat left center; width: 132px; padding-left: 22px; margin-bottom: 6px; }
.left-column .right-side li a { font-size: 1.33em; }
.left-column .left-side p { font-size: 1em; color: #666; margin-bottom: 0.8em; }

.right-column #side {padding: 13px; margin-bottom: 0.4em;  }
.right-column #side p { color: #666; font-size: 1.33em; line-height: 24px;margin:0 0 8px 0;padding:0; }
.right-column #side #brand { text-align: center; padding-top: 0px; }
/* callout */

#callout li {  }

/* interior page */
body.interior #content { margin-top: 16px; }
body.interior #content h2 { font-size: 1.5em; margin: 32px 0; }
body.interior #content h3 { margin: 32px 0 0 0; }
body.interior #content ol, body.interior #content ul { margin-bottom: 2.3em; }
body.interior #content li { font-size: 1.2em; }

body.interior table { font-size: 1.2em; margin-left: 32px; }
body.interior table caption { font-weight: bold; margin-bottom: 8px; }
body.interior table td { text-align: center; width: 50px; padding-top: 8px; }

body.interior .right-column p.par { font-size: 0.92em; margin-bottom: .2em; color: #666 }
body.interior .right-column .gold-box { position: relative; background: url(../images/bg_gold-s.jpg) no-repeat 0 0; width: 228px; height: 69px; margin: 12px 0 ; }
body.interior .right-column .gold-box a { font-family:"Baskerville", Georgia; color: #4B3242; font-size: 1.4em; display: block; width: 130px; position: absolute; top:18px; right: 17px; line-height: 16px; }



/* images */

.gallery-img {padding:2px; margin:5px;border:2px solid #e1e1e1;}

a:hover .gallery-img {border:2px solid #4B3242;}

/* footer navigation */

#footer-nav {margin-bottom: 15px;}
#footer-nav a {padding: 0 10px;}