/*

Site: Dr. Mark Brinker
Design: Lyndia Haryanto for Schipul
Build: Brandi Lalanne for Schipul
URI: 
*/

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, 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:0px;
padding:0px;
} 


a { outline: none; }

p { margin-bottom: 8px; color:#3b3015; font-size:12px}

body {
	font: 12px/1.4em Arial, 'Helvetica Neue', Helvetica, sans-serif;
	color: #3b3015;
	background: #2A2F19 url(/images/home/body-bg.jpg) repeat-x top center;
	}

ul, ol { margin: 1em 0; padding-left: 2.5em; }
dt { margin: 0.5em 0 0; }
dd { margin: 0.25em 0 0.5em 2.5em; }

h1, h2, h3, h5, h5, h6 { font-weight: bold; margin-bottom: 8px; } 

h1 { font-size: 18px; font-weight: bold; 	color: #353920; }
h2 { font-size: 16px; font-weight: bold; 	color: #454F22; }
h3 { font-size: 12px; font-weight: bold; 	color: #454F22; }

a { color: ##B21D1F; }
a:hover { text-decoration: none; }


/** STRUCTURE **/
div#wrapper {width: 891px; margin:0 auto; padding:0;}

div#top {width: 891px; height:73px;}
	div.logo {width: 334px; height:73px; float:left} div.logo img {border:0; text-decoration:none;}

div#frame{ width: 887px; border: 2px solid #FFF; background-color: #d7cea6; float:left}

div.nav {width: 887px; height:42px; background:url(../images/home/nav-bg.jpg) top left repeat-x; border-bottom: solid 2px #FFF;}

div.content-main {width: 887px; float:left; background:url(../images/home/content-bg.jpg) top center repeat-x #d7cea6}
	div.img-rotator {width: 291px; float:left; height: 297px; position:relative; z-index: 5}
	#flashcontent {float:left; width: 291px; height: 297px; position:relative; z-index: 10}
	#flashcontent2 {float:right; width: 430px; height: 23px; text-align:right; margin-top:50px}
		#flashcontent2 p {color:#FFF; font-style:italic; font-size:14px; text-align:right; float:right;width: 430px;}
		#flashcontent 2 > element.style {text-align: right}
	
	div.main-title {width: 596px; height:77px; background:url(../images/home/title.jpg) top left no-repeat; float:left; 
	padding-top:77px;}
	div.editable-content {width: 353px; clear:left; float:left; padding:0 20px 0 5px; color:#3b3015;}
		
		div.editable-content p, 
		div.btm-left p,
		div.btm-mid p,
		div.btm-right p{font-size:12px; font-family: Arial, Helvetica, sans-serif; color:#3b3015; line-height:18px;}
		
		div.editable-content a, 
		div.btm-left a,
		div.btm-mid a,
		div.btm-right a{color:#590101;}
		
		#expert-btn {display:block; height: 27px; width: 205px; background:url(../images/home/expert-btn.jpg) top left no-repeat;
		color:#FFF; font-size:12px; padding: 27px 0 0 39px}
	
	div.app-number {width: 190px; height:173px; float:left; background:url(../images/home/app-bg.jpg) top left no-repeat;
	padding: 29px 0 0 17px;}
	div.app-number h3 {color:#FFF; font-size:13px; margin: 0;}
	div.app-number p, div.app-number a {color:#FFF;}
	
div#surgery-bar {clear:both; float:left; width: 887px; height:185px; background-color:#BBB391; margin:20px 0 15px 0}

	.surgeryimg {width: 109px; height: 45px; margin: 15px 4px 0 5px; padding: 115px 0 0 5px; display:block; float:left;
	color:#393C1D; font-weight:bold; text-decoration:none; line-height: 14px;}
	.surgeryimg:hover {color: #FFF;}
	
		#nonunion-pic {background:url(../images/home/pic01.jpg) top left no-repeat; margin-left: 15px}
		#infected-pic {background:url(../images/home/pic02.jpg) top left no-repeat;}
		#deform-pic {background:url(../images/home/pic03.jpg) top left no-repeat;}
		#limb-pic {background:url(../images/home/pic04.jpg) top left no-repeat;}
		#complex-pic {background:url(../images/home/pic05.jpg) top left no-repeat;}
		#bone-pic {background:url(../images/home/pic06.jpg) top left no-repeat;}
		#perip-pic {background:url(../images/home/pic07.jpg) top left no-repeat;}
		

div.green-titlebar {width: 887px; height: 38px; background:url(../images/home/title-bar.jpg) top left no-repeat; clear:both; margin-bottom:15px}

div.btm-left {width: 236px; padding: 0 57px 0 17px; float:left}
div.btm-left li, div.btm-left li a {color:#590101; text-decoration:none; margin-bottom:5px;}
div.btm-left li a:hover {text-decoration:underline;}

div.btm-mid {width: 291px; float:left; padding: 0 35px 0 0;}

div.btm-right {width: 234px; float:left;}
	#testimonials-btn {display:block; height: 27px; width: 190px; background:url(../images/home/testimonials.jpg) top left no-repeat;
	color:#FFF; font-size:12px; padding: 27px 0 0 50px}
	ul.articles-top li  {margin: 8px 0 10px 0;}
	
	
div.footer {height:50px; text-align:center; clear:both; padding-top:15px; color: #706F52;}	
	div.footer p, div.footer a { color: #706F52; font-size:12px; margin-bottom:2px; text-decoration:none}
	div.footer a:hover {text-decoration:underline;}




/**TEMPLATE**/

div.content-top {width: 887px; height: 25px; background:url(../images/template/content-top.jpg) top left no-repeat;}


.main-container { float: left; }

#bodycontent {width: 556px; background:url(../images/template/content-bg.jpg) top left repeat-y;min-height:375px; height:auto !important; height:375px; padding: 30px 60px 20px 50px; color:#3B3015; }


#bodycontent a {color: #590101; text-decoration: underline}
#bodycontent a:hover {text-decoration: none}

div.content-btm { background:url(../images/template/content-btm.jpg) top left no-repeat; height: 35px; width: 556px; padding: 0 60px 0 50px; }


div.right-column {width: 204px; float: right; margin-right: 10px; margin-bottom: 20px; }


/**TENDENCI**/

div#skiptocontent {position: absolute; left: -9999px;}
.titles {  font-family:Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; color: #666666}
.subtitles {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
}
.body_copy {  font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #000000}
.currency {  font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; text-align: right}
.bold_body_copy {  font-family:Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #999999; text-decoration: none}
.bold_body_copy_blue {  font-family:Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #003366; text-decoration: none}
.big_body_copy {  font-family:Arial, Helvetica, sans-serif; font-size: 14px; color: #666666; text-decoration: none}
.links {  font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #996633}
.copyright {  font-family:Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #CCCCCC}
.breadcrumbs {  font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #33CC00}
.body_copy_alerts { font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #FF0000}
.body_copy_invert { font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF}
.yellow_body_copy {  background-color: #FFFF00; font-family:Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color: #666666}
.reports {  font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; text-decoration: none}
.reports_big_body_copy { font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; text-decoration: none }
.reports_subtitles { font-family:Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #666666}
.reports_titles { font-family:Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #666666}

.case_study_nav_wrap {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	float: left;
	clear: both;
	margin: 20px 0 10px 10px;
	padding: 5px;width:500px;
	border: 2px solid #999;
	background-color: #eee;
}
.case_study_nav_left {
	border-right: 1px solid #777;
	width: 235px;
	float: left;
	padding: 0 0 0 5px;
}
.case_study_nav_right {
	width: 220px;
	float: left;
	padding: 0 0 0 15px;
}
.case_study_p_top {
	margin: 0 0 5px 0;
	padding: 0;
}
.case_study_p_bottom {
	margin: 0;
	padding: 0;
}

	 

.color1 {
	background-color: #DCE7D7;
}
.color2 {
	background-color: #D4D1A4;
}


.logo {
	background-image: url(/images/logo.gif);
	background-repeat: no-repeat;
}


a { 	
	font-family:Arial, Helvetica, sans-serif; 

	}
	
p { 
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color:#3b3015;
}



h4 {
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold; 
	color: #999999; 
	text-decoration: none
	}

h5{
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold; 
	color: #999999; 
	text-decoration: none
	}

td { 
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #666666;
	padding: 10px;
}


input{
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #666666
}

textarea{
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #666666
}


select{
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #666666
}
.contact { font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF}

/**footer links**/
.ptag {
	margin:0 0 5px 0;padding:0;
	}
.middle {
	margin-top: 10px;
}

#bigBtmBox {
font-family: Arial, Helvetica, sans-serif;font-size: 13px;float:left;clear:both;margin:20px 0 10px 10px; padding:10px;width:450px;border:2px solid #a59d7c;background-color:#d7cea7;

}

#bigBtmBox a{
	font-weight:bold;
color: #3b3015;


}

#smallBtmBoxL {
width:215px;float:left;padding:0 0 0 5px;
}
#smallBtmBoxL p{
margin: 0px;
padding: 10px 0 0 0;
}

#smallBtmBoxR {
border-left:2px solid #a59d7c;width:200px;float:left;padding:0 0 0 20px;
}

#smallBtmBoxR p{
margin: 0px;


}
#pagerLinks hr {
	margin: 15px 0 20px 0;
        height: 3px;
        color: #111;
        background-color: #111;
}
#pagerLinks p {
	margin:0 0 5px 0;
        padding:0;
        color:#2a2f19;
        font-size:14px;
}
#pagerLinks a {
        color:#2a2f19;
        font-weight:bold;
}
#pagerLinks a.current-page {
        color:#a2a184;
        text-decoration:none;
}

.case-study-landing li{padding-bottom:15px;}

.body-part-landing img{padding-right:10px; padding-bottom:5px}

.testimonials img{margin-right:15px}


/* Skeleton Mouse Over Map */

#parts-container { width: 100%; }
#skeleton { float: left; display: block; width: 297px; height: 514px; background: transparent url(/images/bones-landing/skeleton-bg.jpg) no-repeat top right; overflow: hidden; position: relative; }
	#skeleton img { z-index: 1; position: absolute; top: 0; left: 0; }
#parts-list { float: right; width: 210px; margin-right: 10px; }

ol#parts, ol#parts ul {
	margin: 0;
	padding: 0 0 0 35px;
	width: 100%;
	}
	ol#parts ul { padding: 0; list-style: none; margin: 0; }

ol#parts a {
	display: block;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	}

ol#parts li {
	margin-top: 1px;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	}

ol#parts li a {
	background: #d7cea7;
	color: #847b52;	
	padding: 0.5em;
	}

ol#parts li a:hover {
	background: #30331e;
	color: #fff;
	}

ol#parts li ul li a {
	background: #3a4024;
	color: #fff;
	padding-left: 20px;
	font-size: 12px;
	}

ol#parts li ul li a:hover {
	background: #30331e;
	color: #fff;
	}


/* Mini-Skeleton Mouse Over Map */

dl#mini-skeleton {
	display: block;
	width: 201px;
	height: 401px;
	margin-left: 1px;
	margin-top: 12px;
	background: transparent url(/images/mini-skeleton/mini-bodypart-skeleton.gif) no-repeat top left;
	position: relative;
	}
dt { display: none; position: absolute; }

dd#min-skeleton-title { }
dd#min-skeleton-title a { position: absolute; width: 201px; height: 49px; text-decoration: none; top: 0px; left: 0px; text-indent:-99999px;}
dd#min-skeleton-title a span { display: none; }

dd#clavicleLink { }
dd#clavicleLink a { position: absolute; width: 49px; height: 19px; text-decoration: none; top: 107px; left: 110px; }
dd#clavicleLink a span { display: none; }
dd#clavicleLink a:hover { position: absolute; background: transparent url(/images/mini-skeleton/mini-bodypart-skeleton.gif) -110px -508px no-repeat; }

dd#shoulderLink { }
dd#shoulderLink a { position: absolute; width: 36px; height: 20px; text-decoration: none; top: 108px; left: 42px; }
dd#shoulderLink a span { display: none; }
dd#shoulderLink a:hover { position: absolute; background: transparent url(/images/mini-skeleton/mini-bodypart-skeleton.gif) -42px -509px no-repeat; }

dd#humerousLink { }
dd#humerousLink a { position: absolute; width: 48px; height: 37px; text-decoration: none; top: 128px; left: 23px; }
dd#humerousLink a span { display: none; }
dd#humerousLink a:hover { position: absolute; background: transparent url(/images/mini-skeleton/mini-bodypart-skeleton.gif) -23px -529px no-repeat; }

dd#elbowLink { }
dd#elbowLink a { position: absolute; width: 49px; height: 16px; text-decoration: none; top: 169px; left: 13px; }
dd#elbowLink a span { display: none; }
dd#elbowLink a:hover { position: absolute; background: transparent url(/images/mini-skeleton/mini-bodypart-skeleton.gif) -13px -570px no-repeat; }

dd#forearmLink { }
dd#forearmLink a { position: absolute; width: 52px; height: 41px; text-decoration: none; top: 180px; left: 141px; }
dd#forearmLink a span { display: none; }
dd#forearmLink a:hover { position: absolute; background: transparent url(/images/mini-skeleton/mini-bodypart-skeleton.gif) -141px -581px no-repeat; }

dd#wristLink { }
dd#wristLink a { position: absolute; width: 35px; height: 18px; text-decoration: none; top: 200px; left: 6px; }
dd#wristLink a span { display: none; }
dd#wristLink a:hover { position: absolute; background: transparent url(/images/mini-skeleton/mini-bodypart-skeleton.gif) -6px -601px no-repeat; }

dd#hipLink { }
dd#hipLink a { position: absolute; width: 25px; height: 35px; text-decoration: none; top: 208px; left: 115px; }
dd#hipLink a span { display: none; }
dd#hipLink a:hover { position: absolute; background: transparent url(/images/mini-skeleton/mini-bodypart-skeleton.gif) -115px -609px no-repeat; }

dd#femurLink { }
dd#femurLink a { position: absolute; width: 44px; height: 66px; text-decoration: none; top: 222px; left: 47px; }
dd#femurLink a span { display: none; }
dd#femurLink a:hover { position: absolute; background: transparent url(/images/mini-skeleton/mini-bodypart-skeleton.gif) -47px -623px no-repeat; }

dd#kneeLink { }
dd#kneeLink a { position: absolute; width: 54px; height: 20px; text-decoration: none; top: 285px; left: 95px; }
dd#kneeLink a span { display: none; }
dd#kneeLink a:hover { position: absolute; background: transparent url(/images/mini-skeleton/mini-bodypart-skeleton.gif) -95px -686px no-repeat; }

dd#tibiaLink { }
dd#tibiaLink a { position: absolute; width: 57px; height: 64px; text-decoration: none; top: 304px; left: 25px; }
dd#tibiaLink a span { display: none; }
dd#tibiaLink a:hover { position: absolute; background: transparent url(/images/mini-skeleton/mini-bodypart-skeleton.gif) -25px -705px no-repeat; }

dd#ankleLink { }
dd#ankleLink a { position: absolute; width: 50px; height: 16px; text-decoration: none; top: 370px; left: 89px; }
dd#ankleLink a span { display: none; }
dd#ankleLink a:hover { position: absolute; background: transparent url(/images/mini-skeleton/mini-bodypart-skeleton.gif) -89px -771px no-repeat; }

dd#footLink { }
dd#footLink a { position: absolute; width: 76px; height: 25px; text-decoration: none; top: 372px; left: 11px; }
dd#footLink a span { display: none; }
dd#footLink a:hover { position: absolute; background: transparent url(/images/mini-skeleton/mini-bodypart-skeleton.gif) -11px -773px no-repeat; }

dd#clavicleLink a:hover span, dd#shoulderLink a:hover span, dd#humerousLink a:hover span, dd#elbowLink a:hover span, dd#forearmLink a:hover span, dd#wristLink a:hover span, dd#hipLink a:hover span, dd#femurLink a:hover span, dd#kneeLink a:hover span, dd#tibiaLink a:hover span, dd#ankleLink a:hover span, dd#footLink a:hover span {
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	}

div#ratingblock{
	display:none;
}

#t-articles-favorites{
	display:none;
}

#t-articles-bookandemail{
	display:none!important;
}

	
.clear { clear: both; }