/*
Theme Name: Orange Peel Transportation
Theme URI: http://orangepeeltransportation.com/
Description: The default WordPress theme for Orange Peel Transportation.
Version: 1.0
Author: j.verhine
Author URI: http://verhine.com/
Tags: 

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



/* Begin Typography & Colors */
body {
	font-size: 90%; /* Resets 1em to 10px */
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, sans-serif;
	background: #d5d6d7 url('images/kubrickbgcolor.jpg');
	color: #333;
	text-align: center;
}

/***** Global Settings *****/

html, body {
	border:0;
	margin:0;
	padding:0;
}

strong, em, b, i {
    font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande","Trebuchet MS", Verdana, Arial, sans-serif;
}

a {
	color: #FFCD75;
	color: rgba(255, 205, 117, 0.9);
}
a:hover {
	text-decoration: underline;
}

body {
	font:90%/1.4 “Lucida Grande”, “Lucida Sans Unicode”, “Trebuchet MS”, Verdana, Arial, sans-serif;
	background: #381b08 url(/images/bg.jpg) repeat-x;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}
.header {
	height: 30px;
}
.content {
	background: url(/images/bg_content.jpg) top center no-repeat;
}
body#home .content {
	background: url(/images/bg_content_home.jpg) top center no-repeat;
}

.wrap {
	width: 1000px;
	margin: 0 auto;
	position: relative;
}
.links {
	height: 30px;
	width: 475px;
	float: left;
	margin: 7px 0 0 0;
}
.link {
	float: left;
	margin: 0 0 0 6px;
	height: 20px;
	padding: 0;
}

.link#home a {
	background: url(/images/navigation_home.jpg) top right no-repeat;
	display: block;
	height: 20px;
}
.link#about a {
	background: url(/images/navigation_about.jpg) top right no-repeat;
	display: block;
	height: 20px;
}
.link#reservation a {
	background: url(/images/navigation_reservation.jpg) top right no-repeat;
	display: block;
	height: 20px;
}
.link#services a {
	background: url(/images/navigation_services.jpg) top right no-repeat;
	display: block;
	height: 20px;
}
.link#contact a {
	background: url(/images/navigation_contact.jpg) top right no-repeat;
	display: block;
	height: 20px;
}
.link#home a:hover, .link#about a:hover, .link#reservation a:hover, .link#services a:hover, .link#contact a:hover {
	background-position: 0 -20px;
}
.link#home a#selected, .link#about a#selected, .link#reservation a#selected, .link#services a#selected, .link#contact a#selected {
	background-position: 0 -40px;
}
.link a span {
	width: 4px;
	height: 20px;
	background: url(/images/link_cap.gif) no-repeat;
	display: block;
	float: right;
	margin: 0;
}
#toggleTheme a {
	color: #ff9455;
}
.indicator {
	background: url(/images/link_indicator.png) no-repeat;
	position: relative;
	top: 0px;
	height: 17px;
	width: 34px;
	
}
body#home .indicator { left: 11px; }
body#about .indicator, body#philosophy .indicator, body#fleet .indicator, body#testimonials .indicator { left: 63px; }
body#reservation .indicator { left: 135px; }
body#services .indicator, body#personal .indicator, body#corporate .indicator, body#marine .indicator { left: 215px; }
body#contact .indicator { left: 283px; }

#selectLocation {
	padding: 100px 0 30px 0;
}
.location {
	color: #ffad54;
	width: 275px;
	float: right;
	padding: 6px 0 0 0;
	margin-right: 150px;
}
.location .currentlocation {
	float: right;
}
.location .currentlocation {
	float: right;
	background: url(/images/icon_location.gif) no-repeat;
	padding: 0 0 0 42px;
	margin: 3px 5px 0 0;
	font-size: 8pt;
	font-style: italic;
}
.change {
	float: right;
}
.logo {
	position: absolute;
	top: 40px;
	left: 40px;
}
body#home .logo, .none .logo {
	width: 540px;
	top: 22px;
	left: 225px;
}



.pagetitle {
	width: 795px;
	height: 44px;
	position: absolute;
	top: 55px;
	left: 160px;
}

body#about .pagetitle 		{	background: url(/images/pagetitle_about.png) no-repeat; }
body#reservation .pagetitle {	background: url(/images/pagetitle_reservation.png) no-repeat; }
body#thank-you .pagetitle 	{	background: url(/images/pagetitle_thankyou.png) no-repeat; }
body#services .pagetitle 	{	background: url(/images/pagetitle_services.png) no-repeat; }
body#contact .pagetitle 	{	background: url(/images/pagetitle_contact.png) no-repeat; }

body#personal .pagetitle 	{	background: url(/images/pagetitle_personal.png) no-repeat; }
body#corporate .pagetitle 	{	background: url(/images/pagetitle_corporate.png) no-repeat; }
body#marine .pagetitle 		{	background: url(/images/pagetitle_marine.png) no-repeat; }

