/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* ------------------------------------------------------*/

body 
{
	margin: 0px;
	padding: 0px;
	font-family: "Arial", sans-serif;
	text-align: center;
	line-height: 1.5em;
	color: #000;
	background: #FFFFFF url("http://www.jumbocruiser.com/assets/images/inner-bg.jpg") repeat-x 0 0;
}

body.home
{
	background: #FFFFFF url("http://www.jumbocruiser.com/assets/images/home-bg.jpg") repeat-x 0 0;
}

/* ---( common elements )------------------------------- */

p 
{
	margin: 0px;
	padding: 0px;

}


p img
{
	border: 0px;
}




h1, h2, h3, h4, h5, h6
{
	margin: 0px;
	padding: 0px;


}



.clearboth
{
	clear: both;
}

/* ---( wrapper )------------------------------- */


#wrap 
{

	position: relative;
	margin: 0 auto;
	padding: 0px;
	text-align: left;
	width: 960px;
	
	
} 		

#header
{
	height:200px;
	position:relative;
}

#header img#logo
{
	position:absolute;
	top:30px;
	left:0px;
}


#header #nav
{
	height: 30px;
	position: absolute;
	right: 0;
	top: 62px;
}

#header #nav ul
{
	height:30px;
	font-family: 'Droid Sans', sans-serif;
}

#header #nav ul li
{
	display: inline;
	float: left;
	font-size: 12px;
	letter-spacing: 2px;
	line-height: 30px;
	margin-left: 24px;
	text-shadow: 2px 2px 1px #000000;
	text-transform: uppercase;
}

#header #nav ul li a
{
	color:#FFF;
	text-decoration:none;
}

#header #nav ul li a:hover
{
	color:#999;
}

#header #nav ul li a.active
{
	color:#999;
}


#header h1
{
	color: #FFFFFF;
	font-family: 'Droid Sans',sans-serif;
	font-size: 18px;
	left: 0px;
	line-height: 22px;
	position: absolute;
	text-shadow: 2px 2px 1px #000000;
	top: 140px;
	width: 630px;
}

#header h2
{
	color: #FFFFFF;
	font-family: 'Droid Sans',sans-serif;
	font-size: 32px;
	left: 0;
	line-height: 32px;
	position: absolute;
	text-shadow: 2px 2px 1px #000000;
	top: 140px;
	width: 710px;
}

#header a#quote
{
	background: url("http://www.jumbocruiser.com/assets/images/header-button.png") no-repeat scroll 0 0 transparent;
	color: #FFFFFF;
	display: block;
	font-size: 18px;
	height: 56px;
	line-height: 54px;
	position: absolute;
	right: 0;
	text-decoration: none;
	top: 135px;
	width: 192px;
	text-shadow: 2px 2px 2px #000000;
}

#header a#quote span
{
	display:inline-block;
	margin-left:43px;
	
}


#header a#question:hover
{
	text-decoration:underline;
}




#hp-photo-montage
{
	margin-top:20px;
}

#hp-photo-montage .main-image
{

	float:left;
	display:inline;
	margin-right:10px;
	position:relative;
	height:422px;
	width:462px;
	border: 4px solid #570000;
}

#hp-photo-montage .main-image img
{
	display:block;
	position:absolute;
	top:0px;
	left:-82px;
}


#hp-photo-montage #small-image-container
{
	display: inline;
    float: left;
    height: 430px;
    width: 474px;
}

#hp-photo-montage #small-image-container .small-image
{
	display: inline;
	float: left;
	margin-bottom: 14px;
	margin-right: 14px;
}

#hp-photo-montage #small-image-container .small-image.last
{
	margin-right:0px;
}

#hp-photo-montage #small-image-container .small-image img
{
	border:4px solid #570000;
	display:block;
	height:200px;
	width:222px;
}


#hp-updates-testimonials
{
	margin-top:5px;
}

#hp-updates-testimonials #hp-updates
{
	width:630px;
	float:left;
	display:inline;
	position:relative;
}

#hp-updates-testimonials #hp-updates .update-stub
{
	border-left: 1px solid #555555;
	display: inline;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
	width: 178px;
	min-height:200px;
}


#hp-updates-testimonials #hp-updates .update-stub h3
{
	color: #555555;
	font-size: 12px;
	line-height: 14px;
	margin-bottom: 10px;
}

#hp-updates-testimonials #hp-updates .update-stub h4
{
	color: #6C5F9D;
	font-family: 'Droid Sans',sans-serif;
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 15px;
}

#hp-updates-testimonials #hp-updates .update-stub p
{
	color:#555;
	line-height:16px;
	font-size:12px;
}

#hp-updates-testimonials #hp-updates a
{
	bottom: 0;
	color: #999999;
	display: block;
	font-size: 12px;
	margin-top: 10px;
	position: absolute;
}

#hp-updates-testimonials h2
{
	color: #570000;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 0.2em;
	margin-bottom: 15px;
	text-transform: uppercase;
}

#hp-updates-testimonials #hp-testimonials
{
	width:310px;
	float:left;
	display:inline;
}

#hp-updates-testimonials #hp-testimonials #quote
{
	border-left:1px solid #555;
	padding-left:15px;
	min-height:200px;
	position:relative;
}

#hp-updates-testimonials #hp-testimonials #quote h4
{
	color: #6C5F9D;
	font-family: 'Trocchi',serif;
	font-size: 16px;
	line-height: 18px;
	margin-bottom: 15px;   
}

#hp-updates-testimonials #hp-testimonials #quote h5
{
	color:#555;
	line-height:16px;
	font-size:12px; 
}

