@charset "UTF-8";

/* ------------------------------------------------*/
/* JetSki Safaris
/* Version: 1.0
/* Date: 10-01-2010
/* Creator: Cameron-creative 
/* Email: alisdair@cameron-creative.co.uk
/* Default stylesheet
/* Thanks to Greg Sloman for all his patience and tutoring!!!
---------------------------------------------------*/

/* Global styles
---------------------------------------------------*/
html, body, ul, ol, li, p, h1 , h2, h3, h4, h5, h6, hr, form, fieldset, a, div, img, blockquote, dl, dt, dd {
	margin: 0;
	padding: 0;
	border: 0;
}

body { 
	font-family: arial, verdana, sans serif; 
	font-size: 77%; /* initially set to percentage so that ems work without producing miniscule text in IE */
	line-height: 1.15em;
	text-align: left;
	color: #000000;
	font-size: 0.81em;
	background-color: #000;
	margin: 0; padding: 0; }

p { padding: 0; margin: 0 0 5px 0; }
p.large { font-size: 1.25em; }

h3 {
    color: #ffda40;
    font-size: 1.75em;
    font-weight:900;
    line-height: 1.45em;
    margin: 0px 0px 2px 0px;
    padding: 0px 0px 0px 0px;
    }

h4 {
    color: #ffffff;
    font-size: 1.25em;
    font-weight:900;
    line-height: 1.4em;
    margin: 0px 0px 15px 0px;
    padding: 0px 0px 0px 0px;
    }

h5 {
    color: #ffda40;
    font-size: 1.25em;
    font-weight:900;
    line-height: 1.4em;
    margin: 30px 0px 5px 0px;
    padding: 0px 0px 0px 0px;
    }

a { text-decoration: none; color: #000; }
a:hover { text-decoration: underline; color: #00000; }
a:active { outline: none; }

img { border: none; }

.clear { clear: both; }

.hidden{ display: none; }


/* Class Sets
-------------------------------------------------*/


.arrow_small {
    padding: 0; 
    margin: 0 0 0 3px;
    }




/* Collapsable text box
-------------------------------------------------*/

.msg_list {
	position: relative; float: left;
	margin: 0px auto;
	padding: 0px;
        width: 570px; 
}
.msg_head {
	padding: 5px 10px;
	cursor: pointer;
	position: relative;
	margin:1px;
        color: #ffda40;
        font-size: 1.25em;
        font-weight:900;
        line-height: 1.4em;
        margin: 20px 0px 5px 0px;
        padding: 0px 0px 0px 0px;
    }
}
.msg_body {
	padding: 5px 0px 50px 5px;
}









/* Header/Main Nav CSS
---------------------------------------------------*/

#wrapper { 
    /*border:1px solid red;*/ 
    background-image: url("http://www.jetskisafaris.co.uk/images/JS_bground.jpg"); background-repeat: no-repeat;
    width: 975px; 
    margin: 0 auto 0 auto; 
    padding: 0px 0px 20px 0px; 
    }

#header span {
    display: none;
    }


#header { 
    /*border:1px solid green;*/
    width: 975px; 
    margin: 0 0 0 0;
    padding: 0px 0px 5px 0px; 
    }

#logo a{ 
    /*border:1px solid yellow;*/
    background-image: url("http://www.jetskisafaris.co.uk/images/JS_logo.png"); background-repeat: no-repeat;
    position: relative; float: left;
    display: block;
    width: 430px;
    height:70px; 
    margin: 20px 0 0 20px; 
    padding: 0px 0px 0px 0px; 
    }


#facebk {
    position: relative; float: right;
    margin: 50px 25px 0px 0px; 
    }


#fb { 
    background-color: #ffffff;
    position: relative; float: left;
    margin: 0px 00px 0 0px; 
    width: 240px;
    height:60px; 
    }

#menu {

    /*border:1px solid red;*/
    background:url("http://www.jetskisafaris.co.uk/images/JS_navigation_sprite.png"); background-repeat: no-repeat;
    width: 945px;
    height: 38px;
    margin: 0 0 10px 15px;
    padding: 0px 0px 0px 0px;
    }

