/**
 * $Header: /iscoliosis.com/css/index.css 4     2/24/09 3:13p Pricea2 $
 *
 * @name	index.css
 * @package	iScoliosis.com
 * @author	Phil Robinson <phil.robinson@medtronic.com>
 * @version	$Revision: 4 $
 * @updated	$Modtime: 2/24/09 12:53p $
 */

#index #main {
	background: transparent url(/img/bg_main_bottom_index.gif) no-repeat scroll left bottom;
}


/* article, content, sidebar styles
   ----------------------------------------*/
/* article styles */
#index #article {
	position: relative;
	float: left;
	width: 730px;
	margin: 0 13px 0 7px;
	padding: 0;
	border: none;

	/* fixes the "IE Duplicates Characters" bug -- http://www.positioniseverything.net/explorer/dup-characters.html */ 
	margin-right: 13px !important;
	margin-right: -3px;
}


/* content styles */
#index #content {
	float: left;
	width: 524px;
	margin: 0;
	padding: 0;
}

#index #content img {
	padding: 0;
}


/* section styles */

/* Patient Story selector styles */
#index #section-patient {
	width: 520px;
	height: 201px;
	margin: 0;
}

/* Feature Story styles */
#index .section-feature {
	width: 520px;
	height: 200px;
	margin: 0 auto;
	background-attachment: scroll;
	background-color: transparent;
	background-position: left top;
	background-repeat: no-repeat;
	font-family: "Arial Rounded MT Bold", Arial, sans-serif; 
}

#index .section-feature h4,
#index .section-feature p,
#index .section-feature a {
	float: left;
	clear: left;
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-family: "Arial Rounded MT Bold", Arial, sans-serif;

	/* fixes the "IE Doubled Float-Margin Bug" bug -- http://www.positioniseverything.net/explorer/doubled-margin.html */
	display: inline;
}

#index .section-feature h4 {
	line-height: 24px;
	font-size: 20px;
}

#index .section-feature p {
	line-height: 18px;
	font-size: 16px;
}

#index .section-feature a {
	text-decoration: none;
}

#index img#feature-link-icon {
	margin: 0 0 1px 2px;
}

/* specific Feature Story styles */
#index #feature-checkyourchild {
	background-image: url(/img/bg_feature-checkyourchild.jpg);
}
#index #feature-checkyourchild h4,
#index #feature-checkyourchild p {
	width: 195px;
	margin-left: 33px;
}
#index #feature-checkyourchild h4 {
	margin-top: 56px;
	color: #e1eae7;
}
#index #feature-checkyourchild p {
	margin-top: 7px;
}
#index #feature-checkyourchild a {
	color: #d5a5b0;
}


#index #feature-ecard {
	background-image: url(/img/bg_feature-ecard.jpg);
}
#index #feature-ecard h4,
#index #feature-ecard p {
	width: 227px;
	margin-left: 31px;
}
#index #feature-ecard h4 {
	margin-top: 56px;
	color: #e7e7e7;
	font-size: 20px;
}
#index #feature-ecard p {
	margin-top: 9px;
}
#index #feature-ecard a {
	width: 170px;
	color: #e7bd2b;
	font-size: 16px;
}


#index #feature-fashion {
	background-image: url(/img/bg_feature-fashion.jpg);
}
#index #feature-fashion h4,
#index #feature-fashion p {
	margin-left: 18px;
}
#index #feature-fashion h4 {
	width: 225px;
	margin-top: 56px;
	color: #405166;
	line-height: 22px;
	font-size: 18px;
}
#index #feature-fashion p {
	width: 170px;
	margin-top: 9px;
	line-height: 20px;
	font-size: 16px;
}
#index #feature-fashion a {
	color: #ed5e4f;
}


#index #feature-findadoctor {
	background-image: url(/img/bg_feature-findadoctor.jpg);
}
#index #feature-findadoctor h4,
#index #feature-findadoctor p {
	margin-left: 77px;
}
#index #feature-findadoctor h4 {
	width: 175px;
	margin-top: 48px;
	color: #e7e7e7;
	line-height: 31px;
	font-size: 30px;
}
#index #feature-findadoctor p {
	width: 240px;
	margin-top: 4px;
	font-size: 20px;
}
#index #feature-findadoctor a {
	color: #b8b6e7;
}


#index #feature-questions {
	background-image: url(/img/bg_feature-questions.jpg);
}
#index #feature-questions h4,
#index #feature-questions p {
	margin-left: 22px;
}
#index #feature-questions h4 {
	width: 280px;
	margin-top: 48px;
	color: #fff;
	line-height: 31px;
	font-size: 30px;
}
#index #feature-questions p {
	width: 325px;
	margin-top: 2px;
	font-size: 20px;
}
#index #feature-questions a	{
	color: #f0ff00;
}