#hp-updates-testimonials #hp-testimonials #quote a
{
	bottom: 0;
	color: #999999;
	display: block;
	font-size: 12px;
	margin-top: 10px;
	position: absolute;
}


#hp-services-notice
{
	background-color: #000000;
    color: #FFFFFF;
    font-family: 'Droid Sans',sans-serif;
    margin-bottom: 15px;
    margin-top: 15px;
    padding: 15px;
    width: 924px;
}



#footer-container 
{
    margin-top:20px;
}

#footer
{
    border-top:4px solid #626262;
    border-bottom:4px solid #626262;
    padding-top:10px;
    padding-bottom:10px;
}

#footer #footer-nav
{
    float:left;
    display:inline;
    width:750px;
}

#footer h6
{
	color: #570000;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 0.2em;
	text-transform: uppercase;
}

#footer p
{
    color: #555555;
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 18px;
}

#footer #footer-nav ul
{
    height: 18px;
    margin-top: 5px;
    width: 880px;
}

#footer #footer-nav ul li
{
    font-size: 12px;
    line-height: 18px;
    float:left;
    display:inline;
    margin-right:20px;
}

#footer #footer-nav ul li a
{
    color:#6C5F9D;
    text-decoration:none;
}

#footer #footer-nav ul li a strong
{
	font-weight:bold;
}

#footer #footer-nav ul li a#login
{
	font-weight:bold;
}

#footer #footer-nav ul li a.active
{
	color:#555;
}

#footer #footer-nav ul li a:hover
{
	text-decoration:underline;
}

#footer .registered-office
{
    float:left;
    display:inline;
    width:200px;
}

#footer .registered-office p
{
	color:#DDD;
}

#footer .registered-office h6
{
	color:#BBB;
}

#footer .newsletter
{
    display: inline;
    float: right;
    width: 330px;
}

#footer-container #footer-deets
{
    height:50px;
}

#footer-container #footer-deets ul
{
    color: #555555;
    float: left;
    height: 18px;
    margin-top: 15px;
    width: 550px;
}

#footer-container #footer-deets ul li
{
    display: inline;
    float: left;
    font-size: 12px;
    line-height: 18px;
    margin-right: 20px;
}

#footer-container #footer-deets ul li a
{
	color:#6C5F9D;
}

#footer-container #footer-deets p
{
	float: right;
    font-size: 12px;
    margin-top: 10px;
}

#footer-container #footer-deets p a
{
	color:#555;
}

#footer-container #footer-deets img
{
    display:block;
    float:right;
    margin-top:5px;
}


/* MAILCHIMP */

#mailout-signup
{
    height:50px;
}

#mailout-signup h6
{
    color: #868789;
    font-family: 'Bliss bold',sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 5px 0;
}


#mailout-signup table tbody tr
{
    border:0px;
}

#mailout-signup table tr td
{
    padding:0px;
}

#mce-error-response, #mce-success-response, .mce_inline_error
{
	color: #FF0000;
	font-size: 12px;
	line-height: 14px;
	text-align: center;
}

#mce-success-response, #mce-error-response
{
	margin-top: 15px;
}

.mce_inline_error
{
    text-align:left;
    font-weight:bold;
}

#mce-EMAIL
{
    border: 1px solid #999999;
    border-radius: 3px 3px 3px 3px;
    color: #333333;
    font-size: 12px;
    padding: 4px 5px;
    width: 200px;
}

.mc-field-group .button
{
    background-color: #510707;
    border: 0 none;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    height: 24px;
    line-height: 24px;
    padding: 0 8px;
}


/* news */

#content-container
{
	margin-top:20px;
}

#main-content
{
	width:535px;
	float:left;
	display:inline;
	margin-right:40px;
}


#sidebar
{
	width:385px;
	float:left;
	display:inline;
}



.blog-post
{
	border-bottom: 1px solid #DDD;
    margin-bottom: 25px;
    margin-top: 0px;
    padding-bottom: 25px;
}

.blog-post.last
{
	margin-bottom: 0px;
	margin-top: 0;
	padding-bottom: 15px;
	border-bottom: 0px;
}

	
.blog-post-container.homepage .blog-post
{
	margin-bottom: 0px;
	margin-top: 0;
	padding-bottom: 15px;
	border-bottom: 0px;
}

.blog-post img
{
	display:block;
	margin-bottom:20px;
}

.blog-post p.date
{
	color: #4D4D4D;
	font-size: 11px;
	line-height: 14px;
	margin-bottom: 15px;
	text-transform: uppercase;
}

.blog-post p.date a
{
	color:#4D4D4D;
}

.blog-post p.date a:hover
{
	color:#FFF;
}

.blog-post h3
{
	color: #444;
	font-family: 'Droid Sans',sans-serif;
	font-weight: 600; 
    font-size: 34px;
    line-height: 38px;
    margin-bottom: 3px;
    margin-top: 5px;
}

.blog-post h3 a, .blog-post h3 a:visited 
{ 
	color: #444; 
	text-decoration: none; 
}

.blog-post p
{
	color:#666;
	font-size:12px;
	line-height:18px;
	margin-bottom:15px;
}

.blog-post p a
{
	color: #6C5F9D;
	font-weight: bold;
	text-decoration: underline;
}


.blog-post-container.single .blog-post
{
	border-bottom:0px;
}



#twitter-updates
{
	margin-bottom:20px;
	margin-top:40px;
}

h1.section-title
{
	background: url("http://www.jumbocruiser.com/assets/images/inner-bg.jpg") repeat-x scroll 0 0 #FFFFFF;
	color: #FFFFFF;
	font-size: 14px;
	height: 35px;
	line-height: 35px;
	padding-left: 10px;
	margin-bottom:15px;
}


