/*
Theme Name: Raft Theme
Author: Robert Clarkson


*/

* {
	border:0;
	margin:0;
	padding:0;
	
}

body {
	
	background:url('images/raft-top.gif') top center no-repeat #00325D;
	color:#FFF;
	font-family:Arial;
	font-size:15px;
	line-height:23px;
}

h2 {
	color:#FFC80B;
	font-size:29px;
}

h3 {
	padding-top:20px;
}

p {
	margin:15px 0;
}

p.cufon {
	font-size:21px;
}

p.margin {
	padding:10px 30px;
	margin:0;
}

.yellow,
a.yellow,
a.yellow:visited {
	color:#FFC80B;
}

a,
a:visited {
	color:#FFF;
	text-decoration:none;
}

.page,
.blog,
.single {
	width:1020px;
	margin:0px auto 0 auto;
	position:relative;
	
}


.menu {
	width:940px;
	margin:0px auto;
	font-size:21px;
	height:46px;
}

	.menu img {
		float:right;
		margin-top:-10px;
		margin-right:30px;
		margin-bottom:-20px;
	}
	
	.menu ul {
		list-style:none;
		clear:both;
		padding:10px 0 0 0;
	}
	
	.menu ul li {
		float:left;
		margin-left:30px;
	}
	
	.menu ul li.current_page_item a,
	.menu ul li.current_page_item a:visited,
	.menu ul li.current_page_parent a,
	.menu ul li.current_page_parent a:visited {
		color:#FFC80B;
	}
	
	

.challengetext {
	background-image:url('images/challenge.png');
	width:444px;
	height:35px;
	margin-left:400px;
	margin-top:30px;
	position:relative;
	z-index:10;
}

.lefttext {
	background-image:url('images/left-text.png');
	width:318px;
	height:363px;
	float:left;
	margin:150px 0 0 20px;
}

.raftimg {
	background-image:url('images/raftpic.png');
	width:699px;
	height:704px;
	float:left;
	margin-top:-25px;
	margin-left:-20px;
	margin-bottom:-135px;
	position:relative;
	z-index:100;
}

.wideraftpic {
	background:url('images/raft-wide.png') no-repeat;
	width:1014px;
	height:435px;
	margin-top:50px;
}

.header-page-spacer {
	width:100%;
	height:180px;
}

.groupspic {
	background:url('images/raft-groups.png') no-repeat;
	width:669px;
	height:278px;
	margin-top:-160px;
	position:absolute;
	right:0;
}

.safetypic {
	background:url('images/raft-safety.png') no-repeat;
	width:593px;
	height:278px;
	margin-top:-160px;
	position:absolute;
	right:50px;
}

.raftlabels {
	background:url('images/raft-labels.png') no-repeat;
	width:1014px;
	height:435px;
	margin-top:-435px;
	clear:both;
	float:left;
}

.centertext {
	background:url('images/center-text.png') no-repeat;
	width:488px;
	height:195px;
	float:left;
	margin-left:320px;
	margin-top:-150px;
	margin-bottom:14px;
}

div.page-content-top {
	
	background-image:url(images/content-top.png);
	background-repeat:no-repeat;
	background-color:transparent;
	padding-top:78px;
}

div.page-content {
	background-image:none;
	margin:0;
	padding:40px;
}

.page-spacer {
	height:137px;
	width:100%;
}

.content {
	
	background-color:#00598E;
	background-image:url('images/content-top.gif');
	background-repeat:no-repeat;
	margin-top:-50px;
	padding:100px 40px 40px;
}

	.content ul {
		padding:0 0 0 15px;
	}
	
	
	body.home .content .left {
		width:460px;
		float:left;
		margin:0 50px 0 0;
	}

	body.home .content .twitter {
		background:url('images/twitter.png') no-repeat;
		float:left;
		width:320px;
		padding:50px 0 0 100px;
	}
	
.left {
	width:400px;
	float:left;
	margin:0 140px 30px 0px;
}

.right {
	width:400px;
	float:left;
}

.info {
	width:400px;
	font-size:16px;
	border-bottom:solid 1px #0074B0;
	min-height:20px;
	padding:10px 0;
}

	.top {
		margin-top:30px;
		border-top:solid 1px #0074B0;
	}

	.info .heading {
		width:175px;
		float:left;
		color:#FFC80B;
		
	}
	
	.info .detail {
		width:215px;
		float:left;
	}

.lightblue {
	background-color:#00598E;
	padding-bottom:20px;
}

.leftbar {
	width:450px;
	height:37px;
	background:url('images/bottom-bar.png');
	clear:both;
}

	.leftbar ul {
		list-style:none;
		padding:5px 0 0 20px;
	}
	
		.leftbar ul li {
			float:left;
			margin:0 15px;
			color:#00315D;
		}
		
		.leftbar ul li a,
		.leftbar ul li a:visited {
			color:#00315D;
		}
.combos_logo {
	background:url('images/combos-logo.png') no-repeat;
	width:236px;
	height:90px;
	margin-left:285px;
	margin-bottom:50px;
}