#image-area {
    /*border: 1px solid yellow;*/
    position: relative; float: left;
    width: 765px;
    /*height: 100px;*/
    overflow: hidden;
    margin: 15px 0 80px 0px;
    padding: 0px 0px 0px 0px;
    }
 
#menu span {
    display: none;
    }
 
#menu li, #menu a {
    height:38px;
    display:block;
    }
 
#menu li {
    float:left;
    list-style:none;
    display:inline;
    }
 
    #home {width: 59px;}
    #on_safari {width: 78px;}
    #group_packages {width: 127px;}
    #courses {width: 106px;}
    #jet_ski_club {width: 118px;}
    #film-services {width: 105px;}
    #news_media {width: 111px;}
    #prices {width: 56px;}
    #bookings {width: 77px;}
    #contact_us {width: 89px;}

    #home_current {width: 59px;}
    #on_safari_current {width: 78px;}
    #group_packages_current {width: 127px;}
    #courses_current {width: 106px;}
    #jet_ski_club_current {width: 118px;}
    #film-services_current {width: 105px;}
    #news_media_current {width: 111px;}
    #prices_current {width: 56px;}
    #bookings_current {width: 77px;}
    #contact_us_current {width: 89px;}
 
    #home a:hover {background:url("http://www.jetskisafaris.co.uk/images/JS_navigation_sprite.png") 0px -38px no-repeat; }
    #on_safari a:hover {background:url("http://www.jetskisafaris.co.uk/images/JS_navigation_sprite.png") -59px -38px no-repeat; }
    #group_packages a:hover {background:url("http://www.jetskisafaris.co.uk/images/JS_navigation_sprite.png") -137px -38px no-repeat; }
    #courses a:hover {background:url("http://www.jetskisafaris.co.uk/images/JS_navigation_sprite.png") -264px -38px no-repeat; }
    #jet_ski_club a:hover {background:url("http://www.jetskisafaris.co.uk/images/JS_navigation_sprite.png") -370px -38px no-repeat; }
    #film-services a:hover {background:url("http://www.jetskisafaris.co.uk/images/JS_navigation_sprite.png") -488px -38px no-repeat; }
    #news_media a:hover {background:url("http://www.jetskisafaris.co.uk/images/JS_navigation_sprite.png") -593px -38px no-repeat; }
    #prices a:hover {background:url("http://www.jetskisafaris.co.uk/images/JS_navigation_sprite.png") -704px -38px no-repeat; }
    #bookings a:hover {background:url("http://www.jetskisafaris.co.uk/images/JS_navigation_sprite.png") -760px -38px no-repeat; }
    #contact_us a:hover {background:url("http://www.jetskisafaris.co.uk/images/JS_navigation_sprite.png") -837px -38px no-repeat; }


    #home_current {background:url("http://www.jetskisafaris.co.uk/images/JS_navigation_sprite.png") 0px -76px no-repeat; }
    #on_safari_current {background:url("http://www.jetskisafaris.co.uk/images/JS_navigation_sprite.png") -59px -76px no-repeat; }
    #group_packages_current {background:url("http://www.jetskisafaris.co.uk/images/JS_navigation_sprite.png") -137px -76px no-repeat; }
    #courses_current {background:url("http://www.jetskisafaris.co.uk/images/JS_navigation_sprite.png") -264px -76px no-repeat; }
    #jet_ski_club_current {background:url("http://www.jetskisafaris.co.uk/images/JS_navigation_sprite.png") -370px -76px no-repeat; }
    #film-services_current {background:url("http://www.jetskisafaris.co.uk/images/JS_navigation_sprite.png") -488px -76px no-repeat; }
    #news_media_current {background:url("http://www.jetskisafaris.co.uk/images/JS_navigation_sprite.png") -593px -76px no-repeat; }
    #prices_current {background:url("http://www.jetskisafaris.co.uk/images/JS_navigation_sprite.png") -704px -76px no-repeat; }
    #bookings_current {background:url("http://www.jetskisafaris.co.uk/images/JS_navigation_sprite.png") -760px -76px no-repeat; }
    #contact_us_current {background:url("http://www.jetskisafaris.co.uk/images/JS_navigation_sprite.png") -837px -76px no-repeat; }



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