h1.section-title a
{
	color:#FFF;
	text-decoration:none;
}

h1.section-title span
{
	float:right;
	margin-right:10px;
}

h1.section-title span a
{
	color:#999;
}

#twitter-updates ul
{
	margin-top:10px;
}

#twitter-updates ul li
{
	border-bottom: 1px solid #DDD;
	color: #555555;
	font-family: 'Droid Sans',sans-serif;
	font-style: normal;
	font-weight: 400;
	line-height: 23px;
	margin-bottom: 12px;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px;
	font-size:19px;
}

#twitter-updates ul li span
{
	clear: both;
    color: #444444;
    display: block;
    font-size: 12px;
	font-family: "Trebuchet MS",Arial;
}

#twitter-updates ul li a
{
	color:#6C5F9D;
	text-decoration:none;
}

#twitter-updates ul li#latest
{
	font-size:20px;
	line-height:24px;
}


#twitter-updates ul li.last
{
	border-bottom:0px;
	margin-bottom:0px;
	padding-bottom:10px;
}


/* dropdowns */

/* ---( dropdowns )------------------------------- */


.dropdown_wrapper
{
    width: 256px;
	margin-top:15px;
	font-family: 'Droid Sans',sans-serif;
	font-style: normal;
	font-weight: 300;
}



ul.dropdown_list,
ul.dropdown_list li 
{ 
	margin: 0;
	padding: 0;
	list-style: none; 
}

a.dropdown,
ul.dropdown_list li a
{ 
	font-size: 12px; 
	font-weight: normal; 
	color: #000; 
	padding: 5px 10px; 
	text-align: left; 
	display: block;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;

}

ul.dropdown_list li a.selected 
{ 
	background:#ccc;
}

a.dropdown 
{
	background: #CCC url("http://www.jumbocruiser.com/assets/images/dropdown-bg.png") no-repeat 230px 8px;
	color: #555;
	font-size: 14px;
	text-decoration: none;
}

ul.dropdown_list
{ 
	background-color: #CECECE;
	border: 0 solid #BDBBBC;
	margin-top: -4px;
	margin-left: 0px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	-khtml-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	padding-bottom:10px;
	
}

ul.dropdown_list li a 
{ 
	color: #777777;
	font-size: 15px;
	line-height: 20px;
	margin: 5px 10px;
	text-decoration: none;
}

ul.dropdown_list li a:hover
{ 
	background: #FFF; 

}


/* ---( extras )------------------------------- */

.tags-social
{
	margin-top:10px;
	height:21px;
}

.tags-social ul
{
	margin-top:5px;
}

.tags-social ul li
{
	color:#999;
	line-height:20px;
	font-size:12px;
	float:left;
	display:inline;
	margin-right:5px;
}

.tags-social ul li a
{
	background-color: #4D4D4D;
	color: #FFFFFF;
	padding: 4px 6px;
	text-decoration: none;
}

.tags-social ul li a:hover
{
	background-color: #222;
	color:#3EB2E6;
}
	
	
#pagination
{
	margin-top:10px;
}

#pagination ul
{
	height:25px;
}

#pagination ul li
{
	height:25px;
	line-height:25px;
	display:inlione;
	font-size:12px;
}

#pagination ul li a
{
	background-color: #4D4D4D;
	color: #FFFFFF;
	padding: 4px 6px;
	text-decoration: none;
}

#pagination ul li#older
{
	float:left;
}

#pagination ul li#newer
{
	float:right;
}


/* testimonials */

#testimonial-container
{
    margin-top:20px;
}

#testimonial-container h3
{
    color: #555555;
    font-family: 'Droid Sans',sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom:20px;
}

.testimonial-stub
{
	clear:both;
}

.testimonial-stub.left
{
    background-color: #F3F3F3;
    border-left: 4px solid #831C1B;
    border-radius: 5px 5px 5px 5px;
    padding: 20px;
    width: 720px;
    margin-bottom:20px;
    text-align:left;
    margin-left:20px;
}


.testimonial-stub.right
{
    background-color: #F3F3F3;
    border-right: 4px solid #831C1B;
    border-radius: 5px 5px 5px 5px;
    padding: 20px;
    width: 720px;
    margin-bottom:20px;
    text-align:right;
    float:right;
    margin-right:20px;
}

.testimonial-stub h4
{
	color: #6C5F9D;
	font-family: 'Trocchi',serif;
	font-size: 16px;
	line-height: 20px;
	margin-top: 10px;
}

.testimonial-stub p
{
    color:#555;
    font-weight:bold;
    font-size:16px;
}

.testimonial-stub p span
{
    font-weight:normal;
    font-style:italic;
}


/* contact */

#contact-container
{
	margin-top:20px;
}

#contact-container h3
{
	color: #555555;
	font-family: 'Droid Sans',sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	margin-bottom:20px;
}

#map_canvas:after {
	-moz-transition-duration: 0.3s;
	-moz-transition-property: opacity;
	background-image: url("http://www.jumbocruiser.com/assets/images/homepage-map-overlay.png");
	background-repeat: no-repeat;
	content: "";
	display: block;
	height: 315px;
	left: -13px;
	opacity: 1;
	pointer-events: none;
	position: absolute;
	top: -13px;
	width: 975px;

}

#map_canvas {
	border: 10px solid #FFFFFF;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
	margin-bottom: 20px;
	margin-top:15px;
	position: relative;
	overflow:visible !important;

}

#contact-info
{
	float:left;
	width:400px;
	margin-right:40px;
}

#contact-info ul
{
	font-size:12px;
	color:#555;
}

