/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main_wrapper {padding-bottom: 80px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -80px; /* negative value of footer height */
	height: 80px;
	clear:both;} 

/* CLEAR FIX*/
.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 */


/**********************
**** Custom Styling ***/

body {
	background-color: #6c95b1;
	font-size: 14px;
	line-height: 120%;
}

#bodyblock, #main, #gallery, #products {color: #fff; margin: 10px 0; margin-top: 250px; z-index: 1;}

.larger {font-size: 18px; line-height: 20px; margin: 5px 0 ;}

/* header */

#logo {
	height: 50px;
	margin: 10px 0;
}

#header_wrapper {position: fixed; z-index: 10; background: #80ADCC url(../frontend/headerback_dark.jpg) repeat-x top left; border-bottom: 2px solid #fff; height: 238px; width: 100%; top:0; left: 0;}

#header {
	height: 240px;
	width: 960px;
}

#header h1 {
	padding: 10px
}

#contact_details { text-align: right; margin: 30px 0 0 0;}

#contact_details p, #contact_details a {margin: 0; color: #fff;}
#contact_details a:hover {text-decoration: underline; color: #000;}

h1 {
	font-size: 40px;
	line-height: 42px;
	letter-spacing: -1px;
	color: #fff;
}

h2 {
	font-size: 32px;
	line-height: 38px;
	margin-bottom: 10px;
	color: #fff;
}
h5 {
	font-size: 32px;
	line-height: 30px;
	color: #fff;
}

#top_row {position: relative; margin-bottom: 20px; overflow: hidden; height: 540px; z-index: 1; }

/** register button **/

a#register_button span {display: none;}
a#register_button { background: url(../frontend/home_reg_buttons_dark.gif) no-repeat 0 -65px; height: 65px; width: 400px; display: block; }
a#register_button:hover { background: url(../frontend/home_reg_buttons_dark.gif) no-repeat 0 0; }


/** slider **/

#slideshow {width:390px; position: relative; z-index: 2;}
#slider_girl {position: absolute; right: 19px; top:-80px; z-index: 10; }
#slider {position: absolute; z-index: 3; left:20px;}
#slider img {padding: 10px; background-color: #fff;}

/** Navigation 

#navigation {
	margin:10px 0 0 0px;
}

#nav {
width: 950px;
height: 152px;
position: relative;
background: url(../frontend/navsprite_over.gif) no-repeat;
margin: 0;
padding: 0;
}

#nav li {
float: left;
list-style-type: none;
}

#nav li a {
position: absolute;
top: 0;
margin: 0;
padding: 0;
display: block;
height: 152px;
background: url(../frontend/navsprite_nml_orange.gif) no-repeat;
text-indent: -9999px;
overflow: hidden;
}

li#nav_home a {
left: 0;
width: 160px;
background-position: 0 0;
}

li#nav_gallery a {
left: 160px;
width: 160px;
background-position: -160px 0;
}

li#nav_info a {
left: 320px;
width: 150px;
background-position: -320px 0;
}

li#nav_join a {
left: 470px;
width: 160px;
background-position: -470px 0;
}

li#nav_login a {
left: 630px;
width: 160px;
background-position: -630px 0;
}

li#nav_contact a {
left: 790px;
width: 160px;
background-position: -790px 0;
}

li#nav_home a:hover, li#nav_home a.active {
background-position: 0 -152px;
}

li#nav_gallery a:hover, li#nav_gallery a.active  {
background-position: -160px -152px;
}

li#nav_info a:hover, li#nav_info a.active {
background-position: -320px -152px;
}

li#nav_join a:hover, li#nav_join a.active {
background-position: -630px -152px;
}

li#nav_login a:hover, li#nav_login a.active {
background-position: -392px -152px;
}

li#nav_contact a:hover, li#nav_contact a.active {
background-position: -490px -152px;
}
**/

/** Navigation **/

#navigation {
	margin:10px 0 0 0px;
}

#nav {
width: 950px;
height: 150px;
position: relative;
background: url(../frontend/navigation_shop_n.gif) no-repeat;
margin: 0;
padding: 0;
}

#nav li {
float: left;
list-style-type: none;
}

#nav li a {
position: absolute;
top: 0;
margin: 0;
padding: 0;
display: block;
height: 150px;
background: url(../frontend/navigation_shop_o.gif) no-repeat;
text-indent: -9999px;
overflow: hidden;
}

li#nav_home a {
left: 0;
width: 160px;
background-position: 0 0;
}

li#nav_gallery a {
left: 160px;
width: 130px;
background-position: -160px 0;
}

li#nav_info a {
left: 290px;
width: 124px;
background-position: -290px 0;
}

li#nav_join a {
left: 414px;
width: 130px;
background-position: -414px 0;
}

