/* Reset page */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
 font-size: 100%;
 vertical-align: baseline;
 background: transparent;
}
body
{
 line-height: 1;
 color:#000;
}
#cardsNav ol, ul
{
 list-style: none;
}
blockquote, q
{
 quotes: none;
}
 
:focus
{
 outline: 0;
}
 
ins
{
 text-decoration: none;
}
del
{
 text-decoration: line-through;
}
 
table
{
 border-collapse: collapse;
 border-spacing: 0;
}

/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/


/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	position:relative;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
	width:60px;
}

.container_12 .grid_2 {
	width:140px;
}

.container_12 .grid_3 {
	width:220px;
}

.container_12 .grid_4 {
	width:300px;
}

.container_12 .grid_5 {
	width:380px;
}

.container_12 .grid_6 {
	width:460px;
}

.container_12 .grid_7 {
	width:540px;
}

.container_12 .grid_8 {
	width:620px;
}

.container_12 .grid_9 {
	width:700px;
}

.container_12 .grid_10 {
	width:780px;
}

.container_12 .grid_11 {
	width:860px;
}

.container_12 .grid_12 {
	width:940px;
}



/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
	padding-left:80px;
}

.container_12 .prefix_2 {
	padding-left:160px;
}

.container_12 .prefix_3 {
	padding-left:240px;
}

.container_12 .prefix_4 {
	padding-left:320px;
}

.container_12 .prefix_5 {
	padding-left:400px;
}

.container_12 .prefix_6 {
	padding-left:480px;
}

.container_12 .prefix_7 {
	padding-left:560px;
}

.container_12 .prefix_8 {
	padding-left:640px;
}

.container_12 .prefix_9 {
	padding-left:720px;
}

.container_12 .prefix_10 {
	padding-left:800px;
}

.container_12 .prefix_11 {
	padding-left:880px;
}



/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
	padding-right:80px;
}

.container_12 .suffix_2 {
	padding-right:160px;
}

.container_12 .suffix_3 {
	padding-right:240px;
}

.container_12 .suffix_4 {
	padding-right:320px;
}

.container_12 .suffix_5 {
	padding-right:400px;
}

.container_12 .suffix_6 {
	padding-right:480px;
}

.container_12 .suffix_7 {
	padding-right:560px;
}

.container_12 .suffix_8 {
	padding-right:640px;
}

.container_12 .suffix_9 {
	padding-right:720px;
}

.container_12 .suffix_10 {
	padding-right:800px;
}

.container_12 .suffix_11 {
	padding-right:880px;
}



/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {
	left:80px;
}

.container_12 .push_2 {
	left:160px;
}

.container_12 .push_3 {
	left:240px;
}

.container_12 .push_4 {
	left:320px;
}

.container_12 .push_5 {
	left:400px;
}

.container_12 .push_6 {
	left:480px;
}

.container_12 .push_7 {
	left:560px;
}

.container_12 .push_8 {
	left:640px;
}

.container_12 .push_9 {
	left:720px;
}

.container_12 .push_10 {
	left:800px;
}

.container_12 .push_11 {
	left:880px;
}



/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {
	left:-80px;
}

.container_12 .pull_2 {
	left:-160px;
}

.container_12 .pull_3 {
	left:-240px;
}

.container_12 .pull_4 {
	left:-320px;
}

.container_12 .pull_5 {
	left:-400px;
}

.container_12 .pull_6 {
	left:-480px;
}

.container_12 .pull_7 {
	left:-560px;
}

.container_12 .pull_8 {
	left:-640px;
}

.container_12 .pull_9 {
	left:-720px;
}

.container_12 .pull_10 {
	left:-800px;
}

.container_12 .pull_11 {
	left:-880px;
}




/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* -------------------------------------------------------------------------------------- */
body
{
	position: relative;
	background-color: #E0E1E5;
	font-family:Arial, Helvetica, sans-serif;
	line-height:20px;
	font-size:12px;
}
.rightmargin
{
	margin-right:20px;
}
#topbar
{
	position:relative;
	float:left;
	width:100%;
	height:103px;
	color:#fff;
	background-color:#000;
	padding:0;
}
#topbar .logo
{
	position:absolute;
	top:18px;
	left:0;
	width:146px;
	height:69px;
	background:url(../images/logo.png) no-repeat top left;
}
#header
{
	position:relative;
	float:left;
	height:234px;
	width:100%;
	background:url(../images/orange_bg.jpg) repeat-x top left;
}
#Subheader
{
	position:relative;
	float:left;
	height:100px;
	width:100%;
	background-color:#fb6b0a;
}
#header .container_12 .headImg
{
	position:absolute;
	top:8px;
	left:110px;
	float:left;
	width:206px;
	height:217px;
	background:url(../images/show_frog.png) no-repeat top left;
}