#contact-info ul li
{
	line-height:27px;
	height:27px;
	margin-bottom:5px;
	padding-left:33px;
}

#contact-info ul li strong
{
	font-weight:bold;
}

#contact-info ul li#address
{
	background: transparent url("http://www.jumbocruiser.com/assets/images/address.jpg") no-repeat 0 0;
}

#contact-info ul li#telephone
{
	background: transparent url("http://www.jumbocruiser.com/assets/images/telephone.jpg") no-repeat 0 0;
}

#contact-info ul li#fax
{
	background: transparent url("http://www.jumbocruiser.com/assets/images/fax.jpg") no-repeat 0 0;
}

#contact-info ul li#email
{
	background: transparent url("http://www.jumbocruiser.com/assets/images/email.jpg") no-repeat 0 0;
}

#contact-form 
{
	float:left;
	width:495px;
}

#contact-form
{
    font-size:12px;
    color:#555;
}

#contact-form tr td
{
    height:30px;
}

#contact-form input.txtbox
{
    border:1px solid #999;
    padding:5px 5px;
    color:#555;
}

#contact-form input.txtbox.big
{
    width:380px;
}

#contact-form .button
{
	background-color: #510707;
	border: 0 none;
	border-radius: 3px 3px 3px 3px;
	color: #FFFFFF;
	height: 24px;
	line-height: 24px;
	padding: 0 8px;
}

#contact-form p#depot
{
	line-height: 20px;
	margin-bottom: 30px;
}

#contact-form p#depot strong
{
	font-weight:bold;
}

#contact-info h4
{
	color: #555555;
	font-size: 12px;
	line-height: 16px;
	margin: 25px 0 0;
	text-align: left;
	width: 370px;
}



/* ---( gallery )------------------------------- */

#gallery-list-container
{
	margin-top:35px;
}

#gallery-list-container  h1
{
	color: #555555;
	font-family: 'Droid Sans',sans-serif;
	font-weight: 700;
	font-size: 28px;
	line-height: 30px;
	width: 600px;
	margin-bottom:35px;
}

#gallery-list-container h1 span a
{
	font-size:14px;
	color:#6C5F9D;
	font-weight:400;
	
}

#gallery-list-container h3
{
	color: #555555;
	font-family: 'Droid Sans',sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	margin-bottom: 20px;
}


#gallery-list-container .gallery-preview
{
	display: inline;
	float: left;
	margin-bottom: 10px;
	margin-right: 18px;
}



#gallery-list-container .gallery-preview.last
{
	margin-right:0px;
}

#gallery-list-container .gallery-preview img
{
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	display: block;
	margin-bottom: 10px;
	padding: 10px;
}


#gallery-list-container .gallery-preview p
{
	font-size:14px;
	color:#555;
	font-family: 'Droid Sans',sans-serif;
	font-weight: 400;
}


#gallery-list-container .gallery-preview p em
{
	color:#999;
	font-style:italic;
	font-size:12px;
}

p#other-galleries
{
    background: url("http://www.jumbocruiser.com/assets/images/external-gallery-bg.jpg") no-repeat scroll 0 0 #FFFFFF;
    color: #FFFFFF;
    display: block;
    font-family: Droid Sans;
    font-size: 32px;
    height: 91px;
    line-height: 91px;
    padding-left: 30px;
    width: 960px;
    margin-top:30px;
}

p#other-galleries a
{
	color:#FFF;
	text-decoration:underline;
}

p#other-galleries a:hover
{
	color:#999; 
}

/* get a quote */

#quote-form
{
	width:830px;
}

#quote-form
{
    font-size:12px;
    color:#555;
}

#quote-form tr td
{
    height:30px;
	line-height:18px;
}

#quote-form tr td.desc
{
	text-align:right;
	padding-right:10px;
}

#quote-form tr td.desc.top
{
	vertical-align:top;
}

#quote-form input.txtbox
{
    border:1px solid #999;
    padding:5px 5px;
    color:#555;
}

#quote-form input.txtbox.big
{
    width:380px;
}

#quote-form .button
{
	background-color: #510707;
	border: 0 none;
	border-radius: 3px 3px 3px 3px;
	color: #FFFFFF;
	height: 24px;
	line-height: 24px;
	padding: 0 8px;
}

#quote-form p#depot
{
	line-height: 20px;
	margin-bottom: 30px;
}

#quote-form #user_message, #quote-form #pickup_where
{
	width:390px;
}

#contact-container h4#warning
{
	background-color: #FFECCE;
	border: 1px solid #E9C59B;
	border-radius: 3px 3px 3px 3px;
	color: #E3302C;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 30px;
	margin-top: 30px;
	padding: 10px 15px;
	text-align: center;
}

#contact-container p
{
	color: #555555;
    font-family: 'Droid Sans',sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 20px;
    padding-top: 0;
}

#contact-container p span
{
	color:#F00;
	font-weight:bold;
}

/* trailers */

#trailer-content
{
	width:670px;
	float:left;
	display:inline;
	margin-right:20px;
}

#trailer-content h3
{
	color: #555555;
	font-family: 'Droid Sans',sans-serif;
	font-size: 20px;
	font-weight: 600;
	line-height: 24px;
	margin-bottom: 20px;
}

#trailer-content h4
{
	color: #555555;
	font-family: 'Droid Sans',sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	margin-bottom: 0;
}

#trailer-gallery
{
	margin-top:20px;
	margin-bottom:20px;
}

#trailer-gallery #main-image
{
	width: 445px;
	height:333px;
	float:left;
	display:inline;
	margin-right:10px;
}


#trailer-gallery .small-image
{
	width: 202px;
	height:151px;
	float:left;
	display:inline;
	margin-bottom:10px;
}

