/* ***** BASIC ELEMENTS ********************************************************** */

img, div, a { behavior: url(/iepngfix.htc); }


/* ----- elements reset ----- */

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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	/*vertical-align: baseline;*/
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* ---------------------------- */


body {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 12px ;
	color: #666666;
	background: white;
	border-top: 6px solid #ebebeb;
	}

p {
	padding-bottom: 15px;
	line-height: 130%;
	}

.main-content p {
	font-size: 14px ;
	line-height: 150%;
	padding-bottom: 20px;
	}

.main-content {
	font-size: 14px ;
	}

a {
	text-decoration: none;
	color: #00a6c7;
	}

	a:hover {
		text-decoration: underline;
		color: #027f98;
		}

	.link-arrow {
		background: url('img/i_bullet.gif') no-repeat 0 4px;
		padding-left: 8px;
		}

	.link-download {
		background: url('img/i_download.gif') no-repeat 0 0px;
		padding-left: 20px;
		display: inline-block;
		padding-bottom: 5px;
		}


strong {
	font-weight: bold;
	}

ul {	
	margin: 20px;
	}
li {
	margin-bottom: 10px;
	list-style: disc;
	}

/* ----- headings ----- */

@font-face {
	font-family: 'FranchiseRegular';
	src: url('type/Franchise-Bold-hinted.eot');
	src: local('Franchise'), local('Franchise-Bold'), url('type/Franchise-Bold-hinted.woff') format('woff'), url('type/Franchise-Bold-hinted.ttf') format('truetype');
}

h1 {
	font-family: 'FranchiseRegular', 'Impact', sans-serif;
	font-size: 48px;
	color: #ffffff;
	text-shadow: 1px 1px 2px #8e8811;
	}

	#header-content-sub h1 {
		font-size: 36px !important;
		}

h2 {
	font-size: 26px;
	color: #bdb519;
	padding-bottom: 5px;
	margin-bottom: 15px;
	border-bottom: 1px dashed #cccccc;
	}


h3 {
	font-size: 12px;
	color: #bdb519;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 15px;
	}

.main-content h3 {
	font-size: 14px;
	color: #bdb519;
	font-weight: normal;
	text-transform: uppercase;
	margin-bottom: 2px;
	}

h4 {
	color: #000000;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 12px;
	}

.main-content img {
	border: 6px solid #eeeeee;
	margin: 10px;
	}

/* ----- form elements ----- */

.wpcf7-form {
padding: 0 10px;
}

.wpcf7-form input, .wpcf7-form textarea {
border: 1px solid #dddddd;
border-right: 1px solid #bbbbbb;
border-bottom: 1px solid #bbbbbb;
padding: 5px;
color: #aaaaaa;
}

.wpcf7-form p {
background-color: #f5f5f5;
padding: 10px;
margin-bottom: 5px;
border: 1px solid #f5f5f5;
}

.wpcf7-form p:hover {
background-color: #eeeeee;
border-right: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
}

.wpcf7-form .cf7-submit {
color: #ffffff;
background: #3d3d3d url('img/bg_submit.png') repeat-x top;
border: 1px solid #ffffff;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
padding: 5px 20px;
}

/* ----- helpers ----- */

.clear {
	clear: both !important;
	height: 0px;
	}

.float-left {
	float: left !important;
	}

.float-right {
	float: right !important;
	}

img.no-border {
	border: 0 !important;
	margin-left: 0px !important;
	margin-right: 0px !important;
	}


/* ***** LAYOUT ***************************************************************** */


/* ----- top ----- */

#top {
	width: 960px;
	margin: 0 auto;
	height: 70px;
	}

.logo {
	float: left;
	}

.navigation {
	float: right;
	height: 30px;	
	width: 261px;
	background: url('img/bg_nav.png') repeat-x bottom;
	}

	.nav-left {
		height: 30px;
		width: 32px;
		float: left;
		background: url('img/nav_side.png') no-repeat top left;
		}

	.nav-right {
		height: 30px;
		width: 32px;
		float: right;
		background: url('img/nav_side.png') no-repeat top left;
		background-position: -32px 0;
		}

	.nav {
		margin: 0;
		padding: 0;
		padding-top: 8px;
		}

	.nav li {
		float: left;
		padding: 0 12px;
		list-style: none;
		}

	.signup {
		font-weight: bold;
		}


/* ----- header ----- */

#header {
	background: #bdb519 url('img/bg_header.gif') repeat-x bottom;
	border-bottom: 6px solid #ebebeb;
	color: #ffffff;
	}

#header p {
	font-size: 15px;
	text-shadow: 1px 1px 2px #8e8811;
	}

