html { background: #fff; }

body {
	font: .75em/1.42 "Lucida Grande",Arial,sans-serif;
	color: #333;
	margin: 0;
	background: #fff url("bg_body.png") repeat-x top;
}
#body_home { background-image: url("bg_body_home.png"); }

h1, h2, h3, h4, h5 { margin:0 0 10px; color: #333; }
h1 { font-size: 2em; line-height: 1.3; font-weight: 300; margin-bottom: 20px; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.17em; }
#content_sub h3 { font-size: 1em; color: #004584; }
h4 { font-size: 1em; margin: 0; }

h4 span {color:#999;}

p { margin: 0 0 15px; }
p.intro { font-weight: bold; line-height: 1.67; }

a { color: #1393c8; text-decoration: none; }
a:focus, a:hover { text-decoration: underline; }
a img { border:none; }

.more a { background: url("bg_more.png") no-repeat left; padding-left: 15px; }

.button { background: #1290c6 url("bg_button.png") no-repeat 0 0; float: left; }
.button a { background: url("bg_button.png") no-repeat 100% 100%; color: #fff; font-weight: bold; display: block; padding: 6px 19px 0 28px; height: 22px; _float: left; /* :hack: make buttons right width in IE6 */ }

.pdf a { padding: 2px 0 2px 25px; background: url("icon_pdf.png") no-repeat left; }

.skip{
	position:absolute;
	left:-9999px;
}

ol li { margin: 0 0 10px; }


blockquote { background: url("bg_quote_top.png") no-repeat top; margin: 0; padding: 25px 16px 0; font: 1.4em/1.33 Georgia,serif; width: 252px; }
blockquote .cite { background: url("bg_quote.png") no-repeat bottom; height: 70px; margin: 10px -16px 0; padding: 0 65px 0 16px; font: .66em "Lucida Grande", Arial, sans-serif; color: #666 }
blockquote cite { font-style: normal; }
blockquote .cite span { display: block; color: #97bb02; }

dt { float: left; clear: left; margin: 0 5px 0 0; }
dd { margin: 0; }

.hr { border-top: 1px solid #e5e5e5; margin: 20px 0; }
.hr hr { position: absolute; left: -9999px; }

.main_image { display: block; margin: 0 0 20px; }

.ticks { margin: 0 0 20px; padding: 0; list-style: none; }
.ticks li { padding: 2px 0 3px 35px; background: url("tick.png") no-repeat 0 0; font-weight: bold; margin: 0 0 20px; }

.thumb.left, blockquote.left {
	float: left;
	margin:0 15px 15px 0;
}

.thumb.right, blockquote.right {
	float: right;
	margin:0 0 15px 15px;
}


/* form styles */

.formbox { background: #fbfafb url("bg_formbox.png") no-repeat top; padding: 20px 20px 0; margin: 30px 0 20px; width: 527px; }
form { margin: 0; padding: 0; }
fieldset { border:none; margin: 0; padding: 0 0 20px; }
fieldset.buttons { background: url("bg_formbox_bottom.png") no-repeat bottom; margin: 0 -20px; padding: 0 20px 50px; }
fieldset div { margin: 0 0 20px; }
label { color: #000; display:block; margin: 0 0 8px; }
input.text, textarea { border:1px solid #c6c6c6; padding:2px; width:370px; font: 1em "Lucida Grande",Arial,sans-serif; }
textarea { height:140px; }

label.error { color: #795B06; margin: 5px 0; font-weight: normal; width: 420px; }
input.text.error, textarea.error { background: #fff3b7; }

#contact_result { padding: 10px 20px; background: #97BB02; color: #fff; }
#contact_result.error { background: red; }

/*layout*/

#container { background: url("bg_container.jpg") repeat-x top; }

#header { height:108px; padding: 9px 0 0; width: 890px; margin: 0 auto; position: relative; }
#logo { margin: 0 0 0; display: block; float: left; position: absolute; top: 24px; }

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

#menu li { PADDING-LEFT: 14px;}
#menu li.sel {font-weight:bold;PADDING-BOTTOM: 3px; MARGIN: 0px; PADDING-TOP: 3px; BORDER-BOTTOM: #e5e5e5 1px solid}
#menu li.select { background: url("bg_more_orange.png") no-repeat 0 7px;font-weight:bold;PADDING-BOTTOM: 3px; MARGIN: 0px; PADDING-TOP: 3px; BORDER-BOTTOM: #e5e5e5 1px solid}
#menu a.minM {font-size: 90%;}

#top_nav { float: right; font-weight: bold;}
#top_nav ul { list-style: none; margin: 0; padding: 0; }
#top_nav li { float: left; padding-right: 15px; margin: 7px 15px 0 0; border-right: 1px solid #89afcc; line-height: 1; }
#top_nav a { color: #fff; }
#top_nav span { cursor: pointer; }

#body_login #nav_login a { background-position: -100% -100px; }
#body_Login #nav_login a span { background-position: 0 -125px; }

#main_nav { position: absolute; right: 0; bottom: 0; }
#main_nav ul { margin: 0; padding: 0; list-style: none; }
#main_nav li { float:left; margin:0 0 0 7px; }

#main_nav a { display:block; color:#fff; font-weight:bold; text-decoration:none; text-align: center; padding: 10px 0 0; height:25px; background: #00508c; position: relative; }
#nav_home a { width: 81px; }
#nav_who a { width: 165px; }
#nav_contact a { width: 120px; }

#main_nav span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("bg_nav.png") no-repeat 0 0; cursor: pointer; }
#nav_who span { background-position: -81px 0; }
#nav_contact span { background-position: -246px 0; }

#main_nav a:focus, #main_nav a:hover { background: #0a316a; }
#nav_home a:focus span, #nav_home a:hover span { background-position: 0 -35px; }
#nav_who a:focus span, #nav_who a:hover span { background-position: -81px -35px; }
#nav_contact a:focus span, #nav_contact a:hover span { background-position: -246px -35px; }

#body_home #nav_home a, #body_who #nav_who a, #body_contact #nav_contact a { background: #fff; color: #00508c; }
#body_home #nav_home span { background-position: 0 -70px; }
#body_who #nav_who span { background-position: -81px -70px; }
#body_contact #nav_contact span { background-position: -246px -70px; }

#content { width: 890px; margin: 0 auto; padding: 40px 0; }
#content:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }
 
#content_main { width: 591px; float: left; margin: 0 25px 0 0; }
#content_sub { width: 284px; float: left; margin: 0; }

#footer { background: #F6F4F6 url("bg_footer.png") repeat-x bottom; clear: both; padding: 30px 0 0; }

#footer_blurb, #footer_nav { width: 890px; margin: 0 auto; }

#footer_blurb div { float: left; width: 283px; margin: 0 35px 30px 0; }
#footer_blurb #bluespeak { margin-right: 0;}

#footer_blurb .icon { float: right; margin: 0 0 15px 15px; }
#footer_blurb dl { clear: right; }
#footer_blurb a { color: #187eb8; }
#footer_blurb .button, #footer_blurb .button a { color: #fff; }
#find_out_more .button, #find_out_more .button a { background-image: url("bg_button_orange.png"); }
#bluespeak h2 { margin: -21px 0 14px; }

#footer_nav { color: #fff; height: 75px; padding: 30px 0 0; clear: both;  }
#footer_nav p { float: left; }
#footer_nav img { display: block; }
#footer_nav ul { margin: 0px 0 0; padding: 0; list-style: none; text-align: right; font-size: .92em; }
#footer_nav ul.main { font-weight: bold; font-size: 1em; }
#footer_nav li { display: inline; margin-left: 7px; padding-left: 10px; border-left: 1px solid #fff; }
#footer_nav li.first { border-left: 0; }
#footer_nav a { color: #fff; }


/* SIFR styling */


@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
}


/*Index Page*/

#body_home #content { padding-top: 0; }
#body_who #content { padding-top: 20; }
#body_contact #content { padding-top: 20; }
#body_about #content { padding-top: 20; }


#intro { position: relative; padding: 0px 504px 0 0; margin: 0 0 35px; min-height: 321px; _height: 321px; /* :hack: min-height for IE6 */ }
#intro h1 { margin-bottom: 10px; }
#intro .buttons { position: absolute; left: 0; top: 264px; }
#intro .buttons a { margin-right: 10px; }

#slideshow { background: url("bg_slideshow.jpg") no-repeat 0 0; position: absolute; top: 27px; right: -58px; padding: 7px 0 0 61px; width: 501px; height: 317px; position: absolute; }
#slideshow ul { margin: 0; padding: 0; list-style: none; width: 437px; height: 282px; position: absolute; }
#slideshow li { position: absolute; top: 0; left; 0; }
#slideshow_show, #slideshow_previous, #slideshow_next { position: absolute; top: 128px; z-index: 999; border: 0; background: transparent; padding: 0; margin: 0; width: auto; overflow: visible; cursor: pointer; }
#slideshow_show { top: 130px; left: 226px; }
#slideshow_previous { left: 36px; }
#slideshow_next { right: 40px; }

#gallery { width: 575px; padding-top: 52px; }
#gallery_main { border: 9px solid #ddeff8; margin: 0 auto 5px; }
#gallery_caption { margin: 0 22px 15px; }
#gallery ul { background: url("bg_gallery_list.png"/*tpa=bg_gallery_list.png*/) no-repeat 0 0; padding: 28px 0 0 40px; margin: 0; height: 100px; }
#gallery li { border: 4px solid #ddeff8; background: #fff; width: 102px; height: 76px; margin: 0 18px 0 0; float: left; list-style: none; position: relative; }
#gallery_hover_indicator { position: absolute; top: -13px; left: -13px; }
#gallery img { display: block; }

#body_home #content_main { width: auto; margin: 0; }
#body_home #content_main:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }
#body_home #content_main div { float: left; margin: 0 0 30px 24px; width: 284px; position: relative; }
#body_home #content_main #ascl { margin-left: 0; }

#ascl strong { display: block; color: #004584; border: 7px solid #ccdce8; padding: 10px 18px; zoom: 1; }

#quotes { position: relative; zoom: 1; }
#quotes h2 { color: #97bb02; position: absolute; z-index: 1000; left: 70px; top: 23px; font-size: 1.33em; }
#quotes blockquote { background-image: url("bg_quotes_top.png"); padding-top: 60px; }
#quotes blockquote .cite { background-image: url("bg_quotes.png"); }
#quotes .more a { color: #97BB02; background-image: url("bg_more_green.png"); margin-left: 16px; }
#quotes p.quote { height: 96px; overflow: hidden; text-overflow: ellipsis; }

#follow_us ul { margin: 0; padding: 0; list-style: none; }
#follow_us li { margin: 0 0 5px; padding-left: 18px; background: url("bg_more_orange.png") no-repeat 0 3px; }
#follow_us li a { color: #ea7504; }
.follow_us_promo{background: url("follow_us_sell.png") no-repeat 0 0; width: 282px; height:222px; margin:0 !important;}
.follow_us_promo img{position: relative; bottom: 0; position: absolute; bottom: 24px; left: 18px;}

#key_features { clear: both; background: #fbfafb url("bg_key_features.png") no-repeat bottom; padding: 0 30px 15px; position: relative; zoom: 1; }
#key_features:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }
#key_features h2 { margin: 0 -30px 25px; background: #10639d url("bg_key_features_top.jpg") no-repeat 0 0; height: 75px; text-indent: -9999px; }
#key_features img { float: right; margin: 0 0 10px 20px; }
#special_offer { position: absolute; top: 0; right: 0; background: url("special_offer.gif") no-repeat 0 0; width: 148px; height: 204px; }
#special_offer strong { position: absolute; left: -9999px; }
#key_features .more a { color: #ea7504; background-image: url("bg_more_orange.png"); }

/* Who page */

#body_who #content_main { width: 567px; margin-right: 49px;}
#body_who #extra .col { width: 269px; margin: 0;}

#other_users { background: #fbfbfb url("bg_other_users.png") repeat-y top; }
#other_users div { background: url("bg_other_users_top.png") no-repeat top; padding: 13px 0 0; }
#other_users h2 { margin: 0 0 0 20px; color: #00558c; }
#other_users ul { background: url("bg_other_users_bottom.png") no-repeat bottom; padding: 2px 20px 0; margin: 0; }
#other_users li { list-style: none; margin: 0; padding: 21px 0 19px; background: url("bg_border.png") repeat-x top; zoom: 1; }
#other_users li:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }
#other_users li.first { background: none; padding-top: 19px; }
#other_users div div { background: none; padding: 0; }
#other_users li.on div { background: #C9ECFB url("bg_other_users_on.png") no-repeat 0 0; margin: 0 -18px 0 -40px; padding: 8px 18px 0 40px; height: 82px; position: relative; }
#other_users img { float: left; margin: 0 12px 0 0; border: 1px solid #c8c8c8; }
#other_users h3 { font-size: 1.5em; }
#other_users p { margin: 0 0 3px; }
#other_users p.more { margin: 0; }

img#who {
	float:right;
	margin:0 0 30px 30px;
}

ul.features {
	float:left;
	margin:0 20px 0 0;
	padding:0 0 0 30px;
	width:220px;
}

ul.features li{
	margin:0 0 20px 0;
}

/* About page */

#team ul { margin: 0 0 20px; padding: 0; list-style: none; }
#team li { height:255px; float: left; width: 182px; margin: 0 0 33px 19px; }
#team li.row_leader { margin-left: 0; clear: left; }
#team img { display: block; margin: 0 0 5px; }


/* Tour page */

#body_tour #content { padding-left: 215px; width: 685px; background: url("bg_tour_nav.png") no-repeat 0 0; }
#body_tour #content_main { width: 100%; float: left; margin: 0; }
#body_tour #content_sub { float: left; width: 189px; margin-left: -100%; position: relative; right: 215px; }
* html #body_tour #content_sub { left: 419px; } /* :hack: IE6 layout fix */

#body_tour #content_sub ul { margin: 0; padding: 0; list-style: none; width: 175px; }
#body_tour #content_sub li { background: url("bg_border.png") repeat-x bottom; }
#body_tour #content_sub a { display: block; background: url("bg_more.png") no-repeat 12px 50%; margin: 0; padding: 13px 0 13px 30px; }
#body_tour #content_sub .on a { background: url("bg_tour_nav_on.png") no-repeat 0 0; margin: -2px -14px 0 0; width: 159px; position: relative; z-index: 2; }

.tour_item { margin: 0 0 50px; zoom: 1; }
.tour_item:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }
.tour_item h2 { width: 335px; }