/*****************************/
/*** CSS 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;
	font-size:12px;
	font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
	color:#564e49
}
body { background:#ece2d8 url(../images/body-bg.jpg) repeat}

.clear { clear:both}

.columns { width:960px;}
.last.column {float:right !important}

#wrap { width:100%; position:relative}
#header { width:100%; height:153px; background:url(../images/header-bg.jpg) repeat-y center; position:absolute; z-index:-1; top:0; left:0}
#main-wrap { width:960px; margin:0 auto; position:relative}

#menu { position:absolute; top:40px; right:0}
#menu ul.menu { text-align:right; margin-right:50px}
ul.menu li { display:inline; list-style-type:none; margin:0 7px}
ul.menu li a { text-decoration:none; display:inline-block; height:30px; line-height:30px;}
ul.menu li a span { color:#fff; text-decoration:none; font-size:20px; text-transform:uppercase; letter-spacing:-1px}
ul.menu li a:hover span, ul.menu li.active a span { color:#EDC01F}

#menu ul.menu li:hover ul { display:block;}
#menu ul.menu ul {  position:absolute; z-index:900; top:30px; left:25px; opacity:0;}
#menu ul.menu ul li { position:relative}
#menu ul.menu ul li a span { font-size:14px;}


#menu-top { width:600px; position:absolute; top:10px; right:0}
#menu-top ul.menu { text-align:right; margin-right:50px}
#menu-top ul.menu li a span { font-size:16px}

#slider { width:925px; height:450px; background:url(../images/slide-bg.png) no-repeat; position:relative; margin:0 auto}

#slider a.next { position:absolute; left:-70px; top:200px; display:block; text-indent:-9999px; height:50px; width:52px; background:url(../images/slide-arrows.png) top}
#slider a.prev { position:absolute; right:-70px; top:200px; display:block; text-indent:-9999px; height:50px; width:52px; background:url(../images/slide-arrows.png) bottom}


.slides_container {width:898px;height:410px; position:absolute; top:19px; left:13px;}
.slides_container div {width:898px;height:410px;display:block;}

#tour_slider { position:relative; padding:20px; background:#F7F2ED; border-radius:5px; border:1px solid #d6cdc4 }
.tour_slides_container {width:900px;}
.tour_slides_container div {width:900px;display:block; margin-bottom:10px}
#tour_slider ul.pagination { position:absolute; top:15px; right:15px; z-index:99}
#tour_slider ul.pagination li { list-style-type:none; display:inline-block; margin:0 5px; padding:0;}
#tour_slider ul.pagination li a {display:inline-block; margin:0; padding:5px 10px; background:#0083C9; border-radius:20px;text-decoration:none; color:#fff}
#tour_slider ul.pagination li a:hover {background:#1f9cdf;}
#tour_slider ul.pagination li.current a { background:#e2d0bf; color:#564E49; border:1px solid #d0bead; padding:5px 8px; cursor:normal; }

#tour_slider a.prev, #tour_slider a.next {display:inline-block; margin:0 10px 0 0; padding:5px 10px; background:#0083C9; border-radius:20px;text-decoration:none; color:#fff}
#tour_slider a.prev:hover, #tour_slider a.next:hover {background:#1f9cdf;}

.tour { background:#0083c9 url(../images/bg-pat.png) repeat; border-radius:3px; height:75px; width:800px; padding:15px; margin:0 auto 10px}
.tour h2.tour-title { text-decoration:none; color:#fff; font-size:28px; line-height:5px; font-weight:normal; letter-spacing:-1.5px}
.tour h2.tour-title span { color:#fff; font-style:italic; font-weight:normal; font-size:14px; letter-spacing:-0.5px; text-decoration:none;}
.tour span.tour-readmore { float:left; font-size:22px; font-style:italic; display:inline-block; color:#fff; letter-spacing:-1px; margin:5px 0; padding:0 45px 5px 0;}

.tour-barossa, .tour-seavines { width:390px; float:left}
.tour-coast, .tour-coastexpress { float:right; width:390px; background-color:#eb9822;}
.tour-grandtour { width:820px}

.tour-seavines { background-color:#329244;}
.tour-grandtour { background-color:#c92100}

.tour-barossa:hover {background-color:#0f93d9}
.tour-seavines:hover {background-color:#38ab4d}
.tour-coast:hover {background-color:#fcb145}
.tour-coastexpress:hover {background-color:#fcb145}
.tour-grandtour:hover {background-color:#da3919}

#mid { position:absolute; height:356px; width:100%; top:655px; left:0; border-top:4px solid #e8ded5; border-bottom:4px solid #e8ded5; background:url(../images/mid-bg.jpg) repeat;}

#home-tours { width:850px; margin:0 auto; position:relative; height: 370px; padding:50px 0 0}
#home-tours #tour-one, #home-tours #tour-two, #home-tours #tour-three { height: 148px; margin-right: 30px; padding: 150px 20px 20px; width: 225px; float:left; }
#tour-one {background:url(../images/tour-one.png) no-repeat; position:absolute; margin:40px 0 0 55px;}
#tour-two { background:url(../images/tour-two.png) no-repeat; position:absolute; margin:40px 0 0 325px;}
#tour-three { background:url(../images/tour-three.png) no-repeat; position:absolute; margin:40px 0 0 605px}

#main { width:500px; margin:50px 0; float:left;}
#main h1 { font-size:43px; color:#0083c9; letter-spacing:-2px; font-weight:normal; margin-bottom:10px}
#main h2 { font-size:30px; color:#564e49; letter-spacing:-1px;}
#main p { color:#564e49; line-height:1.5em; margin-bottom:15px}
#main hr { width:100%; height:10px; border:0; background:url(../images/main-hr.png) no-repeat center; margin:20px 0}
#main hr.line { background:none; border-top:1px dotted #564E49}
.single {width:960px !important; float:none !important;}
.tours {width:960px !important; float:none !important;}

#main.tours h1, #main.tours h2 { display:block;}
#main h3 { color:#50A337; font-size:22px; margin-bottom:15px;}
#main h4 { color:#564E49; font-size:16px; margin-bottom:15px; margin-top:-10px}
#main.tours h4.print { background:url(../images/print-icon.png) no-repeat left; padding-left:40px; height:32px; line-height:32px; font-style:italic; color:#0083C9}
#main.tours p.tour-specs { color:#564E49;  font-weight:normal}
#main.tours p.tour-specs strong {}

#main ul { margin-bottom:15px}
#main ul li { background:url(../images/tick.png) no-repeat left; list-style-type:none; padding-left:20px; line-height:2em}

form#bookings label { font-style: italic; color:#2c2c2c; text-shadow:0px 1px 0px #fff}
form#bookings input, form#bookings textarea, form#bookings select { border:1px solid #DED2C6; border-radius:3px; padding:5px; margin-top:3px; font-size:11px; color:#564E49; font-family: "lucida grande",tahoma,verdana,arial,sans-serif;}
form#bookings select { padding:4px}

form#contact label { font-style: italic; color:#2c2c2c; text-shadow:0px 1px 0px #fff}
form#contact input, form#contact textarea, form#contact select { border:1px solid #DED2C6; border-radius:3px; padding:5px; margin-top:3px; font-size:11px; color:#564E49; font-family: "lucida grande",tahoma,verdana,arial,sans-serif;}
form#contact select { padding:4px}

#main table.table { margin-bottom:15px}
#main table.table p { height:30px; line-height:30px; margin:auto}

.feature-box {background:#F7F2ED; border: 1px dashed #DED2C6; border-radius: 3px 3px 3px 3px; padding:20px}

.testimonial-left {background:#F7F2ED; border: 1px dashed #DED2C6; border-radius: 3px 3px 3px 3px; padding:20px; margin:0px 10px 20px 0px;}
.testimonial-right {background:#F7F2ED; border: 1px dashed #DED2C6; border-radius: 3px 3px 3px 3px; padding:20px; margin:0px 0px 20px 10px;}

#main.tours div.map { text-align:right; background:#F7F2ED; border: 1px dashed #DED2C6; border-radius: 3px 3px 3px 3px; width:420px; float:right; padding: 10px;}
#main.tours h2.tip { font-size:18px; color:#0083c9; letter-spacing:-1px; float:left; margin-top:18px}

#tour-selector {background: #F7F2ED;border: 1px dashed #DED2C6;border-radius: 3px 3px 3px 3px;float: right;padding: 10px; margin-top:-15px;position: relative;}
select.tour-select { cursor:pointer; color:#fff}
select.tour-select option { background:#0083C9; border:none; color:#fff; border-style:none; padding:5px}
.customStyleSelectBox { background:#0083C9; color:#fff; border-radius:3px; padding:5px 5px 5px 10px;}
.customStyleSelectBox.changed {
/* You can use this if you want a different style after user has made a selection */
}
/* on the next line we add a down arrow on the right to indicate that it is a select box */
.customStyleSelectBoxInner {color:#fff;
background:url(../images/arrow.png) no-repeat center right;
}