#header-content {
	width: 960px;
	margin: 0 auto;
	position: relative;
	padding: 15px 0;
	}

#header-content-sub {
	width: 784px;
	margin: 0 auto;
	position: relative;
	padding: 15px 0;
	padding-left: 176px;
	}

	.sub {
		padding-left: 176px;
		}


.header-left {
	width: 570px;
	float: left;
	}

	.box-header {
		width: 147px;
		height: 110px;
		background: url('img/bg_box_header.png') no-repeat bottom;
		float: left;
		margin-right: 20px;
		}

	#header .box-header p {
		font-size: 12px;
		padding: 0 10px 10px 10px;
		}

	.box-header-top1 {
		height: 24px;
		background: url('img/bg_box_header_top1.png') no-repeat bottom;
		}

	.box-header-top2 {
		height: 24px;
		background: url('img/bg_box_header_top2.png') no-repeat bottom;
		}

	.box-header-top3 {
		height: 24px;
		background: url('img/bg_box_header_top3.png') no-repeat bottom;
		}

.header-right {
	width: 390px;
	float: right;
	}


.header-buttons {
	padding: 25px 0 10px 0;
	margin-left: 75px;
	}

.button-arrow {
	margin-right: 30px;
	}

	.button-arrow a {
		display: block;
		height: 46px;
		width: 150px;
		background: url('img/b_arrow.png') no-repeat top;
		color: #ffffff;
		font-size: 17px;
		text-transform: uppercase;
		font-weight: bold;
		}

	.button-arrow a:hover {
		background-position: 0 -46px;
		text-decoration: none
		}

	.button-arrow a span {
		display: block;
		padding: 14px
		}


	.button-arrow-gray a {
		display: block;
		height: 46px;
		width: 150px;
		background: url('img/b_arrow_gray.png') no-repeat top;
		color: #ffffff;
		font-size: 17px;
		text-transform: uppercase;
		font-weight: bold;
		}

	.button-arrow-gray a:hover {
		background-position: 0 -46px;
		text-decoration: none
		}

	.button-arrow-gray a span {
		display: block;
		padding: 9px 12px
		}

	.button-arrow-gray a span em {
		font-size: 11px;
		}
.panel {
	width: 380px;
	height: 310px;
	background: url('img/bg_panel.png') no-repeat top;
	margin-left: 12px;
	}

.panel-content {
	padding: 15px;
	}


.woman {
	z-index: 1000;
	position: absolute;
	bottom: 0;
	right: 300px;
	width: 208px;
	height: 208px;
	background: url('img/bg_woman.png') no-repeat top;
	}



/* ----- content ----- */

#container {
	width: 960px;
	margin: 0 auto;
	overflow: none;
		}

	.box-front {
		width: 176px;
		float: left;
		border-right: 1px dashed #cccccc;
		margin-right: 10px;
		margin-top: 15px;
		padding: 7px 9px 7px 0;
		}
	
	.last {
		border: 0;
		margin: 0;
		margin-top: 15px;
		padding-right: 0;
		}

.sidebar {
	background: #ededed url('img/bg_sidebar.gif') repeat-y right;
	width: 176px;
	float: left;
	}

.sidebar-content {
	padding: 5px 0px 50px 13px;
	background: url('img/bg_sidebar_end.gif') no-repeat bottom;
	}

	.nav-sidebar {
		margin: 0;
		padding: 0;
		padding-bottom: 10px;
		}

	.nav-sidebar li {
		margin: 10px 0;
		list-style: none;
		}

	.nav-sidebar li a {
		display: block;
		padding: 7px 10px;
		}

		.nav-sidebar li a:hover, .nav-sidebar li a.selected {
			background: #ffffff;
			text-decoration: none;
			 -moz-border-radius-topleft: 5px;
			 -webkit-border-top-left-radius: 5px;
			 -moz-border-radius-bottomleft: 5px;
			 -webkit-border-bottom-left-radius: 5px;
			 box-shadow: 0px 0px 7px #dddddd;
			-moz-box-shadow:  0px 0px 7px #dddddd;
			-webkit-box-shadow:  0px 0px 7px #dddddd;
			}

	.sidebar-section {
		margin-top: 15px;
		padding-top: 15px;
		background: url('img/i_sidebar_divider.gif') no-repeat top right;
		}



.main {
	background: #ffffff;
	width: 784px;
	float: right;
	position: relative;
	top: -20px;
	border-radius: 5px 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}

.main-content {
	padding: 10px;
	}



/* ----- footer ----- */

#footer {
	width: 960px;
	margin: 0 auto;
	overflow: none;
	font-size: 11px;
	padding-top: 10px;
	border-top: 1px dashed #cccccc;
	margin-top: 15px;
	}











