/*   
Theme Name: Summit Rehab
Description: Summit Rehab Theme Template
Author: MDS Media Group
Version: 1.0
*/

/* ----------------------------------------------
   HTML ELEMENTS
------------------------------------------------- */ 
/* Top Elements */
	body {font-family: "Lucida Grande", "Liberation Sans", Verdana, sans-serif; font-size: 12px; color: #006a31; background: url(images/bg.png) repeat top left; text-align: center;}

/* Links */
	a {color: #019a8d;}
	a:hover {text-decoration: none;}

/* Text */
	@font-face {font-family: Fontin Sans; src: url('Fontin_Sans_R_45b.otf');}
	@font-face {font-family: Fontin Sans; font-weight: bold; src: url('Fontin_Sans_B_45b.otf');}
	ul, ol {margin: 0px 0px 15px 25px;}
	p {margin-bottom: 15px;}
	h1 {font-size: 1.2em; margin-bottom: 10px;}
	h2 {font-size: 1em; margin-bottom: 10px;}

/* Elements */
	table {border: none;}
	.clear {clear: both;}
	.left {float: left;}
	.right {float: right;}

/* Form Elements */
	input[type="text"] {width: 230px;}
	label {display: block; margin: 5px 0px;}
	input[type="submit"] {float: right;}

/* Corners */
	div .corners {-webkit-border-radius: 11px; -moz-border-radius: 11px; border-radius: 11px;}

/* Clearfix */
	.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	.clearfix {display: inline-block;}
	/* Hides from IE-mac \*/
	* html .clearfix { height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */

/*------------------------------------------
   LAYOUT
-------------------------------------------*/
#top_bg {width: 100%; height: 470px; position: absolute; top: 0px; left: 0px; background: url(images/home_top_bg.png) repeat-x top left; z-index: -99999;}

#wrap {width: 960px; min-height: 800px; margin: 0 auto; text-align: left;}

#navigation {width: 960px; height: 29px; text-align: right;}
	#navigation ul {float: right; margin-top: 7px; text-align: left;}
	#navigation ul li {float: left;}
	#navigation ul li ul {margin-top: -9px; z-index: 9999;}

#masthead {width: 600px; height: 435px; background: url(images/home_masthead_bg.png) no-repeat top left; position: relative; padding: 65px 0px 0px 360px; margin-top: 10px;}
	#masthead span {width: 225px; display: block; position: absolute; top: 190px; left: 52px;}
	#masthead span h4 {font: 1.6em Fontin Sans; font-weight: bold; color: #278352; text-shadow: 1px 1px 0px #d9db9d; text-transform: uppercase;}
	#masthead span h4 em {font-size: 1.9em; font-style: normal; letter-spacing: 2.5px;}
	#masthead span p {text-align: justify; line-height: 17px; color: #000;}

#content {width: 900px; min-height: 400px; padding: 40px 10px 30px 50px; background: url(images/home_content_bg.png) no-repeat top left;}
	 #content ul {list-style: disc;}

.column {width: 260px; margin-right: 40px; float: left;}
	.column img {background: url(images/opq_white.png) repeat top left; border: solid 1px #fff; padding: 8px; margin: 10px 0px;}
	.column p {line-height: 20px;}
	.column ul li {line-height: 20px;}
	.column #facebook img {background: none; border: none; position: absolute; top: 5px; left: 5px; margin: 0px; padding: 0px;}
	.column #facebook {display: block; position: relative; background: url(images/opq_white.png) repeat top left; border: solid 1px #fff; padding: 10px 10px 10px 55px; margin: 10px 0px; font-size: 1.3em; font-weight: bold; text-decoration: none;}
	.column #facebook:hover {text-decoration: underline;}

#footer {width: 100%; height: 250px; background: #278352; color: #fff; font-size: .9em;}
	#footer_content {width: 900px; margin: 0 auto; padding: 15px 0px 0px 50px; text-align: left;}
	#footer_content h4 {font-size: 1.1em; margin: 0px;}
	#footer_content a {color: #fff;}
	#footer_content h3 {font-size: 2.4em; font-weight: normal; font-family: Fontin Sans; color: #1b5b39; text-shadow: 0px 1px 1px #509a73; margin: 0px 0px 10px 0px; border: none; font-style: normal;}

/* Slider */
#loopedSlider {width: 540px; position: relative;}
.container {width: 540px; height: 315px; overflow: hidden; position: relative; cursor: pointer;}
.slides {position: absolute; top: 0; left: 0;}
.slides div {position: absolute; top: 0; width: 540px; display: none;}
.previous {width: 20px; height: 35px; position: absolute; top: 130px; left: -30px; display: block; text-indent: -9999px; z-index: 9999;}
.next {width: 20px; height: 35px; position: absolute; top: 130px; right: -30px; display: block; text-indent: -9999px;}