/*============================*
 * Interactive Medicine, Inc. *
 *============================*/

/* Reset */
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; }
:focus{ outline: 0; }/* remember to define focus styles! */
ins{ text-decoration: none; }/* remember to highlight inserts somehow! */
del{ text-decoration: line-through; }
table{ border-collapse: collapse; border-spacing: 0; }/* tables still need 'cellspacing="0"' in the markup */

/* Global */
body{ background: #83d17d; color: #333; font: 12px/20px Arial, Helvetica, sans-serif; }
h1{ color: #00467f; font-size: 24px; margin: 0 0 10px 0; }
h2{ color: #74c053; font-size: 18px; margin: 0 0 5px 0; }
h3{ color: #00467f; font-size: 16px; }
h4{ color: #74c053; font-size: 14px; }
h5{ color: #00467f; font-size: 12px; }
h6{ color: #666; font-size: 10px; }
a{ color: #1e3674; outline: none; text-decoration: none; }
acronym{ border-bottom: 1px dotted #ccc; cursor: help; }
hr{ background: #ccc; border: none; color: #ccc; height: 1px; margin: 10px 0; }
fieldset{ border: 2px solid #d3e0ee; padding: 10px; }
legend{ font-size: 14px; font-weight: bold; }
blockquote{ margin: 0 0 18px 0; padding: 0 0 0 10px; border-left: 3px solid #d3e0ee; font-size: 12px; line-height: 20px; text-align: justify; }
input, select, textarea{ font: 1em Arial, Helvetica, sans-serif; }

/* Standard Classes */
.left{ float: left; }
.right{ float: right; }
.clear{ clear: both; overflow: hidden; height: 0; font-size: 0; line-height: 0; }
.hidden{ display: none; }
img.left{ margin: 0 10px 10px 0; }
img.right{ margin: 0 0 10px 10px; }
a.top{ padding: 0 15px 0 0; background: transparent url(../images/arrow_up.gif) no-repeat right center; line-height: 22px; font-weight: bold; }


/* Containers */
#container{ min-width: 960px; background: #00467f url(../images/bg_top.gif) repeat-x; }
#wrap{ width: 960px; margin: 0 auto; background: transparent url(../images/bg_main.gif) repeat-y top center; }
#header{ overflow: hidden; width: 100%; height: 85px; background: transparent url(../images/bg_main_top.gif) no-repeat bottom center; }
#main{ overflow: hidden; width: 100%; }
#footer{ width: 960px; margin: 0 auto; padding: 20px 0; background: transparent url(../images/bg_main_bottom.gif) no-repeat top center; }
#footer_wrap{ background: transparent url(../images/bg_footer.gif) repeat-x top center; }

/* Header */
#logo{ display: inline; float: left; width: 390px; height: 50px; margin: 16px 0 0 5px; background: transparent url(../images/logo.gif) no-repeat; text-indent: -9999px; }
	#logo a{ display: block; width: 100%; height: 100%; }
#nav{ float: right; width: 500px; height: 28px; margin: 38px 5px 0 0; }
	#nav ul{ height: 28px; list-style: none; }
	#nav li{ display: inline; float: left; }
		#nav li a{ display: block; height: 28px; background: transparent url(../images/nav.gif) no-repeat; text-indent: -9999px; }
	#nav .homelink a{ width: 72px; background-position: 0 0; }
		#nav .homelink a:hover{ background-position: 0 -28px; }
		#home #nav .homelink a{ background-position: 0 -56px; }
	#nav .aboutlink a{ width: 73px; background-position: -72px 0; }
		#nav .aboutlink a:hover{ background-position: -72px -28px; }
		#about #nav .aboutlink a{ background-position: -72px -56px; }
	#nav .serviceslink a{ width: 91px; background-position: -145px 0; }
		#nav .serviceslink a:hover{ background-position: -145px -28px; }
		#services #nav .serviceslink a{ background-position: -145px -56px; }
	#nav .partnerslink a{ width: 92px; background-position: -236px 0; }
		#nav .partnerslink a:hover{ background-position: -236px -28px; }
		#partners #nav .partnerslink a{ background-position: -236px -56px; }
	#nav .faqslink a{ width: 68px; background-position: -328px 0; }
		#nav .faqslink a:hover{ background-position: -328px -28px; }
		#faqs #nav .faqslink a{ background-position: -328px -56px; }
	#nav .contactlink a{ width: 87px; background-position: -396px 0; }
		#nav .contactlink a:hover{ background-position: -396px -28px; }
		#contact #nav .contactlink a{ background-position: -396px -56px; }

/* Home */
#home #wrap{ background: transparent url(../images/home_main.gif) repeat-y top center; }
#home #header{ background: transparent url(../images/home_main_top.gif) no-repeat bottom center; }
#home #footer{ background: transparent url(../images/home_main_bottom.gif) no-repeat top center; }
#hometop{}
	#flash{ width: 910px; height: 250px; margin: 0 auto; background: transparent url(../images/bg_flash.jpg) no-repeat; }
#homebottom{ float: left; padding: 10px 0 0 0; }
#home #maincontent{ width: 620px; margin: 0 20px 0 30px; }
#home #mainsidebar{ width: 240px; margin: 5px 0 0 0; padding: 0 0 0 19px; border-left: 1px solid #d4f2d2; }
	#home #mainsidebar h3{ color: #00467f; }
	#home #mainsidebar ul{ margin: 0 0 5px 0; }
	#home #mainsidebar li{ margin: 0 0 5px 0; font-size: 11px; line-height: 16px; }

/* Main */
#main{}
	#main p{ margin: 0 0 18px 0; font-size: 12px; line-height: 20px; text-align: justify; }
	#main a:hover{ text-decoration: underline; }
	#main a[target="_blank"]{ padding: 0 10px 0 0; background: transparent url(../images/opennew.gif) no-repeat 100% 3px; }
	#main ul, #main ol{ margin: 0 0 10px 0; padding: 0 0 0 25px; }
	#main ul li{ list-style: disc; }
	#main ol li{ list-style: decimal; }
	#main li{ margin: 0 0 10px 0; }
#maincontent{ display: inline; float: left; width: 650px; overflow: hidden; margin: 5px 40px 0 30px; }
	#maincontent h1{ border-right: 2px solid #50b948; border-bottom: 2px solid #50b948; line-height: 30px; }
#mainsidebar{ display: inline; float: left; width: 210px; margin: 5px 0 0 0; }
	#mainsidebar .topphoto{ margin: 0 0 10px 0; }
	#mainsidebar p{ font-size: 11px; line-height: 18px; }
	#mainsidebar blockquote{ font-size: 11px; line-height: 16px; }
	#quotes blockquote{ margin: 0 0 10px 0; font-style: italic; text-align: left; }
	#quotes strong{ display: block; color: #00467f; font-size: 10px; line-height: 12px; font-weight: bold; text-align: right; }
	#mainsidebar #cta_pdf{ display: block; width: 210px; height: 40px; margin: 10px 0; background: transparent url(../images/cta_pdf.gif) no-repeat top left; text-indent: -9999px; }
	#mainsidebar #cta_pdf:hover{ background-position: bottom left; }

/* Footer */
#footer{ color: #3d8037; font-size: 11px; line-height: 18px; }
	#footer a{ color: #3d8037; }
	#footerleft{ display: inline; float: left; width: 40%; margin: 5px 0 30px 40px; }
	#footerright{ display: inline; float: right; width: 40%; margin: 5px 40px 30px 0; }
#copyright{ font-weight: bold; }
	#copyright a:hover{ text-decoration: underline; }
#footernav{ margin: 5px 0 0 0; }
	#footernav ul{ list-style: none; }
		#footernav li{ display: inline; float: left; margin: 0; padding: 0; }
			#footernav li a{ display: block; padding: 0 5px 0 6px; border-left: 1px solid #3d8037; line-height: 11px; }
			#footernav li a:hover{ text-decoration: underline; }
			#footernav li .firstlink{ border: 0 none; padding: 0 5px 0 0; }
#footeraddress{ text-align: right; font-weight: bold; font-style: normal; }
#designbycyrus{ text-align: right; }
	#designbycyrus a{ padding: 0 40px 0 0; background: transparent url(../images/poweredbycyrus.gif) no-repeat top right; }
	#designbycyrus a:hover{ background-position: bottom right; }
	#designbycyrus span{ display: none; }

/* About Page */
#about{}
	#about .steps{ width: 100%; overflow: hidden; margin: 0; padding: 0; }
		#about .steps li{ float: left; display: inline; width: 140px; margin: 0 5px 0 15px; list-style: none; }
		#about .steps li p{ font-size: 10px; line-height: 14px; }

/* Partners Page */
#partners{}
	.partner{ width: 100%; overflow: hidden; }
		.partner img{ float: left; width: 200px; }
		.partner .info{ float: left; width: 450px; }

/* FAQs Page */
#faqs{}
	ul#faqslist{ padding: 0 0 0 10px; }
		ul#faqslist li{ display: inline; list-style: none; margin: 0; padding: 0; line-height: 18px; font-weight: bold; }
		ul#faqslist a{ display: block; margin: 0 0 5px 0; padding: 0 0 0 18px; background: transparent url(../images/bg_faqicon.gif) no-repeat 0 5px; }

/* Contact Page */
#contact{}
	#contactinfo{ float: left; width: 240px; }
	#googlemap{ float: right; width: 400px; height: 250px; border: 2px solid #ddd; }