li#nav_login a {
left: 544px;
width: 136px;
background-position: -544px 0;
}

li#nav_shop a {
left: 680px;
width: 126px;
background-position: -680px 0;
}

li#nav_contact a {
left: 806px;
width: 144px;
background-position: -806px 0;
}

li#nav_home a:hover, li#nav_home a.active {
background-position: 0 -150px;
}

li#nav_gallery a:hover, li#nav_gallery a.active  {
background-position: -160px -150px;
}

li#nav_info a:hover, li#nav_info a.active {
background-position: -290px -150px;
}

li#nav_join a:hover, li#nav_join a.active {
background-position: -414px -150px;
}

li#nav_login a:hover, li#nav_login a.active {
background-position: -544px -150px;
}

li#nav_shop a:hover, li#nav_shop a.active {
background-position: -680px -150px;
}

li#nav_contact a:hover, li#nav_contact a.active {
background-position: -806px -150px;
}

/* Top Strap welcome text */

#welcome_text {margin: 10px 0;}
#welcome_text h1 { font-size: 48px; color: #fff;}
#welcome_text h5 { font-size: 22px; color: #fff;}
#welcome_text span { color: #FF9933;}
#offerdisc  { font-size: 10px; color: #fff;}

/* Register Button */

#register {
	float: right;
	margin: -40px 20px 0 0;
	z-index: 10;
	position:relative;
}

/* Screengrab */
.grab_spacer {
	margin-top: 20px;
}

.grab h2 {
	color: #F2FFE2;
	font-size: 28px;
	padding: 0;
	margin-bottom:5px;
}

.grab { color: #fff; font-size: 14px; line-height: 130%; }


/** Middle **/

#middle_row {margin: 10px 0 0 0;}
#easy_box {background-color: #FF7F00; border: 4px solid #fff; border-radius:10px; -moz-border-radius: 10px; -webkit-border-radius:10px; }
#easy_box_content {padding: 20px;}

#easy_box_content ul {margin: 0; padding: 0;}
#easy_box_content ul li {list-style: none; font-size: 18px; line-height: 21px; height: 50px;}
#easy_box_content ul li a {color: #000000;}
#easy_box_content ul li a:hover {text-decoration: none;}
#easy_box_content ul li#easy_one {background: url(../frontend/easy_one.gif) no-repeat 0 50%; margin-bottom: 20px; padding-left: 60px; }
#easy_box_content ul li#easy_two {background: url(../frontend/easy_two.gif) no-repeat 0 50%; margin-bottom: 20px; padding-left: 60px; }
#easy_box_content ul li#easy_three {background: url(../frontend/easy_three.gif) no-repeat 0 50%; margin-bottom: 0px; padding-left: 60px; }


/** Bottom Row **/

#bottom_row {margin: 10px 0 0 0; position: relative;  height: 418px;}
#bottom_row_container { padding:48px 0 0 0;  }
#bottom_row h3 {margin: 0; padding: 0; font-size: 24px; line-height: 28px; padding: 10px 0px; width: 350px; color:#FFFFFF;}

#girl_over {right: 297px;  top:3px; position: absolute; z-index: 20; width: 187px; height: 147px; }

#example_container {position: absolute; z-index: 2; height: 270px;}
#examples {margin: 0 ; padding: 0;}
#examples li {list-style: none; float: left; display: inline; margin-right: 15px; background-color: #fff;}
#examples li#last {margin-right: 0px;}
#examples li a img {padding: 10px; background-color: #fff;}

#more_examples {padding: 5px 0px; float: right; margin: 0 0 30px 0; }
#more_examples a {color:#C9DFB9; text-decoration: none; background: url(../frontend/example_arrow_green.gif) no-repeat 100%  50%; padding-right: 10px; font-size: 14px; line-height: 18px;}
#more_examples a:hover {text-decoration: none; background: url(../frontend/example_arrow_white.gif) no-repeat 100%  50%; color: #fff;}

.prev, .next {cursor: pointer;}

#level {z-index: 2;}

/** Main **/

#main {color: #fff;}

#main h2 {color: #E2F4D0;}

/* Member Pack Form */

#memberpack, #memberpack h2 {
	color: #37536D;
}

.home_input {
	border:1px solid #fff;
	padding: 5px;
	width: 200px;
}

#memberpack label {
	color: #37536D;
	font-weight: bold;
}

#memberpack .star_error {
	margin-left: 10px;
	color: red;
	font-weight: bold;
	font-size: 18px;
}

/* Testimonials */
#testimonials {margin: 20px 10px; background: url(../frontend/quote_left_green.gif) no-repeat top left; }
#quote {margin-bottom: 10px; color: #C9DFB9; padding-left: 40px; font-size: 18px;}
#author {color: #C9DFB9;  background: url(../frontend/quote_right_green.gif) no-repeat bottom right; line-height: 30px; padding:10px 40px 10px 40px;}


