/* `Containers
----------------------------------------------------------------------------------------------------*/

#main{
	display:block;
	width:900px;
	margin:0 auto;
	}

.container_12,
.container_16 {
	float:left;
	margin-top:20px;
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	background:#f2f2f2;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-moz-box-shadow:0px 0px 10px #333;
	-webkit-box-shadow:0px 0px 10px #333;
	box-shadow:0px 0px 10px #333;
}

img.franchise-locator { padding-bottom: 0; margin-bottom: -10px; }
a.franchise-locator { padding-bottom: 0; margin-bottom: 0; }

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grey-box,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
	display: inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}
.grid_16 p.phone{float:right;margin:-160px 10px 0 0;text-align:right;font-weight:900;font-size:16px;}
.grid_16 p.phone span{color:#51612b;}

.grid_16 p.phone2{float:right;margin:-145px 10px 0 0;text-align:right;font-weight:900;font-size:16px;}
.grid_16 p.phone2 span{color:#51612b;}

.grid_16 img{padding:10px 0 0 40px;}

.grey-box {width:880px;background:#c7c7c7;}
	.grey-box p {color:#000;padding:5px 5px 0 10px}

.grid_16_footer {
	display: inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
	border-top:2px solid #a0cf67;
	width:880px;
}

.grid_16_footer a.links { text-align: right; float:right; }

.container_12 .grid_3,
.container_16 .grid_4 {
	width: 160px;
}

.container_12 .grid_6,
.container_16 .grid_8 {
	width: 400px;
}

.container_12 .grid_9,
.container_16 .grid_12 {
	width: 640px;
}

.container_12 .grid_12,
.container_16 .grid_16 {
	width: 880px;
}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* `Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .grid_1 {
	width: 40px;
}

.container_16 .grid_2 {
	width: 40px;
}

.container_16 .grid_3 {
	width: 100px;
}

.container_16 .grid_5 {
	width: 220px;
}

.container_16 .grid_6 {
	width: 280px;
}

.container_16 .grid_6 p{
	margin-top:15px;
}

.container_16 .grid_7 {
	width: 340px;
	margin-top:-40px;
	margin-bottom:-30px;
}
.container_16 .grid_7 .box {margin-bottom:-20px;min-height:260px;min-width:365px;}
.container_16 .grid_7 .box h1 {padding:10px 0 0 20px;}
.container_16 .grid_7 .box p {padding:0 20px 10px 20px;}

.container_16 .grid_9 {
	width: 460px;
	margin-top:-40px;
}

.container_16 .grid_9 h1{margin:30px 0 30px 0;}
.container_16 .grid_9 form{float:left;margin:-25px 0 20px 0;z-index:1000;}
.container_16 .grid_9 input[type="text"]{width:200px;}
.container_16 .grid_9 embed{margin:30px 0 0 0;}
.container_16 .grid_9 object{margin:30px 0 0 0;}

.container_16 .grid_10 {
	width: 520px;
}

.container_16 .grid_11 {
	width: 580px;
}

.container_16 .grid_13 {
	width: 700px;
}

.container_16 .grid_14 {
	width: 760px;
}

.container_16 .grid_15 {
	width: 820px;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2009/12/06/new-clearfix-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

/*
	The following zoom:1 rule is specifically for IE6 + IE7.
	Move to separate stylesheet if invalid CSS is a problem.
*/
* html .clearfix,
*:first-child+html .clearfix {
	zoom: 1;
}

/* Content Area
----------------------------------------------------------------------------------------------------*/

/* Body
----------------------------------------------------------------------------------------------------*/

html{background:#a0cf67;}


/* Navigation
----------------------------------------------------------------------------------------------------*/

		#nav{float:right;width:520px;height:30px;background:url(../images/new_nav_bg.png) no-repeat;margin-top:-40px;}
		
		#nav ul{
			float:right;
			margin:0;
			padding:0;
			list-style:none;
			}

		#nav li{
			float:right;
			margin:0 0 0 10px;
			padding:0;
			list-style:none;
			}	
		#nav li{
			float:left;
			display:inline;
			position:relative;
			line-height:32px;
			height:32px;
			}
			
		#nav a{padding:0 6px 0 6px;color:#fff;text-decoration:none;font-weight:900;font-size:12px;}
		#nav a.selected, #nav a:hover{padding:0 6px 0 6px;color:#000;}
		
		h5.titles{color:#fff;background:url(../images/title-bg.png) no-repeat;height:30px;text-align:center;padding:3px 0 0 0;}
		h5.titles a{color:#fff;text-decoration:none;}
		h5.titles a:hover{color:#000;text-decoration:none;}
		h5.titles select{width:180px;}
		
		form{float:right;margin-top:-20px;margin-bottom:20px;z-index:1000;padding:10px 0;}
		
		input[type="text"]{width:100px;}
		
		img.banner{padding:0;margin:0;}
		img.magazine{float:right;padding:0;margin:-50px 0 0 0;}
		img.letter{float:left;padding:0 20px 10px 0;margin:0;}
		
		#nav_franchise{float:right;width:462px;height:30px;background:#a0cf67;margin:30px 0 10px 0;}
		
		#nav_franchise ul{
			float:right;
			margin:0;
			padding:0;
			list-style:none;
			}

		#nav_franchise li{
			float:right;
			margin:0 0 0 10px;
			padding:0;
			list-style:none;
			}	
		#nav_franchise li{
			float:left;
			display:inline;
			position:relative;
			line-height:32px;
			height:32px;
			}
			
		#nav_franchise a{padding:0 8px 0 8px;color:#fff;text-decoration:none;font-weight:900;font-size:11px;}
		#nav_franchise a.selected, #nav_franchise a:hover{padding:0 8px 0 8px;color:#000;}