/*
  Author: Kenny Saunders
  Website: http://www.fortyeightdesigns.com
  Date: 2008-03-30
  Description: CSS Mang
  Reason: Because I like pizza Steve.
  Copyright (c) 2008 FortyEight Designs. All rights reserved.
*/

/* GLOBAL STYLES
--------------------------------------------------------------------------*/
body {
  background:#000 url('images/bg.png') repeat-y center top;
  color:#fff; 
  font-family:Helvetica,Verdana, Arial, sans-serif;
  font-size:14px;
  -webkit-text-size-adjust: none;  
  }
html, body, h1, h2, h3, h4, h5, h6, img, p, a, ul, ol, li, dl, dt, dd, form, fieldset, legend, label, button { 
  margin:0; padding:0; border:0; }
ul, ol, li { 
  list-style-type:none; 
  line-height:0; }
.clear { clear:both; }
a, button { 
  text-decoration:none;
  outline:none;
}
p { line-height:22px; }
a:hover { text-decoration:underline; }
legend { display:none; }
button { cursor:pointer;}
h1 { padding-bottom:10px; }
h1 a {
  display:block;
  text-align:center;
  padding-top:10px;
  height:40px;
}


/* LAYOUT STYLES
--------------------------------------------------------------------------*/
div#home {
  min-height:420px;
}
div#header {
  height:101px;
  background:url('images/hdr_bg.png') repeat-x;
}
div#footer {
  padding-top:10px;
}





/* SECTION STYLES
--------------------------------------------------------------------------*/
a#signin, a#logout, a#settings {
  line-height:50px;
  display:none;
}
a#signin {
  position:absolute;
  right:12px;top:5px;
  color:#aaa;
}
a#logout, a#settings, .loggedin a#signin { display:none; }
.loggedin a#logout {
  position:absolute;
  right:10px;top:5px;
  display:block;
  color:#aaa;
}
.loggedin a#settings {
  position:absolute;
  right:68px;top:5px;
  display:block;
  color:#aaa;
}
.loggedin h1 a {
  text-align:left;
  padding-left:10px;
  background:url('images/cierge_logo.png') no-repeat 10px 12px;
}
.loggedin h1 a img {
  display:none;
}



.btn_orange, a.btn_gray {
  border-width: 0 15px;
  color:#fff;
  padding-width: 0 15px;
  display:inline-block;
  text-align:center;
  line-height:38px;
  text-shadow: rgba(0, 0, 0, 0.6) 0 1px 0;
  background: none;
  -webkit-border-image: url('images/btn_orange.png') 0 15 0 15;
}
a.btn_gray {
  -webkit-border-image: url('images/btn_gray.png') 0 15 0 15;
} 
a.big_email, a.big_call {
  display:block;
  text-indent:-9999px;
  background:url('images/big_call.png') no-repeat center center;
  line-height:110px;
} 
a.big_email { background-image:url('images/big_email.png'); }
div#content p {
  text-align:center;
  padding-top:10px;
}
div#content h2, div#loggedin h3 {
  letter-spacing:-0.9px;
  font-weight:normal;
  padding:15px 0;
  text-align:center;
  font-size:16px;
  text-shadow: rgba(0, 0, 0, 0.6) 0 1px 0;
}
div#loggedin h2 {
  color:#666;
  clear:left;
  padding:20px 0 15px;
  text-align:center;
  font-weight:normal;
  font-size:24px;
}
div#loggedin h3 {
  text-transform:uppercase;
  letter-spacing:-0.9px;
  font-weight:bold;
  padding-bottom:25px;
}
div#content h2 strong {
  font-weight:bold;
  padding-right:5px;
}


div#success {
  padding:15px 20px;
}
div#success h2 {
  letter-spacing:-1.1px;
  font-weight:bold;
  padding:0 0 15px;
  text-transform:uppercase;
  clear:left;
  font-size:17px;
  text-shadow: rgba(0, 0, 0, 0.6) 0 1px 0;
}
div#success p {
  padding:0 0 15px;
}



