/*-----------------------------------------------------------------------------
RS Enthalpy Style Sheet 

version:   1.0
author:    Jason Price
email:     Unleahsedgenius@gmail.com
website:   http://www.rs-enthalpy.com
-----------------------------------------------------------------------------
 General
-----------------------------------------------------------------------------
 Class for clearing floats */
.clear {
clear:both
}

#subFooter div:after,#header div:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden
}

/* Remove border around linked images */
img {
border:0
}

#container {
	margin:0 auto;
	min-height:600px;
	min-width:800px;
	padding:0;
	position:relative;
	width:100%
}

.left {
float:left;
width:100%
}

.right {
float:right;
width:100%
}

a {
color:#8996A9;
text-decoration:none
}

a:hover {
text-decoration:underline
}

/* Set fixed width of central column */
#header div,#login div,#content div,#subFooter div,#footer div {
margin:0 auto;
position:relative;
width:925px
}

/* Remove fixed width for nested divs */
#header div div,#login div div,#content div div,#subFooter div div,#footer div div,#content div div {
margin:0 auto;
width:auto
}

/* Typography
-----------------------------------------------------------------------------*/
html {
font-size:78%
}

body {
background:url(../img/body_bg.jpg) repeat-y 50% 0;
font-family:"Myriad Pro", "Trebuchet MS", Tahoma, Verdana, sans-serif;
font-size:1.0em;
margin:0;
padding:0
}

/* Headings
-----------------------------------------------------------------------------*/
#header {
background:#BCC6D0 url(../img/header_bg.jpg) repeat-x;
border-bottom:1px solid #fff;
padding: 15px 10px 15px 20px;
}

#header h1 a {
color:#000;
float:left;
font-size:50px;
text-decoration:none;
width:100%
}

#header h1 a span {
font-size:.8em
}

h1,h2,h3,h4,ul {
margin:0
}

/* Banner
-----------------------------------------------------------------------------*/
#banner {
background:#000 url(../img/banner_bg.jpg) repeat-x;
color:#fff;
font-size:1.1em
}

#banner #image {
background:url(../img/banner_image.jpg) no-repeat center top;
padding:70px 600px 90px 0;
z-index:1
}

#banner div div {
margin:0 auto;
padding:0 0 0 80px;
position:relative;
width:325px
}

#banner * {
position:relative;
z-index:2
}

#banner h2 {
	font-size:2.2em;
	font-style:normal;
	font-weight:300
}

/* Main Nav
-----------------------------------------------------------------------------*/
#header ul {
	color:#fff;
	float:none;
	font-weight:400;
	list-style-type:none;
	padding:0;
	width:100%
}

#header li {
	float:left;
	font-size:1.3em;
	width:15%;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
}

#header li.blank {
padding-left:0
}

#header li a {
background:url(../img/button_left.png) no-repeat left top;
color:#fff;
cursor:pointer;
display:block;
height:43px;
overflow:hidden;
padding-left:27px;
text-decoration:none
}

#header li a span {
	background:url(../img/button_right.png) no-repeat right top;
	cursor:pointer;
	display:block;
	height:43px;
	line-height:33px;
	overflow:hidden;
	padding-top: 6px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 7px;
}

#header li a:hover {
background:url(../img/button_left.png) no-repeat 0 -43px
}

#header li a:hover span {
background:url(../img/button_right.png) no-repeat 100% -43px
}

#header li a.on,#header li a.on:hover {
background:url(../img/button_left.png) no-repeat 0 -86px
}

#header li a.on span,#header li a.on:hover span {
background:url(../img/button_right.png) no-repeat 100% -86px
}

/* Login Bar
-----------------------------------------------------------------------------*/
#login {
background:url(../img/login_bg.jpg) repeat-x;
height:64px
}

.loginBar {
padding:10px 0 0 9.17em;
position:relative
}

.loginBar legend span {
color:#fff;
font-size:4em;
left:0;
position:absolute;
top:0
}

.loginBar input {
font-family:"Myriad Pro", "Lucida Grande", "Lucida Sans", "Trebuchet MS", Tahoma, Verdana, sans-serif;
font-size:1.9em;
height:auto;
margin:0 0 0 20px;
padding:5px;
vertical-align:top;
width:275px
}