#container { 
    /*border:1px solid green;*/ 
    width: 975px; 
    /*height: 494px;*/
    margin: 0 0 0 0;
    padding: 0 0 10px 0; 
    }


/* Quicklinks
---------------------------------------------------*/

#quicklink { 
    /*border:1px solid yellow;*/ 
    /*background-image: url(http://www.jetskisafaris.co.uk/images/JS_web_quicklink_slice.jpg); background-repeat: no-repeat;*/
    position: relative; float: left;
    width: 632px; 
    height: 494px; 
    font-size: 0.94em;
    margin: 0 10px 15px 15px;
    padding: 0px 0px 0px 0px; 
    }

#image_area { 
    /*border:1px solid yellow;*/ 
    position: absolute; 
    left: 0px;
    top: 0px;
    z-index: 100;
    width: 632px; 
    height: 494px; 
    margin: 0 0 0 0;
    padding: 0px 0px 0px 0px; 
    }

#quicklink_one { 
    /*border-top:1px solid red; 
    border-bottom:1px solid red;*/
    position: absolute; 
    left: 0px;
    top: 294px;
    z-index: 150;
    width: 138px; 
    height: 150px; 
    margin: 0 0 0 0;
    padding: 40px 10px 10px 10px;
    }

#quicklink_two { 
    /*border-bottom:1px solid green;*/
    position: absolute; 
    left: 158px;
    top: 294px;
    z-index: 150;
    width: 138px; 
    height: 150px; 
    margin: 0 0 0 0;
    padding: 40px 10px 10px 10px; 
    }

#quicklink_three { 
    /*border-bottom:1px solid red;*/ 
    position: absolute; 
    left: 316px;
    top: 294px;
    z-index: 150;
    width: 138px; 
    height: 169px; 
    margin: 0 0 0 0;
    padding: 40px 10px 10px 10px; 
    }

#quicklink_four { 
    /*border:1px solid green;*/ 
    position: absolute; 
    left: 474px;
    top: 294px;
    z-index: 150;
    width: 138px; 
    height: 169px;  
    margin: 0 0 0 0;
    padding: 40px 10px 10px 10px; 
    }

#qlink_high { 
    /*border:1px solid yellow;*/ 
    background:url("http://www.jetskisafaris.co.uk/images/JS_qlink_hover.png") 0px 0px no-repeat; 
    position: absolute; 
    left: 0px;
    top: 294px;
    z-index: 180;
    width: 632px; 
    height: 200px; 
    margin: 0 0 0 0;
    padding: 0px 0px 0px 0px; 
    }

#qlink_high span {
    display: none;
    }
 
#qlink_high li, #qlink_high a {
    height:200px;
    display:block;
    }
 
#qlink_high li {
    float:left;
    list-style:none;
    display:inline;
    }
 
    #safari2 {width: 158px;}
    #corporate {width: 158px;}
    #courses2 {width: 158px;}
    #stag {width: 158px;}

    #safari2 a:hover {background:url("http://www.jetskisafaris.co.uk/images/JS_qlink_hover.png") 0px -200px no-repeat; }
    #corporate a:hover {background:url("http://www.jetskisafaris.co.uk/images/JS_qlink_hover.png") -158px -200px no-repeat; }
    #courses2 a:hover {background:url("http://www.jetskisafaris.co.uk/images/JS_qlink_hover.png") -316px -200px no-repeat; }
    #stag a:hover {background:url("http://www.jetskisafaris.co.uk/images/JS_qlink_hover.png") -474px -200px no-repeat; }






/*-----------CHRISTMAS OFFER-----------*/


#christmas { 
    /*border:1px solid yellow;*/ 
    position: relative; 
    /*left: 0px;
    top: 0px;*/
    z-index: 100;
    width: 300px; 
    height: 95px; 
    margin: 0 0 0 0;
    padding: 10px 0px 0px 2px; 
    }