#index #feature-variety {
	background-image: url(/img/bg_feature-variety.jpg);
}
#index #feature-variety h4, 
#index #feature-variety p {
	width: 225px;
	margin-left: 20px;
}
#index #feature-variety h4 {
	margin-top: 44px;
	color: #fefefe;
	line-height: 46px;
	font-size: 38px;
}
#index #feature-variety p {
	margin-top: 4px;
	color: #db3a57;
	font-size: 18px;
}
#index #feature-variety a {
	width: 180px;
	margin-top: 10px;
	color: #af475a;
	font-size: 14px;
}

#index #feature-yoga {
	background-image: url(/img/bg_feature-yoga.jpg);
}
#index #feature-yoga h4,
#index #feature-yoga p {
	margin-left: 18px;
	width: 210px;
}
#index #feature-yoga h4 {
	margin-top: 53px;
	color: #f5af75;
	line-height: 28px;
	font-size: 22px;
}
#index #feature-yoga h4 strong {
	color: #d1804d;
	font-size: 38px;
}
#index #feature-yoga p {
	margin-top: 8px;
	line-height: 20px;
	font-size: 16px;
}
#index #feature-yoga a	{
	color: #06bbbe;
}

#index #feature-gaylisha {
	background-image: url(/img/bg_feature-gaylisha.jpg);
}
#index #feature-gaylisha h4,
#index #feature-gaylisha p {
	margin-left: 388px;
	width: 100px;
}
#index #feature-gaylisha h4 {
	margin-top: 58px;
	color: #ffffff;
	line-height: 28px;
	font-size: 22px;
}
#index #feature-gaylisha h4 strong {
	color: #d1804d;
	font-size: 38px;
}
#index #feature-gaylisha p {
	margin-top: 8px;
	line-height: 20px;
	font-size: 16px;
}
#index #feature-gaylisha a	{
	color: #d68196;
}

#index #feature-vertebral {
	background-image: url(/img/bg_feature_vertebral_derotation.jpg);
}
#index #feature-vertebral h4,
#index #feature-vertebral p {
	margin-left: 18px;
}
#index #feature-vertebral h4 {
	width: 225px;
	margin-top: 56px;
	color: #64157d;
	line-height: 26px;
	font-size: 26px;
}
#index #feature-vertebral p {
	width: 250px;
	margin-top: 9px;
	line-height: 20px;
	font-size: 18px;
}
#index #feature-vertebral a {
	color: #af47d0;
}

/* generic section styles */
#index .section {
	margin: 0 0 15px;
	width: 520px;
	background: #fff url(/img/bg_section.gif) no-repeat scroll left bottom;
}

#index .section h3 {
	height: 27px;
	margin: 0;
	padding: 3px 0pt 3px 13px;
	color: #fff;
	font: normal 20px/27px "Arial Rounded MT Bold", Arial, sans-serif;
}

#index .section h4 {
	margin: -20px 0 0 322px;
	color: #fff;
	line-height: normal;
	font-size: 12px;
	font-family: "Arial Rounded MT Bold", Arial, sans-serif;
}

#index .section p {
	float: left;
	width: 280px;
	margin: 10px 32px 10px 10px;
	line-height: 1.5em;
	font-size: 1em;						/* 12px */
}

#index .section ul {
	margin: 10px 0 20px 0;
	list-style-type: none;
	font-size: 1em;						/* 12px */
}

#index .section li {
	line-height: 1.667em;				/* 20px = 20px/12px = 1.667em */
}

#index .section li a {
	padding-right: 10px;
	background: transparent url(/img/arrow.gif) no-repeat scroll right center;
}

/* specific section styles */
#index #section-about h3 {
	background: transparent url(/img/bg_section-header_purple.gif) no-repeat scroll left top;
}

#index #section-treament h3 {
	background: transparent url(/img/bg_section-header_teal.gif) no-repeat scroll left top;
}

#index #section-doctor h3 {
	background: transparent url(/img/bg_section-header_green.gif) no-repeat scroll left top;
}


/* sidebar styles */
#index #sidebar {
	float: right;
	width: 203px; 
	margin: 0;
	padding: 0;
	border: none;
	background: transparent url(/img/bg_sidebar.gif) repeat-y scroll 0 0;
}

/* generic sidebar styles */
#sidebar h3 {
	background: none;
	color: #0ff;
	text-align: center;
	font-weight: normal;
	font-family: "Arial Rounded MT Bold", Arial, Verdana, sans-serif;
}

#sidebar a {
	color: #b5ff01;
	text-decoration: underline;
}