#trailer-gallery .small-image.last
{
	float:left;
	display:inline;
	width:202px;
	height:172px;
	margin-bottom:0px;
}

#trailer-content p
{
	color: #555555;
	font-family: 'Droid Sans',sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	margin-bottom: 0;
}

#trailer-content p a
{
	color:#6C5F9D;
	font-weight:bold;
}


#trailer-sidebar
{
	width:185px;
	float:left;
	display:inline;
	border-left:2px solid #757575;
	padding-left:20px;
}

#trailer-sidebar h3
{
	color: #555555;
	font-family: 'Droid Sans',sans-serif;
	font-size: 20px;
	font-weight: 600;
	line-height: 24px;
	margin-bottom: 20px;
}

#trailer-sidebar p
{
	color: #555555;
	font-family: 'Droid Sans',sans-serif;
	font-size: 12px;
	font-weight: 400;
	line-height: 14px;
	margin-bottom: 15px;
}

#trailer-sidebar p strong
{
	font-weight:700;
}


/* interiors */

#interior-categories-container  
{
    margin-top:10px;
}

.interior-category
{
    margin-bottom: 30px;
	border-bottom: 1px solid #CCC;

}

.interior-category h3
{
    color: #272727;
    font-family: 'Droid Sans',sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 5px;
}

.interior-category h3 span a
{
	font-size:14px;
	color:#6C5F9D;
	font-weight:400;
	
}

.interior-category p
{
    color: #555555;
    font-family: 'Droid Sans',sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 20px;
}

.bus-thumb-container
{
    margin-top:20px;
}


.bus-thumb-container .gallery-preview
{
	display: inline;
	float: left;
	margin-bottom: 40px;
	margin-right: 18px;
}

.bus-thumb-container.view .gallery-preview
{
	margin-bottom:10px;
}



.bus-thumb-container .gallery-preview.last
{
	margin-right:0px;
}

.bus-thumb-container .gallery-preview img
{
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	display: block;
	margin-bottom: 10px;
	padding: 10px;
}


.bus-thumb-container .gallery-preview p
{
	font-size:14px;
	color:#555;
	font-family: 'Droid Sans',sans-serif;
	font-weight: 400;
}


.bus-thumb-container .gallery-preview p em
{
	color:#999;
	font-style:italic;
	font-size:12px;
} 


.bus-thumb-container.view.threesixty
{
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 20px;
	margin-top: 20px;
}

.bus-thumb-container.view .gallery-preview.threesixty-view
{
	position:relative;
}

.bus-thumb-container.view .gallery-preview.threesixty-view img.threesixty-graphic
{
	background: none repeat scroll 0 0 transparent;
	border: 0 none;
	left: 7px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 7px;
}



.bus-thumb-container.view ul
{
	margin-bottom:20px; 
	height:30px;
}

.bus-thumb-container.view ul li
{
	float:left;
	display:inline;
	margin-right:10px;
}

.bus-thumb-container.view ul li a
{
	display:block;
	padding:0px 10px;
	line-height:30px;
	background-color:#570000;
	color:#FFF;
	text-decoration:none;
	font-size:12px;
	border-radius:3px;
}

.bus-thumb-container.view ul li a:hover
{
	text-decoration: underline;
}

#tac-container p 
{
	color: #555555;
    font-family: 'Droid Sans',sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 20px;
}


#tac-container p strong
{
	font-weight:bold;
}

#tac-container ol
{
	margin-top:15px;
	margin-left:20px;
}



#tac-container ol li
{
	color: #555555;
	font-family: 'Droid Sans',sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	margin-bottom: 20px;
	list-style:decimal;
}


.group:after {
	content: "";
	display: table;
	clear: both;
}




#motorhomes-container
{
	margin-top:20px;
}


#motorhomes-header
{
	margin-bottom:20px;
}

#motorhomes-header h3
{
	color: #272727;
	font-family: 'Droid Sans',sans-serif;
	font-size: 20px;
	font-weight: 600;
	line-height: 24px;
	margin-bottom: 5px;
}

#motorhomes-header p
{
	color: #555555;
	font-family: 'Droid Sans',sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	margin-bottom: 20px;
}


.motorhome-stub
{
	padding-top:20px;
	margin-top:20px;
	border-top: 1px solid #CCC;
}

.motorhome-stub .photo
{
	float:left;
	display:inline;
	margin-right:20px;
	width:143px;
	height:143;
}

.motorhome-stub .photo img
{
	background-color: #ffffff;
	border: 1px solid #cccccc;
	display: block;
	margin-bottom: 10px;
	padding: 10px;
}


.motorhome-stub .title
{
	float:left;
	display:inline;
	margin-right:20px;
	height:143px;
	width:585px;
}

.motorhome-stub .title h4
{
	line-height:143px;
	color: #272727;
	font-family: 'Droid Sans',sans-serif;
	font-size: 16px;
	font-weight: 600;
}

.motorhome-stub .more
{
	float:left;
	display:inline;
	height:143px;
}

.motorhome-stub .more p
{
	line-height:143px;
}

.motorhome-stub .more p a
{
	background: url("http://www.jumbocruiser.com/assets/images/header-button.png") no-repeat scroll 0 0 transparent;
	color: #ffffff;
	display: block;
	font-size: 18px;
	height: 56px;
	line-height: 54px;
	margin-top: 43px;
	text-align: center;
	text-decoration: none;
	text-shadow: 2px 2px 2px #000000;
	width: 192px;
}


#motorhome-details-container
{
    margin-top: 10px;
}



.motorhome-thumb-container
{
    margin-top:20px;
}


