@charset "UTF-8";

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, font, img, ins, kbd, q, samp,
small, 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;
}

input {
	margin: 0;
	padding: 0;
}

html, body {
	width: 100%;
	font-family: sans-serif;
	font-size: 15px;
	color: #565658;
	line-height: 24px;
	margin: 0;
	padding: 0;
}


/* STRUCTURE
************************************/

body {
	background: #606060;
	font-family: Arial, sans-serif;
}

#page_wrap {
	background: url(../images/bg_body.png) repeat-x top center #FFF;
}

.align {
	width: 961px;
	margin: 0 auto;
	position: relative;
}

#head {
	height: 154px;
	overflow: hidden;
}

#sponsors {
	background: url(../images/bg_spon.png) repeat-x top center #fff;
	height: 137px;
	overflow: hidden;
}

#foot {
	background: url(../images/bg_foot.png) repeat-x top center;
	height: 152px;
	overflow: hidden;
}

/* COMMON ELEMENTS
************************************/
h1 {
	color:#00ADC7;
	font-family:"gesta-1","gesta-2",sans-serif;
	font-size:53px;
	font-weight:bold;
	line-height:1em;
	margin:0 0 15px;
	padding:0;
	text-shadow:0 -1px 0 #555;
}

h2 {
	color: #00adc7;
	font-size: 26px;
	line-height: 1.25em;
	font-family: "gesta-1","gesta-2",sans-serif;
	font-weight: bold;
	margin: 0 0 10px;
	padding: 0;
}

h3 {
	color: #8a9e22;
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

h3 a {
	text-decoration: none;
}

h3 a:hover {
	text-decoration: underline;
}

h4 {
	color: #5c5c5c;
	font-size: 16px;
	line-height: 1.2em;
	text-transform: uppercase;
	font-weight: normal;
	margin: 0 0 5px;
	padding: 0;
}

h5 {
	color: #555;
	font-weight: bold;
	font-size: 14px;
	line-height: 1em;
	margin: 0 0 5px;
	padding: 0;
}

h6 {
	color: #777;
	font-weight: bold;
	font-size: 14px;
	line-height: 1em;
	margin: 0 0 5px;
	padding: 0;
}

ol, ul {
	padding-left: 20px;
	margin-bottom: 15px;
}

p {
	margin: 0 0 15px;
}

a {
	color: #8b9f26;
	text-decoration: underline;
}

a:hover {
	color: #b8d213;
}

.clear {
	clear: both;
}

.message {
	color: #ff0000;
}

#logo {
	position: absolute;
	top: 0;
	left: 0;
	width: 230px;
	height: 56px;
}

#logo a {
	display: block;
	height: 100%;
	background: url(../images/icn_logo.png) no-repeat top left;
	text-indent: -1000px;
	overflow: hidden;
	text-decoration: none;
}

.image_component.left, .image_link_component.left {
	padding-right: 15px;
}

.image_component.right, .image_link_component.right {
	padding-left: 15px;
}

.caption {
	font-size: 14px;
	color: #000;
}

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

.gallery_index li {
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
}

.gallery_single_image {
	margin-bottom: 10px;
}

.textpander {
	margin-bottom: 20px;
}

blockquote {
	display: block;
	padding: 0 15px;
	font-style: italic;
	margin: 0 0 15px
}

.btn_facebook, .btn_twitter, .btn_rss, .btn_view_all_posts {
	float: right;
	display: block;
	overflow: hidden;
	text-indent: -1000px;
	outline: none;
	height: 32px;
	width: 32px;
	margin: 3px 0 0 9px;
}

.btn_facebook {
	background: url(../images/btn_facebook.png) no-repeat top left;
}

.btn_twitter {
	background: url(../images/btn_twitter.png) no-repeat top left;
}

.btn_rss {
	background: url(../images/btn_rss.png) no-repeat top left;
}

.btn_facebook:hover, .btn_twitter:hover, .btn_rss:hover {
	background-position: 0 -32px;
}

.btn_view_all_posts {
	height: 38px;
	width: 114px;
	background: url(../images/btn_view_all_posts.png) no-repeat top left;
	margin: 0 0 0 9px
}

.btn_view_all_posts:hover {
	background-position: 0 -38px;
}

#sponsors ul {
	list-style: none;
	margin: 0;
	padding: 27px 0 0;
}

#sponsors li {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}

#sponsors a {
	float: left;
}

#sponsors a, .btn_get_involved {
	display: block;
	overflow: hidden;
	outline: none;
	height: 69px;
	padding: 0 23px 0 0;
	text-decoration: none;
}

.btn_blue_cross {
	width: 174px;
	background: url(../images/icn_logo_blue.png) no-repeat top left;
}