body#philosophy .pagetitle 	{	background: url(/images/pagetitle_philosophy.png) no-repeat; }
body#fleet .pagetitle 		{	background: url(/images/pagetitle_fleet.png) no-repeat; }
body#testimonials .pagetitle {	background: url(/images/pagetitle_testimonials.png) no-repeat; }
body#tesimonials-more .pagetitle { background: url(/images/pagetitle_testimonialsmore.png) no-repeat;}



.subnav {
	height: 49px;
	background: url(/images/bg_subnav.png) no-repeat;
	margin: 0 0 40px 0;
}
.subnav .padding {
	padding: 13px 15px 0 15px;
}
.subnav a {
	margin-right:20px;
	border-bottom: 4px solid #2a1102;
}
.subnav a#selected {
	border-bottom: 4px solid #8b3707;
}




.copy {
	color: #ffcd8d;
	margin-bottom: 20px;
	text-align: left;
}
.copy h2 {
	color: #ffeacf;
}
.emphasis {
	font-size: 12pt;
	color: #ffcda4;
	margin: 20px 150px 60px 0;
}



.arrows {
	position: absolute;
	top: 0px;
	right: 0px;
	text-align: right;
}
.tagline {
	width: 882px;
	margin: 0px auto 0px auto;
	padding: 0 0 25px;
}
.tagline#selectyourlocation {
	height: 430px;
	width: 1000px;
	margin: 30px 0 0 0;
	
}
.box {
	width: 320px;
	background: url(/images/box.png) no-repeat;
	float: left;
	position: relative;
}
.box#personal { background: url(/images/box_personal.png) no-repeat; }
.box#corporate { background: url(/images/box_corporate.png) no-repeat; }
.box#marine { background: url(/images/box_marine.png) no-repeat; }

.box .title, .block .title {
	position: absolute;
	top: 15px;
	left: 15px;
}
.box .description {
	font-size: 10pt;
	margin: 20px 20px 20px 20px;
	color: #977048;
	text-align: center;
}
.block .description {
	padding: 50px 0 20px 50px;
	color: #CF904D;
	text-align: left;
}
.block .description#large {
	font-size: 1.1em;
}
.block .description:hover {
	color: #d29c64;
}
.block {
	width: 590px;
	background: url(/images/block.png) no-repeat;
	position: relative;
}
.block#left {
	float: left;
}
.block#right {
	float: right;
}
.block#small {
	width: 370px;
	float: left;
}
.block#large {
	width:800px;
}
body#contact .block#small .description {
	margin-left: 20px;
}
body#contact .block#small .description input, body#contact .block#small .description textarea {
	width: 280px;
}

.blurb {
	clear:both;	
	margin: 20px 25px 20px 15px;
	color: #977048;
	text-align: left;
}


.interior {
	margin-left: 170px;
	text-align: left;
	color: #cc9965;
}
.photo {
	width: 190px;
	height: 138px;
	margin-bottom: 10px;
}
.photo#left {
	float: left;
}
.photo#right {
	float: right;
}
h4 {
	font-size: 2em;
	color: #c0c0c0;
	
}
.serviceslink {
	width:315px;
	float: left;
	margin: 0 5px 20px 0;
	display:inline;
}

.reservationform input {
	font-size: 10pt;
	padding: 5px;
	width: 280px;
	background: url(/images/inputbg.jpg) repeat-x;
}
.reservationform input#medium {
	width: 160px;
}
.reservationform input#small {
	width: 100px;
}
.reservationform input#supersmall {
	width: 50px;
}
.reservationform select {
	font-size: 10pt;
	width: 90px;
}

.fleetPhoto {
	float: left;
	margin: 0 15px 15px 0;
}
#fleetReservation {
	float: left;
	font-size: 25px;
	height: 113px;
	margin: 0 15px 0 0;
	padding: 25px 0 0;
	text-align: center;
	width: 190px;
}
#homeReservation {
	float: left;
	font-size: 25px;
	height: 113px;
	margin: 0 15px 0 0;
	padding: 25px 0 0;
	text-align: center;
	width: 190px;
}


.subfooter {
	margin: 30px 0;
	border-top: 1px solid #4a2e18;
	color: #704624;
	font-size: 8pt;
}
.subfooter .sublinks {
	float: right;
}
.subfooter .sublinks .sublink {
	float: left;
	padding: 15px 15px 0px 0;
}
.subfooter a {
	color: #FBAD49;
}
.subfooter a:hover {
	color: #ffcd75;
}
.subfooter a:hover {
	text-decoration: none;
}
.subfooter ul, ol {
	padding: 0 0 5px 0;
}
.subfooter .copyright {
	color: #704624;
	float: right;
	text-align: right;
	padding:10px 15px 0 0;
}




