/* Key styles for: NQ Body Fit*/
/* Website designed and developed by Mojito Solutions, Katrina Youngman */
/* Last updated: Joanne Walter, 24 June 2009 */

/*Reset Styles*/
img, div { behavior: url(iepngfix.htc) }
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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}
body{background: #463d36; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 62.5%; color: #463d36; line-height: 1.8em;}

/*Container Styles*/
#shadow{margin-left: auto; margin-right: auto; width: 1000px; margin-top: 60px; }
#wrapper {margin-left: auto; margin-right: auto; width: 960px; background: #fff; margin-top: -20px;}
#banner{background: url(images/logo.jpg) no-repeat;}
#logo{}
#banner-image{position: relative; margin-top: -82px; margin-left: 560px;}
#navigation{background: #5e524a; font-family: "Century Gothic"; border-bottom: 10px solid #b7dce1;}
#content {overflow: hidden; padding: 40px 60px;}
#banner-message { margin-top: -10px;  margin-bottom: 0px; background: #b7dce1; font-weight: bold; padding: 10px; padding-left: 40px; font-size: 1.1em; }

#feature-box{background: #d8ecf0; overflow: hidden; clear: both; margin-bottom: 15px;}
.col {position: relative; float: left;}
#left {width: 380px; background: #d8ecf0; padding: 20px }
#right {width: 380px; background: #d8ecf0; padding: 20px;}

#feature-image{width: 300px; padding-right: 20px;}
#main{width: 520px;}

#footer{clear: both; height: 55px; background: url(images/footer-image.jpg) no-repeat left #4cb1ba;}
#webdeveloper{margin-left: auto; margin-right: auto; width: 960px; color: #fff; font-size: 1em; padding-bottom: 20px; margin-top: -5px;}

/*Shadow Container*/
#shadow span.top{display: block; background: url(images/shadow-top.jpg) no-repeat top; height: 25px;}
#shadow span.bottom{display: block; background: url(images/shadow-bottom.jpg) no-repeat; height: 21px;}
#shadow span.middle{display: block; background: url(images/shadow-middle.jpg) repeat-y; padding-top: 15px;}
* html #shadow span.top{ margin-bottom: -100px;} 

/*Navigation Styles*/
#navigation ul {padding: 10px 20px; width: 800px;}
#navigation li {margin: 0; display: inline; list-style: none;}
#navigation li a{margin: 5px; padding-right: 10px; text-decoration: none; font-size: 1.6em; color: #9e938c; text-transform: uppercase; border-right: 1px solid #9e938c; font-weight: bold;}
#navigation li.last a{border-right: none;}
#navigation li a:hover {color: #fff; border-bottom: none;}

/*Link Styles*/
a {color: #4cb1ba; text-decoration: none; border-bottom: none;}
a:link{color: #4cb1ba; text-decoration: none; border-bottom: none;}
a:visited {color: #4cb1ba; text-decoration: none; border-bottom: none; }
a:hover {color: #463d36; border-bottom: 1px dotted #4cb1ba; padding-bottom: 2px;}

#footer a{color: #382f29;}
#footer a:hover{color: #fff; border-bottom: 1px dotted #382f29; }

#webdeveloper a:hover {color: #fff;}

/*Paragraph Styles*/
h1 {font-size: 3.2em; color: #4cb1ba; padding-bottom: 12px; font-family: "Candara"; font-weight: normal; line-height: 1em;}
h2 {font-size: 2.6em; color: #463d36; padding-bottom: 12px; font-family: "Candara"; font-weight: normal; line-height: 1em;}
h3 {font-size: 2.4em; color: #463d36; padding-bottom: 5px; font-family: "Candara"; font-weight: normal; line-height: 1em;}
h4 {font-size: 1.8em; color: #463d36; padding-bottom: 5px; font-family: "Candara"; font-weight: normal; line-height: 1em;}
p {font-size: 1.3em; padding-bottom: 15px; }
#footer p{padding: 10px 20px 20px 56px; font-size: 1.2em; color: #382f29;}
#feature-box h2{background: #b7dce1; padding: 15px 20px;}
.message p {line-height: 1.5em;}


/*Table Styles*/
table {background: #d8ecf0; border: 1px solid #b7dce1; margin-bottom: 15px; font-size: 1.3em;}
table td{padding: 5px; background: #d8ecf0 color: #673807; border: 1px solid #b7dce1;}

/*List Styles*/
#content ul, #content ol {margin-left: 30px; padding-bottom: 15px; font-size: 1.3em}

/*Image Styles*/
#content img {padding: 5px;}
#content .message img.signiture{padding: 0;}
#content .message img{padding: 0px 0px 0px 50px;}
#feature-image img{padding: 0;}

/*Class Selectors*/
.right {float: right;}
.left {float: left;}
.clear {clear: both;}

#footerlogos { float: right; margin-top: -60px; margin-right: 10px;  }