body{font-family: Verdana,Tahoma,Geneva,Sans-serif;}

/* **************** LAYOUT ******************/
body {background:#60c0ee url(http://www.travelbug.co.nz/images/assets/bg.png) repeat-x 0px 0px; background-color:#60c0ee !important ;} 
.fairfax, .travelbug-head, .navigation, .top-search, .travelbug-foot, .travelbug-body { zoom:1; }
.fairfax {background:#f7f7f7;border-bottom:1px solid #ccc;min-width:760px;}
.travelbug-page { width: 1000px; overflow:visible; zoom:1; }
.travelbug-head { height: 100px; background: url(http://www.travelbug.co.nz/images/assets/cloud.png) no-repeat 510px bottom; position: relative;z-index:20;}
.home-search { -webkit-box-shadow: 0px 10px 15px #0d9bd1; box-shadow: 0px 10px 15px #0085b7; }
.top-search{ -webkit-box-shadow: 0px 10px 15px #0097d1; box-shadow: 0px 10px 15px #0085b7; }
.travelbug-body {-webkit-box-shadow: 0px 3px 15px #0d9bd1; box-shadow: 0px 3px 15px #0085b7; margin: 0 10px 0 10px; background: #fff; -moz-border-radius:0 0 8px 8px; -webkit-border-radius:8px; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-radius:0 0 8px 8px; position: relative;}
.no-search { -moz-border-radius:8px 8px 8px 8px; -webkit-border-radius:8px; border-radius:8px 8px 8px 8px;}
.travelbug-foot {padding:0 20px; margin:10px 0}
.hide, .hidden {position:absolute;top:-9999px;left:-9999px;}

/* **************** CONTENT OBJECTS ***************** */

/* ====== Default spacing ====== */
p, ul, ol, dl {padding: 0 ; margin: 0; line-height: 20px;}
* html p {overflow: visible;} /*fix frustrating ie6 italic problem*/
blockquote {margin: 0 10px 10px;}
h1, h2, h3, h4, h5, h6 {padding: 0 }
pre{margin: 10px 10px;}
table h1,table h2,table h3, table h4, table h5, table h6, table p, table ul, table ol, table dl {padding: 0; margin: 0;}

/* ====== Elements ====== */
em{font-style: italic;}
strong{font-weight: bold;}
small {font-size: 11px; line-height: 20px;}
code{background: #F0F0F0; color: #000000; padding: 10px; margin: 10px 10px 20px; overflow: hidden; border: 1px solid #DADADA; display: block;}
sup {font-size: 9px; line-height: 1em; vertical-align: super;}
sub {font-size: 9px; line-height: 1em; vertical-align: sub;}



/* ====== Headings ====== */
/* .h1-.h6 classes should be used to maintain the semantically appropriate heading levels - NOT for use on non-headings */
h1, .h1{font: normal bold 24px/24px Arial, Helvetica, Sans-serif; margin: 15px 0 15px; padding: 0 0 0 0; color: #0d9bd1;}
h2, .h2{font: normal bold 20px/24px Arial, Helvetica, Sans-serif; margin: 10px 0 10px; color: #0d9bd1;}
h3, .h3{font: normal bold 16px/20px Arial, Helvetica, Sans-serif; margin: 10px 0; color: #0d9bd1;}
h4, .h4{font: normal bold 14px/20px Arial, Helvetica, Sans-serif; margin: 10px 0; color: #333333;}
h5, .h5{font: normal bold 14px/20px Arial, Helvetica, Sans-serif; margin: 10px 0; color: #cc6600;}
h6, .h6{font: normal bold 12px/20px Arial, Helvetica, Sans-serif; margin: 10px 0; color: #333333;}

/* ====== Links ====== */
a {
	color: #0066CC;
	text-decoration: none;
}
a:focus,
a:active,
a:hover {
color: #002e5b; 
	text-decoration: underline;
}

/* ========= Buttons === */
.button { background:url("http://www.travelbug.co.nz/images/a_pixel.gif") no-repeat scroll left top transparent; cursor:pointer; display:block; font-size:1px; line-height:1px; text-indent:-9999px; }

/* ====== Sprites ====== */
.sprite-nr { background: url(http://www.travelbug.co.nz/images/assets/sprites-no-repeat-v11.png) no-repeat; }


/* flat lists */
ul.flat li {display: inline; padding-right: 0px; margin-bottom: 0;}
	/* extends flat */
	ul.crumbs a:visited, ul.crumbs a {text-decoration: none; color: #03c; border-bottom: 1px solid #9ae;}
	ul.crumbs a:hover, ul.crumbs a:focus {text-decoration: none;color: #ff6600; border-bottom: 1px solid #FF6600;}
	ul.crumbs li {margin-bottom: 0; padding-right:0;}
	
/* ********** Header ********** */
/* ====== fairfax ====== */
.fairfax {background:#f7f7f7; border-bottom:1px solid #ccc; min-width:760px;}
.nav-fairfax, .time-fairfax {font: bold 11px/16px Verdana, Tahoma, Sans-serif; margin:0px 0 4px 0; padding-top:3px}
.nav-fairfax {padding-left: 0;}
.nav-fairfax li {border-left:1px solid #ccc;display:inline;margin:0 0 0 0;padding:0 8px 0 12px;}
.nav-fairfax a:visited, .nav-fairfax a {color:#03C; text-decoration: none;}
.nav-fairfax a:hover, .nav-fairfax a:focus {color:#f60;}
.nav-fairfax a:hover {text-decoration: underline;}
.nav-fairfax .first {border:0 none;}
.time-fairfax {float: right; margin-bottom: 0; margin-right:10px;}
/* ====== Trevs Zone ====== */
.logo-travelbug {float: left; display: inline; margin: 4px 10px 0px 8px;font-size: 1px; line-height: 1px;}

/* ====== Nav ======= */
.top-nav { float:left;  margin:30px 7px 0 5px; padding:0; height: 36px; border: 1px solid #a5ddf1; background-color: rgba(96, 192, 238, 0.23); -pie-background: rgba(96, 192, 238, 0.23);  }
.top-nav-item { float:left;  margin:8px 0px 0 0; border-right: 1px solid #fff; padding:0 17px 0 17px; position:relative; font: bold 18px/18px Arial, Tahoma, Sans-serif;}
.top-nav-item-last { border-right: none;}
.top-nav-link { text-decoration: none; color: #0066cc; }
.top-nav-link:visited { color: #0066cc; text-decoration: none; } 
.top-nav-link:hover { text-decoration: underline; } 


/*nav links*/

/* ====== Bottom Nav ====== */
.bottom-nav{ border-top: 1px dotted #aaa; margin: 0px 0 15px 0;}
.bottom-nav ul {margin: 10px 0 0 0; text-align: center; }
.bottom-nav li { font: normal 12px/12px Verdana, Helvetica, Sans-serif; margin: 0 7px 0 7px; }

/* ====== Footer ====== */
.travelbug-foot { text-align: center; font: normal 12px/12px Verdana, Helvetica, Sans-serif; margin: 20px 7px 0 7px;}
.travelbug-foot p { margin: 0px 0px 10px 0px; }





.splash-footer { overflow: auto; zoom:1; position:relative; padding: 0 0 10px 0; }




/* ============ The standard travelbug box - with a heading ========*/
.tb-box {position: relative; z-index:3; background: #0d9bd1; margin-top: 20px;}
.tb-box .hd{ margin: 0 0 0px 10px; padding: 6px 0 4px 0;  color: #fff; font: normal bold 16px/22px Arial, Helvetica, Sans-serif; text-shadow: #0075a1 1px 1px 2px;  }
.tb-box .bd{ position: relative;  font: normal 14px/18px Arial, Helvetica, Sans-serif; background-color: #fff; margin: 0px 0px 0px 0px; padding: 10px 10px 10px 10px; border: 1px solid #0d9bd1; -moz-border-radius:0px 0px 8px 8px; -webkit-border-radius:8px;  border-radius: 0px 0px 8px 8px;}

/* travelbug box with a colored bg ie the comment form */
.tb-box-standout .bd { background: #DBF1FD; padding: 15px;}

/* travelbug box with out heading */
.tb-box-headless .bd { -moz-border-radius:8px 8px 8px 8px; -webkit-border-radius:8px;  border-radius: 8px 8px 8px 8px;}


/* ====== rounded corner box skin ====== */
.rounded-box { background-color: #000; }
.rounded-box .top { position:absolute; width: 100%; z-index:2;}
.rounded-box .tl { background-position: 0px -215px; z-index:2; }
.rounded-box .tr { background-position: -8px -215px; z-index:2; }
.rounded-box .bd { margin: 0px 0px 0px 0px; }
.rounded-box .bottom {position:absolute; bottom:8px; left: 0px; width: 100%;}
.rounded-box .bl { background-position: -17px -215px; z-index:2; }
.rounded-box .br { background-position: -25px -215px; z-index:2; }

/* ====== rounded corner box skin on light blue background ====== */

.rb-on-blue .tl { background-position: 0px -201px; }
.rb-on-blue .tr { background-position: -8px -201px; }
.rb-on-blue .bl { background-position: -17px -201px; }
.rb-on-blue .br { background-position: -25px -201px; }




/* social media sharing */
.social { float: right; width: 153px; margin-top: 7px; color: #999;text-align: left;}
.social-heading { font-size: 12px;}
.social-twitter-link {float: left; margin-right: 5px; width: 47px; height: 47px; background-position: -500px -157px;}
.social-facebook-link {float: left; width: 47px; height: 47px; background-position: -453px -157px; }

.social-google-link
{   
    float: left;
    width: 38px;
    height: 24px;
    margin: 20px 0 0 5px;
    box-shadow: 1px 1px rgba(0,0,0,0.2), 2px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: 1px 1px rgba(0,0,0,0.2), 2px 2px rgba(0,0,0,0.1);
    -webkit-box-shadow: 1px 1px rgba(0,0,0,0.2),2px 2px rgba(0,0,0,0.1);
    -moz-border-radius: 3px;
    border-radius: 3px;
}