/* CSS Document */

/*-------
// global reset
//-----*/
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,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,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-size: 100%;
	vertical-align: baseline;
	background: transparent;
	line-height:1.3;
}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }
acronym { cursor: help; }



/*-------
// general
//-----*/

html { font-size: 100.01%; }
body { font-size: 62.5%; line-height:1.2em; }
input, select, textarea { font-size: 100%; }

input.text, textarea { padding: 2px 3px; font-family: Verdana, sans-serif; }
.submit { cursor/**/: /**/pointer; }
select > option { padding: 0 5px 0 3px; }

.ul, .ol { margin: 0 0 1em 2em; }
.ul li, .ol li { margin: .2em 0; padding: 0; }

.flR { float: right; }
.flL { float: left; }
.alR { text-align: right; }
.alC { text-align: center; }
.vlT {vertical-align:top;}
.vlB {vertical-align:bottom;}

.hide { display: none; }
.clear { clear: both; height:0px; line-height:0px; font-size:0px; }

.ir { position: relative; overflow: hidden; }
.ir span { position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-indent: -1000em; }

a:link, a:visited { text-decoration: none; cursor/**/: /**/pointer; }
a:link:hover, a:visited:hover { text-decoration: underline; }
a.inv:link, a.inv:visited { text-decoration: underline; }
a.inv:link:hover, a.inv:visited:hover { text-decoration: none; }

.cols { overflow: hidden; margin: 0; }
.cols .col { float: left; width: 50%; }
#page .cols .last { margin-right: 0; }

.clearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }



/*-------
// Globals
//-----*/
body{ background-color:#A2C2D8; font-family:Arial, Helvetica, sans-serif;}


/*-------
// Page Layout
//-----*/

/*--------Container------------*/
div#outer_container{background:url(../images/container/clouds.jpg) left top repeat-x;}
div#container{ width:1000px; margin:0 auto;  background:url(../images/container/container_bg1.png) left top repeat-y; padding:0px 14px;}

/*--------Header------------*/
div#header{padding-bottom:35px; background:url(../images/container/container_top.jpg) left top repeat-x;}
div#header2{padding-bottom:35px; background:url(../images/container/container_top.jpg) left top repeat-x; height:170px;}


/*--------Content------------*/
div#content{padding:23px  39px 30px 36px;  background:url(../images/container/container_bottom.jpg) left bottom repeat-x;}


/*--------Footer------------*/
div#footer{ background: #2D71C6 url(../images/footer/footer_bg.jpg) 0 0 repeat-x; padding:44px 0 0 0px;}



/*-------
// Common Page Content
//-----*/

/*--------Container------------*/


/*--------Header------------*/
div#header div.logo h1 a{background:url(../images/header/logo.png) left top no-repeat; height:207px; width:284px; display:block; margin-top:15px;   }


div#header div.login{ width:656px; position:relative;}


div#header div.login_form{position:absolute; width:225px; z-index:2; left:35px; }

div#header div.login_form_middle{background:url(../images/header/login_form_middle.png) left top repeat-x;}
div#header div.login_form_left{background:url(../images/header/login_form_left.png) left top no-repeat; margin-left:-103px;}
div#header div.login_form_right{background:url(../images/header/login_form_right.png) right top no-repeat; height:273px; margin-right:-103px; padding:12px 50px 0px 50px; }

div#header div.login_form_right h2{ font-size:150%; line-height:1.4em;  color:#3290D2; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; margin-bottom:4px;}
div#header div.login_form_right label{ font-size:150%;  color:#000; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-weight:bold; line-height:1em; padding-bottom:4px; display:block;}
div#header div.login_form_right label.label1 { padding-top:5px; }
div#header div.login_form_right input.textbox{ background: #fff url(../images/header/calender.gif) right 3px no-repeat;  border:1px solid #999; padding:4px 20px 4px 3px; width:80px; vertical-align:bottom; }
div#header div.login_form_right select{ background-color:#fff;  border:1px solid #999; font-size:140%; color:#000; padding:1px 0px; vertical-align:bottom;}
div#header div.login_form_right select.box { margin-right:62px;  }

div#header div.registration{z-index:1; position:absolute;  width:321px; right:42px; }
div#header div.registration_top{ background:url(../images/header/regis_top.gif) top left no-repeat; height:18px;}
div#header div.registration_bottom{ background: #fff url(../images/header/regis_bottom.jpg) left top repeat-x; position:absolute; padding:0px 23px 20px 64px;}
div#header div.registration h2{ font-size:240%; color:#3F8CCC; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; line-height:1.2em; margin-bottom:13px; margin-left:20px;}
div#header div.registration ul li{ color:#7e7e7e; font-size:140%; background:url(../images/header/star.gif) left top no-repeat; padding-left:22px; margin-bottom:10px; line-height:1.4em;}
div#header div.registration ul li.last {background:none;}
div#header div.registration ul li.last a{ text-decoration:underline;}
div#header div.registration ul li.last a:hover{text-decoration:none;}

/*--------Header2------------*/
div#header2 div.logo h1 a{background:url(../images/header/logo.png) left top no-repeat; height:207px; width:284px; display:block; margin-top:-40px;   }


div#header2 div.login{ width:656px; position:relative;}


div#header2 div.login_form{position:absolute; width:225px; z-index:2; left:35px; }

div#header2 div.login_form_middle{background:url(../images/header/login_form_middle.png) left top repeat-x;}
div#header2 div.login_form_left{background:url(../images/header/login_form_left.png) left top no-repeat; margin-left:-103px;}
div#header2 div.login_form_right{background:url(../images/header/login_form_right.png) right top no-repeat; height:273px; margin-right:-103px; padding:12px 50px 0px 50px; }

div#header2 div.login_form_right h2{ font-size:150%; line-height:1.4em;  color:#3290D2; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; margin-bottom:4px;}
div#header2 div.login_form_right label{ font-size:150%;  color:#000; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-weight:bold; line-height:1em; padding-bottom:4px; display:block;}
div#header2 div.login_form_right label.label1 { padding-top:5px; }
div#header2 div.login_form_right input.textbox{ background: #fff url(../images/header/calender.gif) right 3px no-repeat;  border:1px solid #999; padding:4px 20px 4px 3px; width:80px; vertical-align:bottom; }
div#header2 div.login_form_right select{ background-color:#fff;  border:1px solid #999; font-size:140%; color:#000; padding:1px 0px; vertical-align:bottom;}
div#header2 div.login_form_right select.box { margin-right:62px;  }

div#header2 div.registration{z-index:1; position:absolute;  width:321px; right:42px; }
div#header2 div.registration_top{ background:url(../images/header/regis_top.gif) top left no-repeat; height:18px;}
div#header2 div.registration_bottom{ background: #fff url(../images/header/regis_bottom.jpg) left top repeat-x; position:absolute; padding:0px 23px 20px 64px;}
div#header2  div.login h2{ font-size:240%; color:#3F8CCC; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; line-height:1.2em; margin-bottom:13px; margin-left:20px;}
div#header2 div.login ul li{ color:#7e7e7e; font-size:140%;  margin-bottom:10px; line-height:1.4em;}
div#header2 div.login ul li.last {background:none;}
div#header2 div.login ul li.last a{ text-decoration:underline;}
div#header2 div.login ul li.last a:hover{text-decoration:none;}


/*-----Navigation-----*/
div#navigation{ width:100%; overflow:hidden; padding-bottom:25px;}

div#navigation ul li{display:block; float:left; padding-top:8px; margin-right:2px;}
div#navigation ul{ margin-right:66px;}

div#navigation ul li a{ background:url(../images/navigation/nav_middle.gif) repeat-x;  display:block; float:left; text-decoration:none;  }
div#navigation ul li a span.left_bg{ background:url(../images/navigation/nav_left.gif) left top no-repeat;  display:block; float:left; padding-left:23px;}
div#navigation ul li a span.right_bg{background:url(../images/navigation/nav_right.gif) right top no-repeat;display:block; float:left; height:28px; line-height:28px; padding-right:23px; color:#85ACDD; font-size:100%; font-weight:bold; }

div#navigation ul li a:hover{ background:url(../images/navigation/nav_hover_middle.gif) repeat-x;  display:block; float:left; }
div#navigation ul li a:hover span.left_bg{ background:url(../images/navigation/nav_left_hover.gif) left top no-repeat;  display:block; float:left; padding-left:23px; }
div#navigation ul li a:hover span.right_bg{background:url(../images/navigation/nav_right_hover.gif) right top no-repeat; display:block; float:left; height:28px; padding-right:23px; line-height:28px; color:#FFF;}

div#navigation ul li a.active{ background:url(../images/navigation/nav_hover_middle.gif) repeat-x;  display:block; float:left;   text-decoration:none;}
div#navigation ul li a.active span.left_bg{  background:url(../images/navigation/nav_left_hover.gif) left top no-repeat;  display:block; float:left; padding-left:10px;}
div#navigation ul li a.active span.right_bg{background:url(../images/navigation/nav_right_hover.gif) right top no-repeat; display:block; float:left; height:28px; line-height:28px; padding-right:8px; color:#fff;}


/*--------Content------------*/

/*--------Common Styles------------*/
h2{font-weight:normal; font-size:150%; color:#FFF; line-height:2em;}
h3{ font-weight:normal; font-size:220%; color:#3D7DC7; line-height:1.3em; text-decoration:underline; margin-bottom:9px; }
span{ font-size:140%; color:#3D7DC7; line-height:1.2em;}
a{color:#3D7DC7;}
p{color:#999; line-height:1.2em;}

div.button{background:url(../images/content/button_middle.gif) left top repeat-x;  float:left;}
div.button_left{background:url(../images/content/button_left.gif) left top no-repeat;}
div.button_right{background:url(../images/content/button_right.gif) right top no-repeat; height:28px; line-height:28px; padding:0 15px;}
div.intro{border-bottom:3px solid #FD8002; width:100%; overflow:hidden; margin-top:39px;}


/*--------Main------------*/

/*--------Main Left------------*/
div#main div.left{ width:484px; }

div#main div.left p{color:#4597D0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:130%;}
div#main div.left p a{color:#4597D0; text-decoration:underline;}
div#main div.left p{color:#4597D0; text-decoration:none;}
div#main div.left p a:hover{color:#4597D0; text-decoration:none;}

div#main div.left div.section ul {margin-top:26px;}
div#main div.left div.section ul li{ margin-left:14px; margin-bottom:32px;}
div#main div.left div.section ul li h3.last{ width:65px;}
div#main div.left div.section ul li span.todos{ margin-top:7px;}
div#main div.left div.section ul li ul { margin-top:0; }
div#main div.left div.section ul li ul li{ border-bottom:1px dashed #dbdbdb; width:100%; overflow:hidden; color:#4AA7C1; font-size:130%; clear:both; margin:0;}
div#main div.left div.section ul li ul li span{ font-size:110%; color:#999; }
div#main div.left div.section ul li ul li span.hotel{ color:#4AA7C1;  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:100%; margin-top:6px;}
div#main div.left div.section ul li ul li span.hotel img{margin-right:16px;}
div#main div.left div.section ul li ul li span.hotel a:hover{ text-decoration:none;}


div#main div.left div.section ul li.photo{margin-left:30px; margin-top:25px; float:left; width:150px;}
div#main div.left div.section ul li.photo.last{margin-left:100px; margin-top:25px; float:left; width:150px;}
div#main div.left div.section ul li.photo p{ border-bottom:none; text-align:center;}
div#main div.left div.section ul li.photo p span{line-height:1.6em;}

/*--------Main Right------------*/
div#main div.right{ width:380px;}
div#main div.right p{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:130%; }
div#main div.right p a{color:#4597D0; text-decoration:underline;}s
div#main div.right p a:hover{color:#4597D0; text-decoration:none;}

div#main div.right div.section.tags{padding:55px 0px 0px 34px;}
div#main div.right div.section{padding:43px 0px 0px 20px;}

div#main div.right img{ margin:0 7px 19px 0;}
div#main div.right div.section p{margin-bottom:34px; margin-right:45px;}
div#main div.right div.section ul li{clear:both;}
div#main div.right div.section ul li div.description{font-size:100%; width:315px;}
div#main div.right div.section span.step{font-size:600%; color:#dbdbdb; display:block;  line-height:1em;}


div#main div.right div.section p.tags{line-height:3.6em; text-align:center; color:#3D7DC7; font-size:80%; font-family:Arial, Helvetica, sans-serif; margin-bottom:0px; margin-right:26px;}
div#main div.right div.section p.tags span.span1{font-size:300%; }
div#main div.right div.section p.tags span.span2{font-size:140%; }
div#main div.right div.section p.tags span.span3{font-size:300%; }
div#main div.right div.section p.tags span.span4{font-size:350%; }
div#main div.right div.section p.tags span.span5{font-size:240%; }
div#main div.right div.section p.tags span a {color:#3D7DC7; text-decoration:none;  }



/*--------Footer------------*/
div#footer div.logo { width:200px; }
div#footer div.logo h1 a{background:url(../images/footer/logo.png) left top no-repeat; display:block; height:112px; width:155px; margin-left:50px; margin-top:25px;}
div#footer div.map{background:url(../images/footer/map.png) left top no-repeat; width:724px; }
div#footer div.map ul{margin-right:60px; padding-bottom:20px;}
div#footer div.map ul li{ font-size:120%; color:#C1D7EE; line-height:1.6em;}
div#footer div.map ul li a{ color:#C1D7EE;}
div#footer div.map ul li a:hover{ color:#C1D7EE; }



div#footer div.footer_bottom {background-color:#FD8002; text-align:center; padding:10px 0px;}
div#footer div.footer_bottom ul li{ display:inline; color:#FFF; font-size:120%; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
div#footer div.footer_bottom ul li a{color:#FFF; text-decoration:underline; }
div#footer div.footer_bottom ul li a:hover{ color:#FFF; text-decoration:none;}