/* Form */

/* Dark Grey Button - for forms */
.button {text-decoration: none;cursor: pointer; padding:6px 16px; background-color:#C9DFB9; border: 2px solid #fff; font-size: 14px; color: #003366; text-align: center; font-weight: bold; -moz-border-radius: 10px; border-radius:10px; -webkit-border-radius:10px; margin-top: 10px;}
.button[class]{width: auto;} /*ie ignores [class]*/
.button:hover {background-color:#ff9966; color: #fff;}

.button-orange {text-decoration: none;cursor: pointer; padding:6px 16px; background-color:#C9DFB9; border: 2px solid #fff; font-size: 14px; color: #003366; text-align: center; font-weight: bold; -moz-border-radius: 10px; border-radius:10px; -webkit-border-radius:10px; margin-top: 10px;}
.button-orange [class]{width: auto;} /*ie ignores [class]*/
.button-orange:hover {background-color:#37526C; color: #fff;}

/* Larger Button - for forms */
#larger_button_spacer {margin:5px 0px 0 0;}
.larger_button {text-decoration: none; display: block; padding:10px; background-color:#C9DFB9; border: 2px solid #fff; font-size: 14px; color: #003366; text-align: center; font-weight: bold; -moz-border-radius: 10px; border-radius:10px; -webkit-border-radius:10px; margin-top: 10px;}
.larger_button[class]{width: auto;} /*ie ignores [class]*/
.larger_button:hover {background-color:#FF7F00; color: #fff;}

.general-form {
	margin: 10px 0 20px 0;
}

.general-form label {
	margin-top: 3px;
}

.general-form p {
	margin-bottom: 2px;
}

.registertext {
	border:1px solid #fff;
	padding: 5px;
	margin:0.5em 0;
	width:200px;
}

.registerbox{
	border: 1px solid #ccc;
}

.cdstext {
	border:1px solid #fff;
	padding: 5px;
	margin:0.5em 0;
	width:300px;
}

.cdstextarea {height: 150px;}

.contact-error, .contact-error-area {
padding:.5em;
margin-bottom:1em;
border:2px solid #FBC2C4;
background:#FBE3E4;
color:#8a1f11;
text-align: center;
font-weight:bold;
}

.contact-error-area {
vertical-align:top;
}

.reg-error, .reg-error-area {
background:#FBE3E4;
color:#8a1f11;
padding:.5em;
border:2px solid #FBC2C4;
text-align: center;
font-weight:bold;
margin-bottom:1em;
}

/* Contact Details */

#side-contact {
	margin-top:10px;
}

#side-contact h3 { margin:40px 0 5px 0 ; padding: 0; color:#E2F4D0; }

#map_canvas {
	border:1px solid #fff;
	width: 230px;
	height: 230px;
}

#side-contact address {
	margin: 20px 0;
	color: #fff;
	font-style: normal;
	font-size: 16px;
	line-height: 120%;
}

/* Gallery */

#gallery {
	margin-bottom: 40px;
}

#gallery p {
	color: #fff;
}

#gallery .thumb {
	float: left;
	width: 113px;
	height: 113px;
	margin: 0 15px 15px 0;
}

#gallery .thumb a img {
	border: 2px solid #fff;
}


#gallery .thumblast {
	float: left;
	width: 113px;
	height: 113px;
	margin: 0 0px 15px 0;
}

#gallery .thumb a:hover img { border: 2px solid #bee4f0; }

/* products */

#products {
	margin-bottom: 40px;
}

#products p {
	color: #fff;
}

#products .thumb {
	float: left;
	
	margin: 0 15px 5px 0;
}

#products .thumb p {padding: 5px 0;}

#products .thumb a img {
	border: 2px solid #fff;
	width: 226px;
	height: 226px;
}


#products .thumblast {
	float: left;
	margin: 0 0px 5px 0;
}

#products .thumb a:hover img { border: 2px solid #bee4f0; }

/* Pagination */

.pagination {

padding-top: 5px;
}
.pagination strong, .pagination a {
border:1px solid #fff;
padding:5px;
color: #fff;
}
.pagination strong {
color: #000033;
background-color:#FFFFFF;
}

/* Text Pages */

#text {
	color: #fff;
}

#text ol li, #text ul li, #text ul li ul li {
	margin-bottom: 10px;
}

#text ul li ul {margin: 5px 0 5px 10px;}

#text ul li ul li {list-style-type: circle;}

#text h2, #text a, .grab a {
	color:#F2FFE2;
}


#text h4 {
	color:#FFFFFF;
}