.clear {
	clear: both;
}




/***** Common Formatting *****/

h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
}

h1 {
padding:30px 0 25px 0;
letter-spacing:-1px;
font:2em arial, helvetica, sans-serif;
}

h2 {
padding:20px 0;
letter-spacing:-1px;
font:1.5em arial, helvetica, sans-serif;
}

h3 {
font:1em arial, helvetica, sans-serif;
font-weight:bold;
}

p, ul, ol {
margin:0;
padding:0 0 18px 0;
}

ul, ol {
list-style:none;
padding:0 0 18px 40px;
}

blockquote {
margin:22px 40px;
padding:0;
}

small {
font-size:0.85em;
}

img {
border:0;
}

sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}

sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}

acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}

/***** Links *****/

a, a:visited {
text-decoration:none;
}

/***** Forms *****/

form {
	margin:0;
	padding:0;
	display:inline;
}

input, select, textarea {
	font:1em arial, helvetica, sans-serif;
}

textarea {
	line-height:1.25;
}

label {
	cursor:pointer;
}

.dp-choose-date { margin: 0 0 0 3px; }
.cform select { width: 130px; }
.cform fieldset { -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.cform label span { text-shadow: none; }
ol.cf-ol li { padding: 0 0 8px 0; }
.cform textarea { width: 475px; }
#cf_field_2 { width: 100px; }
#cf_field_19 { width: 50px; }
.cf_info { background: #ffcd75; text-shadow: none; }
span.reqtxt, span.emailreqtxt { text-shadow: none; }
div.failure  {
	border: 5px solid #8F3E08;
	-o-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.gsection_title {
	color: #BC732D;
	font-size: 1.5em !important;
}
.gform_wrapper .gsection {
	border-bottom:1px dotted #CC9965 !important;
}
.gform_body {
	-o-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background:none repeat scroll 0 0 black;
	border:1px solid #502E0D;
	padding:20px;
	text-shadow: none;
}
#gforms_confirmation_message {
	-o-border-radius: 10px;
	-moz-border-radius:10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 20px;
	text-align: left;
	text-shadow: none;
}
.validation_error {
	-o-border-radius: 10px;	
	-webkit-border-radius: 10px;
	-moz-border-radius:10px;
	border-radius: 10px;
	background:none repeat scroll 0 0 #FAE9CB;
	border:6px solid #790000;
	padding:10px 10px 5px;
	text-align:center;
	text-shadow:none;
}
#field_4_10, #field_4_14, #field_4_28 {
	padding: 30px 0 0 0;
}
.ui-datepicker-div, .ui-datepicker-inline, #ui-datepicker-div {
	background:none repeat scroll 0 0 #FFF;
	border: 4px solid #BC732D;
}
.ui-datepicker-header select {
	background:none repeat scroll 0 0 #EEE;
}

table.ui-datepicker { text-shadow:none; }
table.ui-datepicker .ui-datepicker-title-row td a {
	background: none repeat scroll 0 0 #FFF;
	color:#DF750D;
	font-weight: bold;
}
table.ui-datepicker td a {
	background:none repeat scroll 0 0 #FFF;
	border:1px solid #FFF;
	color:#000;
}
table.ui-datepicker td a:hover {
	background:none repeat scroll 0 0 #FFEEDD;
	color:#F28300;
	text-decoration: none;
	border: 1px solid #F28300;
}
td.ui-datepicker-unselectable { 
	border: 1px solid #FFF;
	color: #CCC;
	padding-right: 6px;
	}
td.ui-datepicker-today {
	background:none repeat scroll 0 0 #FFFFCF;
	border:1px solid #EEEFA4;
	color: #FF7E00;
}


/***** Wrapper *****/

#wrap {
width:960px;
margin:0 auto;
}

/***** Global Classes *****/

.clear 			{ clear:both; }

.float-left 	{ float:left; }
.float-right 	{ float:right; }

.text-left 		{ text-align:left; }
.text-right 	{ text-align:right; }
.text-center 	{ text-align:center; }
.text-justify 	{ text-align:justify; }

.bold 			{ font-weight:bold; }
.italic 		{ font-style:italic; }
.underline 		{ border-bottom:1px solid; }
.highlight 		{ background:#ffc; }

.wrap 			{ width:960px; margin:0 auto; position: relative; }
.footwrap 		{ margin: 0 auto; width: 960px;	}

.img-left 		{ float:left;margin:4px 10px 4px 0; }
.img-right 		{ float:right;margin:4px 0 4px 10px; }

.nopadding 		{ padding:0; }
.noindent 		{ margin-left:0;padding-left:0; }
.nobullet 		{ list-style:none;list-style-image:none; }



.va, .ga {
	display: none;
}


/* Set IE 6 message */
#ie6Msg { 
	background: #fffbbc; 
	padding: 4px; 
	text-align: center; 
	font-size: 90%; 
	color: #fbfddc; 
	border-bottom: solid 3px #e7df68; 
	z-index: 9999;
	}