.motorhome-thumb-container .gallery-preview
{
	display: inline;
	float: left;
	margin-bottom: 40px;
	margin-right: 18px;
}

.motorhome-thumb-container.view .gallery-preview
{
	margin-bottom:10px;
}



.motorhome-thumb-container .gallery-preview.last
{
	margin-right:0px;
}

.motorhome-thumb-container .gallery-preview img
{
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	display: block;
	margin-bottom: 10px;
	padding: 10px;
}


.motorhome-thumb-container .gallery-preview p
{
	font-size:14px;
	color:#555;
	font-family: 'Droid Sans',sans-serif;
	font-weight: 400;
}


.motorhome-thumb-container .gallery-preview p em
{
	color:#999;
	font-style:italic;
	font-size:12px;
} 




.motorhome-thumb-container.view ul
{
	margin-bottom:20px; 
	height:30px;
}

.motorhome-thumb-container.view ul li
{
	float:left;
	display:inline;
	margin-right:10px;
}

.motorhome-thumb-container.view ul li a
{
	display:block;
	padding:0px 10px;
	line-height:30px;
	background-color:#570000;
	color:#FFF;
	text-decoration:none;
	font-size:12px;
	border-radius:3px;
}

.motorhome-thumb-container.view ul li a:hover
{
	text-decoration: underline;
}


.motorhome-details
{
	margin-top:20px;
}

.motorhome-details h4
{
	color: #272727;
	font-family: 'Droid Sans',sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	margin-bottom: 20px;
	padding-bottom: 5px;
	border-bottom:1px solid #CCC;

}

.motorhome-details p
{
	color: #555555;
    font-family: 'Droid Sans',sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 20px;
}


.motorhome-details ul
{
	color: #555555;
    font-family: 'Droid Sans',sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 20px;
    margin-left:20px;
}



.motorhome-details ul li
{
	list-style:disc;
}

.motorhome-details a#quote
{
	background: url("http://www.jumbocruiser.com/assets/images/header-button.png") no-repeat scroll 0 0 transparent;
	color: #ffffff;
	display: block;
	font-size: 18px;
	height: 56px;
	line-height: 54px;
	margin-top: 20px;
	padding-bottom:20px;
	text-align: center;
	text-decoration: none;
	text-shadow: 2px 2px 2px #000000;
	width: 192px;
}

.slicknav_menu
{
	display: none;
}



/* IPAD PORTRAIT */
	@media only screen and (min-width: 768px) and (max-width: 959px) {



		#wrap
		{
			width:728px;
			padding:20px;
		}
	
		#header img#logo {

			position: relative;
		
		}

		#header #nav
		{
			position: relative;
			top:50px;
			left:0px;
		}

		#header #nav ul li
		{
			margin-left:0px;
			margin-right:18px;
		}

		#header #nav ul li:last-child
		{
			margin-right:0px;
		}

		#header h1 {

			padding-left: 240px;
			position: absolute;
			text-shadow: 2px 2px 1px #000000;
			top: 30px;
			width: 470px;
		}

		#header a#quote {

			top:120px;
		}

		#hp-services-notice {

			width:698px;
		}


		#footer #footer-nav ul {
			width: 100%;
		}

		
		#hp-photo-montage 
		{
			margin-top:0px;
		}

		#hp-photo-montage .main-image
		{
			height:365px;
			width:400px;
		}

		#hp-photo-montage .main-image img {
			display: block;
			height: auto;
			left: -71px;
			position: absolute;
			top: 0;
			width: 504px;
		}


		#hp-photo-montage #small-image-container {
			height: 380px;
			width: 310px;
		}

		#hp-photo-montage #small-image-container .small-image img {
			border: 4px solid #570000;
			display: block;
			height: auto;
			width: 140px;
		}




		#header a#quote {
			right: 0px;
			top: 64px;
		}

		body.home #header a#quote {
			right: 60px;
			top: 530px; 
		}


		#hp-updates-testimonials #hp-updates {
			width: 728px;
		}

		#hp-updates-testimonials #hp-updates .update-stub{
			width:216px;
		}

		#hp-updates-testimonials #hp-updates .update-stub.last
		{
			padding-right:0px;
		}

		#hp-updates-testimonials #hp-testimonials {
			display: inline;
			float: left;
			margin-top: 30px;
			width: 728px;
		}

		#hp-updates-testimonials #hp-testimonials #quote {
			border-left: 1px solid #555;
			min-height: 120px;
			padding-left: 15px;
			position: relative;
		}



		#header h2{

			top:00px;
			right:0px;
			position:absolute;
			left:auto;
			width:auto;
		}


		#main-content {
			display: block;
			float: none;
			margin-right: 0;
			width: 100%;
		}


		.blog-post img {
			display: block;
			height: 100%;
			margin-bottom: 20px;
			width: 100%;
		}


		#sidebar {
			display: inline;
			float: left;
			width: 100%;
		}



		.bus-thumb-container .gallery-preview img {
			background-color: #ffffff;
			border: 1px solid #cccccc;
			display: block;
			height: auto;
			margin-bottom: 10px;
			padding: 10px;
			width: 146px;
		}


		.bus-thumb-container .gallery-preview {
			display: inline;
			float: left;
			margin-bottom: 10px;
			margin-right: 18px;
		}



		#gallery-list-container .gallery-preview
		{
			width:168px;
		}

		#gallery-list-container .gallery-preview img {
			height:auto;
			width: 146px;
		}


		p#other-galleries {
			background: #ffffff url("http://www.jumbocruiser.com/assets/images/external-gallery-bg.jpg") no-repeat scroll right 0;
			border-radius: 3px;
			font-size: 21px;
			margin-top: 20px;
			padding-left: 30px;
			width: 698px;
		}


		.testimonial-stub.left {

			width: 680px;
			margin-left:0px;
		}


		.testimonial-stub.right {

			width: 680px;
			margin-right:0px;
		}


		#quote-form
		{
			width: 728px;
		}







	}


