/*
Theme Name:     JavaDetour
Theme URI:      http://enbeea.com
Description:     
Author:         JB
Author URI:     http://enbeea.com
Version:        1.0
*/

/* -------------------
	RESET        
   ------------------- */
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}									
article, aside, figure, footer, header, hgroup, nav, section {display: block;}
img,object,embed {max-width: 100%;}
html {overflow-y: scroll;}
ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; text-decoration:none; }
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}
hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
input, select {vertical-align: middle;}
pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}
input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: center; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}
select, input, textarea {font: 99% sans-serif;}
table {font-size: inherit; font: 100%;}
a:hover, a:active {outline: none;}
small {font-size: 85%;}
strong, th {font-weight: bold;}
td, td img {vertical-align: top;} 
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
pre, code, kbd, samp {font-family: monospace, sans-serif;}
.clickable, label, input[type=button], input[type=submit], button {cursor: pointer;}
button, input, select, textarea {margin: 0;}
button {width: auto; overflow: visible;}
.ie7 img {-ms-interpolation-mode: bicubic;}
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

  
/* -------------------
   HELPERS        
   ------------------- */
.imglink { position:relative; display:block; text-indent:-9999px; }
.clear { clear:both; }
.hidden { display:none; }
/* IE8 colorbox fix */
#cboxLoadedContent img {
	max-width: none;
}


/* -------------------
   TYPOGRAPHY         
   ------------------- */