div#footer p {
  color:#999;
  font-size:11px;
  line-height:33px;
  float:left;
  padding-left:10px;
  position:relative;
}
div#footer a.btn_about {
  float:right;
  position:relative;
  width:150px;
  margin:-10px 10px 0 0;
  display:block;
  text-indent:-9999px;
  background:url('images/btn_about.png') no-repeat right center;
  line-height:53px; 
}


div#about {
  padding:15px;
}
div#about p { padding-bottom:15px; }
div#about p a {
  color:#e1831d;
  text-decoration:underline;
}

	
/* NAVIGATION STYLES
--------------------------------------------------------------------------*/
ul#main-nav li a {
  font: bold 14px/32px Helvetica, serif;
  text-transform:uppercase;
  display:inline-block;
  text-align:center;
  color:#fff;
  border-width: 0 10px;
  width:79px;

  text-shadow: rgba(0, 0, 0, 0.6) 0px 1px 0;
  background: none;
  -webkit-border-image: url('images/nav_btn.png') 0 10 0 10;
}
body[orient="landscape"] ul#main-nav li a { width:131px; }
ul#main-nav li.active a { 
  -webkit-border-image: url('images/nav_btn_a.png') 0 10 0 10; 
  
}
ul#main-nav li { 
  float:left; 
  margin-left:6px;
}
ul#main-nav li.active { background:url('images/nav_arrow.png') no-repeat center 32px;padding-bottom:10px; }
ul#main-nav li:last-child:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: left; 
  visibility: hidden;
}


ul#sub-nav {
  clear:left;
  position:relative;
  top:-10px;
}
ul#sub-nav li {
  background:url('images/subnav_arrow.png') no-repeat right center, url('images/hz_dv.png') no-repeat center bottom;
}
ul#sub-nav li a {
  display:block;
  line-height:86px;
  color:#fff;
  text-transform:uppercase;
  font-size:15px;
  letter-spacing:-1px;
  padding-left:70px;
  background:url('images/icn_personal.png') no-repeat 10px center;
}
ul#sub-nav li.travel a { background-image:url('images/icn_travel.png'); }
ul#sub-nav li.medical a { background-image:url('images/icn_medical.png'); }



div#loggedin ul#icons { padding-bottom:25px; }
ul#icons li.first {
  float:left;
  width:50%;
  text-align:center;
  background:url('images/vt_dv.png') no-repeat right center;
}
ul#icons li.last {
  margin-left:50%;
  text-align:center;
}
	

/* HEADING STYLES
--------------------------------------------------------------------------*/
div#about h2 {
  font-size:16px;
  letter-spacing:-1px;
  clear:left;
}



/* PARAGRAPH STYLES / TEXT
--------------------------------------------------------------------------*/
	
	


/* LIST STYLES
--------------------------------------------------------------------------*/
div#about ul.tips {
  padding:20px 0;
  background:url('images/hz_dv.png') no-repeat center bottom;
  margin-bottom:20px;
}
ul.tips li {
  line-height:18px;
  padding-bottom:10px;
  list-style-type:disc;
  margin-left:20px;
}



/* FORM STYLES
--------------------------------------------------------------------------*/
fieldset {
  padding:0 15px 15px;
}
fieldset h2 {
  letter-spacing:-1.1px;
  font-weight:bold;
  padding:15px 0 0;
  text-transform:uppercase;
  font-size:15px;
  text-shadow: rgba(0, 0, 0, 0.6) 0 1px 0; 
}
fieldset h3, div#about h3 {
  background:rgba(0,0,0, .8); 
  border:10px;
  margin:15px -3px 0;
  -webkit-border-radius:10px;
  text-align:center;
  font-size:14px;
  font-weight:normal;
  line-height:36px;
  color:#999;
}
label {
  padding-top:13px;
  display:block;
}
label em, fieldset p em { 
  color:#e1831d; 
  font-weight:bold;
  font-style:normal;
}
input {
  font-size:16px;
  padding:5px;
}
button.btn_orange {
  font-size:16px;
  margin:13px auto;
}