@import url("../css/reset.css");



/*  

Globals

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

* {margin:0; padding:0;}



body {

    font: 12px/1.4em Arial, Helvetica, sans-serif;

	background: url(../gfx/bg.jpg) repeat-x 0 0;

    color:#666;

	margin: 0;

} 

hr { display: none; }



strong, b { font-weight: bold; }

em, i { font-style: italic; }

.highlite {

	color: #014683;

	font-weight: bold;

}



a {

	color: #014683;

	text-decoration: none;

}

a:hover {

	color: #000;

}



.hiddenFields, .hide { display: none; visibility: hidden; }





/* Layout Divisions

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

#outter_wrapper {

	width: 100%;

	background:url(../gfx/bg.jpg) repeat-x 0 0 #004380;

}

#outter_wrapper #inner_wrapper {

	width: 100%;

	background: url(../gfx/head-bg.jpg) no-repeat 50% 0;

}

body#home #wrapper {

	margin: 0 auto;

	width: 990px;  

	padding: 0;

	position: relative;

	background: url(../gfx/body_lower_glow.png) no-repeat 0 100%;

}

#wrapper {

	margin: 0 auto;

	width: 990px;  

	padding: 0;

	position: relative;

	background: url(../gfx/body_lower_glow_mini.png) no-repeat 0 100%;

}



body#home #header {

	position: relative;

	height: 170px;

}

#header {

	position: relative;

	height: 235px;

}

body#home #subheader {

	width: 972px;

	height: 308px;

	background: url(../gfx/subhead-window.png) no-repeat 0 0;

	position: relative;

	margin: 0 auto;

}

body#home #subheader #flash_head {

	width: 944px;

	height: 278px;

	position: absolute;

	top: 7px;

	left: 7px;

	color: #fff;

}

#inside_flash_head {

	width: 765px;

	height: 95px;

	position: absolute;

	top: 76px;

	right: 0px;

	color: #fff;

}



body#home #logo {

	display: block;

	width: 340px;

	height: 240px;

	background:url(../gfx/logo.png) no-repeat 0 0;

	text-indent: -999em;

	position: absolute;

	top: -35px;

	left: -60px;

	z-index: 0;

}



#logo {

	display: block;

	width: 340px;

	height: 240px;

	background:url(../gfx/logo.png) no-repeat 0 0;

	position: absolute;

	top: 0;

	left: -60px;

	z-index: 0;

}



#logo a {

	display: block;

	width: 150px;

	height: 150px;

	margin: 0 auto;

	padding: 45px 0 0 0;

	text-indent: -999em;

}



#subheader #flash_head .alt_content {

	width: 908px;

	height: 244px;

	padding: 25px;

	background: url(../gfx/trans_blue_bg.png) repeat 0 0;

}



body#home #subheader #flash_head .alt_content h1 {

	color: #fff;

	margin: 0 0 15px 0;

	font-size: 25px;

	line-height: 25px;

}

body#home #subheader #flash_head .alt_content p {

	line-height: 22px;

	margin: 0 0 15px 0;

}



/* HOME CONTAINERS

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

#fullbox_wrapper {

	width: 960px;

	padding: 60px 0 0 0;

	background: url(../gfx/fullbox_round_top.png) no-repeat 0 11px;

	margin: 0 auto;

}

#fullbox_content {

	background: url(../gfx/fullbox_round_bt.png) no-repeat 0 100%;

	padding: 0 0 4px 0;

	position: relative;

}

#fullbox_content a:hover {

	background: #E5F0F7;

}



#fullbox_content h2 {

	width: 176px;

	height: 41px;

	position: absolute;

	top: -45px;

	color: #fff;

	font-size: 17px;

	background: url(../gfx/snowtop_title_bg.png) no-repeat 0 0;

	line-height: 40px;

	padding: 0 0 0 20px;

}

#fullbox_content #news_title {

	left: 0;

}

#fullbox_content #specials_title {

	right: 95px;

}





#fullbox_content #colA {

	width: 649px;

	float: left;

	padding: 5px 0 5px 10px;

	border-right: 1px dotted #ccc;

	position: relative;

}

#fullbox_content #colB {

	width: 300px;

	float: left;

}



#fullbox_content #colA .blog_headline {

	width: 400px;

	border: 1px solid #999;

	background: url(../gfx/gradient_blog-headline.jpg) repeat-x 0 100% #fff;

	padding: 10px;

	float: left;

	position: relative;

}



#fullbox_content #colA .blog_headline h4 {

	font-size: 14px;

	font-weight: bold;

	color: #014683;

	background: url(../gfx/arrow_blue.gif) no-repeat 0 3px;

	padding: 0 0 0 15px;

	margin: 0 0 5px 0;

}





#fullbox_content #colA .blog_headline h4 a {

	text-decoration: underline;

}

#fullbox_content #colA .blog_headline .mini_date {

	font-size: 10px;

	font-weight: bold;

	display: block;

	margin: 0 0 5px 0;

}

#fullbox_content #colA .blog_headline p {

	color: #888;

	line-height: 20px;

	margin: 0;

}

#fullbox_content #colA .blog_headline img {

	border: 1px solid #888;

	float: left;

	margin: 0 15px 0 0;

}





#fullbox_content #colA #blog_items {

	width: 225px;

	display: block;

	float: right;

	margin: 0 0 15px 0;

	padding: 0 0 20px 0;

}

#fullbox_content #colA #blog_items li {

	border-bottom: 1px dotted #ccc;

}

#fullbox_content #colA #blog_items li a {

	width: 200px;

	display: block;

	font-weight: bold;

	font-size: 11px;

	background: url(../gfx/arrow_grey.gif) no-repeat 10px 50%;

	padding: 5px 0 5px 25px;

}

#fullbox_content #colA #blog_items li a:hover {

	background: url(../gfx/arrow_blue.gif) no-repeat 10px 50% #E5F0F7;

}



#fullbox_content .btn_continue {

	display: block;

	width: 96px;

	height: 17px;

	text-indent: -999em;

	background: url(../gfx/btn_continue.gif) no-repeat 0 0;

	position: absolute;

	bottom: 15px;

	left: 185px;

}

#fullbox_content .btn_continue:hover, #primary .btn_continue:hover {

	background: url(../gfx/btn_continue.gif) no-repeat 0 -17px;

}



#primary .btn_continue {

	display: block;

	width: 96px;

	height: 17px;

	text-indent: -999em;

	background: url(../gfx/btn_continue.gif) no-repeat 0 0;

}





#primary .btn_view-album {

	display: block;

	width: 78px;

	height: 17px;

	text-indent: -999em;

	background: url(../gfx/btn_album.gif) no-repeat 0 0;

}

#primary .btn_view-album:hover {

	background-position: 0 -17px;

}



#fullbox_content #btn_morenews {

	display: block;

	width: 96px;

	height: 17px;

	text-indent: -999em;

	background: url(../gfx/btn_morenews.gif) no-repeat 0 0;

	position: absolute;

	right: 115px;

	bottom: 15px;



}

#fullbox_content #btn_morenews:hover {

	background-position: 0 -17px;

}









#fullbox_content #btn_allspecials {

	display: block;

	width: 96px;

	height: 17px;

	text-indent: -999em;

	background: url(../gfx/btn_allspecials.gif) no-repeat 0 0;

	margin: 0 0 0 45px;

}

#fullbox_content #btn_allspecials:hover {

	background-position: 0 -17px;

}





#btn_allnews {

	display: block;

	width: 96px;

	height: 17px;

	text-indent: -999em;

		margin: 0 0 10px 0;

	background: url(../gfx/btn_allnews.gif) no-repeat 0 0;



}

#btn_allnews:hover {

	background-position: 0 -17px;

}



#btn_events {

	display: block;

	width: 80px;

	height: 17px;

	text-indent: -999em;

		margin: 0 0 10px 0;

	background: url(../gfx/btn_allevents.gif) no-repeat 0 0;



}

#btn_events:hover {

	background-position: 0 -17px;

}



#btn_allnews_list {

	display: block;

	width: 120px;

	height: 17px;

	text-indent: -999em;

	background: url(../gfx/btn_allnews_2.gif) no-repeat 0 0;



}

#btn_allnews_list:hover {

	background-position: 0 -17px;

}





#btn_about {

	display: block;

	width: 87px;

	height: 17px;

	text-indent: -999em;

	background: url(../gfx/btn_about.gif) no-repeat 0 0;



}

#btn_about:hover {

	background-position: 0 -17px;

}





/* GLOBAL CONTAINERS

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



#global_outter_content {

	width: 990px;

	background: url(../gfx/gb_top-bg.png) no-repeat 0 0;

	padding: 12px 0 0 0;

}

#global_inner_content {

	width: 990px;

	background: url(../gfx/gb_bt-bg.png) no-repeat 0 100%;

	padding: 0 0 8px 0;

}

#global_content {

	width: 990px;

	background: url(../gfx/gb_bg.png) repeat 0 0;

}



#global_content #primary {

	width: 645px;

	float: right;

	background: url(../gfx/gb_top_gradient.png) no-repeat -290px 0;

	padding: 20px 40px 0 15px;

	position: relative;

}



#global_content #secondary {

	width: 290px;

	float: left;

	background: url(../gfx/gb_top_gradient.png) no-repeat 0 0;

	padding: 15px 0;

}











/* AD SPACE

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

#adspace {

	padding: 10px 0;

	background: url(../gfx/banner_container.png) repeat-x 0 50%;

}	

#adspace li {

	width: 330px;

	height: 145px;

	float: left;

	position: relative;

}

#adspace li a {

	display: block; 

	width: 300px;

	height: 100px;

	position: absolute;

	top: 12px;

	left: 15px;

}





/* NAVIGATION

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

#navigation {

	position: absolute;

	top: 0;

	right: 10px;

}

#navigation ul li {

	float: left;

	margin: 0 20px 0 0;

}

#navigation ul li .gnav {

	height: 90px;

	display: block;

	text-indent: -999em;

	background: url(../gfx/menu.png) no-repeat 0 0;

}



/* --- HOME --- */