/*-----------MY CUSTOM SCROLLBAR-----------*/



#CentreCol { 
    /*border-top: 1px solid green;*/
    background-image: url("http://www.jetskisafaris.co.uk/images/JS_web_text_area.jpg"); background-repeat: no-repeat;
    color: #ffffff;
    font-size: 1.175em;
    /*font-weight:900;*/
    line-height: 1.5em;
    position: relative; float: left;
    width: 300px; 
    height: 494px; 
    margin: 0 0 0 0;
    padding: 0px 0px 0px 0px; 
    }

#scrollable { 
    /*background-color: #666666;*/
    position: relative; 
    padding: 0 0 0 0;
    margin: 15px 0 0 15px; 
    }

#scroll-pane { 
    /*background-color: #00ff00;*/
    width: 275px; 
    height: 359px; 
    padding: 0 0 0 0; 
    }

.jScrollPaneContainer { 
    position: relative; 
    overflow: hidden; 
    z-index: 1; 
    }

.jScrollPaneTrack {
    /*border: 1px solid blue;*/ 
    position: absolute; 
    cursor: pointer; right: 0; top: 0; 
    height: 100%; 
    background: url("http://www.jetskisafaris.co.uk/images/JS_scroll_track.jpg") 0 0 repeat; border: none; 
    }

.jScrollPaneDrag { 
    /*border:1px solid red;*/ 
    position: absolute; 
    background: transparent url("http://www.jetskisafaris.co.uk/images/JS_scroll_drag.jpg") 0 2px no-repeat; 
    height: 210px !important; 
    cursor: pointer; overflow: hidden; 
    }

.jScrollPaneDragTop { 
    /*border:1px solid green;*/ 
    position: absolute; 
    top: 0; left: 0; 
    overflow: hidden; 
    }

.jScrollPaneDragBottom { 
    /*border:1px solid blue;*/ 
    position: absolute; 
    bottom: 0; 
    left: 0; 
    overflow: hidden; 
    }

a.jScrollArrowUp { 
    display: block; 
    position: absolute; 
    z-index: 10; 
    top: 0; 
    right: 0; 
    text-indent: -2000px; 
    overflow: hidden; 
    height: 15px; 
    background: transparent url("http://www.jetskisafaris.co.uk/images/JS_up_arrow.jpg") 0 0 repeat-x; 
    }

a.jScrollArrowUp:hover { 
    background-position: 0 -15px; 
    }

a.jScrollArrowDown { 
    display: block; 
    margin: 0 0 0 0; 
    position: absolute; 
    z-index: 1; 
    bottom: 0; 
    right: 0; 
    text-indent: -2000px; 
    overflow: hidden; 
    height: 15px; 
    background: transparent url("http://www.jetskisafaris.co.uk/images/JS_down_arrow.jpg") 0 0 repeat-x; 
    }

a.jScrollArrowDown:hover { 
    background-position: 0 -15px; 
    }
    
a.jScrollActiveArrowButton, 
a.jScrollActiveArrowButton:hover { 
    background-position: 0 -30px; 
    }







/*-----------2nd Level navigtaion-----------*/


.h1 {
    font-size: 2em;
    font-weight:900; 
    line-height: 1.1em;
    color: #ffda40;
    margin: 0px 0px 15px 0px;
    padding: 0px 0px 0px 0px; 
    }

.h2 {
    font-size: 1.23em;
    line-height: 1.25em;
    font-weight:900; 
    color: #ffda40;
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px; 
    }