/* IPHONE LANDSCAPE */
	@media only screen and (min-width: 480px) and (max-width: 767px) {


		body {
			background: #ffffff url("http://www.jumbocruiser.com/assets/images/inner-bg.jpg") repeat-x scroll 0 54px;
		}


		#wrap
		{
			width:460px;
			padding:10px;
		}
	
		#header img#logo {

			position: relative;
		
		}

		#header #nav
		{
			display: none;
		}

		.slicknav_menu
		{
			display: block;
		}

		#header #nav ul li
		{
			margin-left:0px;
			margin-right:24px;
		}

		#header #nav ul li:last-child
		{
			margin-right:0px;
		}

		#header h1 {

			font-size: 15px;
			line-height: 18px;
			padding-left: 224px;
			position: absolute;
			text-shadow: 2px 2px 1px #000000;
			top: 20px;
			width: 245px;

		}

		#header a#quote {

			top:120px;
		}

		#hp-services-notice {

			clear: both;
			margin-top: 10px;
			width: 418px;
		}


		#footer #footer-nav ul {
			width: 100%;
		}

		
		#hp-photo-montage 
		{
			margin-top:0px;
		}

		#hp-photo-montage .main-image
		{
			height:402px;
			width:441px;
		}

		#hp-photo-montage .main-image img {
			display: block;
			height: auto;
			left: -78px;
			position: absolute;
			top: 0;
			width: 555px;
		}


		#hp-photo-montage #small-image-container {
			height: 407px;
			width: 448px;
			margin-top:20px;
		}

		#hp-photo-montage #small-image-container .small-image img {
			border: 4px solid #570000;
			display: block;
			height: auto;
			width: 209px;
		}




		#header a#quote {
			right: 0px;
			top: 64px;
		}

		body.home #header a#quote {
			right: 60px;
			top: 530px; 
		}


		#hp-updates-testimonials #hp-updates {
			width: 460px;
		}

		#hp-updates-testimonials #hp-updates .update-stub {
			margin-bottom: 30px;
			min-height: unset;
			padding-right: 0;
			width: 420px;
		}

		#hp-updates-testimonials #hp-updates .update-stub.last
		{
			padding-right:0px;
		}

		#hp-updates-testimonials #hp-testimonials {
			display: inline;
			float: left;
			margin-top: 30px;
			width: 460px;
		}

		#hp-updates-testimonials #hp-testimonials #quote {
			border-left: 1px solid #555;
			min-height: 160px;
			padding-left: 15px;
			position: relative;
		}



		#header h2{

			left: auto;
			position: absolute;
			right: 6px;
			top: 29px;
			width: auto;
		}

		body.news #header h2
		{
			display:none;
		}


		#main-content {
			display: block;
			float: none;
			margin-right: 0;
			width: 100%;
		}


		.blog-post img {
			display: block;
			height: 100%;
			margin-bottom: 20px;
			width: 100%;
		}


		#sidebar {
			display: inline;
			float: left;
			width: 100%;
		}



		.bus-thumb-container .gallery-preview img {
			background-color: #ffffff;
			border: 1px solid #cccccc;
			display: block;
			height: auto;
			margin-bottom: 10px;
			padding: 10px;
			width: 190px;
		}


		.bus-thumb-container .gallery-preview {
			display: inline;
			float: left;
			margin-bottom: 10px;
			margin-right: 18px;
		}



		#gallery-list-container .gallery-preview
		{
			min-height: 225px;
			width: 212px;
		}

		#gallery-list-container .gallery-preview img {
			height:auto;
			width: 190px;
		}


		p#other-galleries {
			background: #ffffff url("http://www.jumbocruiser.com/assets/images/external-gallery-bg.jpg") no-repeat scroll right 0;
			border-radius: 3px;
			font-size: 14px;
			margin-top: 20px;
			padding-left: 30px;
			width: 430px;
		}


		.testimonial-stub.left {

			width: 410px;
			margin-left:0px;
		}


		.testimonial-stub.right {

			width: 410px;
			margin-right:0px;
		}


		#quote-form
		{
			width: 728px;
		}


		#footer #footer-nav {
			display: inline;
			float: left;
			width: 460px;
		}



		#footer-container #footer-deets ul {
			width: 460px;
		}

		.blog-post h3 
		{
			font-size:24px;
		}

		.blog-post p {
			color: #666;
			font-size: 12px;
			line-height: 18px;
			margin-bottom: 15px;
		}


		#gallery-list-container h1
		{
			width:440px;
		}





	}