#navigation ul #n-home .gnav {

	width: 48px;

}

body#home #navigation #n-home .gnav, #navigation #n-home .gnav:hover {

	background-position: 0 -90px;

}



#navigation ul #n-home.sfHover a.gnav {

	background-position: 0 -90px;

}



/* --- ABOUT --- */

#navigation ul #n-about .gnav {

	width: 58px;

	background-position: -72px 0;

}

body#about #navigation #n-about .gnav, #navigation #n-about .gnav:hover {

	background-position: -72px -90px;

}



#navigation ul #n-about.sfHover .gnav {

	background-position: -72px -90px;

}



/* --- PRODUCTS --- */

#navigation ul #n-products .gnav {

	width: 86px;

	background-position: -153px 0;

}

body#products #navigation #n-products .gnav, #navigation #n-products .gnav:hover {

	background-position: -153px -90px;

}

#navigation ul #n-products.sfHover a.gnav {

	background-position: -153px -90px;

}



/* --- BLOG --- */

#navigation ul #n-blog .gnav {

	width: 48px;

	background-position: -267px 0;

}

body#blog #navigation #n-blog .gnav, #navigation #n-blog .gnav:hover {

	background-position: -267px -90px;

}

#navigation ul #n-blog.sfHover a.gnav {

	background-position: -267px -90px;

}





