/*
Theme Name: Pita Pit 
Theme URI: 
Description: 
Version: 1.0
Author: Alen Grakalic
Author URI:
Tags: 
*/

/* HTML elements  */		

	h1, h2, h3, h4, h5, h6{
		font-weight:normal;
		margin:0;
		line-height:1em;
		font-family:"TMS", "Trebuchet MS", Helvetica, Arial, sans-serif;
		}	
	h1{font-size:2em;margin-bottom:.5em;}	
	h2{font-size:1.75em;margin-bottom:.7142em;line-height:1em;padding-top:.2em;}	
	h3{font-size:1.5em;margin-bottom:1em;line-height:1em;padding-top:.25em;}
	h4{font-size:1.25em;margin-bottom:.6em;}
	h5,h6{font-size:1em;margin-bottom:1em;font-weight:bold;}
	
	p, blockquote, ul, ol, dl, form, table, pre{line-height:inherit;margin:0 0 1.5em 0;}
	ul, ol, dl{padding:0;}
	ul ul, ul ol, ol ol, ol ul, dd{margin:0;}
	li{margin:0 0 0 2em;display:list-item;list-style-position:outside;}	
	blockquote, dd{padding:0 0 0 2em;}
	pre, code, samp, kbd, var{font:100% mono-space,monospace;}
	pre{overflow:auto;}
	abbr, acronym{
		text-transform:uppercase;
		border-bottom:1px dotted #000;
		letter-spacing:1px;
		}
	abbr[title], acronym[title]{cursor:help;}
	small{font-size:.9em;}
	sup, sub{font-size:.8em;}
	em, cite, q{font-style:italic;}
	img{border:none;}			
	hr{display:none;}	
	table{width:90%;border-collapse:collapse;}
	th,caption{text-align:left;}
	form div{margin:.5em 0;clear:both;}
	label{display:block;}
	fieldset{margin:0;padding:0;border:none;}
	legend{font-weight:bold;}
	input[type="radio"],input[type="checkbox"], .radio, .checkbox{margin:0 .25em 0 0;}

/* //  HTML elements */	

/* common */		
	
	.left, .alignleft{float:left;margin-right:1em;}
	.right, .alignright{float:right;margin-left:1em;}
	.center, .aligncenter{text-align:center;}
	img.aligncenter{margin:1em 0;}
	
	.clear{clear:both;}
	.first{margin-left:0 !important;}
	.last{margin-right:0 !important;}
	.top{margin-top:0 !important;}
	.bottom{margin-bottom:0 !important;}	
	.hidden, .print{display:none;}
	.graphic, #logo, #searchForm button{
		margin:0;
		padding:0;
		display:block;
		overflow:hidden;
		text-indent:-8000px;
		}

/* // common */			