#right-col {width:400px; float:left;}

#five-reasons {width:237px; height:267px; background:url(../images/five-reasons.png) no-repeat; margin: 30px 0 0 0px; padding: 30px; float:right;}
#five-reasons h1 {font-size:35px; color:#0083c9; letter-spacing:-2px; font-weight:normal; margin-bottom:10px}
#five-reasons p.reason{color:#f35a31; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; margin:10px 0; font-weight:normal;line-height:1.5em; background:url('../images/tick.png') no-repeat 0px 3px ; padding-left:20px;}

#expect {background:url('../images/expect.png') no-repeat; height:158px; width:167px; position:absolute; right:0; right: -130px; margin-top:-40px;}
#tours {background:url('../images/tours.png') no-repeat; height:83px; width:175px;left: -220px; top:0px; position: absolute;}
#photos {background:url('../images/photos.png') no-repeat; height:154px; width:259px;left: -300px; top:10px; position: absolute;}
#othertours {background:url('../images/othertours.png') no-repeat; height:140px; width:239px;left:0px; top:-125px; position: absolute;}


#gallery-wrap {width:100%; height:474px; background:url('../images/gallery.png') no-repeat; }
#gallery {width:960px;  margin:0 auto 0 auto; padding:80px 0 0 0; position:relative}
#gallery h1 { font-size:43px; color:#0083c9; letter-spacing:-2px; font-weight:normal; margin-bottom:10px; float:left}
#gallery h2.tip { font-size:18px; color:#0083c9; letter-spacing:-1px; float:right; margin-top:18px}

#footer-wrap {width:100%;}
#footer {width:900px; margin:80px auto;}
#footer img {margin-right:40px;}
#footer h1 {font-size:24px; color:#c4b6ad; margin:5px 0;}
#footer p {color:#c4b6ad; font-size:16px; margin:5px 0;}
#footer p a {color:#c4b6ad; font-size:16px; text-decoration:none}
#footer p a:hover {color:#564E49;}

#booknow { width:139px; height:82px; position:absolute; left: -200px; top: -35px; width: 139px; background:url(../images/booknow.png) no-repeat top}
#booknow:hover {background:url(../images/booknow.png) no-repeat bottom}