#text a:hover, .grab a:hover {color:#F2FFE2; text-decoration: none;}

#blue_boxout {background-color:#336699; text-align: center; border-radius:10px; -moz-border-radius: 10px; -webkit-border-radius:10px; padding: 10px; color: #fff;}



.imgleft {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	border:2px solid #fff;
}

.imgright {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	border:2px solid #fff;
}

#side ul {
border-top:1px solid #fff;
margin:50px 0 30px;
padding:0;
}
#side ul li {
border-bottom:1px solid #fff;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
#side ul li a {
color:#fff;
display:block;
padding:10px 5px 10px 20px;
background: url(../frontend/arrow_o.gif) no-repeat 5px 50%;
text-decoration:none;
}
#side ul li a:hover {
background:#fff url(../frontend/arrow_n.gif) no-repeat 5px 50%;
color:#37536D;
}

/** Existing **/

#existing a {color: #E2F4D0;}
#existing a:hover {color: #E2F4D0;}

/** Login Call To action **/

#login_side {margin-top: 30px;}

/** back to top link **/

.top {border-top:1px solid #fff; margin: 10px 0; width: 830px; color: #003366;}
.top a {padding:3px; background-color: #E2F4D0; color: #003366; text-decoration: none; font-size: 11px; margin-top: 3px;}
.top a:hover { background-color: #fff;}

/** Rates table **/
#funds_table {border-top:1px solid #fff; border-left: 1px solid #fff;}
#funds_table tr td, #funds_table tr th {border-collapse:collapse; border-right:1px solid #fff; border-bottom: 1px solid #fff;}
#funds_table tr th {color: #E2F4D0; font-size: 14px; }
#funds_table tr.odd {background-color:#97c0dc;}

/* Footer Wrapper */
#footer_wrapper {
	clear:both;
	border-top:1px solid #fff;
}

#footer_wrapper p {
	padding: 0 10px;
	margin: 0;
	line-height: 40px;
}

#footer_wrapper p, #footer_wrapper a {
	color: #fff;
	
}

#footer_wrapper a {
	text-decoration: underline;
}

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

/** Shop **/

#try-it-box {
	margin-top: 50px;
}

#art-larger {font-size: 16px; line-height: 21px;}

#video-box-wrapper h2 {color: #fff;}

#video-box-wrapper { background-color: #FF7F00; border: 4px solid #fff; border-radius:10px; -moz-border-radius: 10px; -webkit-border-radius:10px; 
	padding: 10px; margin-top: 5px;}

#video-box-wrapper  p {margin-bottom: 0; float: left; }

#video-box-wrapper img.port-left {float: left; margin-right: 10px; padding: 0;}

/*** TRASH 

#home_testimonial {
	background: url(../layoutimages/kid_quote.png) no-repeat bottom right;
	width: 240px;
	height: 238px;
}

#home_testimonial blockquote {
	font-style: normal;
	font-size: 16px;
	line-height: 22px;
	color: #000;
	width: 240px;
	height: 60px;
	padding: 10px 0px 5px 0px;
	margin: 15px 10px 5px 5px;
	text-align: center;
}

#home_testimonial cite {
	padding: 0;
	margin-left:60px;
	width: 240px;
	text-align: center;
}

#home_testimonial cite a {
	color: #37536D;
	text-decoration: none;
}

#home_testimonial cite a:hover {
	text-decoration: underline;
}


.button{
 background: url(../layoutimages/buttonback.png) no-repeat 0 50%;
 font-size: 14px;
 color: #37536D;
 font-weight: bold;
 cursor: pointer;
 line-height: 40px;
 text-align: center;
 width: 150px;
 height: 41px;
 border: none;
}


.reckoner {
	border: 1px solid #fff;
}

.reckoner tr th {
	border: 1px solid #fff;
	background-color: #D5D3C5;
	color: #37536D;
}


.reckoner tr td {
	border: 1px solid #fff;
}

.darklink a {
	color: #000000;
}


#strapline {
	background-color: #fff;

	position: relative;
	z-index: 1;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	width: 850px;
	height: 241px;
	padding: 10px;
}

#strapline h2 {
	font-size: 32px;
	line-height: 36px;
	color : #FA4F5F;
}

#strapline a {
	color : #FA4F5F;
}

#strapline a:hover {
	color: #bee4f0
}

#strapline ul {
	margin: 0;
	padding: 0 0 20px 0;
}

#strapline ul li {
	list-style: none;
	background: url(../layoutimages/star_icon.jpg) no-repeat 0 50% ;
	font-size: 15px;
	line-height: 130%;
	min-height: 30px;
	margin-bottom: 10px;
	padding:3px 0 3px 30px;
	vertical-align: middle;
}




.darklink a {
	color:#000000;
}

***/