/* base */

	@font-face{
	  font-family: "TMS";
	  src: url("type/Trebuchet MS.ttf");
	  }
	
	body, table, input, textarea, select, li, button{
		font:1em Arial, Helvetica sans-serif;
		line-height:1.5em;
		color:#000;
		}		
	body{
		font-size:13px;
		background:#fff;
		margin:0;
		padding:0;
		text-align:center;
		}	
	a, a:visited{
		text-decoration:none;
		color:#ee4130;
		}
	a:hover{color:#999;}
	ins{text-decoration:none;color:#900;font-style:italic;}
	mark{background:#e1e1e1;}
	code{color:#555;}
	pre{
		margin-left:2em;
		padding-left:2em;
		border-left:1px solid #ccc;
		}
	blockquote{
		margin-left:2em;
		border-left:1px solid #ccc;
		font-style:italic;
		}	
	dt{font-weight:bold;}
	th, td{padding:.5em 1em;line-height:1.5em;}		
	th{background:#eee;}
	td{border-bottom:1px solid #eee;}
	caption{font-style:italic;color:#777;margin:.5em 0;}	
	fieldset{
		border:1px solid #ccc;
		padding:1em 2em;
		margin:0 0 1.5em 0;
		}
	legend{padding:2px 5px;}	
	form div.col{clear:none;}form div.first{clear:both;}
	form div{overflow:hidden;}
	
	input[type="text"], input[type="password"], textarea, .field, .area, select{
		border:1px solid #aaa;
		padding:5px;
		background:#fff;
		width:300px;
		line-height:1em;
		margin:0;
		}
	select{width:312px;}
	textarea, .area{overflow:auto; height:100px; width:658px;}
	input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus, .focus{outline:none;}
	.submit{}
	button{
		border:1px solid #ccc;
		background:#555;
		color:#fff;
		padding:0 2.5em;
		height:3em;
		line-height:3em;
		cursor:pointer;
		}
		
	.note, .success, .error{display:block;}
	.error{color:#900;}
	.success{color:#060;}
	.note{font-weight:bold;}
	
	.pullquote{
		width:20%;
		float:left;
		margin-right:2em;
		padding-right:2em;
		border-right:1px solid #ccc;
		text-align:right;
		font-size:1.1em;
		font-style:italic;
		color:#777;
		margin-bottom:.5em;
		}
	.boxout{
		width:20%;
		float:right;
		margin-left:2em;
		padding:1em 2em;
		border:1px solid #ccc;
		margin-bottom:.5em;
		}
	#easy_tooltip{
		border:1px solid #e1e1e1;
		padding:2px 10px;
		background:#f5f5f5;
		z-index:10000;
		}

/* base */

/* layout */

	#container{	
		margin:0 auto;
		width:954px;
		height:599px;
		text-align:left;
		position:relative;
		border:1px solid #da0403;
		}
	.franchise #container{border:1px solid #5d9732;}	
	.inner{
		position:relative;
		}
	#header{
		position:relative;
		height:144px;
		background:url(images/bg_header.jpg) no-repeat 0 0;
		z-index:100;
		}	
	.franchise #header{background:url(images/bg_header1.jpg) no-repeat 0 0;}
	#footer{
		position:relative;
		clear:both;	
		padding:1em 0;
		}	
		
	.content{
		clear:both;
		height:422px;
		width:952px;
		overflow:hidden;
		position:absolute;
		bottom:0;
		left:0;
		z-index:1;
		}
	
	.main, .secondary, .tertiary, .quaternary{
		float:left;
		display:inline;
		}
	.main{width:624px;height:422px;overflow:auto;}
	.secondary{width:280px;margin-left:40px;}
	.tertiary{}
	.quaternary{}
	
	.search{overflow:auto;}
	.search .main{overflow:auto;margin:1em 28px;height:auto;}
	
	.franchise .main,
	#item_99 .main, #item_101 .main, #item_109 .main{
		padding:20px 30px 0 30px;
		margin:0;
		margin-left:55px;
		width:562px;
		height:386px;
		overflow:auto;
		}	
	
	#item_2 .content{background:url(images/bg_home.jpg) no-repeat 100% 100%;}
	#item_15 .content, #item_27 .content{background:url(images/bg_contact.jpg) no-repeat 100% 0;}
	
	#item_2 .main, #item_15 .main, #item_27 .main{
		padding-top:55px;
		margin-left:105px;
		width:395px;
		}
	#item_15 .main, #item_27 .main{margin-left:60px;}	
	
	#item_4 .content{background:url(images/bg_franchise.jpg) no-repeat 0 0;}
	#item_11 .content{background:url(images/bg_locations.gif) no-repeat 0 0;}#item_11 .main{margin-left:480px;width:456px;height:406px;}	
	#item_19 .content{background:url(images/bg_whychoose.jpg) no-repeat 0 0;}	
	#item_21 .content{background:url(images/bg_startupcost.jpg) no-repeat 0 0;}	
	#item_23 .content{background:url(images/bg_storedesign.jpg) no-repeat 100% 0;}#item_23 .main{width:300px;overflow:hidden;}	
	#item_25 .content{background:url(images/bg_countdown.jpg) no-repeat 0 0;}	
	#item_29 .content{background:url(images/bg_opportunities.jpg) no-repeat 0 0;}	
	#item_31 .content{background:url(images/bg_apply.jpg) no-repeat 0 0;}	
	#item_64 .content{background:url(images/bg_testimonials.jpg) no-repeat 0 0;}	
	#item_73 .content{background:url(images/bg_photos.jpg) no-repeat 100% 100%;}#item_73 .main{width:800px;overflow:hidden;}
	
	#item_88 .content{background:url(images/bg_calculator.jpg) no-repeat 0 0;}	
	
	#item_99 .content, #item_109 .content{background:url(images/bg_history.jpg) no-repeat 0 0;}	
	#item_101 .content, #item_111 .content{background:url(images/bg_careers.jpg) no-repeat 0 0;}	

	#item_7 #container{height:681px;}	
	#item_7 .content{background:url(images/bg_menu.jpg) no-repeat 0 0;height:504px;z-index:1;}	
	#item_7 .main{
		width:954px;
		height:480px;
		overflow:hidden;
		}	
	
	#item_9 .content{background:url(images/bg_nutrition.jpg) no-repeat 0 0;}	
	#item_9 .main{
		margin-left:330px;
		width:622px;
		}	
		
	#item_13 .content{background:url(images/bg_order.jpg) no-repeat 100% 0;}	
	#item_13 .main{
		padding-top:60px;
		margin-left:50px;
		width:250px;
		}	
	#item_103 .main, #item_113 .main,
	#item_140 .main{
		padding-top:30px;
		margin-left:105px;
		width:690px;
		}	
		
	/* grid */
		
		.cols{} /* main column container class */
		.col{
			float:left;
			display:inline;
			width:48%;margin-left:4%; /* 2 equal width columns layout - default */
			}	
		.cols3 .col{width:30%;margin-left:5%;} /* 3 equal width columns layout */
		.cols4 .col{width:22%;margin-left:4%;} /* 4 equal width columns layout */
		
		/* use following classes to build custom grid (add as many as you want) */
		
		.col1, .col2, .col3{float:left;display:inline;}
		.col1{}
		.col2{}
		.col3{}
		
		.indent1{}
		.indent2{}
		.indent3{}
		
	/* grid */	