/* --- EVENTS --- */

#navigation ul #n-events .gnav {

	width: 66px;

	background-position: -338px 0;

}

body#events #navigation #n-events .gnav, #navigation #n-events .gnav:hover {

	background-position: -338px -90px;

}

#navigation ul #n-events.sfHover a.gnav {

	background-position: -338px -90px;

}





/* --- GALLERY --- */

#navigation ul #n-gallery .gnav {

	width: 74px;

	background-position: -425px 0;

}

body#gallery #navigation #n-gallery .gnav, #navigation #n-gallery .gnav:hover {

	background-position: -425px -90px;

}

#navigation ul #n-gallery.sfHover a.gnav {

	background-position: -425px -90px;

}





/* --- CONTACT --- */

#navigation ul #n-contact {

	margin: 0;

}

#navigation ul #n-contact .gnav {

	width: 74px;

	background-position: -524px 0;

}

body#contact #navigation #n-contact .gnav, #navigation #n-contact .gnav:hover {

	background-position: -524px -90px;

}



#navigation ul #n-contact.sfHover a.gnav {

	background-position: -524px -90px;

}





/* SEARCH

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

#search_container {

	position: absolute;

	top: 110px;

	right: 10px;

}

#search_container #srch_field {

	width: 248px;

	height: 22px;

	padding: 5px 10px 0 10px;

	background: url(../gfx/srch_bar_bg.png) no-repeat 0 0;

	font: 14px Arial, Helvetica, sans-serif;

	color: #888;

	border: none;

	float: left;

	margin: 0 5px 0 0;

}

#search_container #btn_srch {

	width: 56px;

	height: 25px;

	text-indent: -999em;

	background: url(../gfx/srch_btn.png) no-repeat 0 0;

	cursor: pointer;

	border: none;

}

#search_container #btn_srch:hover {

	background-position: 0 -25px; 

}



/* NEWSLETTER

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

#mailinglist_form {

	position: absolute;

	right: 10px;

	top: 35px;

}

#mailinglist_form label {

	float: left;

	display: block;

	width: 142px;

	height: 27px;

	background:url(../gfx/label-newsletter.gif) no-repeat 0 50%;

	margin: 0 10px 0 0;

	text-indent: -999em;

}

#mailinglist_form #elist_field {

	width: 248px;

	height: 22px;

	padding: 5px 10px 0 10px;

	background: url(../gfx/srch_bar_bg.png) no-repeat 0 0;

	font: 14px Arial, Helvetica, sans-serif;

	color: #888;

	border: none;

	float: left;

	margin: 0 5px 0 0;

}

#mailinglist_form #btn_signup {

	width: 56px;

	height: 25px;

	text-indent: -999em;

	background: url(../gfx/btn_signup.png) no-repeat 0 0;

	cursor: pointer;

	border: none;

}

#mailinglist_form #btn_signup:hover {

	background-position: 0 -25px; 

}







/* GALLERY

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

#primary #gallery_container {

	padding: 20px 0 20px 35px;

	margin:0 0 25px 0;

}

#gallery_container li {

	float: left;

	margin: 0 15px 10px 0;

}





/* BLOG STYLES

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

#primary .blog_item {

	padding: 10px;

	border: 1px solid #ccc;

	background: url(../gfx/subnav_category_bg.jpg) repeat-x 0 100% #fff;

	margin: 0 0 25px 0;

}

#primary .blog_item .blog_date {

	font-size: 11px;

	font-weight: bold;

	color: #999;

	padding: 0 0 10px 0;

	display: block;

}

#primary .blog_item .blog_date strong {

	color: #417BAC;

}

/* --  PAGINATE ---- */

