/*------------------------------------------------------------------
[Master Stylesheet]

Project:		Mecal by Starn, mecalbystarn.com
Version:		1.0
Created By:		Jesse Lavery, Starn Marketing Group
Last change:	06/22/09 [make it wider: 740px to 800px]

--------------------------------------------------------------------

[Colors]

Background:		#fff 	(white)
Content:		#000 	(black)

-------------------------------------------------------------------*/



/**********************************
Reset Styles for all browsers
***********************************/

/* Don't forget to set a foreground and background color 
   on the 'html' or 'body' element! */
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,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
line-height: 1;
font-family: inherit;
text-align: left;
vertical-align: baseline;
}

a img, :link img, :visited img {border: 0;}

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

ol, ul {list-style: none;}

q:before, q:after,
blockquote:before, blockquote:after {content: "";}

/**********************************
Core Styles
***********************************/

body {
background: url(../images/bg.jpg) #fff repeat-x;
color: #000;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 12px;
text-align: center;
}

/* Generics
------------------------------*/
/* site-wide defs for p, a, h1, h2, etc. */

p, h2, h3, ul li {line-height: 1.4em;}

a {
outline: none;
text-decoration: none;
}

/* Container
------------------------------*/

#container {
margin: 0px auto;
padding-top: 20px;
width: 800px;
}

/* Container Map
------------------------------*/

#containermap {
margin: 0px auto;
padding-top: 20px;
width: 1000px;
}

/* Header
------------------------------*/

#header {
/*background: url(../images/header.jpg) no-repeat;*/
display: block;
height: 189px;
/* text-indent: -9999px; */
width: 800px;
}

#headermap {
background: url(../images/headermap.jpg) no-repeat;
display: block;
height: 189px;
/* text-indent: -9999px; */
width: 1000px;
}


/* Top Nav
------------------------------*/

#topnav {
background: url(../images/bg-topnav.jpg) no-repeat;
display: block;
height: 56px;
width: 800px;
}

#topnav p {
color: #8e0000;
font-size: 11px;
font-weight: normal;
line-height: 29px;
text-align: center;
text-transform: normal;
}

#topnav p strong {
font-weight: bold;
text-transform: uppercase;
}

/* Top Nav Map
------------------------------*/

#topnavmap {
background: url(../images/bg-topnavmap.jpg) no-repeat;
display: block;
height: 56px;
width: 1000px;
}

#topnavmap p {
color: #8e0000;
font-size: 11px;
font-weight: normal;
line-height: 29px;
text-align: center;
text-transform: normal;
}

#topnavmap p strong {
font-weight: bold;
text-transform: uppercase;
}


/* Content
------------------------------*/

#content {
background: url(../images/bg-content.jpg) repeat-y;
display: table;
width: 800px;
}

/* Content Map
------------------------------*/

#contentmap {
background: url(../images/bg-contentmap.jpg) repeat-y;
display: table;
width: 1000px;
}

#contentmap h2 {
font-size: 18px;
font-weight: bold;
text-align: center;
}


/* Sidebar
------------------------------*/

#sidebar {
float: left;
padding: 10px;
width: 220px; /* True width: 240px */
}

/* Menu
------------------------------*/

.menu {
display: table;
height: 100%;
width: 220px;
}

#submenu {
border-top: 1px solid #999;
display: table;
padding-top: 8px;
width: 220px;
}

.menu ul,
#submenu ul {
list-style:none;
margin: 0;
padding: 0;
}

/*
#submenu ul {
border-top: 1px solid #666;
padding-top: 10px;
}
*/

.menu ul li,
#submenu ul li {
display: block;
float: left;
height: 35px;
margin-bottom: 10px;
width: 200px;
}

.menu ul li a,
#submenu ul li a {
background: url(../images/bg-navitem.jpg) 0 0 no-repeat;
color: #000;
display: block;
font-size: 11px;
font-weight: bold;
height: 35px;
line-height: 35px;
padding: 0 0 0 37px;
text-transform: uppercase;
width: 200px; /* True width: 220px */
}

#submenu ul li a {
color: #333;
}

.menu ul li.twoline a,
#submenu ul li.twoline a {
line-height: 17px;
}