/* // layout */

/* navigation */
	
		#nav, #nav ul, #nav li{
			margin:0;
			padding:0;
			list-style:none;
			}	
		#nav{
			height:33px;
			background:url(images/bg_nav.gif) repeat-x;
			overflow:visible;
			}
		#nav li, #nav li a{
			float:left;
			display:inline;
			position:relative;
			line-height:33px;
			height:33px;
			font-family:"TMS", "Trebuchet MS", Helvetica, Arial, sans-serif;
			}	
		#nav li{
			margin-left:25px;
			}
		#nav li a{
			color:#000;
			text-transform:uppercase;
			font-size:15px;
			}
		#nav li a:hover{color:#ca1c1b;}
		#nav li.current_page_item{background:url(images/bg_navcurrent.gif) no-repeat 0 0;padding-left:15px;}
		#nav li.current_page_item a{background:url(images/bg_navcurrent.gif) no-repeat 100% 0;padding-right:15px;}
		#nav li.current_page_item a:hover{color:#fff;}
	
		.franchise #nav li{margin-left:12px;}
		.franchise #nav li a{font-size:13px;}
		
		#nav li.current_page_item, #nav li.current_page_ancestor{background:url(images/bg_navcurrent.gif) no-repeat 0 0;padding-left:5px;}
		#nav li.current_page_item a, #nav li.current_page_ancestor a{background:url(images/bg_navcurrent.gif) no-repeat 100% 0;padding-right:5px;}	
	
		#nav ul{
			position:absolute;
			left:0;
			top:32px;
			padding:5px 10px;
			width:200px;	
			background:#446e00;
			display:none;
			z-index:1000;
			}
		#nav ul li{
			float:none;
			display:block;
			margin-left:12px;
			}
		#nav ul li a{
			float:none;
			display:block;
			color:#fff;
			}	
		#nav li.current_page_item li, #nav li.current_page_ancestor li{background:none;padding-left:0;}
		#nav li.current_page_item li a, #nav li.current_page_ancestor li a{background:none;}
		
/* //navigation */

