/**********************************************************************************************
	Main Sections in CSS:
	
	1.	BASIC ELEMENTS
		Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc.
	
	2.	LAYOUT
		Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site
		
	3.	PAGE COMMON STYLES
		Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc
	
	4.	PAGE SPECIFIC STYLES
		Define content styles that are specific to a particular page
	
***********************************************************************************************/


/* import core styles */
@import url(base.css);


/*------------------------------------------
// 1.BASIC ELEMENTS
//	 Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc.
//------------------------------------------*/
html {
overflow: auto;
}
body { color:#000; font-family:Arial, Helvetica, sans-serif; background:#78b7e3;}
h1, h2, h3, h4, h5, h6, p, li { line-height:1.0em; }


/*------------------------------------------
// 2.LAYOUT
//   Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site
//------------------------------------------*/

/*---- Maincontainer--*/
div#container{width:100%;}
	
/*---- Wrapper ----*/
div.wrapper { width:860px; margin:0 auto; }

/*---- Header ----*/
div#header {background:url(../images/header-bg.jpg) repeat-x 0 0; height:119px; padding-top:20px;}

/*--- Navigation --*/
div#main-navigation{background:url(../images/main-nav-bg.jpg) repeat-x 0 0; height:36px; }
div#main-navigation div.wrapper { width:840px;}
div#main-navigation ul{float:right;}
div#main-navigation ul li{float:left; display:block; margin-left:52px;}
div#main-navigation ul li a{display:inline-block; line-height:40px; font-size:120%; color:#fff;}
div#main-navigation img{position:relative; top:5px; }

/*--- Content ---*/
div#content{background:#78b7e3 url(../images/content-bg.jpg) repeat-x 0 0; padding-top:17px; min-height:500px;}

/*------ Box1 ----*/
div.box1{background:#7bb8e4 url(../images/box1-bg.jpg) repeat-x 0 0; position:relative; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; box-shadow:0 5px 7px #547993; -moz-box-shadow:0 5px 7px #4f697a; -webkit-box-shadow:0 5px 7px #4f697a;  width:305px; padding:0 10px 15px 10px; float:left; margin-left:38px; min-height:308px; margin-bottom:26px;}
div.box1 h2{color:#fff; height:39px; line-height:39px; text-align:center; margin-bottom:10px; font-size:170%; text-shadow:0 1px #000; font-weight:normal;}

/*---- Form --*/
div.form ul li{list-style:none; margin-bottom:14px; }
div.form ul li.last { margin-bottom:0px;}
div.form ul li label{float:left; width:60px; line-height:34px; height:34px; color:#000; font-size:160%;}
div.form ul li span.required{ color:red;}
div.form ul li span.place{display:block; background:url(../images/searchbox.jpg) no-repeat 0 0; width:192px; height:34px; padding:0 35px 0 15px; float:left;}
div.form ul li span.place input{display:block; width:100%; height:30px; background:none; border:0; color:#000; font-size:120%;}
div.form ul li p span.textbox{background:url(../images/textbox.jpg) no-repeat 0 0; width:75px; height:34px; text-align:left; padding:0 15px; display:block;}
div.form ul li p{float:left; width:105px; text-align:center; font-size:120%; color:#000; margin-right:2px; }
div.form ul li p label{display:block; float:none; font-size:100%; text-align:center; line-height:15px; height:15px; width:105px;}
div.form ul li p span.textbox input{width:100%; background:none; border:0; height:30px; line-height:30px; display:block;}
div.form ul li img.calendar{position:relative; top:14px; }
div.form ul li img{float:right;}
div.form ul li span.textbox2{background:url(../images/textbox2.jpg) no-repeat 0 0; width:146px; height:34px; display:block; float:left; margin-right:25px;}
div.form ul li span.textbox2 a.minus-btn{width:24px; height:24px; display:block; float:left; position:relative; top:5px; margin-left:6px;}
div.form ul li span.textbox2 a.plus-btn{width:24px; height:24px; display:block; float:right; position:relative; top:5px; margin-left:6px;}
div.form ul li span.textbox2 input{width:65px; height:30px; color:#000; line-height:30px; margin-left:10px; font-size:120%; display:block; float:left; background:none; border:0; text-align:center;}
div.form ul li .submit{background:url(../images/search-btn.jpg) no-repeat 0 0; width:129px; height:29px; margin-left:90px; display:block; cursor:pointer; border:0;}
div.form div.avail label{float:none; width:auto; margin-left:10px;}

/*---- Slideshow ---*/
div#slideshow{width:417px; float:right; margin-right:15px; height:322px;  }/*-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; box-shadow:0 5px 7px#547993; -moz-box-shadow:0 5px 7px #4f697a; -webkit-box-shadow:0 5px 7px #4f697a; margin-bottom:26px; position:relative;*/
div#slideshow img{ -moz-border-radius:16px; -webkit-border-radius:16px; border-radius:16px; position:relative; vertical-align:bottom; box-shadow:0 5px 7px#547993; -moz-box-shadow:0 5px 7px #4f697a; -webkit-box-shadow:0 5px 7px #4f697a;}


/*----Slider ---*/
/*
div.slider{clear:both; position:relative; padding:0 50px 0 65px; }
div.slider div.inner{overflow:hidden; width:775px;}
div.slider ul li{list-style:none; float:left; background:url(../images/thumbnail.jpg) no-repeat 0 0; width:132px; height:131px; margin-right:23px; text-align:center;}
div.slider ul li h3{font-size:140%; color:#fff; font-weight:normal; height:33px; line-height:33px; margin-bottom:10px;}
div.slider ul li p{color:#7d94a4; font-size:130%; line-height:16px;}
div.slider ul li p a {color:#7d94a4;}
div.slider ul li p span{display:block; margin-bottom:15px;}

div.slider a.next-btn, div.slider a.previous-btn{position:absolute; z-index:100; width:51px; height:79px; top:20px;}
div.slider a.next-btn{background:url(../images/next-btn.jpg) no-repeat 0 0; right:7px;}
div.slider a.previous-btn{background:url(../images/previous-btn.jpg) no-repeat 0 0; left:0;}
*/
div.slider{display:none}