/*===============================================================================================================

Project:		SOFTRIDETRAVEL
Version:		1.0
Last Changed:	12/05/2011
Author:			Daniel Rus

===============================================================================================================*/


/*===============================================================================================================

[Table of Contents]

1. GENERAL [style for body, headers, default behaviour of paragraphs, images, links etc]
2. LAYOUT [elements used to define the layout of the site]
	2.1 HEADER
	2.2 CONTENT
	2.3 FOOTER
3. NAVIGATORS [navigation for the site]
	3.1 TOP NAVIGATOR
4. FORMS
5. CONTENT ELEMENTS
	5.1 HOMEPAGE

===============================================================================================================*/






/* 1. GENERAL
===============================================================================================================*/

body { margin: 0; padding: 0; background-color: #ffffff; font: normal 14px/22px Arial; color: #002e48; }
h1 { margin: 0; padding: 0; font: normal 30px/36px 'BebasNeue',Arial; color: #333333; }
h2 { margin: 0; padding: 0; font-size: 24px; font-weight: normal; }
a { color: #40a3ff; text-decoration: none; }
a:hover { color: #40a3ff; }
p { margin: 16px 0; text-align: justify; }
img { border: 0; }
.clearAll { clear: both; height: 0; font-size: 0; line-height: 0; overflow: hidden; }

@font-face { font-family: 'BebasNeue'; src: url('../fonts/BebasNeue-webfont.eot'); src: url('../fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/BebasNeue-webfont.woff') format('woff'), url('../fonts/BebasNeue-webfont.ttf') format('truetype'), url('../fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Cors'; src: url('../fonts/cors.eot'); src: url('../fonts/cors.eot?#iefix') format('embedded-opentype'), url('../fonts/cors.woff') format('woff'), url('../fonts/cors.ttf') format('truetype'), url('../fonts/cors.svg#Cors') format('svg'); font-weight: normal; font-style: normal; }




/* 2. LAYOUT
===============================================================================================================*/

#container { margin: 0 auto; width: 980px; }
.excerpt { position: absolute; left: 0; top: -200px; font-size: 10px; line-height: 14px; }


	/* 2.1 HEADER
	-----------------------------------------------------*/
	
	header { background-color: #222222; position: relative; min-height: 83px; height: auto !important; height: 83px; }
	header h1 { float: right; width: 760px; height: 46px; padding: 0 10px 0 0; line-height: 46px; color: #989898; font-family: 'Cors'; text-align: right; }
	.logo { float: left; width: 210px; height: 83px; background: url(../images/logo.png) no-repeat; text-indent: -9999px; oveflow: hidden; }
	.top { clear: both; border-top: 1px solid #ffffff; font-size: 0; line-height: 0; }
	.mission { position: absolute; top: 95px; left: 8px; width: 200px; height: 275px; padding: 10px; background: url(../images/mission.png) no-repeat; z-index: 20; text-align: center; color: #ffffff; line-height: 18px; font-size: 14px; }
	.mission h2 { margin: 0; padding: 0; font: normal 24px/30px 'BebasNeue', Arial; color: #ffffff; }
	.mission p { margin: 0; padding: 10px 0 0 0; text-align: center; }
	#slideshow { clear: both; position: relative; z-index: 10; width: 980px; height: 315px; border-top: 1px solid #ffffff; }
	#slideshow  ul { margin: 0; padding: 0; list-style: none; position: relative; }
	#slideshow li { position: absolute; top: 0; left: 0; }
	#nav { list-style: none; position: relative; top: 270px; left: 890px; width: 80px; z-index: 15; }
	#prev { float: left; }
	#next { float: right; margin: 0 0 0 40px; }
	#nav li a { display: block; width: 36px; height: 36px; text-indent: -9999px; }
	#prev a { background-image: url(../images/prev.png); }
	#next a { background-image: url(../images/next.png); }
	#prev a:hover, #next a:hover { background-position: 0 -36px; }
	
	
	/* 2.2 CONTENT
	-----------------------------------------------------*/
	
	#content { padding: 20px 0; min-height: 300px; height: auto !important; height: 300px; overflow: hidden; }
	.motto { font-family: 'Cors', 'Times New Roman', serif; font-size: 30px; color: #333333; }
	
	
	/* 2.3 FOOTER
	-----------------------------------------------------*/
	
	footer { height: 36px; padding: 0 10px 0 50px; background: #222222 url(../images/footer.gif) no-repeat; color: #999999; font: italic normal 13px/36px Georgia; text-align: right; }
	footer p { float: left; margin: 0 20px 0 0; }
	footer a.contact { float: left; padding-left: 18px; background: url(../images/icon-email.gif) no-repeat left center; color: #888888; }
	footer a.contact:hover { color: #ffffff; }
	footer .design { float: right; }
	footer .design span { float: left; padding-right: 12px; }
	footer .design a { display: inline-block; *display: inline; zoom: 1; width: 105px; height: 36px; background: url(../images/logo-freshbyte.gif) no-repeat; text-align: left; text-indent: -9999px; overflow: hidden; }
	.links { clear: both; overflow: hidden; padding: 20px 0 0 0; }
	.link { float: left; width: 304px; padding: 0 0 0 34px; }
	.links .link:first-child { padding: 0; }
	.link span { display: block; height: 40px; }
	.link p { margin: 0; padding: 0; font-size: 11px; line-height: 14px; color: #bcbdbe; }
	



/* 3. NAVIGATORS
===============================================================================================================*/

	/* 3.1 TOP NAVIGATOR
	-----------------------------------------------------*/
	
	header nav { float: right; width: 760px; height: 36px; padding: 0 10px 0 0; position: relative; z-index: 25; }
	header nav ul { float: right; border-top: 1px solid #707070; }
	header nav li { float: left; position: relative; }
	header nav a { float: left; height: 36px; line-height: 34px; padding: 0 0 0 30px; font-family: 'BebasNeue'; font-size: 18px; font-weight: normal; color: #ffffff; }
	header nav a:hover { color: #889db1; }
	header nav a.selected { /*color: #40a3ff;*/ color: #889db1; }
	header nav a:focus { outline: none; }
	
	header nav ul ul { display: none; position: absolute; top: 36px; left: 10px; padding: 0 20px 10px 20px; background-color: #222222; border: 0; border-radius: 0 0 10px 10px; }
	header nav ul ul li { display: block; float: none; white-space: nowrap; }
	header nav ul ul li a { display: block; float: none; padding: 0; border-top: 1px solid #333333; font-family: Arial; font-size: 15px; height: 28px; }
	header nav ul ul li:first-child a { border: 0; }





/* 4 FORMS
===============================================================================================================*/

form { margin: 0; padding: 0; overflow: hidden; }
form br { clear: left; }
.formHolder { width: 400px; margin: 20px auto; overflow: hidden; }
.formHolder label { float: left; width: 120px; color: #555555; }
.formAdmin { width: 650px; margin: 20px auto; overflow: hidden; }
.formAdmin label { float: left; width: 120px; padding-left: 10px; color: #555555; }
.fieldHolder { float: left; width: 360px; height: 23px; padding: 10px 20px; margin-bottom: 2px; background: url(../../general/bgLabel.gif) no-repeat; }
.textareaHolder { float: left; width: 360px; height: 123px; padding: 10px 20px; margin-bottom: 2px; background: url(../../general/bgLabelTextarea.gif) no-repeat; }
.formField { float: left; width: 220px; border: 1px solid #d2dfa4; background-color: #e5f7ad; padding: 2px 5px; font: normal 1em Arial; }
.formSelect { float: left; width: 230px; border: 1px solid #d2dfa4; background-color: #e5f7ad; padding: 2px 5px; font: normal 1em Arial; }
.formTextarea { float: left; width: 220px; height: 110px; border: 1px solid #d2dfa4; background-color: #e5f7ad; padding: 2px 5px; font: normal 1em Arial; }
.formNote { float: left; padding-left: 10px; }
.formNotes { clear: both; padding: 10px; }
.formButtons { clear: both; padding: 10px 0; text-align: right; }




/* 5. CONTENT ELEMENTS
===============================================================================================================*/

	/* 5.1 HOMEPAGE
	-----------------------------------------------------*/
	
	.home-wishes { float: left; width: 540px; }
	.home-wishes h1:after { vertical-align: middle; content: ""; display: inline-block; *display: inline; zoom: 1; width: 80px; height: 50px; margin-left: 10px; background: url(../images/icon-wishes.gif) no-repeat; }
	.home-testimonials { float: right; width: 360px; }
	.home-testimonials h1:after { vertical-align: middle; content: ""; display: inline-block; *display: inline; zoom: 1; width: 70px; height: 50px; margin-left: 10px; background: url(../images/icon-testimonials.gif) no-repeat; }
	.home-testimonials blockquote { margin: 0; padding: 0; font: italic normal 18px 'Times New Roman', Georgia, serif; position: relative; }
	.home-testimonials blockquote:before, .home-testimonials blockquote:after { position: absolute; width: 34px; height: 27px; font-size: 72px; font-weight: bold; color: #dddddd; }
	.home-testimonials blockquote:before { content: ""; top: 0; left: -45px; background: url(../images/quote-start.gif) no-repeat; }
	.home-testimonials blockquote:after { content: ""; bottom: 54px; right: 0; background: url(../images/quote-end.gif) no-repeat; }
	.home-testimonials blockquote .quote { padding: 0 0 10px 0; }
	.home-testimonials blockquote .author { height: 30px; padding: 15px 0 0 0; border-top: 1px solid #dddddd; font: normal normal 24px/30px 'BebasNeue', Arial; color: #555555; }
	.prev, .next { display: block; width: 36px; height: 36px; text-indent: -9999px; }
	.prev { background-image: url(../images/prev-content.png); }
	.next { background-image: url(../images/next-content.png); }
	.prev:hover, .next:hover { background-position: 0 -36px; }
	.home-testimonials .next, .home-testimonials .prev { position: absolute; bottom: 0; }
	.home-testimonials .next { right: 0; }
	.home-testimonials .prev { right: 40px; }
	.home-testimonials ul { margin: 0; padding: 0; list-style: none; }
	.home-testimonials li { position: relative; }
	.preview-tours { clear: both; overflow: hidden; padding: 10px 0 40px 0; margin: 0 0 30px 0; background: url(../images/divider.gif) no-repeat center bottom; }
	.preview-tours-1 { float: left; width: 470px; }
	.preview-tours-2 { float: right; width: 470px; }
	.preview-tours img { background-color: #ffffff; padding: 3px; border: 1px solid #dedede; margin: 0 3px 0 0; }
	.preview-tours p { margin-bottom: 0; }
	.readmore { padding: 0 8px 0 0; overflow: hidden; }
	.more { float: right; width: 112px; height: 25px; background: url(../images/readmore.gif) no-repeat; color: #ffffff; text-align: center; }
	
	/* 5.2 TOURS
	-----------------------------------------------------*/
	
	.tour-description { padding-bottom: 50px; background: url(../images/divider.gif) no-repeat bottom; overflow: hidden; }
	.tour-features { margin: 20px 0; background-color: #f2f2f2; overflow: hidden; }
	.tour-summary { margin: 0; padding: 20px 0; list-style: none; float: left; width: 590px; }
	.tour-summary li { padding: 10px 10px 10px 90px; }
	.tour-summary li strong { float: left; margin: 5px 0 0 -90px; width: 44px; background-color: #222222; color: #ffffff; padding: 2px 6px; font-family: 'BebasNeue'; font-weight: normal; font-size: 24px; height: 26px; line-height: 26px; position: relative; }
	.tour-summary li strong:after { content: ""; position: absolute; top: 0; right: -10px; width: 0; height: 0; border-left: 10px solid #222222; border-top: 15px solid transparent; border-bottom: 15px solid transparent; }
	.tour-gallery { margin: 0; padding: 20px 0 20px 30px; list-style: none; float: right; width: 360px; }
	.tour-gallery li { float: left; padding: 8px; }
	.tour-gallery a { float: left; font-size: 0; line-height: 0; }
	.tour-gallery img { background-color: #ffffff; padding: 3px; border: 1px solid #dedede; }
	.tour-gallery a:hover img { border-color: #aaaaaa; }
	.tour-highlights { padding: 50px 0 0 0; background: url(../images/divider.gif) no-repeat; }
	.tour-highlights h1 { margin-bottom: 16px; }
	.tour-highlights h2 { display: inline; padding: 4px 20px 4px 10px; font: italic normal 24px/28px 'Times New Roman', serif; color: #ffffff; background-color: #222222; position: relative; }
	.tour-highlights h2:after { content: ""; position: absolute; left: 24px; bottom: -10px; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 10px solid #222222; }
	
	/* 5.3 CONTACT
	-----------------------------------------------------*/
	
	.contact-info { float: left; width: 400px; }
	.company-info { float: right; width: 500px; }
	.company-info strong { font-size: 16px; }
	.contact-hebrew { clear: both; padding: 40px 0 0 0; background: url(../images/divider.gif) no-repeat; }
	
	/* 5.4 PREFERRED PROPERTIES
	-----------------------------------------------------*/
	
	.hotels { clear: both; padding: 30px 0 0 0; }
	.hotels h2 { display: inline; padding: 4px 20px 4px 10px; font: italic normal 24px/28px 'Times New Roman', serif; color: #ffffff; background-color: #222222; position: relative; }
	.hotels h2:after { content: ""; position: absolute; left: 24px; bottom: -10px; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 10px solid #222222; }
	.hotels .tour-gallery { margin-top: 20px; }