#sidebar #module-bottom {
	width: 203px;
	height: 23px;
	background: transparent url(/img/bg_module-bottom.jpg) no-repeat scroll left bottom;
}

/* generic sidebar module styles */
#sidebar .module {
	width: 203px;
	margin: 0;
	color: #4d3c06;
	background: transparent url(/img/bg_module.jpg) no-repeat scroll 0 0;

	/* Dustin Diaz Min-Height Fast Hack @ http://www.dustindiaz.com/min-height-fast-hack */
	min-height: 170px;
	height: auto !important;
	height: 170px;
}

#sidebar .module h3 {
	margin: 0 20px 15px;
	padding: 20px 0 0;
	background: none;
	color: #4d3c06;
	text-align: left;
	font: normal 18px/20px "Arial Rounded MT Bold", Arial, Verdana, sans-serif;
}

#sidebar .module h4 {
	margin: 0 20px 10px;
	padding: 0;
	background: none;
	color: #75185e;
	line-height: 16px;
	font-size: 12px;
}

#sidebar .module p {
	margin: 0 20px 10px;
	line-height: 13px;
	font-size: 11px;
}

#sidebar .module a {
	color: #75185e;
	text-decoration: underline;
}


/* specific sidebar container styles */

/* Info Hub */
#sidebar #infohub {
	position: relative;
	height: 235px;
	margin: 0;
	padding: 0;
	background: transparent url(/img/bg_infohub.jpg) no-repeat scroll top left;
	color: #fee526;
	text-align: center;
	font: bold 11px/normal Arial, Verdana, sans-serif;
}

#sidebar #infohub h3 {
	width: 120px;
	margin: 0 auto 19px;
	padding-top: 32px;
	color: #0ff;
	font-size: 16px;
}

#sidebar #infohub ul {
	width: 145px;
	margin: -22px auto 27px;
	padding: 25px 0 7px;
	border-top: 2px solid #7d6209;
	border-bottom: 2px solid #7d6209;
}

#sidebar #infohub ul li {
	display: inline;
	padding: 0 0 0 4px;
	border-left: 1px solid #fee526;
	color: #3a4d14;
	line-height: 14px;
}

#sidebar #infohub ul li:first-child,
#sidebar #infohub ul li.first {
	padding-left: 0;
	border: none;
}

#sidebar #infohub a.button {
	display: block;
	width: 162px;
	height: 20px;
	margin: 0 auto 4px;
	padding: 0;
	border: 1px solid #7d6209;
	background: transparent url(/img/bg_infohub_button.gif) no-repeat scroll 0 0;
	line-height: 20px;
	text-align: left;
	text-indent: 5px;
	text-decoration: none;
	color: #4d3c06;
}


/* iScoliosis.com Headlines */
#sidebar #module-headlines {
	height: 117px;
	background-color: #0069bf;
	background: transparent url(/img/bg_module-headlines.jpg) no-repeat scroll 0 0;
}

#sidebar #module-headlines h3 {
	margin: 0 0 10px;
	padding: 37px 0 0;
	line-height: 14px;
	font-size: 12px;
}

#sidebar #module-headlines p#headline {
	width: 160px;
	margin: 0 auto;
	text-align: center;
	line-height: 14px;
	font-weight: bold;
	font-size: 12px;
}


/* iScoliosis.com TV */
#sidebar #module-tv {
	height: 246px;
	background: #2390d1 url(/img/bg_module-tv.jpg) no-repeat scroll 0 0;
}

#sidebar #module-tv h3 {
	margin: 0 0 15px;
	padding: 54px 0 0;
	line-height: 21px;
	font-size: 18px;
}

#sidebar #module-tv h4 {
	width: 145px;
	margin: 0 0 0 28px;
	color: #b5ff01;
	font: normal 14px/16px "Arial Rounded MT Bold", Arial, Verdana, sans-serif;
}

#sidebar #module-tv p {
	width: 152px;
	margin: 7px 7px 7px 28px;
	color: #fff;
	line-height: 14px;
	font-size: 11px;
}


/* Find a Doctor module */
#sidebar #module-finddoctor h4 {
	font-size: 14px;
	font-weight: normal;
}


/* Ask the Doctor module */
#sidebar #module-askdoctor cite {
	color: #000;
	font-weight: bold;
}

#sidebar #module-askdoctor p {
	margin: 0;
	padding: 0 20px 23px;
	background: transparent url(/img/bg_module_bottom.jpg) no-repeat scroll left bottom;
}

#sidebar #module-askdoctor cite a {
	color: #000;
	text-decoration: none;
}


/* miscellaneous
   ---------------------------------------------------------------------------*/
/* self-clearing floats; replaces .clearfix classes */
#index .section:after
{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}