body#applicatorspg .menu ul li#applicators a,
body#equipmentpg .menu ul li#equipment a,
body#pressespg .menu ul li#presses a,
body#strippg .menu ul li#strip a,
body#qapg .menu ul li#qa a,
body#accessoriespg .menu ul li#accessories a,
body#partspg .menu ul li#parts a,
body#findreppg #submenu ul li#findrep a,
body#contactpg #submenu ul li#contact a,
body#homepg #menu ul li#home a
body#faqpg #submenu ul li#faq a {
background: url(../images/bg-navitem.jpg) 0 -35px no-repeat;
}

.menu ul li a:hover,
#submenu ul li a:hover {
background: url(../images/bg-navitem.jpg) 0 -35px no-repeat;
}

#subitems ul {
border-left: 1px solid #a4b8d3;
margin-bottom: 20px;
margin-left: 2px;
}

#subitems ul li {
color: #333;
list-style-type: none;
list-style-position: outside;
margin: 0 0 10px 5px;
}

#subitems ul li a {
border-bottom: 1px solid #a4b8d3;
color: #003470;
}

#subitems ul li a:hover {
border-bottom: 1px solid #003470;
color: #003470;
}

/* Main
------------------------------*/

#main {
float: left;
padding: 10px;
width: 540px; /* True width: 560px */
}

#main h2 {
font-size: 18px;
font-weight: bold;
}

body#home #main h2 {
background: url(../images/badge.png) no-repeat;
height: 125px;
margin-bottom: 20px;
text-indent: -9999px;
width: 540px;
}

#main p {
margin-bottom: 15px;
}

#main p#intro {
color: #000;
font-family: Georgia, Times, "Times New Roman", serif;
font-size: 12px;
font-style: italic;
margin: 40px 0 10px 0;
text-align: center;
}

#main p.comingsoon {
color: #8e0000;
font-family: Georgia, Times, "Times New Roman", serif;
font-size: 12px;
font-style: italic;
}

/* Main Map
------------------------------*/

#mainmap {
float: left;
padding: 10px;
width: 1000px; /* True width: 560px */
}

#mainmap h2 {
font-size: 18px;
font-weight: bold;
}

body#home #mainmap h2 {
background: url(../images/badge.png) no-repeat;
height: 125px;
margin-bottom: 20px;
text-indent: -9999px;
width: 1000px;
}

#mainmap p {
margin-bottom: 15px;
}

#mainmap p#intro {
color: #000;
font-family: Georgia, Times, "Times New Roman", serif;
font-size: 12px;
font-style: italic;
margin: 40px 0 10px 0;
text-align: center;
}

#mainmap p.comingsoon {
color: #8e0000;
font-family: Georgia, Times, "Times New Roman", serif;
font-size: 12px;
font-style: italic;
}


/* Featured Buttons
------------------------------*/

#featured-buttons {
display: block;
margin-left: 22px;
}

#featured-buttons p a {
/*background: url(../images/button-applicators.png) no-repeat;*/
color: #003470;
display: block;
float: left;
font-size: 12px;
font-weight: bold;
height: 29px; /* True height: 179px */
margin: 0 15px 20px 0;
padding: 150px 0 0 0;
text-align: center;
text-transform: uppercase;
width: 153px;
}

#featured-buttons p a#applicators-button {background: url(../images/button-applicators.png) no-repeat;}
#featured-buttons p a#machines-button {background: url(../images/button-machines.png) no-repeat;}
#featured-buttons p a#presses-button {background: url(../images/button-presses.png) no-repeat;}
#featured-buttons p a#strip-button {background: url(../images/button-strip.png) no-repeat;}
#featured-buttons p a#qa-button {background: url(../images/button-qa.png) no-repeat;}
#featured-buttons p a#accessories-button {background: url(../images/button-accessories.png) no-repeat;}

#featured-buttons p a:hover {
color: #8e0000;
}

/* Product Pg Feature Links
------------------------------*/

#prodfeature {
margin-top: 5px;
margin-left: 15px;
}

#prodfeature p.prodfeat a {
background: url(../images/bg-prodfeature-115.png) no-repeat;
color: #003470;
display: block;
float: left;
font-size: 10px;
font-weight: bold;
height: 159px;
line-height: 1.4em;
margin: 0 15px 20px 0px;
padding: 10px 0 0 0;
text-align: center;
text-transform: uppercase;
width: 115px;
}

#prodfeature p.prodfeat img {
margin-bottom: 10px;
}

#prodfeature p.prodfeat a:hover {
color: #8e0000;
}

/* Subnav
------------------------------*/

#main #subnav {
background-color: #d8e4f4;
border: 1px solid #003470;
display: table;
margin-top: 15px;
margin-bottom: 20px;
padding: 10px;
width: 520px;
}