.btn_clockwork {
	width: 82px;
	background: url(../images/icn_logo_clockwork.png) no-repeat top left;
}

.btn_mono {
	width: 112px;
	background: url(../images/icn_logo_mono.png) no-repeat top left;
}

.btn_duffy {
	width: 127px;
	background: url(../images/icn_logo_duffy.png) no-repeat top left;
}

#sponsors a.btn_more_spon {
	width: 102px;
	background: url(../images/btn_more_spon.png) no-repeat top left;
	padding: 0;
	text-indent: -1000px;
	text-decoration: none;
}

#sponsors a.btn_more_spon:hover {
	background-position: 0 -69px;
}

#sponsors a.btn_get_involved {
	width: 239px;
	background: url(../images/btn_get_involved.png) no-repeat top left;
	float: right;
	margin-top: 23px;
	padding: 0;
	text-indent: -1000px;
	text-decoration: none;
}

#sponsors a.btn_get_involved:hover {
	background-position: 0 -69px;
}

#sponsors p {
	margin: 0;
	padding: 0;
}

#copyright {
	position: absolute;
	top: 19px;
	right: 0;
	color: #fff;
	font-size: 11px;
	line-height: 16px;
}

#cw {
	position: absolute;
	top: 42px;
	right: 0;
	color: #fff;
	font-size: 11px;
	line-height: 16px;
}

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

#cw a:hover {
	text-decoration: underline;
}

/* MAIN NAV
************************************/

#head .main_nav ul {
	list-style: none;
	position: absolute;
	top: 61px;
	padding: 0;
	margin: 0;
}

#head .main_nav li {
	list-style: none;
	float: left;
	padding: 0;
	margin: 0;
}

#head .main_nav li.home_link {
	padding-left: 2px;
	background: url(../images/bg_nav_first.png) no-repeat top left;
}

#head .main_nav li.home_link.current,
#head .main_nav li.home_link.parent {
	background: url(../images/bg_nav_first_current.png) repeat-x top left;
}

#head .main_nav span {
	background: url(../images/bg_nav.png) no-repeat top right;
	display: block;
}

#head .main_nav a {
	display: block;
	color: #8da300;
	font-size: 16px;
	text-decoration: none;
	padding: 47px 32px 22px;
	position: relative;
	z-index: 2;
}

#head .main_nav li.last span {
	background: url(../images/bg_nav_last.png) no-repeat top right;
}

#head .main_nav li.current a,
#head .main_nav li.parent a {
	color: #404142
}

#head .main_nav li.current span,
#head .main_nav li.parent span {
	background: url(../images/bg_nav_current.png) no-repeat top right;
}

#head .main_nav li.last.current span,
#head .main_nav li.last.parent span {
	background: url(../images/bg_nav_last_current.png) no-repeat top right;
}

#head .main_nav a:hover {
	color: #c1d82f;
}

#head .main_nav li.home_link a {
	width: 43px;
}

#head .main_nav li.nav_1 a {
	width: 103px;
}

#head .main_nav li.nav_2 a {
	width: 99px;
}

#head .main_nav li.nav_3 a {
	width: 48px;
}

#head .main_nav li.nav_4 a {
	width: 46px;
}

#head .main_nav li.nav_5 a {
	width: 113px;
}

#head .main_nav li.last a {
	width: 59px;
}

#foot .main_nav ul {
	list-style: none;
	margin: 0;
	padding: 19px 0 0;
}

#foot .main_nav li {
	list-style: none;
	float: left;
	border-right: 2px solid #bbd538;
	line-height: 16px;
	padding: 0 5px 0 0;
	margin: 0 5px 0 0;
}

#foot .main_nav li.last {
	border: none;
	margin: 0;
	padding: 0;
}

#foot .main_nav a {
	color: #bbd538;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	line-height: 16px;
}

#foot .main_nav a:hover {
	text-decoration: underline;
}

/* UTIL NAV
************************************/

.util_nav {
	list-style: none;
	float: right;
	margin: 0;
	padding: 15px 0 0;
}

.util_nav li {
	float: left;
	background: url(../images/icn_util_dot.png) no-repeat 0 0;
	margin: 0 0 0 10px;
	padding: 0 0 0 20px;
}

.util_nav li.first {
	margin: 0;
	padding: 0;
	background: none;
}

.util_nav a {
	color: #ffffff;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
}

#btn_sub_login {
	float: right;
	display: block;
	width: 212px;
	height: 39px;
	text-indent: -1000px;
	overflow: hidden;
	background: url(../images/btn_sub_login.png) no-repeat top left;
	margin: 6px 0 0 23px;
	text-decoration: none;
}

#btn_sub_login:hover {
	background-position: 0 -39px;
}