#header .container_12 h1, #Subheader .container_12 h1
{
	position:absolute;
	top:53px;
	left:350px;
	float:left;
	width:400px;
	height:16px;
	color:#fff;
	font-size:25px;
}
#header .container_12 .subTxt
{
	position:absolute;
	top:88px;
	left:350px;
	float:left;
	width:400px;
	color:#fff;
	font-size:16px;
	line-height:20px;
}
#header .container_12 h2
{
	width:400px;
	color:#fff;
	font-size:20px;
	line-height:20px;
}
/* Nav */
ul#mainNav
{
	float: right;
	font-size:15px;
	height:15px;
	line-height:15px;
	margin-top:20px;
}
ul#mainNav li
{
	float: left;
	margin-left: 24px;
}
ul#mainNav a
{
	font-size: 16px;
	color: #ddd;
	text-decoration: none;
}
ul#mainNav a:hover
{
	/* border:1px solid #f00;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding:5px; */
	color:#fc6401;
}

ul#mainNav a:active
{
	text-decoration:none;
}

/* ------------------------------------ */


#content
{
	float:left;
	width:100%;
	
	background-color: #fff;
}
.content-center
{
	float:left;
	width: 780px;
	position: relative;
	left: 50%;
	padding:20px 0;
	margin-left: -375px; /* half the width of the div */
}
.buttons-center
{
	float:left;
	padding:20px 0;
}
#content h1
{
	font-size:18px;
	margin-bottom:10px;
}
#content p
{
	margin-bottom:15px;
	color:#616161;
}
.colOneIcon
{
	width:178px;
	height:31px;
	margin-left:12px;
	background:url(../images/buttons.png) no-repeat top left;
}

#content span
{
	float:left;
}
#content .colTitles
{
	padding-left:30px;
	width:148px;
	line-height:31px;
	margin-bottom:10px;
	font-size:14px;
	color:#616161;
	font-weight:bold;
}

#content .column
{
	float:left;
	width:220px;
}
/* contact form */
#formContainer
{
	float:left;
	width:356px;
}
div.contact div#col1
{
	width: 285px;
}
form#contactForm
{
	width: 356px;
	padding: 15px 0 0 0;
	background-image: none;
}
form#contactForm div
{
	float: left;
	width: 356px;
	margin-bottom: 8px;
}
form#contactForm div#sent
{
	float: left;
	width: 314px;
	padding: 20px 20px 10px 20px;
	border: 1px solid #fb6b0a;
	background-color: #ffad4a;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
form#contactForm div#sent p
{
	float: left;
	margin-bottom: 10px;
	color:#fff;
}
form#contactForm div#sent p a
{
	color: #000;
}
form#contactForm label
{
	float:left;
	width: 105px;
	font-size: 11px;
}
form#contactForm label.error
{
	width: 251px;
	padding-left: 105px;
	color:#f00;
}
form#contactForm input, form#contactForm textarea, form#contactForm select
{
	float: left;
	border: 2px solid #ccc;
	width: 239px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-color: #fff;
	padding: 4px;
}
form#contactForm textarea
{
	height: 73px;
}
form#contactForm select
{
	width: 251px;
}
form#contactForm input:focus, form#contactForm textarea:focus, form#contactForm select:focus
{
	border-color: #fb6b0a;
}
form#contactForm input.error, form#contactForm textarea.error, form#contactForm select.error
{
	border-color: #f00;
}
form#contactForm input#sendEnquiry
{
	width: auto;
	height: auto;
	padding: 0;
	border: 0;
	float: right;
}
/* -------------------------------------- */
.contactFrog
{
	float:right;
	width:211px;
	height:267px;
	margin:20px 50px 0 0;
	background:url(../images/contactFroggy.png) no-repeat top left;
}


/* Footer --------------------- */
div#footer
{
	float:left;
	width:100%;
	height: 79px;
	padding-top:5px;
	background:#E0E1E5 url(../images/footer_bg.jpg) repeat-x top left;
}
ul#footer_nav
{
	float: left;
	font-size:10px;
	margin-top:15px;
}
ul#footer_nav li
{
	float: left;
	margin-left: 10px;
}
ul#footer_nav li a
{
	color:#000;
	text-decoration:none;
}
ul#footer_nav li a:hover
{
	color:#fc6401;
	text-decoration:underline;
}
div#footer p
{
	float:right;
	margin-top:15px;
	font-size:10px;
}