/* IPHONE PORTRAIT */
	@media only screen and (min-width: 0px) and (max-width: 479px) {



		body {
			background: #ffffff url("http://www.jumbocruiser.com/assets/images/inner-bg.jpg") repeat-x scroll 0 54px;
		}

		#wrap
		{
			width:300px;
			padding:10px;
		}
	
		#header img#logo {

			position: relative;
			left:52px;
			top:0px;
		
		}

		#header #nav
		{
			display:none;
		}

		.slicknav_menu
		{
			display: block;
		}

		#header #nav ul li
		{
			margin-left:0px;
			margin-right:24px;
		}

		#header #nav ul li:last-child
		{
			margin-right:0px;
		}

		#header h1 {

			font-size: 15px;
			line-height: 18px;
			padding-left: 0;
			position: absolute;
			text-align: center;
			text-shadow: 2px 2px 1px #000000;
			top: 100px;
			width: 300px;

		}

		#header a#quote {

			top:120px;
		}

		#hp-services-notice {

			clear: both;
			margin-top: 10px;
			width: 268px;
		}


		#footer #footer-nav ul {
			width: 90%;
			height:auto;
		}

		#footer #footer-nav ul li 
		{
			float:none;
			display:block;
			font-size:14px;
			margin-bottom:10px;
		}

		
		#hp-photo-montage 
		{
			margin-top:0px;
		}

		#hp-photo-montage .main-image
		{
			height:265px;
			width:290px;
		}

		#hp-photo-montage .main-image img {
			display: block;
			height: auto;
			left: -52px;
			position: absolute;
			top: 0;
			width: 366px;
		}


		#hp-photo-montage #small-image-container {
			height: 1125px;
			margin-top: 70px;
			width: 300px;
		}

		#hp-photo-montage #small-image-container .small-image img {
			border: 4px solid #570000;
			display: block;
			height: auto;
			width: 290px;
		}




		#header a#quote {
			right: 56px;
			top: 124px;
		}

		body.home #header a#quote {
			right: 60px;
			top: 480px; 
		}


		#hp-updates-testimonials #hp-updates {
			width: 298px;
		}

		#hp-updates-testimonials #hp-updates .update-stub {
			margin-bottom: 30px;
			min-height: unset;
			padding-right: 0;
			width: 280px;
		}

		#hp-updates-testimonials #hp-updates .update-stub.last
		{
			padding-right:0px;
		}

		#hp-updates-testimonials #hp-testimonials {
			display: inline;
			float: left;
			margin-top: 30px;
			width: 280px;
		}

		#hp-updates-testimonials #hp-testimonials #quote {
			border-left: 1px solid #555;
			min-height: 200px;
			padding-left: 15px;
			position: relative;
		}

		#hp-updates-testimonials #hp-testimonials #quote a {
			bottom: 0;
			color: #999999;
			display: block;
			font-size: 12px;
			margin-top: 12px;
			position: relative;
		}



		#header h2 {
			left: auto;
			position: absolute;
			right: auto;
			text-align: center;
			top: 86px;
			width: 100%;
		}

		body.news #header h2
		{
			display:none;
		}


		#main-content {
			display: block;
			float: none;
			margin-right: 0;
			width: 100%;
		}


		.blog-post img {
			display: block;
			height: 100%;
			margin-bottom: 20px;
			width: 100%;
		}


		#sidebar {
			display: inline;
			float: left;
			width: 100%;
		}



		.bus-thumb-container .gallery-preview img {
			background-color: #ffffff;
			border: 1px solid #cccccc;
			display: block;
			height: auto;
			margin-bottom: 10px;
			padding: 10px;
			width: 270px;
		}


		.bus-thumb-container .gallery-preview {
			display: inline;
			float: left;
			margin-bottom: 10px;
			margin-right: 18px;
		}



		#gallery-list-container .gallery-preview
		{
			min-height: 225px;
			width: 212px;
		}

		#gallery-list-container .gallery-preview img {
			height:auto;
			width: 270px;
		}


		p#other-galleries {
			background: #ffffff url("http://www.jumbocruiser.com/assets/images/external-gallery-bg.jpg") no-repeat scroll right 0;
			border-radius: 3px;
			font-size: 16px;
			height: 66px;
			line-height: 20px;
			margin-top: 20px;
			padding-left: 20px;
			padding-right: 40px;
			padding-top: 25px;
			width: 240px;
		}


		.testimonial-stub.left {

			width: 250px;
			margin-left:0px;
		}


		.testimonial-stub.right {

			width: 250px;
			margin-right:0px;
		}


		#quote-form
		{
			width: 728px;
		}


		#footer #footer-nav {
			display: inline;
			float: left;
			width: 320px;
		}



		#footer-container #footer-deets ul {
			width: 320px;
			height:auto;
		}

		.blog-post h3 
		{
			font-size:24px;
		}

		.blog-post p {
			color: #666;
			font-size: 12px;
			line-height: 18px;
			margin-bottom: 15px;
		}


		#gallery-list-container h1
		{
			width:320px;
		}

		#contact-info, #contact-form
		{
			width:320px;
		}

		#contact-info ul li
		{
			height:auto;
		}

		#quote-form {
			width: 320px;
		}



	}












*
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


form > div {
	clear: both;
	overflow: hidden;
	padding: 1px;
	margin: 0 0 10px 0;
}
form > div > fieldset > div > div {
	margin: 0 0 5px 0;
}
form > div > label,
legend {
	color: #555;
	float: left;
	font-size: 14px;
	padding-right: 10px;
	width: 35%;
}
form > div > div,
form > div > fieldset > div {
	width: 65%;
	float: right;
}
form > div > fieldset label {
	font-size: 90%;
	color: #555;
	font-size: 14px;
}
fieldset {
	border: 0;
	padding: 0;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
textarea {
	width: 100%;
	border: 1px solid #999;
	color: #555;
	padding: 5px;
}
input[type=text],
input[type=email],
input[type=url],
input[type=password] {
	width: 50%;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
textarea:focus {
	outline: 0;
	border-color: #4697e4;
}

@media (max-width: 960px) {
	form > div {
		margin: 0 0 15px 0; 
	}
	form > div > label,
	legend {
		width: 100%;
		float: none;
		margin: 0 0 5px 0;
	}
	form > div > div,
	form > div > fieldset > div {
		width: 100%;
		float: none;
	}
	input[type=text],
	input[type=email],
	input[type=url],
	input[type=password],
	textarea,
	select {
		width: 100%; 
	}
}































