#ie6Msg a {
	color: #F0750E;
	font-weight: bold;
}
#ie6Msg a:hover {
	text-decoration: underline;
}

/* Blackout effect for theme changing and Theme changing styles in general */
#themeChangeOverlay, #mockup2CodeOverlay {
	display: none; 
	position: absolute; 
	top: 0; left: 0; 
	width: 100%; height: 100%; 
	background-color: #000; 
	z-index:1001; 
	-moz-opacity: 0.6;
	-webkit-opacity: 0.6; 
	opacity:.60; 
	filter: alpha(opacity=60);
	}
#themeChangeOverlay[id], #mockup2CodeOverlay[id], #themeChangeText[id], #mockup2CodeOverlayText[id]{position:fixed;}
#themeChangeText, #mockup2CodeOverlayText {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 400px;
	text-align: center;
	padding: 150px 10px 100px 10px;
	z-index:1002;
	color: #fff;
	font-weight: bold;
	font-family:georgia,trebuchet ms;
	font-style:italic;
	font-size:18pt;
	overflow: auto;
	margin: -80px 0 0 -200px;
	background: #000 url(/images/loading.gif) no-repeat 50% 20%;
	border: solid 2px #2f2f2f;
	-moz-opacity: 0.9;
	-webkit-opacity: 0.9;
	opacity:.90;
	filter: alpha(opacity=90);
	}

#toggleTheme {
	outline: none; 
	position: absolute; 
	display: block; 
	right: 10px; 
	text-align: center; 
	width: 122px; 
	height: 25px; 
	text-decoration: none; 
	font-size: 7pt; 
	font-weight: bold; 
	background: url(/images/change_theme.png) no-repeat bottom left;
	color:#efefef;
	margin-top:0px;
	}
#toggleTheme:hover {color:#fff;}
#toggleTheme span {display: block; padding-top: 6px;}
#changeThemeWrap {width: 100%; margin-top: -140px; position: absolute; z-index: 100;}
#themeWrap {height: 140px; background: url(/images/pixel.png) repeat; border-bottom: solid 3px #f0750e;}
#themeTable {border-collapse: collapse; width: 800px; margin-right: auto; margin-left: auto;margin-top:70px;color: #666;font-family: georgia, times new roman;font-style:italic;font-weight:bold;font-size:10pt;}
#themeTable td {vertical-align: middle; padding: 5px; text-align: center; font-size: 80%;}
#themeTable a { padding: 20px; background-position: center center !important; outline: none; text-decoration: none; color: #777;font-family: georgia, times new roman;font-style:italic;font-weight:bold;font-size:25pt;}
#themeTable a:hover {color:#fff;}
	.themes {padding: 10px;}
	#sunriseTheme, #afternoonTheme, #sundownTheme, #nightTheme {margin-right: auto; margin-left: auto;display: block; width: 150px; height: 103px; text-decoration: none; text-indent: -9000px;}
	#themeTable .activeTheme {width: 250px; height: 171px;}

.themes a {
	font-style: italic;
}
a#toggletheme { margin: none; }

div.hoverBtn {
	background:		#000 url(/images/navBG.png) repeat-x 0 0 scroll;
	-o-border-radius: 0px 0px 5px 5px;
	-moz-border-radius:	0px 0px 5px 5px;
	-webkit-border-radius:	0px 0px 5px 5px;
	border-radius:	0px 0px 5px 5px;
	float: 			left;
	height: 		30px;
	width: 			100px;
	position: 		relative;
}
div.hoverBtn a {
	background:		transparent none repeat-x 0 0 scroll;
	color:			#FFCD75;
	display: 		block;
	font-family: 	Lucida Grande;
	font-size: 		1.4em;
	font-weight: 	bold;
	height: 		30px;
	line-height: 	30px;
	position: 		relative;
	text-align: 	center;
	text-shadow: 	none;
	text-decoration: none;
	-o-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	width: 			200px;
	z-index: 		2;
}
div.hoverBtn a:hove, div.hoverBtn a:focus {
	color: #2F1605;
}
div.hoverBtn div {
	background:		#FFF url(/images/navHover.png) repeat-x 0 0 scroll;
	-o-border-radius: 0px 0px 5px 5px;
	-moz-border-radius:	0px 0px 5px 5px;
	-webkit-border-radius:	0px 0px 5px 5px;
	border-radius:	0px 0px 5px 5px;
	display:		none;
	margin-top: 	-30px;
	position: 		relative;
	width: 			200px;
	height: 		30px;
	z-index: 		1;
}