#primary .blog_paginate  {

	text-align: center;

	padding: 10px 0;

	font-weight: bold;

	font-size: 11px;

	position: relative;

}

#primary .blog_paginate #prev_page {

	display: block;

	height: 10px;

	line-height: 10px;

	margin: 0;

	color: #555;

	font-size: 10px;

	text-transform: uppercase;

	background: url(../gfx/paginate_arrow_left.gif) no-repeat 0 0;

	padding: 0 0 0 15px;

	position: absolute;

	top: 15px;

	left: 0;

}

#primary .blog_paginate #prev_page:hover {

	color: #014683;

	background-position: 0 -10px;

}





#primary .blog_paginate #next_page {

	display: block;

	height: 10px;

	line-height: 10px;

	margin: 0;

	color: #555;

	font-size: 10px;

	text-transform: uppercase;

	background: url(../gfx/paginate_arrow_right.gif) no-repeat 100% 0;

	padding: 0 15px 0 0;

	position: absolute;

	top: 15px;

	right: 0;

}

#primary .blog_paginate #next_page:hover {

	color: #014683;

	background-position: 100% -10px;

}













/* Contact Form

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

#feedback_form {

	padding: 15px 0;

}



#feedback_form h2.meta_green {

	margin: 25px 0;

}



#feedback_form .fieldbox {

	padding: 10px 0;

	border-bottom: 1px dotted #ccc;

	margin: 0 0 10px 0;

}

#feedback_form .req_field {

	color: #417BAC;

	font-weight: bold;

	font-size: 11px;

	padding: 0 20px;

}

#feedback_form label {

	font-size: 14px;

	width: 200px;

	float: left;

}

#feedback_form input, #feedback_form textarea {

	font: 16px Arial, Helvetica, sans-serif;

	color: #888;

	padding: 2px;

	width: 300px;

	background: url(../gfx/subnav_category_bg.jpg) repeat-x 0 100% #fff;

	border: 1px solid #999;

	float: left;

}

#feedback_form #btn_send {
	display: block;

	width: 56px;

	height: 25px;

	background: url(../gfx/btn_submit.png) no-repeat 0 0;

	border: none;

	cursor: pointer;

	margin: 0 0 0 200px;

	text-indent: -999em;

}

#feedback_form #btn_send.hoverme {

	background: url(../gfx/btn_submit.png) no-repeat 0 -25px;

}







/* FOOTER

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

#outter_footer {

	width: 100%;

	background:url(../gfx/foot-bg.jpg) repeat-x 0 0;

}

#outter_footer #inner_footer {

	width: 100%;

	background: url(../gfx/foot-curve.jpg) no-repeat 50% 0;

}

#footer {

	margin: 0 auto;

	width: 990px;  

	height: 150px;

	position: relative;

}



#footer .copy {

	font-size: 10px;

	color: #999;

	font-weight: bold;

	position: absolute;

	bottom: 15px;

	right: 15px;

}



/* FOOT NAV

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

#foot_nav {

	position: absolute;

	right: 0; 

	top: 80px;

	padding: 15px 5px 10px 100px;

	background: url(../gfx/foot-nav-shadow.png) no-repeat 100% 0;

}



#foot_nav ul li {

	float: left;

	margin: 0 15px;

}

#foot_nav ul li a {

	font-size: 11px;

	text-transform: uppercase;

	color: #555;

	font-weight: bold;

}

#foot_nav ul li a:hover {

	color: #417BAC;

	text-decoration: underline;

}









/* Helpers 

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

.clear {

	clear: both;

}

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