#main #subnav h3 {
color: #000;
font-family: Georgia, Times, "Times New Roman", serif;
font-size: 12px;
font-style: italic;
font-weight: bold;
margin-bottom: 10px;
}

#main #subnav p {
background-color: #d8e4f4;
border: 1px solid #003470;
color: #666;
display: block;
line-height: 1.8em;
padding: 10px;
width: 520px;
}

#main #subnav p a {
border-bottom: 1px solid #ccc;
color: #003470;
}

#main #subnav p a:hover {
border-bottom: 1px solid #003470;
color: #003470;
}

#main #subnav ul {
list-style-type: square;
list-style-position: outside;
margin: 0 0 0 15px;
}

#main #subnav ul li a {
border-bottom: 1px solid #a4b8d3;
color: #003470;
}

#main #subnav ul li a:hover {
border-bottom: 1px solid #003470;
color: #003470;
}

/* Mecal Item
------------------------------*/

#main .mecalitem {
border-bottom: 1px solid #b6c6dd;
clear: both;
margin-bottom: 20px;
}

#main .mecalitem h3 {
background-color: #d8e4f4;
border-top: 2px solid #003470;
border-bottom: 1px solid #b6c6dd;
color: #003470;
font-size: 14px;
font-weight: bold;
margin-bottom: 0px;
padding: 3px;
}

#main .mecalitem img {
float: right;
margin: 10px 10px 10px 10px;
}

#main .mecalitem img txt{
text-align: center;
}

#main .mecalitem dl {
color: #333;
line-height: 1.4em;
}

#main .mecalitem dl dt {
font-weight: bold;
line-height: 1.4em;
}

#main .mecalitem dl dd {
line-height: 1.4em;
margin-bottom: 5px;
}

#main .mecalitem ul {
margin: 20px 0;
}

#main .mecalitem ul li {
color: #333;
list-style-type: square;
list-style-position: outside;
margin: 0 0 0 15px;
}

#main .mecalitem p.pdflink {
background: url(../images/icons/clipboard_text.png) #b6c6dd 3px 4px no-repeat;
border: 0px solid #d8e4f4;
color: #666;
padding: 5px 5px 5px 23px;
}

#main .mecalitem p.pdflink a {
border-bottom: 1px solid #a4b8d3;
color: #003470;
}

#main .mecalitem p.pdflink a:hover {
border-bottom: 1px solid #003470;
color: #003470;
}

#main .mecalitem p.backtotop {
background: url(../images/icons/uparrow.png) 3px 4px no-repeat;
clear: both;
font-size: 11px;
margin-bottom: 0px;
padding: 5px 5px 5px 23px;
width: 25%;
}

#main .mecalitem p.backtotop a {
color: #003470;
}

#main .mecalitem p.backtotop a:hover {
border-bottom: 1px solid #003470;
}

/* Mecal Item Contact
------------------------------*/

#main .mecalitemcon {
border-bottom: 1px solid #b6c6dd;
clear: both;
margin-bottom: 20px;
}

#main .mecalitemcon h3 {
background-color: #d8e4f4;
border-top: 2px solid #003470;
border-bottom: 1px solid #b6c6dd;
color: #003470;
font-size: 14px;
font-weight: bold;
margin-bottom: 0px;
padding: 3px;
}

#main .mecalitemcon img {
float: left;
margin: 10px 10px 10px 10px;
}

#main .mecalitemcon img txt{
text-align: center;
}

#main .mecalitemcon dl {
color: #333;
line-height: 1.4em;
}

#main .mecalitemcon dl dt {
font-weight: bold;
line-height: 1.4em;
}

#main .mecalitemcon dl dd {
line-height: 1.4em;
margin-bottom: 5px;
}

#main .mecalitemcon ul {
margin: 20px 0;
}

#main .mecalitemcon ul li {
color: #333;
list-style-type: square;
list-style-position: outside;
margin: 0 0 0 15px;
}

#main .mecalitemcon p.pdflink {
background: url(../images/icons/clipboard_text.png) #b6c6dd 3px 4px no-repeat;
border: 0px solid #d8e4f4;
color: #666;
padding: 5px 5px 5px 23px;
}

#main .mecalitemcon p.pdflink a {
border-bottom: 1px solid #a4b8d3;
color: #003470;
}

#main .mecalitemcon p.pdflink a:hover {
border-bottom: 1px solid #003470;
color: #003470;
}