/* FOOT NAV
************************************/

.foot_nav {
	list-style: none;
	margin: 0;
	padding: 10px 0 0;
	clear: both;
}

.foot_nav li {
	list-style: none;
	float: left;
	border-right: 1px solid #fff;
	line-height: 11px;
	padding: 0 5px 0 0;
	margin: 0 5px 0 0;
}

.foot_nav li.last {
	border: none;
	margin: 0;
	padding: 0;
}

.foot_nav a {
	color: #fff;
	font-size: 11px;
	text-decoration: none;
	line-height: 11px;
}

.foot_nav a:hover {
	text-decoration: underline;
}

/* SUB NAV
************************************/

#sub_nav ul {
	list-style: none;
	background: url(../images/bg_sub_nav.png) repeat-x top center;
	padding: 0;
	margin: 0 1px 0 0;
	overflow: hidden;
}

#sub_nav li {
	list-style: none;
	float: left;
	padding: 0;
	margin: 0 0 0 8px;
	padding-left: 22px;
	background: url(../images/icn_sub_nav_dot.png) no-repeat 3px 13px;
}

#sub_nav a {
	display: block;
	padding: 6px 12px 6px 15px;
	margin: 0;
	color: #ffc965;
	text-decoration: none;
	font-size: 14px;
	font-weight: normal;
}

#sub_nav span {
	display: block;
	padding-right: 3px
}

.green #sub_nav a {
	color: #cce473;
}

.red #sub_nav a {
	color: #ffb6b1;
}

.blue #sub_nav a {
	color: #68d5e4;
}

#sub_nav li.first {
	margin: 0;
	background: none;
	padding-left: 13px;
}

#sub_nav li.first a {
	padding-left: 15px;
}

#sub_nav a:hover, #sub_nav .current a, #sub_nav .parent a {
	color: #fff;
}

#sub_nav .current a, #sub_nav .parent a {
	background: url(../images/bg_sub_nav_left.png) no-repeat left 7px;
}

#sub_nav .current span, #sub_nav .parent span {
	background: url(../images/bg_sub_nav_right.png) no-repeat right 7px;
}

/* HOME
************************************/

#banner_widget {
	position: relative;
	margin-bottom: 25px;
}

#banner_callout {
	display: block;
	width: 239px;
	height: 239px;
	overflow: hidden;
	text-indent: -1000px;
	background: url(../images/bg_cost_callout.png) no-repeat top left;
	position: absolute;
	top: 0;
	right: 1px;
	z-index: 2;
}

#banner_callout:hover {
	background-position: 0 -239px;
}

#blog_content {
	width: 570px;
	margin-right: 70px;
	float: left;
	overflow: hidden;
}

#blog_content h2 {
	font-family: "gesta-1","gesta-2",sans-serif;
	color: #999b9e;
	font-size: 22px;
	text-transform: uppercase;
	line-height: 40px;
	margin: 0 0 12px 0;
	padding: 0 0 0 90px;
	font-weight: 300;
	background: url(../images/icn_blog_logo.png) no-repeat top left;
}

#home_right_col {
	width: 320px;
	float: left;
	overflow: hidden;
}

#home_right_col img {
	margin: 8px 0 21px;
}

.post_date {
	background: url(../images/bg_post_date.png) no-repeat top left;
	float: left;
	width: 58px;
	height: 87px;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	padding: 0 0 0 12px;
	text-align: center;
	margin: 0 19px 0 0;
}

.blog_post_listing, .blog_archive_list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.blog_post_listing li, .blog_archive_list li {
	list-style: none;
	overflow: hidden;
	clear: both;
	margin: 0 0 23px;
	padding: 0;
}

.post_date .date_number {
	font-size: 35px;
	display: block;
	line-height: 1em;
}

.post_content {
	float: left;
	width: 480px;
	color: #727272;
	font-size: 14px;
	line-height: 20px;
}

.blog_archive_list .post_content {
	width: 500px;
}

.post_content p {
	margin: 0;
}

.post_metta {
	color: #727272;
	font-size: 12px;
	line-height: 20px;
}

.home .carousel_inicator_page {
	margin: 0;
	width: 319px;
	height: 111px;
	padding: 1px 0 0 1px
}

.carousel_inicator_page_0 {
	width: 320px;
	padding-left: 0;
}

.home .carousel_inicator_page a {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	outline: none;
	background: url(../images/bg_home_slide_nav.png) repeat-x center -111px;
	color: #abe2e8;
	font-size: 40px;
	font-family: "gesta-1","gesta-2",sans-serif;
}

.home .carousel_inicator_page.current a {
	background-position: center top;
	color: #4ea4b0;
}

