/*

Site: 
Design: Brandi Aguinaga for Schipul The Web Marketing Company
Build: Lyndia Makol for Schipul The Web Marketing Company
URL: 

*/

/* = TENDENCI STYLES ****************************************************************************************/

.titles {  font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #274F32;}
.subtitles { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #666666;}
.body_copy {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#333;}
.currency {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; text-align: right}
.bold_body_copy {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000; 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: #000000; text-decoration: none}
.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: #999999}
.body_copy_alerts { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FF0000}
.body_copy_invert { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF}
.yellow_body_copy {  background-color: #FFFF00; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #000000}
.reports {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none}
.reports_big_body_copy { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none }
.reports_subtitles { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #000000}
.reports_titles { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #000000}
div#skiptocontent {position: absolute; left: -9999px;}

/* ****************************************************************************************/
* { font-size: 100%; margin: 0; padding: 0; }
a img { border: none; }
a { outline: none; }

body {
	font: 12px Arial, 'Helvetica Neue', Helvetica, sans-serif;
	background:#000;
	}

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; } 
h1{ font-weight: bold; font-family:Arial, Helvetica, sans-serif; font-size: 18px; color:#274F32; } 
h2{ font-weight: bold; font-family:Arial, Helvetica, sans-serif; font-size: 14px; color:#003466; margin:0 0 10px 0; } 
p{ font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#333; margin: 0 0 20px 0;} 
a { color: #036; }
a:hover { color: #036; text-decoration: none; }
a:active { color: #036; }
a:visited { color: #036; }

/* STRUCTURE */

#wrapper {width: 100%; m argin: 0 auto; background: url(../images/main-bg.jpg) top center no-repeat;}

#container {width: 986px; margin: 0 auto; min-height:1000px;}

#header{ width: 986px;}
#logo {width: 465px; float:left;}
#top-nav {width: 355px ; float:right; background:url(../images/top-nav-bg.png) top left no-repeat; margin-top: 79px; height:55px;}

.header-title {display:block; text-indent: -9999px;}

#nav-rotator{width: 986px; background:url(../images/nav-rotator-bg.png) top left no-repeat; height: 369px;}
#nav { width:986px; height: 37px; }

#lowe-stories {width:986px; }
#about-lowe {width: 243px ; float:left; position: relative; }
a.aboutlowe {width:189px ; display:block; height: 18px; background:url(../images/title-about.png) top left no-repeat; text-indent: -9999px; position:absolute; top: 270px; left: 20px;}


#middle-content {width: 951px; margin: 0 auto; color: #fff; }
#middle-content p {color:#fff}

#left-col {width: 312px; float:left; background:url(../images/left-col-bg.jpg) top left no-repeat; height:666px; padding: 20px 20px 20px 18px; }
#cta-btns {width: 317px;}
#cta-btns ul { margin: 0; padding:0; list-style:none;}
#request, #athletic, #questions {width: 317px; display:block; height:81px; text-indent: -9999px; margin-bottom: 20px;}
#request ul, #athletic, #questions, #share {width: 317px; display:block; height:81px; text-indent: -9999px; margin-bottom: 20px;}
#request {background:url(../images/btn-request.jpg) top left no-repeat;}
#athletic {background:url(../images/btn-training.jpg) top left no-repeat;}
#questions {background:url(../images/btn-questions.jpg) top left no-repeat;}
#share { width: 267px; height: 103px; background:url(../images/share-btn.png) top left no-repeat;margin-left: 20px;}

#testimonials {width: 317px;}
#testimonials h2 {width: 186px ; background:url(../images/title-testimonials.png) top left no-repeat; height:18px;}
#testimonials-content{ width:317px; color: #fff;}
#testimonials-content img{ margin-right: 20px;}
#testimonials-content p{ color: #fff;}
#testimonials-content a{ color: #b11414;}

#right-col {width: 582px; float:right;}
#procedures {width: 582px; margin-bottom:20px;}
.procedure-box {width: 182px; margin-right:12px; background: url(../images/service-content-bg.jpg) bottom no-repeat; height: 424px; float:left;}
.procedure-box a {color:#fff;}
.procedure-box ul {margin: 5px 0 5px 3px; padding: 0; list-style: none;}
.procedure-box li {padding-left: 10px; margin:0px; background:url(../images/arrow.png) left no-repeat;}
#knees {width: 182px; background:url(../images/knees-img.jpg) top left no-repeat;}
#knees-content, #shoulders-content, #elbows-content { width: 163px; padding: 194px 0 0 10px; }
#knees-content h2 {width: 163px; background:url(../images/title-knees.png) top left no-repeat; height:19px;}
#shoulders {width: 182px; background:url(../images/shoulders-img.jpg) top left no-repeat;}
#shoulders-content h2 {width: 163px; background:url(../images/title-shoulder.png) top left no-repeat; height:19px;}
#elbows {width: 182px; background:url(../images/elbows-img.jpg) top left no-repeat;}
#elbows-content h2 {width: 163px; background:url(../images/title-elbow.png) top left no-repeat; height:19px;}

#whats-new { width: 274px ; float:left; margin-left: 6px;}
#whats-new a {color:#fff;}
#whats-new h2 {width: 274px; background: url(../images/title-whatsnew.jpg) top left no-repeat; height:18px;}
#recent-photos {width: 277px ; float:right;}
#recent-photos h2 {width: 277px; background: url(../images/title-photos.jpg) top left no-repeat; height:18px;}
#photo-feed img {border: 1px solid #970e0e; margin: 8px 13px 0 0;}
#photo-feed a {color:#970e0e;}
#photo-feed a.textlink {float:right; padding-right:12px;}

#locations  {width: 951px; margin: 0 auto 20px auto; border-bottom: 5px solid #222021; padding-bottom:5px;}
#locations p {color:#fff;}
#memorial {width:522px ; float:left; }
#memorial h2 { width: 500px ; height: 49px; background:url(../images/title-memorial.png) top left no-repeat; border-bottom: 1px solid #CCC;}
#memorial-left{ width: 280px ; float:left; }
#memorial-right {width: 200px; float:left;}
#sugarland {width:285px; padding-right: 18px ; float:left; }
#sugarland h2 {width: 110px ; height: 42px; background:url(../images/title-sugarland.png) top left no-repeat;  border-bottom: 1px solid #CCC;}
#medical-center { width: 400px ; float:left;}
#medical-center h2 {width: 400px ; height: 42px; background:url(../images/title-medical-center.png) top left no-repeat; border-bottom: 1px solid #CCC; padding-bottom: 8px;}

#footer-area {width: 951px; margin: 0 auto;}
#footer-left { width: 384px ; padding-right:32px; float:left;}
#sports-logos {width: 305px; margin: 0 auto 10px auto;}

#quick-links {width:193px ; padding-right:42px; float:left;}
#quick-links h2 {width: 109px ; height: 21px; background:url(../images/title-quick-links.png) top left no-repeat;}
#quick-links ul, #affiliations ul { margin: 0 ; padding: 0 ; color:#e8e8e8; list-style: none;}
#quick-links li a, #affiliations li a { display: block;color:#e8e8e8; padding: 5px 0 5px 5px ; width:193px; border-bottom: 1px solid #222121; text-decoration: none; }
#quick-links li a:hover, #affiliations li a:hover { background-color: #333;}
#affiliations li a {width: 283px;}
#affiliations {width: 283px ; float:left;}
#affiliations h2 {width: 103px ; height: 19px; background:url(../images/title-affiliations.png) top left no-repeat;}
#footer {width: ; color:#333333; margin-top: 20px; height:100px; }
#footer a {color:#333333;}
.clear { clear: both; }

/* STORIES */
#stories-area { width: 743px ; float:right; position:relative; }
.stories { display: block; width: 704px; height: 259px; overflow: hidden;  border: 1px solid #fa0101; position:absolute; top: 26px; left:8px;}
		
		.story-item { overflow: hidden !important; float:left; width: 704px; }
		.story-item img { margin: 0; padding: 0; width: 704px;}
		div.story-content {margin: -105px 0 0 15px; width: 660px; height: 86px; padding: 0px 0px 10px 10px; z-index: 1500; 
		position:absolute;background: url(../images/story-bg.png) top center repeat; color: #FFF;float:left;  }
		
		.story-content h1 {color: #FFF; margin: 10px 0 10px 0; padding: 0 0 15px 0; line-height:14px; font-size:18px; 
		font-family:Arial, Helvetica, sans-serif; font-weight: normal; background:url(../images/story-h1-lines.png) bottom left no-repeat; }	
		.story-content p {color: #FFF; margin:0; padding:0; line-height:15px; font-size:  12px;}
		.story-content a {color: #b62526; text-decoration:underline}
		.story-content a:hover {color:#FFF; text-decoration:none}
		
		.story-item .image-header {display: block; width: 704px; height: 260px; overflow: hidden !important; z-index: 10; }

		
		
		#nav-stories { height: 15px; padding: 5px 10px 0 0;  float:left;margin: 0 0 0 0; z-index: 800; width: 200px; position:absolute; top: 30px; left: 600px; }
			#nav-stories a { font-weight: bold; color:#999; border: none; padding: 4px 6px; margin-left: 8px; text-align: center; text-decoration: none; display: block; float: left; font-size: 14px; background-color: #000;}
			#nav-stories a:hover { background: #000; color: #fff; border: 1px solid #999; }
			#nav-stories a.activeSlide { background: #000; color: #fff; border: 1px solid #999;}
			
/* TEMPLATE */

#nav-template-content{width: 986px; background:url(../images/template-content-top-bg.png) top left no-repeat; min-height: 530px;}
#template-content {width: 986px; margin: 0 auto; color: #000; margin-top: 20px; background:url(../images/template-content-bg.png) repeat-y;padding-bottom: 20px; }
#template-content-btm {width: 986px; margin: 0 auto; background:url(../images/template-content-btm.png) top left no-repeat; height:49px;}

#template-left-col {width: 258px; float:left; padding: 15px 0px 20px 0px; background:url(../images/template-left-bg.jpg) top left no-repeat; height:421px; margin: 0px 0 0 20px; }
#template-cta-btns {width: 234px; margin: 0 auto;}
#template-cta-btns ul { margin: 0; padding:0; list-style:none;}
#template-request, #template-athletic, #template-questions {width: 234px; display:block; height:64px; text-indent: -9999px; margin-bottom: 20px;}
#template-request ul, #template-athletic, #template-questions, #template-share {width: 234px; display:block; height:64px; text-indent: -9999px; margin-bottom: 20px;}
#template-request {background:url(../images/btn-request-template.jpg) top left no-repeat;}
#template-athletic {background:url(../images/btn-training-template.jpg) top left no-repeat;}
#template-questions {background:url(../images/btn-questions-template.jpg) top left no-repeat;}
#template-share { width: 279px; height: 103px; background:url(../images/share-btn-template.png) top left no-repeat;margin-left: 2px;}



#template-right-col {width: 675px; float:right;padding-top: 20px;}
#bodycontent {width: 625px; }