.h2 a {text-decoration: underline; color: #ffda40;}
.h2 a:hover {text-decoration: underline; color: #868685;}

.nav_arrow {
    padding: 0; 
    margin: 0px 8px 0 4px;
    /*position: relative; float: left;*/
    }


.nav2 {
    /*border: 1px solid green;*/
    /*width: 168px;*/ 
    /*height: 200px;*/
    color: #ffffff;
    font-size: 1.23em;
    line-height: 1.25em;
    font-weight:900;
    padding: 0 0 20px 0; 
    margin: 0 0 0 0;
    }

#nav_2 a { text-decoration: none; color: #ffffff; /*font-size: 1.23em;*/ }
#nav_2 a:hover {text-decoration: none; color: #868685;}
#nav_2 { 
    /*border: 1px solid red;*/
    position: relative; float: left;
    width: 168px; 
    /*height: 400px;*/ 
    margin: 0px 10px 0px 15px;
    padding: 0px 0px 0px 0px; 
    }

 
#main { 
    /*border: 1px solid red;*/
    position: relative; float: left;
    width: 589px; 
    /*height: 800px;*/ 
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px; 
    }



/*-----------Detail Page--------------*/

#main-image { 
    /*border: 1px solid yellow;*/
    position: relative; float: left;
    width: 589px; 
    height: 253px; 
    margin: 0px 0px 5px 0px;
    padding: 10px 0px 0px 0px; 
    }


#main-text {
	/*border: 1px solid green;*/
    color: #ffffff;
	font-size: 1.094em;
	line-height: 1.45em;
	position: relative;
	float: left;
	width: 589px;
	/*height: 500px;*/
    margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
    }

#rya-logo { 
    /*border: 1px solid green;*/
    background-image: url("http://www.jetskisafaris.co.uk/images/rya_logo.gif"); background-repeat: no-repeat;
    position: relative; float: right;
    width: 150px; 
    height: 125px;
    margin: 0px 0px 0px 15px;
    padding: 0px 0px 0px 0px; 
    }


/*------------News/Events Page-------------*/



.voucher-main {
    width: 589px; 
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 40px 0px; 
    }


.cost {
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 20px 0px;
    }

.pay-pal-button {
    float: right;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    }


.event-container {
    border-top: 1px solid grey;
    color: #ffffff;
    /*font-size: 1.094em;*/
    /*line-height: 1.45em;*/
    /*position: relative; 
    float: left;*/
    width: 589px; 
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 0px 0px; 
    }


.event-image {
    border: 1px solid yellow;
    float: left;
    overflow: hidden;
    width: 100px; 
    height: 100px;
    margin: 25px 0px 0px 0px;
    padding: 0px 0px 0px 0px; 
    }


.event-text {
    /*border-top: 1px solid grey;*/
    width: 466px; 
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 15px 0px 25px 20px; 
    }

.event-title {
    /*border: 1px solid red;*/
    float: left;
    width: 464px;
    color: #ffda40;
    font-size: 1.75em;
    font-weight:900;
    line-height: 1.45em;
    margin: 0px 0px 2px 0px;
    padding: 0px 0px 0px 0px; 
    }

.event-info {
    /*border: 1px solid blue;*/
    color: #ffffff;
    font-size: 1.094em;
    line-height: 1.45em;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px; 
    }

.event-link {
    /*border: 1px solid blue;*/
    color: #ffda40;
    font-size: 1.094em;
    line-height: 1.45em;
    font-weight:900;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px; 
    }

.event-break {
    border-top: 1px solid grey; 
    left: 0px;
    width: 589px;
    /*height: 120px;*/
    }

.event-container a { text-decoration: none; color: #ffda40; }
.event-container a:hover {text-decoration: underline; color: #ffda40;}


/*------------Contact Location-------------*/

.cont-loc-image {
    border: 1px solid yellow;
    float: left;
    overflow: hidden;
    width: 300px; 
    height: 200px;
    margin: 25px 0px 25px 0px;
    padding: 0px 0px 0px 0px; 
    }


.cont-loc-text {
    /*border: 1px solid grey;*/
    width: 260px;
    height: 200px; 
    float: left;
    margin: 25px 0px 0px 0px;
    padding: 0px 0px 0px 25px; 
    }

.cont-loc-info {
    /*border: 1px solid blue;*/
    color: #ffffff;
    font-size: 1.094em;
    line-height: 1.45em;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px; 
    }




/*------------Right Column Banner-------------*/


#form-box {
    position: relative; float: left;
    width: 349px; 
    margin: 0px 0px 0px 0px;
    padding: 2px 0px 0px 0px; 
    }


#address-box {
    position: relative; float: left;
    width: 230px; 
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 10px; 
    }