/* header */

	#logo{
		height:144px;
		width:332px;
		}
	#logo a{		
		display:block;
		height:144px;
		}		

	#searchForm{
		position:absolute;
		right:15px;
		top:96px;
		margin:0;
		background:url(images/bg_search.png) no-repeat 0 0;
		width:228px;
		height:37px;
		}		
	#searchForm label{display:none;}
	#searchForm .field{
		border:none;
		padding:3px;
		width:150px;
		font-size:13px;
		margin-top:7px;
		margin-left:15px;
		}
	#searchForm button{
		position:absolute;
		top:4px;
		right:5px;
		background:url(images/bg_search.gif) no-repeat 0 0;
		width:28px;
		height:28px;
		border:none;
		}
		

/* // header */
	
/* content */

	.content a, .content a:visited{
		text-decoration:underline;
		}
		
	h2, h2.alt{
		text-transform:uppercase;
		color:#ef4230;
		margin-bottom:.75em;
		font-size:24px;
		padding:0;
		line-height:30px;
		}	
	h3, h3.alt{
		text-transform:uppercase;
		color:#4e8729;
		margin-bottom:1em;
		font-size:18px;
		padding:0;
		line-height:24px;
		}	
	h4, h4.alt{
		color:#4e8729;
		margin-bottom:1em;
		font-size:16px;
		padding:0;
		line-height:18px;
		font-weight:bold;
		}		
		
	#floorplan{
		margin:0;
		position:absolute;
		top:0;
		right:0;
		width:560px;
		height:420px;
		text-indent:-8000px;
		}	
	#floorplan a{
		display:block;
		width:560px;
		height:420px;
		}	
		
	.photos, .photos li{
		margin:0;
		padding:0;
		list-style:none;
		}	
	.photos{width:500px;}	
	.photos li{
		float:left;
		margin-right:3px;
		margin-bottom:3px;
		}
	
	.opportunities, .opportunities li{
		padding:0;
		list-style:none;
		}
	.opportunities li{
		float:left;
		width:32%;
		margin:0;
		}	
		
	#locationsmap{
		position:absolute;
		top:0;
		left:0;
		}	
	area{cursor:pointer;}	
	
	.locations{margin:0 25px;}
	.locations p{margin:0;}
	.locations h3{margin:1em 0 0 0;}
	
	#menu{padding-top:80px;font-size:11px;}
	#menu ul{padding:0;margin:0 0 .5em 0;}
	#menu li{margin:0 0 .2em 0;padding:0;list-style:none;}	
	.content #menu a{color:#000;text-transform:uppercase;text-decoration:none;display:block;}
	.content #menu a:hover{text-decoration:underline;}
	.content #menu a small{font-size:1em;text-transform:none;}
	#menu h2{
		color:#fff;
		background:#4d8929;
		font-size:12px;
		padding:0 10px;
		margin:0 0 2px 0;
		line-height:24px;
		}
	
	#menu .col1{
		float:left;
		display:inline;
		width:155px;
		}
	#menu .inset1{margin-left:30px;}
	#menu .inset2{margin-left:15px;}
	#menu .inset3{margin-left:23px;}
	#menu .inset4{margin-left:12px;}
	
	#menu .toppings{
		position:absolute;
		left:370px;
		top:297px;
		line-height:20px;
		font-size:11px;
		}
	#menu .toppings h2{width:135px;margin:0;}
	
	#menu .toppings ul, #menu .toppings ul li{
		position:absolute;
		top:0;
		left:0;
		margin:0;
		padding:0;
		list-style:none;
		}
	#menu .toppings ul li{
		width:40px;
		height:40px;
		top:50px;
		overflow:hidden;
		text-indent:-8000px;
		}
	#menu .toppings ul li a{
		display:block;
		height:50px;
		}	
	#menu .toppings ul li#toppings8, #menu .toppings ul li#toppings9, #menu .toppings ul li#toppings10, #menu .toppings ul li#toppings11,
	#menu .toppings ul li#toppings12, #menu .toppings ul li#toppings13, #menu .toppings ul li#toppings14
	{top:101px;}	
	#menu .toppings ul li#toppings15, #menu .toppings ul li#toppings16, #menu .toppings ul li#toppings17, #menu .toppings ul li#toppings18,
	#menu .toppings ul li#toppings19, #menu .toppings ul li#toppings20, #menu .toppings ul li#toppings21
	{top:155px;height:47px;}		
	#menu .toppings ul li#toppings1{left:10px;width:90px;}
	#menu .toppings ul li#toppings2{left:108px;}
	#menu .toppings ul li#toppings3{left:167px;}
	#menu .toppings ul li#toppings4{left:222px;}
	#menu .toppings ul li#toppings5{left:277px;}
	#menu .toppings ul li#toppings6{left:332px;}
	#menu .toppings ul li#toppings7{left:382px;}
	#menu .toppings ul li#toppings8{left:-20px;width:100px;}
	#menu .toppings ul li#toppings9{left:102px;}
	#menu .toppings ul li#toppings10{left:162px;}
	#menu .toppings ul li#toppings11{left:219px;}
	#menu .toppings ul li#toppings12{left:279px;}
	#menu .toppings ul li#toppings13{left:336px;}
	#menu .toppings ul li#toppings14{left:390px;}
	#menu .toppings ul li#toppings15{left:-30px;width:100px;}
	#menu .toppings ul li#toppings16{left:90px;}
	#menu .toppings ul li#toppings17{left:151px;}
	#menu .toppings ul li#toppings18{left:216px;}
	#menu .toppings ul li#toppings19{left:276px;}
	#menu .toppings ul li#toppings20{left:343px;}
	#menu .toppings ul li#toppings21{left:405px;}
	#menu .toppings ul li#toppings22{left:440px;width:100px;}
	#menu .toppings ul li#toppings23{left:450px;top:100px;width:100px;}
	
	#menu .featured{
		position:absolute;
		left:548px;
		top:229px;
		line-height:20px;
		font-size:11px;
		}
	#menu .featured p{
		margin:0;
		display:inline;
		float:left;
		width:155px;
		}
	#menu .featured p a{
		display:block;
		height:20px;
		line-height:20px;
		padding-top:17px;
		color:#fff;
		text-transform:uppercase;
		text-align:center;
		background:url(images/bg_featured.gif) no-repeat 0 0;
		}	
	#menu .featured p.last{margin-left:12px;}
	#menu .featured p.last a{background:url(images/bg_newtoping.gif) no-repeat 0 0;}	
	#menu .featured strong{display:none;}
	
	#menu .download{
		margin:0;
		position:absolute;
		left:30px;
		bottom:11px;
		line-height:20px;
		font-size:11px;
		}
	.content #menu .download a{
		text-transform:uppercase;
		color:#fef015;
		text-decoration:none;
		}
	
	.results{padding:0;} 
	.results li{
		padding:0;
		margin:0;
		list-style:none;
		}
		
	.link{
		height:27px;
		line-height:27px;
		}
	.content .link a, .link a span{
		float:left;
		height:27px;
		line-height:27px;
		background-image:url(images/bg_btn.gif);
		background-repeat:no-repeat;
		text-transform:uppercase;
		color:#fff;
		text-decoration:none;
		font-family:"TMS", "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-weight:bold;
		}	
	.link a{background-position:0 0;padding-left:15px;margin-left:5px;}	
	.link span{background-position:100% 0;padding-right:15px;cursor:pointer;}	
	.link a.alt, .link a.alt span{background-image:url(images/bg_btn2.gif);}
	
	.news{
		background:#fbfada url(images/bg_news.gif) repeat-y;
		height:422px;
		overflow:auto;
		}
	.news .col1{
		width:578px;
		background:url(images/bg_news1.gif) no-repeat 0 0;
		padding-top:103px;
		}
	.news .col2{
		width:357px;
		background:url(images/bg_news2.jpg) no-repeat 0 0;
		padding-top:270px;
		}	
	.news .col1 .item{
		padding:0 30px;
		padding-bottom:1em;
		margin-bottom:1.5em;
		}
	.news .col2 .item{
		padding:1em 20px;
		background:url(images/bg_newsline.gif) no-repeat 0 100%;
		}
	.news .col2 .alt1, .news .col2 .alt2{padding:0 0 7px 0;}
	.news .col2 .alt1 div{
		padding:1em 20px;
		background:#fff url(images/bg_newsside1.gif) repeat-y;
		}	
	.news .col2 .alt2 div{
		padding:1em 20px;
		background:#ffe7e7 url(images/bg_newsside2.gif) repeat-y;
		}		
	.news .image{
		float:left;
		color:#fff;
		background:#000;
		text-align:center;
		font-size:11px;
		line-height:1.1em;
		padding-bottom:.25em;
		}	
	.news .right{
		float:right;
		}	
	.news .image img{
		margin:1px 1px .5em 1px;
		}
	 .news .wp-caption{
		color:#000;
		background:#FBFADA;
		text-align:center;
		font-size:11px;
		line-height:1.1em;
		padding-bottom:.25em;
		}	
	.news .wp-caption img{
		margin:.5em 1px;
		}		
	.date{
		border-top:1px solid #000;
		border-bottom:1px solid #000;
		background:#ee292d;
		color:#fff;
		text-transform:uppercase;
		line-height:26px;
		text-indent:30px;
		}
		
	.news .inset1{margin-left:22px;}	
	.news .outset1{margin-right:15px;}	
	
	#calculator{
		margin:10px;
		padding:0;
		background:#cc1e1e;
		height:402px;
		}
	form#calculator div{clear:none;margin:0;}
	#calculator .mid{
		float:left;
		display:inline;
		width:572px;
		background:#f8d74a;
		height:400px;
		border-top:1px solid #cc1e1e;
		border-bottom:1px solid #cc1e1e;
		}	
	#calculator .side{
		float:left;
		display:inline;
		width:180px;
		color:#fff;
		}	
	#calculator h2, #calculator h3, #calculator h4, #calculator p{margin:.5em 20px;color:#fff;line-height:120%;}	
	#calculator table{margin:.5em 20px;width:line-height:130%;width:140px;}	
	#calculator th{background:none;color:#fff;border-bottom:4px solid #cc1e1e;padding-left:0;}
	#calculator td{background:#fff;border-bottom:4px solid #cc1e1e;text-align:right;}
	#calculator h3{font-size:15px;}
	#calculator h4{font-size:13px;}
	
	#calculator fieldset{
		border:none;
		margin:0;
		position:absolute;
		top:0;
		width:50%;
		font-size:12px;
	}
	#calculator .one fieldset.two, #calculator .two fieldset, #calculator .three fieldset{left:50%;width:30%;}
	#calculator .four fieldset{left:35%;width:50%;}

	form#calculator div.submit{margin:1em 0;}
	#calculator button{
		width:80px;
		height:22px;
		line-height:22px;
		border:none;
		background:url(images/bg_calcbtn.gif) no-repeat 0 0;
		color:#fff;
		margin-left:5px;
		}
	
	ol#ingredients{
		width:540px;
		height:370px;
		margin:0;
		padding:0;
		margin-top:14px;
		margin-left:14px;
		position:relative;
		overflow:hidden;
		}
	ol#ingredients li{
		position:absolute;
		top:0;
		left:0;
		margin:0;
		padding:0;
		list-style:none;
		height:370px;
		width:450px;
		background:url(images/bg_calc1.gif) no-repeat 0 0;
		z-index:10;
		cursor:pointer;
		}
	ol#ingredients li.active{cursor:auto;}	
	ol#ingredients li.two{left:30px;z-index:9;background:url(images/bg_calc2.gif) no-repeat 0 0;}
	ol#ingredients li.three{left:60px;z-index:8;background:url(images/bg_calc3.gif) no-repeat 0 0;}
	ol#ingredients li.four{left:90px;z-index:7;background:url(images/bg_calc4.gif) no-repeat 0 0;}

	ol#ingredients li h3{display:none;}

/* // content */

/* footer */
	
	#footer a, #footer a:visited{
		text-decoration:underline;
		}
	
/* // footer */

/* clearfix */

	.inner:after, .content:after, .cols:after, .fixed:after{
		content:"."; 
		display:block; 
		height:0; 
		clear:both; 
		visibility:hidden;
		}
	.inner, .content, .cols, .fixed{display:block;min-height:1%;}
	* html .inner, * html .content, * html .cols, * html .fixed{height:1%;}

/* // clearfix */