.loginBar input:focus {
border:4px solid #8996A9;
padding:2px
}

.loginBar p {
float:left;
height:1%;
margin:10px 0 5px
}

.loginBar p:after {
clear:both;
content:".";
display:block;
font-size:0;
height:0;
visibility:hidden
}

.loginBar p label {
display:block;
float:left;
margin-right:30px;
width:15%
}

.loginBar button.loginbtn {
margin-left:13px
}

.loginBar button.loginbtn,a.loginbtn,#contact button.btn,a.btn {
background:url(../img/login_button.png) no-repeat;
border:none;
color:#000;
cursor:pointer;
font-family:"Trebuchet MS", Tahoma, Verdana, sans-serif;
font-size:.85em;
font-weight:400;
overflow:visible;
padding:12px 4px 13px 7px;
text-decoration:none;
width:77px
}

.loginBar button.loginbtn a {
color:#000
}

.loginBar button.loginbtn img,a.loginbtn img,#contact button.btn img,#contact a.btn img {
border:none;
height:16px;
margin:0 3px -3px 0;
padding:0;
width:16px
}

/* Main Content
-----------------------------------------------------------------------------*/
#content {
background:url(../img/content_bg.jpg) repeat-x;
min-height:400px
}

#content #rightColumn *,#content #leftColumn * {
	position:relative;
	z-index:2;
}

#content #leftColumn .leftGlow {
background:url(../img/glow.png) no-repeat;
left:0;
padding:175px 302.5px;
position:absolute;
top:0;
z-index:1
}

#content a {
color:#DEE1E7
}

#content #leftColumn {
background:#a2abb9 url(../img/content_div.jpg) no-repeat 3%;
float:left;
min-height:480px;
padding:15px 25px 15px 40px;
width:540px
}

#leftColumn h3 {
color:#586579;
font-size:2.2em;
font-weight:400;
padding:10px 0
}

#content .banner a {
background:url(../img/content_imageborder.png) no-repeat;
border:none;
color:#000;
display:block;
height:34px;
padding:20px 20px 20px 150px;
width:348px
}

.banner {
background:url(../img/content_image.jpg) no-repeat 7px 7px;
z-index:2
}

.banner span {
bottom:3px;
color:#fff;
position:absolute !important;
right:25px
}

/* About Page */
#leftColumn .aboutImage {
float:left;
padding:0 20px 10px 0
}

#leftColumn ul {
padding-left:25px
}

/* Secondary Content
-----------------------------------------------------------------------------*/
#content #rightColumn {
	background:#000;
	color:#fff;
	float:right;
	padding:15px;
	width:290px
}

#content #rightColumn .rightGlow {
background:url(../img/glow_right.png) no-repeat;
left:0;
padding:175px 160px;
position:absolute;
top:0;
z-index:1
}

#rightColumn h3 {
font-size:1.6em;
font-weight:400;
padding:10px 0 8px 15px
}

#rightColumn ul.listText,#rightColumn ul.listTick,#rightColumn p {
list-style-type:none;
margin:10px 0 10px 15px;
padding:0;
position:relative;
z-index:2
}

#rightColumn ul.listText li {
background:url(../img/script.png) no-repeat left center;
padding:5px 0 10px 30px;
position:relative;
z-index:2
}

#rightColumn .divider {
background:url(../img/content_right_div.jpg) no-repeat center bottom;
margin-bottom:15px;
padding:0 0 30px
}

.quote {
background:transparent url(../img/quote_right.jpg) no-repeat 100% 100%;
padding-right:20px
}

blockquote {
background:url(../img/quote_left.jpg) no-repeat 0 0;
margin:15px;
padding:0 30px
}

#rightColumn ul.listTick li {
background:url(../img/bullet_tick.png) no-repeat left center;
font-weight:700;
padding:5px 0 10px 30px
}

/* Contact Page */
#details {
float:left;
font-size:1.1em;
list-style-type:none;
padding:20px
}

#details li {
padding:10px 10px 10px 30px
}

#details li.name {
background:url(../img/16-member.png) no-repeat left center
}

#details li.address {
background:url(../img/book_addresses.png) no-repeat left center
}