#newsletter { 
    /*border: 1px solid blue;
    background-color: #ffffff;*/ 
    position: relative; float: left;
    width: 158px; 
    height: 90px;
    margin: 0px 0px 10px 20px;
    padding: 0px 0px 0px 0px; 
    }

#newsletter-form { 
    /*border: 1px solid blue;
    background-color: #ffffff;*/ 
    position: relative; float: left;
    /*width: 158px; 
    height: 90px;*/
    margin: 0px 0px 0px 0px;
    padding: 20px 20px 20px 20px; 
    }

#banner { 
    /*border: 1px solid blue;*/
    background-image: url("http://www.jetskisafaris.co.uk/images/JS_banner.jpg"); background-repeat: no-repeat;
    background-color: #ffffff; 
    position: relative; float: left;
    width: 158px; 
    height: 480px;
    margin: 0px 0px 20px 20px;
    padding: 0px 0px 0px 0px; 
    }

#banner-text { 
    /*border:1px solid red;*/ 
    position: absolute; 
    left: 0px;
    bottom: 0px;
    z-index: 100;
    width: 138px; 
    /*height: 100px;*/ 
    margin: 0 0 0px 0;
    padding: 10px 10px 10px 10px; 
    }


#rib-banner-text { 
    /*border:1px solid red;*/ 
    position: absolute; 
    left: 0px;
    top: 222px;
    z-index: 100;
    width: 138px; 
    /*height: 100px;*/ 
    margin: 0 0 0px 0;
    padding: 10px 10px 10px 10px; 
    }

#rib-banner { 
    /*border: 1px solid blue;*/
    background-image: url("http://www.jetskisafaris.co.uk/images/Rib-club_banner.jpg"); background-repeat: no-repeat;
    position: relative; float: left;
    width: 158px; 
    height: 565px;
    margin: 0px 0px 20px 20px;
    padding: 0px 0px 0px 0px; 
    }


#facebook-banner { 
    /*border: 1px solid blue;*/
    background-color: #ffffff;
    position: relative; float: left;
    width: 158px; 
    height: 420px;
    margin: 0px 0px 0px 20px;
    padding: 0px 0px 0px 0px; 
    }

/*------------Testimonials-------------*/


#testimonial {
    /*border: 1px solid red;*/
    /*position: relative; 
    float: left;*/
    z-index: 150;
    margin: 0px 0px 0px 0px;
    padding: 25px; 
    }


#quote-start {
    border: 1px solid red;
    position: absolute; 
    float: left;
    z-index: 100;
    margin: 0px 0px 0px 0px;
    padding: 0px; 
    }

#quote-end {
    border: 1px solid red;
    position: absolute;
    bottom: 15px; 
    right: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px; 
    }



/*------------POP UP-------------*/

/*------------PIC-------------*/

#pic-caption { 
    /*border:1px solid red;*/ 
    position: : relative; float: left; 
    width: 250px; 
    /*height: 320px;*/ 
    margin: 5px 0 20px 26px;
    padding: 0px 0px 0px 0px; 
    }


/*-----------Footer-----------*/

#footer_container { 
    /*border: 1px solid red;*/
    background-image: url("http://www.jetskisafaris.co.uk/images/JS_web_footer_slice.jpg"); background-repeat: no-repeat;
    position: relative; float: left;
    width: 975px; 
    height: 53px; 
    font-size: 0.9em;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px; 
    }


#footer a { text-decoration: none; color: #868685; /*font-size: 0.9em;*/ }
#footer a:hover {text-decoration: none; color: #ffffff;}
#footer { 
    /*border: 1px solid red;*/
    color: #868685;
    position: relative; float: left;
    margin: 28px 0px 0px 15px;
    padding: 0px 0px 0px 0px; 
    }