@charset "utf-8";
/* CSS Document */

/*
	color pallette
	
	GREEN		#74a109
	GRAY		#c5ccc3
	DARK BLUE	#126ab2
	LIGHT BLUE	#52b3ff
	YELLOW		#ffd719
*/

body
{
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: #52b3ff url(../images/background.jpg) 0 0 repeat-x fixed;
}

#wrapper
{
	width: 60em;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}

a img
{
	border: none;
}

p
{
	font-size: 0.75em; /* 12px */
	padding: 0;
	margin: 0 0 1.25em 0;
}

img
{
	margin: 0 0 0.75em 0;
}

img.quotefinger
{
	margin: 0;
}

/*//////////////////////////////////////////////
////////////////////////////////////////////////

                   header

////////////////////////////////////////////////
//////////////////////////////////////////////*/

#header
{
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
	clear: both;
	width: 60em;
}

#header h1
{
	float: right;
	clear: right;
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 2.5em;
}

#header h2
{
	float: right;
	margin: 3.3em 0 0 0;
	padding: 0;
	font-size: 1em;
}

#header h2 a
{
	color: #fff;
	text-decoration: none;
}

#header h2 a:hover
{
	text-decoration: underline;
}

#header a img
{
	float: left;
}

/*//////////////////////////////////////////////
////////////////////////////////////////////////

                   navigation

////////////////////////////////////////////////
//////////////////////////////////////////////*/

#navigation
{
	list-style-type: none;
	border-bottom: 0.625em solid #ffd719;
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
	clear: both;
	width: 60em;
	background: #1269b1 url(../images/gradient_nav.gif) 0 100% repeat-x;
}

#navigation li
{
	float: left;
}

#navigation li a
{
	color: #fff;
	text-decoration: none;
	background: #1269b1 url(../images/gradient_nav.gif) 0 100% repeat-x;
	display: block;
	font-size: 0.75em;
	font-weight: bold;
	padding: 0.75em 1em;
	border-left: 1px solid #126ab2;
}

#navigation li a:hover, #navigation li a.current
{
	color: #161616;
	background: #ffd719 url(../images/gradient_nav-hover.gif) 0 0 repeat-x;
}

#navigation li a.first
{
	border: none;
}

/*//////////////////////////////////////////////
////////////////////////////////////////////////

                   content

////////////////////////////////////////////////
//////////////////////////////////////////////*/

#content
{
	padding: 0.75em;
	width: 58.5em;
	position: relative;
	float: left;
	clear: both;
	background: #fff;
}

#content h1
{
	background: transparent url(../images/h1-stripe.gif) 0 0 repeat;
	font-size: 1.125em; /* 18px */
	text-transform: uppercase;
	color: #161616;
	font-weight: normal;
	padding: 0.5em 0.833em;
	margin: 0 0 0.667em 0;
	clear: both;
}

#content .tridouble
{
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
	width: 38.75em;
	margin: 0 0.75em 0 0;
}

#content .tricol
{
	padding: 0;
	float: left;
	position: relative;
	width: 19em;
	margin: 0 0.75em 0 0;
}

#content .endcol
{
	padding: 0;
	float: left;
	position: relative;
	width: 19em;
	margin: 0;
}


.product
{
	width: 19em;
	position: relative;
	float: left;
	padding: 0;
	margin: 0 0 0.75em 0;
}

.product-info
{
	background: #c5ccc3;
	padding: 0.25em 0.75em;
}

.product-info h3
{
	text-transform: uppercase;
	color: #126ab2;
	font-size: 0.875em; /* 14px */
	margin: 0;
	padding: 0;
}

.product-info p
{
	font-size: 0.75em;
	color: #161616;
	margin: 0;
	padding: 0;
}

.product img
{
	margin: 0 auto;
	display: block;
}

.product-info a img
{
	float: right;
	margin: 0.3em 0 0 0;
}

.testimonial
{
	margin: 0 0 0.938em 0;
	background: #2f2f2f url(../images/gradient_blackbox.gif) 0 100% repeat-x;
	padding: 0.75em;
}

