/*

 * MB Dynamics

 * general.css - General styles for the whole site

 * Author: Michael Duff

 *

 * Copyright 2007 Minch Design / Sprokets, ALL RIGHTS RESERVED

 * You may adapt certain elements of this CSS in your own projects, but the unique combination of images, colors, sizes, typography, and positioning ("the DESIGN") is copyright

 *

 * Last updated 5/01/2007

 */



/*** general styles setting up the container and some basic spacing */

body { font: 12px/16px Arial, Helvetica, sans-serif; color: #000; text-align: center; 

		background: #6699cc url(../images/layout/body-bg.gif) top center repeat-y;  }

#container { width: 939px; text-align: left; margin: 0 auto; padding: 0 10px; }



/* link styles */

a { color: #003366; }

a:hover { background-color: #003366; color: #fff; }

a:visited { color: #333; }

a:visited:hover { color: #fff; background-color: #333;}

a:focus { outline: #000000 dotted 1px; }



/* element styles */

p { padding: .5em 0 .5em; }

ul { margin: 8px 15px; list-style-type: disc; }

h1 { font: 1.8em "Trebuchet MS", Verdana; font-weight: bold; color: #003366; margin: .8 0; }

h2 { color: #6887a6; font-size: 1.4em; font-weight: bold; margin: .6em 0; }

h3 { font-size: 1.1em; font-weight: bold; margin: .4em 0; }

strong, b { font-weight: bold; }

small { font-size: 0.9em; font-weight: bold; padding-left: 5px; margin-top: -7px; display: block; }



/* layout styles */



#masthead { background: #6699cc url(../images/layout/mb-header-bg-logo.gif) no-repeat; overflow: auto; height: 120px; }

	.logo { float: left; width: 420px; }

	.logo a { display: block; width: 410px; height: 80px; text-indent: -5000px; margin: 15px 0 0 10px; }

	.logo a:hover { background: none; }

	#masthead div { float: right; width: 340px; color: #fff; font-size: .9em; }

	#masthead div h2 { margin: 11px 0 11px; }

	#masthead div address { float: left; width: 153px; }

	#masthead div p { float: left; width: 180px; margin-top: .9em; }

	#masthead div p span { font-style: italic; }

	

#main-navigation { border-top: 1px solid #fff; background: #000 url(../images/layout/nav-bg.gif) bottom left no-repeat; overflow: auto; padding-bottom: 3px; }

#main-navigation ul { margin: 0; list-style-type: none; }

#main-navigation li { float: left; padding: 7px 7px 9px 8px; background: url(../images/layout/nav-divider.gif) center right no-repeat; }

#main-navigation li a { color: #fff; text-decoration: none; font-weight: bold; }

#main-navigation li a:hover, #main-navigation li.selected a { background-color: #000; color: #ccc; }	

#main-navigation li.contact { background-image: none; }

#main-navigation div { text-align: right; padding: 5px 10px 0 0; vertical-align: middle; }

#main-navigation div * { vertical-align: middle; }

#main-navigation label { color: #6887a6; font-size: 1.2em; font-weight: bold; padding-right: 5px; }

#main-navigation input { font-size: .9em; color: #333; width: 130px; margin-right: 5px; padding: 1px 3px; }

#main-navigation button { border: none; background-color: #000; padding: 0; margin: 0; background: url(../images/layout/button_go.gif) no-repeat; width: 26px; height: 18px; text-indent: -5000px; cursor: pointer; }





#content-container { overflow: auto; height: 1%; margin: 10px 0; background: url(../images/layout/snav_big-bg.gif) bottom left no-repeat; padding-bottom: 10px; }

#content { float: left; margin-left: 236px; width: 702px; }

#information { float: left; margin-left: -936px; width: 226px; }



* html #content { margin-left: 118px; }



.promoimg { float: left; margin: 5px 10px 5px 0; }

.promoimgalt { float: right; margin: 5px 0 5px 10px; }

.intro { width: 465px;}

.introlist { padding-left: 10px; width: 455px;}

.introlist ul { list-style-image: url(../images/layout/arrow.gif);}

.introlist li { font-size:0.9em; font-weight: bold; padding-bottom: 10px;}





.contact-block { text-align: center; margin: 10px 0; padding: 5px; background: url(../images/layout/contact-bg.gif) no-repeat; height: 81px; overflow: auto; }

.contact-block a:hover { color: #c5dda6; }



/* item listing */

.item-listing { margin: 5px 0; padding: 5px 0; background: url(../images/layout/dotted_line.gif) repeat-x; }

.item-listing span { display: block; overflow: auto; height: 1%; padding: 8px 0 10px; background: url(../images/layout/dotted_line.gif) bottom left repeat-x; }

.item-listing span div { float: left; width: 226px;  }

.item-listing span .special { margin: 0 12px; }

.item-listing img { padding: 1px 0; background-color: #fff; border-top: 2px solid #b2cce5; }

.item-listing h2 { padding: 5px 5px 5px 5px; font-size: 1.2em; line-height: 1.1em; margin: 0; background: #b2cce5 url(../images/layout/header_bottom.gif) bottom left no-repeat; }

.item-listing h3 { padding: 0 5px; font-size: 1.2em; margin: 5px 0 5px; color: #006699; }

.item-listing h2 a { text-decoration: none; padding-right: 20px; background: url(../images/layout/icon-arrow-right.gif) center right no-repeat; }

.item-listing h2 a:hover { color: #000; background-color: #b2cce5; }

.item-listing h2.alt { background: none; color: #6887a6; font-family: Arial, Helvetica, sans-serif; }

.item-listing p { padding: 5px 5px; }



.item-listing address { font-size: .9em; font-family: "Trebuchet MS", Verdana; margin-left: 5px; border-left: 3px solid #DEE7EF; padding-left: 10px; margin-bottom: 8px; }

.item-listing address b { }



.info-listing { overflow: auto; height: 1%; padding: 0 0 20px; margin-bottom: 10px; background: url(../images/layout/dotted_line.gif) bottom left repeat-x; }

.info-listing img { float: left; border: 4px solid #dee7ef; margin: 10px 10px 10px 0; }

.info-listing .info { width: 450px; }





/* home only promo */

   .home-promo { height: 345px; background: url(../images/layout/home-promo-bg.gif) no-repeat; }

   .home-promo h1 { margin: 0; padding: 18px 150px 20px 15px; color: #fff; background: url(../images/layout/divider-blue-white.gif) bottom left no-repeat; }

   .home-promo p { float: left; width: 200px; color: #fff; font-weight:bold; line-height: 1.3em; padding: 10px 10px 15px 15px; }

   .home-promo div { float: left; width: 464px; overflow: auto; }

   .home-promo div img { margin-top: 10px; }

   .home-promo div ul { margin: 0; padding: 0 0 3px; overflow: auto; height: 30px; background: #b2cce5 url(../images/layout/home-promo-images-footer.gif) bottom left no-repeat; border-top: 1px solid #003366; }

   .home-promo div li { margin-left: 16px; float: left; width: 97px; font-weight: bold; font: 10px/11px "Trebuchet MS", Verdana; color: #003366; }



   * html .home-promo div li { margin-left: 12px; }





/* left side bar / information */

#information { background: url(../images/layout/snav-bg.gif) no-repeat; }

#information h2 { background: url(../images/layout/snav-header.gif) no-repeat; margin: 0; padding: 20px 10px; }

#information .subnav { margin: 0 1px; border-bottom: 1px solid #cedae5; border-top: 1px solid #eef3f7; }

#information .subnav li { background: url(../images/layout/snav_bullet.gif) 9px 14px no-repeat; padding: 10px 10px 10px 26px; border-bottom: 1px solid #eef3f7; border-top: 1px solid #cedae5; }

#information .subnav li a { color: #003366; }

#information .subnav li a:hover { background-color: #dee7ef; color: #003366; text-decoration: none; }



/* leftnav promo */

#information .promo { font-size: .9em; margin: 10px; padding: 7px; background-color: #fff; border: 1px solid #cedae5; }

#information .promo h3 { font: 1.3em/1.1em "Trebuchet MS", Verdana; color: #669933; font-weight: bold; padding: 0 0 8px; background: url(../images/layout/dotted_line.gif) bottom left repeat-x; }

#information .promo h4 { font-weight: bold; margin: 5px 0; }

#information .promo ul {  }

#information .promo ul li { padding: 3px 0 2px 0; }

#information .promo p {background: url(../images/layout/solid_line.gif) top left repeat-x; padding: 8px; }



/* form * /

.inlineSection { overflow: auto; width: 100%; }

form .oneField { line-height: 140%; }

form .inlineSection .oneField { padding: 0; margin-right: 4px; white-space: nowrap;	}

form .oneChoice { white-space: nowrap; }

label, form .label { color: #333; margin: 0; }

label.preField { display: -moz-inline-box; display: inline-block; margin: 0.6em 4px 0 0; padding: 0 2px; min-width: 9em; border-bottom: 1px dotted #aaa; }

form .label  { display: block;  margin: 0.6em 4px 0.5em 0; padding: 0 2px; border-bottom: 1px dotted #aaa; }

label.postField  { margin: 0 8px 0 2px; font-size: 90%; }

textarea { padding: 0; vertical-align: top; margin: 2px 2px 1px 0; }

input { margin: 0 2px 0 0; }

select { margin: 2px 2px 1px 0; padding: 0; }

.inlineSection .oneField select { margin: 0 2px 1px 0 !important; }

.gridSection select  { margin: 0 !important; }

form .actions { text-align: center; margin: 20px 0 10px 0; }

form .primaryAction { padding: 4px 15px; font-weight: bold; }

form .secondaryAction { padding: 4px 15px; color: grey; }

form .secondaryAction:hover { color: black; }

form .instructions { margin: 1em 0; font-style: italic; }

form .reqMark { color: #F00; padding: 0 4px; }

form .errFld { padding: 1px; border: 1px solid #F00; }

form .errMsg { color: #CC3333 !important; display: block; }

*/



.contact-form label, .contact-form .label { font-weight: bold; }

.contact-form .oneChoice label { font-weight: normal; }

.contact-form { float: left; width: 500px; }

.contact-form label { float: left; width: 125px; margin-right: 15px; text-align: right; }

.contact-form input, .contact-form select { float: left; width: 300px; }

.contact-form .oneField { display: block; background-color: #eee; overflow: auto; clear: both; padding: 6px 10px; margin-bottom: 1px; position: relative;}

.contact-form .label, .contact-form .large label { display: block; float: none; padding-bottom: 5px; }

.contact-form .oneChoice { width: 200px; float: left; margin-left: 25px; }

.contact-form .oneChoice input { width: auto; float: none; }

.contact-form .oneChoice label { float: none; width: auto; }

.contact-form .large label { width: 450px; float: none; margin: 0; text-align: left; }

.contact-form .large {}

.contact-form .large textarea { width: 95%; height: 70px; }



.contact-form .actions { padding: 10px; background-color: #b2b2b2; overflow: auto; }

.contact-form .actions input { width: auto; }

.contact-form .primaryAction { padding: 2px 10px; margin-left: 140px; font-weight: bold; cursor: pointer; }

.contact-form .secondaryAction { padding: 5px 0 0; margin-left: 20px; color: #fff; border: none; cursor: pointer; background: none; }

.contact-form .secondaryAction:hover { color: black; }

.reqMark { color: #990000; }



form .errFld { padding: 1px; border: 1px solid #F00; }

form .errMsg { color: #CC3333 !important; display: block; clear: both; margin-left: 145px; }



.error-message { padding: 3px 20px; font-weight: bold; color: #CC3333; background-color: #FFCCFF; text-align: center; margin-bottom: 3px; }

.complete { float: left; width: 500px;}



.contact-info { float: right; width: 160px; padding: 0 10px; border-left: 5px solid #006699; }

.big { width: 200px; }

.contact-info h2 { margin-top: 0; padding-top: 0;}

.contact-info strong { display: block; padding: 10px 0; }

/* footer */

#footer { margin-top: 10px; background: #999 url(../images/layout/footer-top.gif) top left no-repeat; border-bottom: 5px solid #666; }

#footer p { padding: 10px 10px 12px; font-weight: bold; font-size: .8em; color: #fff; border-bottom: 1px solid #fff;  }

#footer a { color: #fff; }

#footer a:hover { color: #999; background-color: #fff; }