/**
 * Base CSS
 *
 * Main styles for Medi-Type
 *
 * @author Shawn Drew
 * @copyright 2009
 * @version 0.1
 */

@media all {

/* Myer Reset v1.0 | 20080212  */
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; background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;} /* tables still need 'cellspacing="0"' in the markup */

/* general */
html {font-size: 100%;}
/*body {font-size: 0.625em; background: #96B5D6 url(../img/body-bg.png) repeat-x scroll top left; font-family: "Myriad Pro", Myriad, Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;}*/
body {font-size: 0.625em; background: #96B5D6 url(../img/body-bg.png) repeat-x scroll top left; font-family: Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;}

#header-wrapper {background-color: #FFF; height: 130px;}
	#header {width: 877px; margin: 0 auto; padding: 35px 25px 0 25px;}
		#logo {display: block; float: left;}
		#phone {clear:both;color:#2D5B8D;float:right;font-size:2.4em;font-weight:bold;margin-top:-24px;}
			#phone span {color: #9BB5CD;}
                #social {float:right;margin-top:-18px;}

#container-wrap {background: transparent url(../img/containerwrap-bg.png) no-repeat scroll 50% 140px; overflow: hidden;}
	#container {background-color: transparent; width: 927px; margin: 0 auto;}

		#main-nav {}
			#main-nav li {float: left; list-style-type: none; padding: 25px; position: relative; z-index: 9;}
			#main-nav li.back {background-color: #386FA8; width: 9px; height: 30px; z-index: 8; position: absolute; padding: 3px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-top: 15px; behavior: url(border-radius.htc);}
			#main-nav li a {font-size: 1.6em; font-weight: bold; text-decoration: none; color: #FFF; display: block; outline: none; text-align: center; z-index: 10; position: relative;}
			
		#main {background: transparent url(../img/main-bg.png) no-repeat scroll top left; padding-top: 9px;}
		
			#faux { background: transparent url(../img/faux-bg.png) repeat-y scroll 0px 0px;}
		
				#primary-col {width: 572px; float: left; padding: 25px; background: transparent url(../img/primary-bg.png) no-repeat scroll top right; min-height: 541px;}
				
					#primary-col h1 {font-size: 2.6em; color: #336599; margin-bottom: 0.6em;}
					#primary-col p {font-size: 1.5em; margin-bottom: 0.6em; line-height: 1.3em;}
					#primary-col h2 {font-size: 2.2em; color: #336599; padding: 0.3em 0 0.6em 0;}
					#primary-col h3 {font-size: 1.8em; color: #336599; padding: 0.3em 0 0.6em 0;}
					#primary-col ul, #primary-col ol {margin-bottom:0.6em;}
					#primary-col li {font-size: 1.5em; color: #333333; line-height: 1.4em; padding-left: 8px; background: transparent url(../img/tip-arrow-bg.png) no-repeat scroll 0em 0.6em;}
				
				#secondary-col {width: 275px; float: left; padding: 15px;}
				
					#secondary-col h3 {font-size: 2.2em; color: #336599; padding-bottom: 0.4em;}
					#secondary-col p {font-size: 1.3em; margin-bottom: 0.6em; line-height: 1.2em;}
				
					#secondary-col .banner {display: block; margin-bottom: 2em;}
					
					#turnaround, #newsletter {color: #444444; font-size: 1.1em; text-decoration: none; padding: 10px 0 10px 50px; background: transparent url(../img/turnaround-bg.png) no-repeat scroll center left; margin-left: 8px;}
					#turnaround span, #newsletter span {font-size: 1.6em; display: block; color: #BD260D; font-weight: bold;}
					#newsletter {background-image: url(../img/newsletter-bg.png);}

					#top-tips {background: transparent url(../img/top-tips-bg.png) no-repeat scroll top left; height: 130px; padding: 20px;}
						#top-tips ul {}
						#top-tips ul li {font-size: 1.4em; color: #333333; line-height: 1.3em; padding-left: 8px; background: transparent url(../img/tip-arrow-bg.png) no-repeat scroll left center;}
					
					#testimonials {padding: 0 20px 20px 20px;}
					
						#testimonials a {color: #BD260D; text-decoration: none;}
						#testimonials .author {font-weight: bold;}

					#testimonial-pool {display: none;}
		
		#footer-wrapper {background: transparent url(../img/footer-bg.png) no-repeat scroll bottom left; padding-bottom: 10px; margin-bottom: 20px;}
		
			#footer {background-color: #184A80; padding: 25px 25px 15px 25px;}
				
				#logos {float: right;}
				#logos a {float: left; display: block;}

				#footer p {font-size: 1.3em; margin-bottom: 0.6em; line-height: 1.2em; color: #FFF;}
				#footer p.floater {float: left; width: 160px; padding-right: 15px;}
				#footer p span {color: #A9CAED;}
				#footer p a {color: #FFF;}
		
		
	
/* homepage */

#primary-col .service-list {float: left; background: transparent url(../img/service-list-bg.png) no-repeat scroll left center; padding: 0 0 1em 60px; width: 180px; margin-left: 20px;}
	#primary-col .service-list li {list-style-type: none; background-image: none;}
	#primary-col .service-list li a {color: #19497B; line-height: 1.4em; text-decoration: none;}

/* testimonials */

#testimonials-list .blog-post {border-bottom: 2px dashed #D9E3EC; padding-bottom: 2em; margin-bottom: 2em;}
#testimonials-list .blog-post:last-child {border-bottom: none;}
#testimonials-list .post-body {margin-bottom: 0;}
#testimonials-list .post-title, #testimonials-list .post-details, #testimonials-list .links {display: none;}

/* send audio */
#file-formats {float: right; width: 205px; padding-left: 15px;}
#file-formats h3 {font-size: 1.2em;}
#file-formats p {font-size: 1.1em;}

/* newsletter */
.newsletter-form {background: transparent; border: none;}

/* contact */

#contact-form {width: 350px; float: left;}
#contact-details {width: 200px; float: left;}

form label {font-weight: bold;}
form span.req {color: #c41200;}

a:focus, a:hover {color:#000;}
a {color:#009; text-decoration:underline;}
	a img {border: none;}
	
body > h1 {font-size: 2.6em; margin-bottom: 1em;}
body > h2 {font-size: 2.2em; margin-bottom: 1em;}
body > h3 {font-size: 1.8em; margin-bottom: 1em;}

body > p {font-size: 1.4em; margin-bottom: 1em;}

body > ul li, body > ol li {font-size: 1.4em;}

.hidden {display: none;}
.clear {clear: both;}

.box-right {float: right; clear: right; padding: 0 0 15px 15px;}
.box-left {float: left; clear: left; padding: 0 15px 15px 0;}
	
/**
 * Font Stacks to quickly get started using the font style you have chosen for the site
 * @see http://unitinteractive.com/blog/2008/06/26/better-css-font-stacks/
 * @see http://www.sitepoint.com/article/eight-definitive-font-stacks/2/
 */ 

/**
 * Clear Fix
 */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	
/**
 * @css-for Firefox, Safari, IE
 * @workaround Show scroll bar so the page doesn't jump around
 */
html {overflow-y: scroll;}

} /* @media all */