.testimonial h2
{
	color: #fff;
	text-transform: uppercase;
	font-size: 0.875em; /* 14px */
	margin: 0 0 0.857em 0;
	padding: 0;
}

.testimonial blockquote
{
	font-size: 0.75em; /* 12px */
	margin: 0 0 1em 0;
	color: #c5ccc3;
}

.testimonial p
{
	font-size: 0.75em; /* 12px */
	margin: 0 0 1em 0;
	color: #c5ccc3;
	font-weight: bold;
	font-style: italic;
}

.testimonial a img
{
	float: right;
}

#content p a
{
	color: #126ab2;
	text-decoration: none;
	border-bottom: 1px solid #126ab2;
	font-weight: bold;
}

#content p a:hover
{
	background: #ffd719;
	color: #161616;
}

#content p a:visited
{
	border: none;
}

#content table a
{
	color: #126ab2;
	text-decoration: none;
	border-bottom: 1px solid #126ab2;
	font-weight: bold;
}

#content table a:hover
{
	background: #ffd719;
	color: #161616;
}

#content table a:visited
{
	border: none;
}

#content h2 a
{
	font-size: 1em;
	color: #161616;
	font-size: 0.65em;
	text-transform: uppercase;
}

#content h2 a:hover
{
	color: #52b3ff;
}

#content h2 a:visited
{
	color: #c5ccc3;
}

ul.freequote
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.freequote li
{
	margin: 0 0 .75em 0;
}

ul.freequote li img
{
	display: block;
	margin: .75em 0 0 0;
}

label
{
	display: block;
	font-size: 0.75em;
}

.formbox
{
	width: 250px;
}

fieldset
{
	background: url(../images/form-stripe.png) 0 0 repeat;
	border: 1px solid #ffd719;
	padding: 0.75em;
	margin: 0;
}

form
{
	margin: 0 0 0.75em 0;
}

/*//////////////////////////////////////////////
////////////////////////////////////////////////

                   footer

////////////////////////////////////////////////
//////////////////////////////////////////////*/

#footer
{
	margin: 0;
	padding: 0.5em 0 3em 0;
	width: 58.5em;
	position: relative;
	float: left;
	clear: both;
	color: #fff;
}

#footer p
{
	font-size: 0.75em; /* 12px */
	text-shadow: 1px 1px 2px #000;
}

#footer p a
{
	text-decoration: none;
	color: #fff;
}

#footer a:hover
{
	color: #161616;
}

/*//////////////////////////////////////////////
////////////////////////////////////////////////

                   slider

////////////////////////////////////////////////
//////////////////////////////////////////////*/

#slider
{
	margin: 0 0 0.7em 0;
}

#slider ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
}

#slider li
{
	margin: 0;
	padding: 0;
}

#slider img
{
	margin: 0;
}

/*//////////////////////////////////////////////
////////////////////////////////////////////////

                   table

////////////////////////////////////////////////
//////////////////////////////////////////////*/

table.pricing
{
	font-size: 0.875em; /* 14px */
	width: 44.286em;
	margin: 0 0 0.857em 0;
}

table.pricing tbody th
{
	text-align: left;
}

table.pricing tbody td
{
	text-align: center;
	background: #c5ccc3;
}

table.pricing tbody tr.alternate td
{
	background: #fff;
}

table.pricing thead th
{
	background: #126ab2;
	border-radius: 0.5em 0.5em 0 0;
	-moz-border-radius: 0.5em 0.5em 0 0;
	-webkit-border-radius: 0.5em 0.5em 0 0;
	color: #fff;
}

table.pricing tfoot td
{
	text-align: left;
	font-style: italic;
	padding: 0.5em 0 0 0;
}

ul.freequote label.error
{
	background: transparent url(../images/form-error.gif) 0 0 no-repeat;
	padding-left: 1.25em;
	margin-top: 0.2em;
	clear: both;
	color: #F00;
	width: auto;
}