#main .mecalitemcon p.backtotop {
background: url(../images/icons/uparrow.png) 3px 4px no-repeat;
clear: both;
font-size: 11px;
margin-bottom: 0px;
padding: 5px 5px 5px 23px;
width: 25%;
}

#main .mecalitemcon p.backtotop a {
color: #003470;
}

#main .mecalitemcon p.backtotop a:hover {
border-bottom: 1px solid #003470;
}


/* Mecal Item Map
------------------------------*/

#mainmap .mecalitemcon {
border-bottom: 1px solid #b6c6dd;
clear: both;
margin-bottom: 20px;
}

#mainmap .mecalitemcon h3 {
background-color: #d8e4f4;
border-top: 2px solid #003470;
border-bottom: 1px solid #b6c6dd;
color: #003470;
font-size: 14px;
font-weight: bold;
margin-bottom: 0px;
padding: 3px;
}

#mainmap .mecalitemcon img {
float: left;
margin: 10px 10px 10px 10px;
}

#mainmap .mecalitemcon img txt{
text-align: center;
}

#mainmap .mecalitemcon dl {
color: #333;
line-height: 1.4em;
}

#mainmap .mecalitemcon dl dt {
font-weight: bold;
line-height: 1.4em;
}

#mainmap .mecalitemcon dl dd {
line-height: 1.4em;
margin-bottom: 5px;
}

#mainmap .mecalitemcon ul {
margin: 20px 0;
}

#mainmap .mecalitemcon ul li {
color: #333;
list-style-type: square;
list-style-position: outside;
margin: 0 0 0 15px;
}

#mainmap .mecalitemcon p.pdflink {
background: url(../images/icons/clipboard_text.png) #b6c6dd 3px 4px no-repeat;
border: 0px solid #d8e4f4;
color: #666;
padding: 5px 5px 5px 23px;
}

#mainmap .mecalitemcon p.pdflink a {
border-bottom: 1px solid #a4b8d3;
color: #003470;
}

#mainmap .mecalitemcon p.pdflink a:hover {
border-bottom: 1px solid #003470;
color: #003470;
}

#mainmap .mecalitemcon p.backtotop {
background: url(../images/icons/uparrow.png) 3px 4px no-repeat;
clear: both;
font-size: 11px;
margin-bottom: 0px;
padding: 5px 5px 5px 23px;
width: 25%;
}

#mainmap .mecalitemcon p.backtotop a {
color: #003470;
}

#mainmap .mecalitemcon p.backtotop a:hover {
border-bottom: 1px solid #003470;
}


/* Footer
------------------------------*/

#footer {
background: url(../images/bg-footer.jpg) no-repeat;
clear: both;
height: 65px;
margin-bottom: 0px;
width: 800px;
}

#footer p {
color: #333;
font-size: 11px;
padding-top: 35px;
text-align: center;
}

#footer p span {
color: #666;
}

/* Footer Map
------------------------------*/

#footermap {
background: url(../images/bg-footermap.jpg) no-repeat;
clear: both;
height: 65px;
margin-bottom: 0px;
width: 1000px;
}

#footermap p {
color: #333;
font-size: 11px;
padding-top: 35px;
text-align: center;
}

#footermap p span {
color: #666;
}


/* Bottom Nav
------------------------------*/

#bottomnav {
background: url(../images/bg-bottomnav.png) no-repeat;
height: 85px;
/* margin-bottom: 20px; */
margin: 10px 0 20px 0;
width: 800px;
}

#bottomnav p {
color: #ccc;
font-size: 11px;
padding-top: 17px;
padding-left: 165px;
text-align: left;
}

#bottomnav p a {
border-bottom: 1px solid #ccc;
color: #999;
}

#bottomnav p a:hover {
border-bottom: 1px solid #666;
color: #666;
}

/* Bottom Nav Map
------------------------------*/

#bottomnavmap {
background: url(../images/bg-bottomnav.png) no-repeat;
height: 85px;
/* margin-bottom: 20px; */
margin: 10px 0 20px 0;
width: 1000px;
}

#bottomnavmap p {
color: #ccc;
font-size: 11px;
padding-top: 17px;
padding-left: 165px;
text-align: left;
}

#bottomnavmap p a {
border-bottom: 1px solid #ccc;
color: #999;
}

#bottomnavmap p a:hover {
border-bottom: 1px solid #666;
color: #666;
}