body, h1, h2, h3, h4, h5, h6 { font: 13px Helmet, Freesans, sans-serif; color:#dbcda8; }
body { min-width:940px; }


/* --------------   end reset -------------- */

.lightbrown { color:#dbcda8; }
.burntorange { color: #f58220;}


.tagline {
	font-family: 'Cabin Sketch', sans-serif;
	font-size:18px;
	line-height:30px;
	color:#dbcda8;
}

h1 {
	padding:6px 0;
	font-family: 'Cabin Sketch', sans-serif;
	font-size:24px;
	line-height:36px;
	color: #f58220;
}


h2 {
	font-family: 'Cabin Sketch', sans-serif;
	font-size:56px;
	line-height:60px;
	color:#dbcda8;

}
	h2 strong {
		color:#f58220;
		font-weight:normal;
	}

h3 {
	padding-top:12px;
	font-family: 'Cabin Sketch', sans-serif;
	font-size:24px;
	color: #f58220;
}
.franchising h3 {
	font-family: 'Montserrat', sans-serif;
}

b {
	font-family: 'Cabin Sketch', sans-serif;
	color:#f2ead5;
	font-size:16px;
	white-space: nowrap;
}


/* -------------------
   FRANCHISING          
   ------------------- */
.franchising .box {
	padding-bottom:30px;
}
.franchising h1 {
	font-family: 'Montserrat', sans-serif;
	text-shadow:2px 2px 1px #000;
}
.franchising .content_body img.img1of2, .franchising .content_body img.img2of2 {
	width:270px;
	height:auto;
}
.franchising .content_body img.img1of2 {
	margin-right:10px;
}
.franchising .content_body p {
	font-size:16px;
	line-height:24px;
	margin:14px 0;
	text-shadow:1px 1px 0 #000;
}
.franchising .content_body ul {
	margin:14px 0 0 22px;
}
.franchising .content_body ul li {
	margin:8px 0;
	text-shadow:1px 1px 0 #000;
}
   
/* -------------------
   LINKS         
   ------------------- */
a:hover {
	-webkit-transition: background-color 0.2s ease-in-out;
	-moz-transition: background-color 0.2s ease-in-out;
	-o-transition: background-color 0.2s ease-in-out;
	-ms-transition: background-color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out;	
}
a { position:relative; color:#f58220; }
a:active { top:1px; }
a:hover { text-decoration:underline; }



/* -------------------
   BASIC STRUCTURE         
   ------------------- */
html, body, .wrap { height:100%; }

body { 
	background: #301601 url('_img/bg_brown.jpg') center 0 repeat;
}

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

.maincol {
	float:left;
	width:640px;
}
	.maincol .box {
		min-height:336px;
	}
.sidecol {
	position:relative;
	float:left;
	300px;
}




/* -------------------
   HEADER        
   ------------------- */
.topnav_bar {
	position:absolute;
	top:34px;
	width:100%;
	height:44px;
	background-color: transparent;
	background-color: rgba(37, 9, 0, 0.6); 
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#25090090,endColorstr=#25090090); 
			zoom: 1;
	z-index:1;
}

.sidenav {
	position:absolute;
	top:0;
	margin-left:20px;
}
	.nav_width {
		float:right;
		width:218px;
	}
		.nav1 {
			background-image:url('_img/nav1.png');
			width:100%;
			height:108px;
		}
		.nav2 {
			background-image:url('_img/nav2.png');
			width:100%;
			height:92px;
		}
		.nav3 {
			background-image:url('_img/nav3.png');
			width:100%;
			height:111px;
		}
		.nav4 {
			background-image:url('_img/nav4.png');
			width:100%;
			height:62px;
		}


.header {
	padding-bottom:20px;
}
	
.logowrap {
	float:left;
	position:relative;
	text-align:center;
	z-index:100;
}
	.logo {
		background-image:url('_img/logo.png');
		width:212px;
		height:94px;
	}
	.logo img {
	  -webkit-box-shadow: 2px 2px 4px #000; 
			  box-shadow: 2px 2px 4px #000;
    }



/* -------------------
   CONTENT BOX         
   ------------------- */
.box { 
	padding:20px 30px;
	background: #333 url('_img/bg_black.jpg') center 0 repeat;

  -webkit-box-shadow: inset 0px 0px 6px #000; 
          box-shadow: inset 0px 0px 6px #000;
} 

.content_title {
	margin:5px 0 25px 0;
}

.content_body {
	
}
	.content_body p {
		margin:10px 0;
		font-size:13px;
		line-height:21px;
	}
	.content_body img {
  -webkit-box-shadow: 0px 2px 4px #000; 
          box-shadow: 0px 2px 4px #000;
    }
    	.content_body img.noshadow {
	  -webkit-box-shadow: none; 
			  box-shadow: none;
    	}
    
    .content_body ul {
    	margin-left:30px;
    }
        .content_body li {
    		list-style:disc;
    		line-height:20px;
   		}

	.alignleft {
		float:left;
		margin:0 25px 15px 0;
	}
	


/* -------------------
   LISTS         
   ------------------- */
.list_item {
	float:left;
	margin:0 10px 10px 0;
	width:440px;
}
	.list_item h2 {
		text-align:center;
		margin-top:40px;
		color:#f58220;
	}
	.list_image {
		float:left;
		margin:0 15px 20px 0;
  -webkit-box-shadow: 0px 2px 4px #000; 
          box-shadow: 0px 2px 4px #000;
	}
	.list_title h3 {
		font-size:20px;
		padding:0;
	}
	.list_body {
		font-size:12px;
		line-height:16px;
	}
	.list_body a {
		color:#dbcda8; 
		font-family: 'Cabin Sketch', sans-serif;
		font-size:16px;
		line-height:20px;
	}
	
	
/* -------------------
   LOCATIONS PAGE
   ------------------- */
.locations .large_image {
	width:205px;
	height:145px;
}
.locations a { 
	color:#dbcda8; 
	display:block;
	height:148px;
	padding:3px;
}
.locations a:hover { 
	text-decoration:none;
	background:#000;
}


/* -------------------
   MARKETPLACE PAGE
   ------------------- */
.marketplace .large_image {

}

.buybutton {
	text-align:right;
	margin: 0 0 20px 0;
	width:138px;
	height:46px;
	border:none;
	background: url('_img/buy_button.png') 0 0 no-repeat;
}
	.renewal .buybutton {
		margin-top:20px;
	}

label {
	float:left;
	margin-right:8px;
}
	.renewal label {
		float:none;
	}

option {
	font-size:14px;
	padding:0;
	margin:0;
}

.productimage {
	position:relative;
	top:6px;
}
.productsize {
	float:left;
	width:180px;
}

.buyform {
	margin-top:16px;
}

.subwrap {
	float:left;
	width:196px;
	padding:12px;
	border:1px solid #666;

}
	.subwrap b {
		font-size:24px;
		color: #f58220;
	}




/* -------------------
   TOPNAV     
   ------------------- */
.topnav {
	padding-top:36px;
}
   
.topnav a:hover { text-decoration:none; }

		
		

/* -------------------
   HOMEPAGE       
   ------------------- */
.accordion {
	position:relative;
	margin-bottom:28px;
}
	.accordion .shadow {
		position:absolute;
		top:55px;
		left:-45px;
		max-width:727px;
	}
	.accordion ul {  
		height:288px;
		overflow:hidden;
	}

.sidenavHome {
	position:relative;
	top:10px;
	left:62px;
	width:218px;
}
	.sidenavHome .nav1 { background-image:url('_img/nav1b.jpg');	}
	.sidenavHome .nav2 { background-image:url('_img/nav2b.jpg');	}
	.sidenavHome .nav3 { background-image:url('_img/nav3b.jpg');	}
	.sidenavHome .nav4 { background-image:url('_img/nav4b.jpg');	}
	
.foodbanner {
	position:relative;
}
	.foodbanner .shadow {
		position:absolute;
		top:16px;
		left:-45px;
		max-width:727px;
	}
	.foodbanner_link {
		background-image:url('_img/food.jpg');
		width:638px;
		height:96px;
	}









/* -------------------
   FOOTER      
   ------------------- */
.footer {
	margin-top:28px;
	padding:30px;
	min-height:160px;
	background: #333 url('_img/footer.jpg') center 0 repeat;

  -webkit-box-shadow: inset 0px 0px 6px #000; 
          box-shadow: inset 0px 0px 6px #000;
}	

.footer	.listheader {
	text-transform:uppercase;
}
.footer .listheader, .footer a {
	color:#dbcda8;
	font-size:11px;
	line-height:18px;
}
.footer a:hover {
	text-decoration:underline;
}

.footer ul {
	float:left;
	margin-right:60px;
}





/* -------------------
   DROPDOWN MENU       
   ------------------- */
.menu { z-index:1000; position:relative; font-family: 'Montserrat', sans-serif; }

.dropdown ul.menu { }
	.dropdown ul.menu > li { 
		float:left; 
		position:relative;
	}
	.dropdown ul.menu > li:hover { 
	}
	.dropdown ul.menu > li:first-child { 
		padding-left:10px;
	}
		.dropdown ul.menu > li a { 
			display:block;
			float:left; 
			padding: 0 14px;
			font-size:14px; 
			line-height:40px;
			color:#dbcda8;
			position:relative;
			top:-1px;
		}
		.dropdown ul.menu > li.selected a, .dropdown ul.menu > li a:hover  { 
			color:#c76712;
		}
			
			
/* -------------------
   MAIN NAV -- dropdown        
   ------------------- */
.dropdown ul.menu > li > ul {
	display:none;
	margin:0;
	width:160px;
	position:absolute;
	top:33px;
	left:0;
	z-index:1000;
	background:#222;
}
.dropdown ul.menu > li:hover > ul {
	display:block;
}	
	.dropdown ul.menu > li > ul > li a {
		display:block;
		padding:10px 15px;
		width:130px;
		height:24px;
		font-size:12px;
		line-height:24px;
	}
	.dropdown ul.menu > li > ul > li a:hover {
		color:#fff;
		background:#c76712;
	}
	
		
/* -------------------
   SUB NAV        
   ------------------- */
.sub_menu { z-index:500; position:relative; font-family: 'Montserrat', sans-serif; }
   
.sub_menu ul {
	margin-top:3px;
}
	.sub_menu ul li { 
		float:left;
		font-size:12px;
	}
	.sub_menu ul li:first-child { 
		padding-left:20px; 
	}
		.sub_menu ul li a { 
			display:block;
			padding:0 10px;
			font-size:11px;
			line-height:30px;
			color:#dbcda8;
		}
		.sub_menu ul li a:hover, .sub_menu ul li.selected a { 
			color:#c76712;
		}



/* -------------------
   FRANCHISING        
   ------------------- */
.breadcrumbs {
	position:absolute;
	top:126px;
	margin-left:256px;
	width:460px;
	height:34px;
	font-size:14px;
	font-family: 'Montserrat', sans-serif;
}
	
.sidemenu {
	float:left;
	width:192px;
	margin-right:20px;
	padding:10px;
	line-height:24px;
	background-color: transparent;
	background-color: rgba(37, 9, 0, 0.6); 
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#25090090,endColorstr=#25090090); 
			zoom: 1;
}
	#franchising-nav .sub-menu {
		display:none;
		margin-left:10px;
	}
	#franchising-nav .current_page_item .sub-menu, #franchising-nav .current_page_ancestor .sub-menu {
		display:block;
	}
		#franchising-nav .sub-menu a {
			color:#DBCDA8;
		}

.midcol {
	float:left;
	margin-bottom:30px;
	width:610px;
}


.nextarrowWrap {
	position:relative;
	padding-top:185px;

	float:right;
	width:118px;
}
	.nextarrow {
		background:url('_img/franchise_arrow.png') right center no-repeat;
		height:87px;
		cursor:pointer;
	}
	.nextarrowWrap a {
		display:block;
		font-size:18px;
		line-height:20px;
		font-family: 'Cabin Sketch', sans-serif;
		text-align:right;
		color:#F58220;	
	}
	.nextarrowWrap a:hover {
		text-decoration:none;
	}
	

.franchise_contact {
	display:block;
	width:340px;
	margin:0 auto;
	background:url('_img/franchise_contact.png') 0 3px no-repeat;	
	padding-left:80px;
	height:56px;
	font-size:32px;
	line-height:56px;
	font-family: 'Cabin Sketch', sans-serif;
	color:#DBCDA8;
}

.wpcf7-form {
	font-size:16px;
}
	.wpcf7-form input[type="text"] {
		height:30px;
		line-height:30px;
	}
	.wpcf7-form input[type="text"], .wpcf7-form textarea {
		width:100%;
		font-size:16px;
		color:#fff;
		background-color:#000;
		border:1px solid #444;
	}
	.wpcf7-form input[type="submit"] {
		padding:5px 15px;
		color:#fff;
		background-color:#f58220;
		border:none;
	}
	.wpcf7-form b {
		white-space: normal;
	}
	.wpcf7-list-item {
		display:block;
	}
   
/* -------------------
     
   ------------------- */