.home .carousel_inicator_page a .big {
	display: block;
	padding: 40px 0 0 23px;
	text-transform: uppercase;
	font-weight: 700;
	text-shadow:-1px -1px 0 #68bbc5;
}

.home .carousel_inicator_page.current a .big {
	text-shadow:1px 1px 0 #555;
}

.home .carousel_inicator_page a .small {
	font-size: 14px;
	font-weight: 500;
	display: block;
	padding: 5px 0 0 23px;
}

.home .carousel_inicator_page.current a .small {
	color: #101313;
}

.home #main_content {
	padding-bottom: 31px;
}

.home .home_carousel_page h1 {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 95px;
	left: 40px;
	color: #fff;
	font-size: 63px;
	font-family: "gesta-1","gesta-2",sans-serif;
	font-weight: bold;
	text-shadow:0 -1px 0 #777;
	line-height: 1em;
}

.home .home_carousel_page h2 {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 160px;
	left: 40px;
	color: #fff;
	font-size: 46px;
	font-family: "gesta-1","gesta-2", sans-serif;
	font-weight: 300;
	width: 524px;
	text-shadow:0 -1px 0 #000;
	line-height: 52px;
}

.home .home_carousel_page a {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 305px;
	left: 40px;
	color: #fff;
	font-size: 26px;
	font-family: "gesta-1","gesta-2",sans-serif;
	font-weight: 500;
	width: 500px;
	text-transform: uppercase;
	text-decoration: none;
	text-shadow:0 -1px 0 #000;
}

/* INTERNAL
************************************/

#top_content {
	height: 313px;
	overflow: visible;
	position: relative;
}

.orange #top_content {
	background: url(../images/bg_top_orange.png) no-repeat top left;
}

.green #top_content {
	background: url(../images/bg_top_green.png) no-repeat top left;
}

.red #top_content {
	background: url(../images/bg_top_red.png) no-repeat top left;
}

.blue #top_content {
	background: url(../images/bg_top_blue.png) no-repeat top left;
}

#top_content .image_component, #top_content .image_link_component {
	position: absolute;
	bottom: 30px;
	right: 0;
}

.internal #main_content {
	padding-bottom: 57px;
}

#internal_left {
	width: 601px;
	float: left;
	margin-right: 39px;
	padding-top: 28px;
}

#internal_left .blog_pagination {
	display: none;
}

#internal_right {
	width: 320px;
	float: left;
}

#internal_right img {
	margin: 0 0 23px;
}

#internal_right .blog_archive {
	display: none;
}

#top_content h1 {
	padding: 50px 0 0 41px;
	margin: 0;
	font-weight: bold;
	color: #fff;
	font-size: 53px;
	font-family: "gesta-1","gesta-2",sans-serif;
	text-shadow:0 -1px 0 #777;
	line-height: 1em;
	width: 564px;
}

#top_content p {
	color: #3c3d3e;
	font-size: 18px;
	line-height: 26px;
	padding: 0 0 0 41px;
	width: 564px;
}

#internal_howto_widget {
	margin: -27px 0 33px 0;
}

#from_faq {
	background: url(../images/bg_faq_tile.png) repeat-y top left;
	margin: 0 0 23px;;
}

#from_faq h4 {
	background: url(../images/bg_faq_top.png) no-repeat top left;
	height: 28px;
	padding: 10px 0 0 18px;
	font-family: "gesta-1","gesta-2",sans-serif;
}

#from_faq_content {
	background: url(../images/bg_faq_bottom.png) no-repeat bottom left;
	padding: 18px 30px 18px 18px;
	color: #313233;
	font-size: 12px;
	line-height: 16px;
}

#how_tab_nav {
	list-style: none;
	margin: 0;
	padding: 0;
}

#how_tab_nav li {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
}

#how_tab_nav a {
	display: block;
	height: 81px;
	background: url(../images/bg_how_widget_nav.png) no-repeat top left;
	text-indent: -1000px;
	overflow: hidden;
	outline: none;
}

#how_tab_nav li.how_loc a {
	width: 201px;
}

#how_tab_nav li.how_loc.ui-tabs-selected a {
	background-position: 0 -81px;
}

#how_tab_nav li.how_sta a {
	width: 199px;
	background-position: -201px 0;
}

#how_tab_nav li.how_sta.ui-tabs-selected a {
	background-position: -201px -81px;
}

#how_tab_nav li.how_bik a {
	width: 201px;
	background-position: -400px 0;
}

#how_tab_nav li.how_bik.ui-tabs-selected a {
	background-position: -400px -81px;
}

.how_tab_content {
	margin-bottom: 6px;
	position: relative;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: default; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; }
.ui-tabs .ui-tabs-panel { display: block; }
.ui-tabs .ui-tabs-hide { display: none !important; }