.combos {
	background-color:transparent;
	width:660px;
	height:1530px;
	padding:60px 60px 0 50px;
	background:url('images/combos-bg.png') no-repeat;
	margin:0;
}

	.combos .side_imgs {
		clear:both;
		float:right;
		margin-bottom:300px;
		margin-right:-300px;
		margin-top:-100px;
	}
	
	.combos p {
		margin:5px 0;
	}
	
	.combos .img3 {
		margin-top:200px;
	}
	
	.combos .combo_box {
		overflow:hidden;
	}
	
	.combos .even,
	.combos .even p,
	.combos .even p a {
		color:#fff;
	}
	
	.combos .even h2 {
		color:#08C6FF;
	}
	
	.combos .odd,
	.combos .odd p,
	.combos .odd p a {
		color:#0073B0;
	}
	
	.combos .odd h2 {
		color:#00315D;
	}
	
	.combos .combo0 {
		height:130px;
	}
	.combos .combo1 {
		height:160px;
	}
	.combos .combo2 {
		height:140px;
	}
	.combos .combo3 {
		height:150px;
	}
	.combos .combo4 {
		height:130px;
	}
	.combos .combo5 {
		height:170px;
	}
	.combos .combo6 {
		height:170px;
	}
	.combos .combo7 {
		height:168px;
	}
	.combos .combo8 {
		height:170px;
	}
	.combos .combo9 {
		
	}

.blog_left {
	margin:0px;
	width:700px;
	float:left;
}

.blog_right {
	margin: 0 0 0 30px;
	width:200px;
	float:left;
}

	.blog_right h2 {
		margin:30px 0 10px 0;
	}

.single_post {
	
}

.footline {
	padding:10px 30px;
	clear:both;
	font-size:10px;
}

.footer {
	background:url('images/footer.png') top left no-repeat;
	background-color:#0074b0;
	width:1020px;
	
}
	
	.footer p {
		padding:30px 20px 10px;
		margin:0px 20px 0 0;
		font-size:12px;
	}
	
	.footer a,
	.footer a:visited {
		color:#FFC80B;
	}

.clearer {
	clear:both;
}


/***** BOOKING FORM *********/

	.bookingform .label {
            width:200px;
            float:left;
            /*clear:both;*/
            text-align:left;
            margin:5px 20px 5px 0;
	    font-size:14px;
        }
        
	.bookingform .required label{
		font-weight:bold;
	}
	
	.bookingform h4 {
		color:#FF902F;
		font-size:14px;
		text-transform:uppercase;
	}
	
	.bookingform .divider {
		width:100%;
		height:1px;
		border-top:dotted 1px #CCC;
		margin:20px 0;
		clear:both;
	}
	
	.bookingform input.checkbox {
            width:20px;
	    float:left;
	    margin-left:220px;
	    border: 0 none;
	    outline: 0 none;
        }
	
	.bookingform .checkbox-label {
		width:500px;
		float:left;
		margin-top:5px;
		padding-left:10px;
	}
	
        .bookingform .FormField {
            clear:both;
            /*width:600px;*/
        }
        
        .bookingform input {
            width:200px;
            border:solid 1px #999;
            margin:5px 0;
            background-color:#0074B0;
            color:#fff;
        }
        
        .bookingform textarea {
            width:300px;
            border:solid 1px #999;
            margin:5px 0;
            background-color:#0074B0;
            color:#fff;
        }
        
        .bookingform input,
        .bookingform select {
            height:20px;
            /**clear:both;**/
            background-color:#0074B0;
            color:#fff;
        }

        .bookingform .DatepickerField input,        
        .bookingform .FromToDatepickerField input {
        	width: 80px;
        }
        
        .bookingform input.submit {
		float:left;
		clear:both;
		cursor:pointer;
		background-image:url('images/submit.png');
		border:none;
		font-size:0px;
		width:124px;
		height:51px;
		background-color:transparent;
        }
        
        .bookingform select {
            border:solid 1px #999;
            margin:5px 0;
            height:20px;
            max-width:300px;
            min-width: 60px;
        }
        
        .bookingform .PassengerField select {
        	width:120px;
        }
        
        .bookingform input.cardnum,
        .bookingform  input.expiry,
        .bookingform input.cvc {
            width:50px;
        }
        
        .bookingform label.error {
            color:#FFC80B;
            margin-left:220px;
            float:left;
            clear:both;
            padding-bottom:10px;
        }
	
	.bookingform input.error,
	.bookingform select.error,
	.bookingform textarea.error
	{
		border-color:#FFC80B;
	}
		
	.bookingform .RadioFieldGroup {
		padding-left:220px;
	}
	
	.bookingform .RadioFieldGroup input {
		width:20px;
		margin:0px;
		border: 0 none;
		outline: 0 none;
	}
	
	.bookingform .RadioFieldGroup label {
		line-height:20px;
		margin-left:5px;
		padding-right:20px;
	}
	
	.bookingform #understand {
		margin-left:0px;
		
	}
	.bookingform #understand-field-container label {
		color:#FF902F;
		
	}
	.bookingform #understand-field-container .checkbox-label {
		width:500px;
	}
	
	.bookingform #understand-field-container label.error {
		color:#FFC80B;
		margin-left:0px;
		float:left;
		clear:both;
		padding-bottom:0px;
	}
	
	.bookingform #questions {
		width:350px;
	}
	
	.ui-widget {
		font-size:12px;
	}
	
	
/******** BOOKING FORM ^^ ********/