#details li.email {
background:url(../img/email.png) no-repeat left center
}

#details li.phone {
background:url(../img/phone.png) no-repeat left center
}

/* Sub Footer
-----------------------------------------------------------------------------*/
#subFooter {
background:#363c44 url(../img/subFooter_bg.jpg) repeat-x;
border-bottom:1px solid #42474c;
border-top:1px solid #333;
clear:both;
min-height:1px
}

#subFooter .leftBox {
float:left;
padding:40px 0;
width:410px
}

#subFooter * {
z-index:2
}

#subFooter .leftBox a {
color:#000;
float:right;
font-style:italic
}

#subFooter .leftBox h4 {
font-size:1.3em
}

#subFooter .leftBox h3 {
font-size:1.5em
}

#subFooter .leftBox p {
border-bottom:1px solid #000;
padding-bottom:10px
}

#subFooter .box {
background:url(../img/subFooter_box.png) no-repeat;
float:right;
margin-top:18px;
padding:35px 0 50px;
width:20px;
z-index:2
}

#subFooter .box div {
padding:0 35px
}

#subFooter .box h3,table tfoot tr td a {
color:#000;
font-size:1.5em;
font-weight:700;
padding-top:5px;
text-align:right
}

#subFooter .subFooterGlow {
	background:url(../img/subFooter_glow.png) no-repeat;
	left:12px;
	padding:163px 20px;
	position:absolute;
	top:-1px;
	z-index:1;
	width: 85px;
}

/* Footer
-----------------------------------------------------------------------------*/
#footer {
background:#000 url(../img/footer_bg.jpg) repeat-x;
min-height:180px
}

#footer .footerGlow {
	background:url(../img/footer_glow.png) no-repeat;
	left:100px;
	padding:62.5px 357.5px;
	position:absolute;
	top:0;
	z-index:1
}

#footer ul {
color:#363a42;
float:left;
font-size:.8em;
font-weight:400;
list-style-type:none;
margin-top:45px;
padding:0;
position:relative;
top:9px;
z-index:1
}

#footer li {
float:left;
font-size:1.3em;
padding:10px
}

#footer li a {
color:#363a42;
margin-right:20px;
text-decoration:none
}

#footer li a:hover {
color:#8996A9
}

#footer span {
	color:#363a42;
	margin-top:57px;
	padding-top:8px;
	position:absolute;
	right:0;
	top:0;
	z-index:1
}

#footer p.right {
border-top:1px solid #363a42;
color:#363a42;
padding-top:10px;
text-align:right;
width:925px;
z-index:1
}

/* Forms
-----------------------------------------------------------------------------
 Removes fieldset borders */
fieldset {
border:1px solid transparent;
margin:0;
padding:0
}

#contact legend {
display:none
}

#contact label {
display:block
}

#contact input {
width:420px
}

#page-wrap {
	width: 660px;
	background: white;
	padding: 20px 50px 20px 50px;
	margin: 20px auto;
	min-height: 500px;
	height: auto !important;
	height: 500px;
}

#contact-area input.submit-button {
	width: 75px;
	float: right;
 }
 
#contact-area {
	width: 600px;
	margin-top: 25px;
}

#contact-area {
	width: 600px;
	margin-top: 25px;
}

#contact-area input, #contact-area textarea {
	padding: 3px;
	width: 90%;
	font-family: Helvetica, sans-serif;
	font-size: 1.0em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #900;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
}

label {
	float: none;
	text-align: left;
	margin-right: 1px;
	width: 15%;
	padding-top: 3px;
	font-size: 1.1em;
}
/* Tables
-----------------------------------------------------------------------------*/
table {
border-collapse:collapse;
border-spacing:0
}

caption {
font-size:1.5em;
font-weight:700;
padding:0 0 10px;
text-align:left
}

table thead th {
border-bottom:1px solid #222;
font-size:1.1em;
font-weight:400
}

table tbody td {
font-size:1.1em;
font-weight:400;
text-align:center
}

table tbody td,table thead th {
	padding:18px
}

table .first {
border-left:0
}

table tfoot td {
padding:7px 0 0;
text-align:right
}

table td:hover,thead th:hover,tfoot td a:hover {
color:#8996A9;
cursor:pointer
}