/*
Author: Ryan VonBergen
Project: Technical Life Care Medical Company
Date: 05/2010
*/

/*
# Reset defaults ################### 
*/

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, input, textarea, table, th, td { margin: 0; padding: 0; } /* Reset margins and padding */
a:link, a:visited{text-decoration:none;outline:none;} /* Reset link styles */
html {overflow: -moz-scrollbars-vertical;} /* Mozilla scrollbar fix */
.group:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} /* Automatically clears after any element with this class */

/* 
Begin General Elements ###################
*/  

body {font-family:Arial, Helvetica, sans-serif; background:#fff; color:#2d2d2d;}

/* Structure */
.left {float:left; display:inline;}
.right {float:right; display:inline;}
.clear {clear:both;}
.spacer {width:10px; height:10px;}
.divider {height:2px; border-top:#bdbdbd solid 1px;}

/* Links */
a:link, a:visited, a:active {text-decoration:underline; color:#2d2d2d;}
a:hover	{text-decoration:none; color:#30539b;}

/* Images */
img {border:none;}
img.left{margin:0 10px 10px 0;}
img.right{margin:0 0 10px 10px;}

/* Headlines */
h1, h2, h3, h4, #nav-container {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
h1 {text-indent:-9999px; background:url(../images/tlc_sprite.png) no-repeat -261px -116px; font-weight:normal;}
h2 {font-size:48px; line-height:52px; color:#70cd66; font-weight:normal;}
h3 {font-size:34px; line-height:38px; color:#30539b; font-weight:normal;}
h4 {font-size:20px; line-height:23px; font-weight:normal;}

/* Typography */
p {font-size:13px; line-height:20px; text-align:left;}
ul {list-style-position:outside;}
.green-text {color:#62ca58;}
.blue-text {color:#30539b}
.orange-text {color:#ff7800;}

/* Forms */
form {}
label {font-size:16px; font-weight:bold;}
input, textarea {background-color:#fff; border:1px solid #bdbcbd; padding:4px; font-size:14px;}
textarea {font-family:Arial, Helvetica, sans-serif;}
input.search, input.submit {color:#30539b; background-color:#dddcdc; cursor:pointer;}
	input.search:hover, input.submit:hover {background-color:#eee;}
input.signup, input.login {color:#fff; text-decoration:none; background-color:#62ca58; cursor:pointer;}
	input.signup:hover, input.login:hover {background:#76de6b;}

a.download {border:1px solid #bdbcbd; padding:4px 10px; font-size:14px; color:#fff; text-decoration:none; background-color:#62ca58; cursor:pointer;}
	a.download:hover {background:#76de6b;}
/* 
Begin Custom Elements ###################
*/
#wrapper {width:100%; margin:0 auto;}
/* Site Header Elements */
#header-top {width:905px; height:113px; margin:0 auto;}
	
	#header-column1 {width:258px; height:113px;}
		#header-column1 h1 {width:209px; height:87px; margin:12px 0 0 0;}
			#header-column1 h1 a {width:209px; height:87px; display:block; text-indent:-9999px;}
			
	#header-column2 {width:350px; padding-top:35px;}
		#header-column2 h2 {text-align:center; font-family:"Times New Roman", Times, serif; font-size:25px; color:#000; line-height:24px;}
			#header-column2 h2 .subhead {font-family:Arial, Helvetica, sans-serif; font-size:14px;}
	
	#header-column3 {width:220px; text-align:right; padding-top:32px; padding-right:20px;}
		#header-column3 p {color:#999;}
			#header-column3 p a {color:#999;}
				#header-column3 p a:hover {color:#000;}
		#header-column3 form {width:223px;}
			#header-column3 form input {width:140px;}
			#header-column3 form input.search {width:61px;}
		#header-column3 span.blue-text {font-size:18px;}
		
/* END: Site Header */

/* Main Navigation Elements */
#header-nav {width:100%; margin:0 auto; background:#CAC8C9 url(../images/bkg_header-rpt.jpg) repeat-x top left; z-index:999;}
	#nav-container {width:905px; height:50px; font-weight:bold; margin:0 auto;}
		#nav-container ul li {*z-index:999;}
/* END: Main Navigation */

/* Slider Elements */
#header-slide {width:100%; position:relative; background:#000 url(../images/bkg_header-lrg.jpg) no-repeat top center; z-index:300; overflow:hidden;}
	#slide_content {width:905px; height:347px; margin:0 auto; position:relative;}
		
		.sliderCol1 {width:74px; height:90px; margin-top:20px; background:url(../images/tlc_sprite.png) no-repeat;}
			.sliderCol1.rentals {background-position:-239px 20px;}
			.sliderCol1.support {background-position:-161px 10px;}
			.sliderCol1.repair {background-position:-84px 20px;}
			.sliderCol1.sales {background-position:0 0; height:80px;}
		
		.sliderCol2 {width:821px; height:347px; padding-left:10px; padding-top:20px; position:relative; *position:inherit;}		
			.sliderCol2 h2 {padding:25px 0; text-shadow: 0px 2px 3px #1F3763;}
			.sliderCol2 p {min-height:145px; font-size:22px; line-height:normal; color:#fff; text-shadow: 0px 2px 3px #1F3763;}
			.sliderCol2 p.alt {min-height:95px;}		
			.sliderCol2.slide1 {background:url(../images/bkg-slide_rentals.png) no-repeat top right;}
			.sliderCol2.slide2 {margin-bottom:20px; background:url(../images/bkg-slide_support.png) no-repeat top right;}
			.sliderCol2.slide3 {background:url(../images/bkg-slide_repair.png) no-repeat top right;}
			.sliderCol2.slide4 {background:url(../images/bkg-slide_sales.png) no-repeat top right;}	
			.sliderCol2.slide5 {background:url(../images/bkg-slide_rentals-tru-d.png) no-repeat top right;}	
			.sliderCol2.slide6 {background:url(../images/bkg-slide_rentalbs.png) no-repeat top right;}

		
			.sliderColButton {width:260px; height:64px; position:absolute; bottom:40px; background:url(../images/tlc_sprite.png) no-repeat; *position:inherit;}
				.sliderColButton a {display:block; width:260px; height:64px; text-indent:-9999px;}
				.sliderColButton.LearnMore {background-position:0 -178px;}
				.sliderColButton.ShopNow {background-position:0 -117px;}
	
	/* Small Slider Elements */
	.header-inside {width:905px; height:226px; margin:0 auto; position:relative; clear:both;}
	
	#slideshow {position:relative; width:294px; height:350px; margin:0 auto;}
		#slideshow div.ss {position:absolute; top:0; left:0; z-index:8; opacity:0.0; visibility:hidden; height: 350px; background-color:#fff;}	
			#slideshow div.ss.active {z-index:10; opacity:1.0; visibility:visible;}	
			#slideshow div.ss.last-active {z-index:9;}
	/* END: Small Slider */
	
/* END: Slider */

/* Sub Navigation Elements */
#header-subnav {width:100%; margin:0 auto; background:url(../images/bkg_subnav-rpt.jpg) repeat-x top left;}
	#subnav {width:905px; height:20px; margin:0 auto;}
		#subnav ul {width:905px; list-style-type:none; padding-top:18px;}
			#subnav ul li {float:left; display:inline; background:url(../images/tlc_sprite.png) no-repeat; line-height:40px;}
				#subnav ul li a {display:block; margin-left:36px; padding:0 12px; background:url(../images/bkg_subnav-rpt.jpg) repeat-x 0 -13px;
					color:#fff; text-decoration:none; text-shadow: 0px 1px 0px #49ad3d;
					}
					#subnav ul li a:hover {color:#30539b; text-decoration:none; text-shadow: 0;}
			#subnav ul li.about-us {background-position:-8px -79px;}
			#subnav ul li.contact-us {background-position:-44px -79px;}
			#subnav ul li.employment {background-position:-85px -79px;}
			#subnav ul li.brochures {background-position:-121px -79px; padding-left:-8px;}
			#subnav ul li.videos {background-position:-161px -79px;}
			#subnav ul li.facebook {background-position:-202px -79px;}
			#subnav ul li.twitter {background-position:-243px -79px;}
			
	.tip {
		color: #fff; background:#1d1d1d; display:none; padding:10px; position:absolute; z-index:1000; 
	    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
		}
		
/* END: Sub Navigation */
			
/* Main Content Elements */
#content-area {width:905px; margin:0 auto;}
	#contentMain {width:581px; min-height:350px; padding:21px 30px 21px 0;}
		#contentMain.full {width:905px; padding:21px 0;}
		
		#contentMain h3 {padding-bottom:14px;}
		#contentMain p {padding:4px 0 10px 0; margin-bottom:  font-size:15px;}
		/*
		#contentMain p.intro {font:18px/28px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:0 0 15px 0;}
		*/
		#contentMain p.footnotes {font-size:12px; font-style:italic;}
		#contentMain ul {margin-left:25px; font-size:15px;}
			#contentMain ul li {padding:3px 0;}
		
		.icon-button {padding:10px 25px 0 0; float:left;}
			.icon-button a {font-size:16px; line-height:75px; color:#454B87; font-weight:bold; text-decoration:none;}
				.icon-button a:hover {color:#444;}
			.icon-button img {width:75px; height:75px; float:left; margin:0 20px 0 0;
				box-shadow:#ccc 0 0 5px; -webkit-box-shadow:#ccc 0 0 5px; -moz-box-shadow:#ccc 0 0 5px;
				}
	
	/* Check List Elements */	
	#listBox, #listBox2 {border:1px solid #ddd; -moz-border-radius:15px; -webkit-border-radius:15px; padding:8px 8px; margin-top:20px;}
		#listBox .title, #listBox2 .title, .servicelogin .title {
			padding:0 6px; position:relative; left:10px; top:-20px; margin-bottom:-8px; background-color:#fff;
			}
			#listBox .title.alt, #listBox2 .title.alt {text-align:left; padding:0 3px; left:0; top:-30px; text-align: center;}
		#listBox p, #listBox2 p {padding-left:15px; margin-top:-8px; position:relative;}
		#listBox ul, #listBox2 ul {width:240px; list-style-type:none; list-style-position:outside; margin-left:15px; padding-right:15px;}
			#listBox ul li, #listBox2 ul li {padding:3px 0 3px 28px; background:url(../images/tlc_sprite.png) no-repeat -439px -215px;}
		#listBox .check, #listBox2 .check {width:92px; height:72px; position:relative; top:40px; margin-top:-72px;
			background:url(../images/tlc_sprite.png) no-repeat -308px 0;
			}
			#listBox .check.alt, #listBox2 .check.alt {margin-top:-50px;}
	/* END: Check List */
	
	/* Login Form Elements */
	.servicelogin {width:561px; position: relative; border:1px solid #ddd; -moz-border-radius:15px; -webkit-border-radius:15px; padding:8px 8px; margin-top:20px;}
		.servicelogin form {width:272px; margin:0 15px; padding:13px 0 20px 0;}
			.servicelogin label {font-size:16px; line-height:22px; font-weight:normal;}
				.servicelogin label a.green-text {font-size:12px; color:#62ca58; text-decoration:underline;}
			.servicelogin input {width:100%; padding:4px; margin-bottom:13px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
			.servicelogin input.login {float:right; display:inline; width:72px; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; cursor:pointer;}
				.servicelogin input.login.alt {width:150px;}
					
		.servicelogin ul {width:200px; list-style-type:none; list-style-position:outside; padding:0 0 0 15px;}
			.servicelogin ul li {font-size:14px; padding:8px 0;}
				.servicelogin ul li a {font-weight:bold;}
		.servicelogin .icon {width:89px; height:71px; position:relative; top:40px; margin-top:-72px; background:url(../images/tlc_sprite.png) no-repeat -399px 0;}
	/* END: Login Form Elements */
		
	/* Sidebar Elements */
	#contentSidebar {width:294px; margin-top:18px; position:relative;}
	a#sidebar_ad {
		width:270px; padding:0 12px; margin-bottom:5px; display:block; text-indent:-9999px; position:relative; top:-10px;
		}		
		a#sidebar_ad.pinkScrubs {height:84px; background:url(../images/pink-scrubs-button.png) no-repeat 0 0;}
			a:hover#sidebar_ad.pinkScrubs {background-position:0 -84px;}
		a#sidebar_ad.rtls {height:168px; background:url(../images/rtls-sim-button.png) no-repeat 0 0;}
			a:hover#sidebar_ad.rtls {background-position:0 -168px;}
	
	h4.galleryTitle {font-size:23px; color:#70cd66; border-top:1px solid #ddd; padding:10px 12px;}
	
	ul.gallery {list-style-type:none; margin:8px 12px;}
		ul.gallery li {width:80px; height:80px; float:left; margin:0 10px 10px 0;}
			ul.gallery li a {width:80px; height:80px; display:block;}
			ul.gallery li:hover {box-shadow:#444 0 0 5px; -webkit-box-shadow:#444 0 0 5px; -moz-box-shadow:#444 0 0 5px;}	
		
	/* Homepage Sidebar */	
	#sidebar-top {width:294px; height:18px; background:url(../images/sidebar-top-bg.jpg) no-repeat 0 0;}
	#sidebar {width:270px; padding:0 12px; background:url(../images/sidebar-rpt-bg.jpg) repeat-y top left;}
		#sidebar .divider {width:270px;}
		#sidebar h4 {text-align:center;}
		#sidebar .whatsNew, #sidebar .emailNews {display:block; line-height:36px; background:url(../images/tlc_sprite.png) no-repeat;}
		#sidebar .whatsNew h4, #sidebar .emailNews h4 {display:block; text-align:left; line-height:36px; background:#f5f5f5;}
			#sidebar .whatsNew {margin-left:55px; background-position: -287px -77px;}
				#sidebar .whatsNew h4 {margin-left:45px;}
			#sidebar .emailNews {margin-left:25px; background-position: -325px -80px;}
				#sidebar .emailNews h4 {margin-left:55px; padding-left:5px;}
		
		#sidebar p {padding-bottom:8px; line-height:18px;}
			#sidebar p span.blue-text {font-weight:bold;}
			#sidebar p a {color:#30539b; text-decoration:underline;}
			
		#sidebar form {width:270px; padding-left:10px;}
			#sidebar form input {width:164px;}
			#sidebar form input.signup {width:72px}
		#contentSidebarEnd {width:270px; height:16px; padding:0 12px; background:url(../images/sidebar-bottom-bg.jpg) no-repeat top left;}
	/* END: Sidebar */
	
/* END: Main Content */

/* Sitemap Elements */
#footer-sitemap {width:100%; margin:0 auto; background:url(../images/bkg_footer-lrg.jpg) no-repeat top center;}
	#sitemap {width:905px; margin:0 auto; height:213px; padding-top:18px;}
		.sitemapCol {padding:0 13px;}
			.sitemapCol .start {padding:0 13px 0 0;}
			.sitemapCol .end {padding:0 0 0 13px;}
			.Vdivider {width:1px; height:200px; border-right:1px solid #7ba6cf;}
		#sitemap h4 {color:#fff; padding-bottom:15px;}
	#sitemap ul {list-style-type:none; list-style-position:outside; padding-right:8px; font-size:13px; line-height:18px;}
			#sitemap ul li {padding:4px 0; color:#fff;}
				#sitemap ul li a, #sitemap ul li ul li a {color:#e4e4e4; text-decoration:underline;}
					#sitemap ul li a:hover, #sitemap ul li ul li a:hover {color:#fff; text-decoration:none;}
			#sitemap ul li ul {list-style:disc; color:#e4e4e4; margin-left:10px;}
				#sitemap ul li ul li {padding:4px 0; margin-left:5px;}
/* END Sitemap */

/* Site Footer Elements */
#footer-end {width:100%; margin:0 auto; background:url(../images/bkg_footer-rpt.jpg) repeat-x top center;}
	#footer-endRow1 {width:905px; height:48px; margin:0 auto;}
		#footer-endRow1 p {line-height:48px;}
		#footer-endRow1 ul {list-style-type:none;}
		#footer-endRow1 ul li {float:left; width:26px; height:25px; margin:13px 0 0 12px; background:url(../images/tlc_sprite.png) no-repeat; text-indent:-9999px;}
			#footer-endRow1 ul li a {display:block; width:26px; height:25px; cursor:pointer;}
			#footer-endRow1 ul li.YouTube {background-position:-382px -86px;}
			#footer-endRow1 ul li.Facebook {background-position:-409px -86px;}
			#footer-endRow1 ul li.Twitter {background-position:-436px -86px;}
	#footer-endRow2 {width:905px; height:35px; margin:0 auto; position: relative;}
		#footer-endRow2 p {font-size:12px; line-height:35px;}
/* END: Site Footer */

/* MJ Site Tag (for alternate light logo use 'mj_sitetag-alt.png' instead) */
div.sitetag {width:245px; height:20px; position:absolute; left:288px; top:6px; padding:0;}
div.sitetag p {margin:0; float:left; font:11px/24px; position:relative; top:-5px; margin-bottom:-6px;}
div.sitetag a.mj-logo {
	width:92px; height:20px; float:right; display:block; text-indent:-9999px; 
	background:url(http://www.mediajunction.com/client_sitetag/mj_sitetag.png) no-repeat 0 0;
	}