@charset "UTF-8";
/*  
Version: 1.0
Author: FireHost Inc.
Author URI: http://www.firehost.com
*/


/***********************************
		=Normalization
***********************************/

/* Normalizes Margin, padding */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
/* Normalizes font-size for headers */
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;font-weight:normal;
}
/* Removes list-style from lists */
ol, ul {
	list-style: none;
}
/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal;
}
/* Removes border styles from tables */
table {
	border-spacing: 0;
	border-collapse: collapse;
}
/* Removes border from fieldset and img */
fieldset, img {
	border: 0;
}
/* Left aligns text in caption and th */
caption, th {
	text-align: left;
}
/* Removes quotation marks from q */
q:before, q:after {
	content: '';
}
/* Normalize Links for Netscape when image replacements are used (text decorates the whole page width up to the IR'd link with an underline) */
a {
	text-decoration: none;/* grey */
	outline: none;
}

/***********************************
		=Global Styling
***********************************/

body { 
	background: transparent url(/Assets/images/layout/topbar_bg.gif) repeat-x scroll;
	font:12px/1.5em Arial,helvetica,sans-serif;
	color:#333;
	}

h1 {
	font-size:24px;
	color:#6B1719;
	margin-bottom:10px;
	line-height:1em;
	}
	
h2 {
	font-size:15px;
	color:#123F71;
	font-weight:bold;
	background:url(/Assets/images/layout/hr-dot.gif) left bottom repeat-x;
	padding-bottom:15px;
	margin-bottom:15px;
	line-height:1.35em;
	}
	h2.no-border {
		background:none;
		margin-bottom:0;
		}
	
h3{
	font-weight:bold;
	margin-bottom:10px;
	}
h4 {
	font-weight:bold;
	color:#123F71;
	font-size:18px;
	margin-bottom:.25em;
	}


p {margin-bottom:1.25em;}

.red-large {
	font-size:24px;
	color:#6B1719;
	margin-bottom:0;
	margin-top:20px;
	line-height:1em;
	background:none;
	font-weight:normal;
	}



.left {float:left;}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.clearfix {
    zoom: 1;     /* triggers hasLayout */
    }
	
ul {margin-left:12px;margin-bottom:15px;}
	ul li {
		list-style:none;
		background:url(/Assets/images/layout/bullet.gif) left .65em no-repeat;
		padding:3px 0 3px 13px;
		}
		ul li strong {display:block;}
	ol.handshake {
		background:url(/assets/images/layout/photo-handshake.png) top right no-repeat;
		margin-left:29px;
		margin-bottom:15px;
		}
		ol li {
			padding:3px 0 3px 0;
			list-style-type:decimal;
			}
	ul.screen {background:url(/assets/images/layout/photo-screen.png) top right no-repeat;}
	ul.short {width:513px;}
		ul.short li {padding-bottom:10px;}

	ul li ul  {margin-top:1.25em;}
		ul li ul li a {display:block;}
			

.clearall { clear:both; }
.clearleft { clear:left; }
.clearright { clear:right; }

img, fieldset, input, textarea {border:0;}

a { color:#0B528C;}
	a:hover {text-decoration:underline;}


.common {width:976px;margin:0 auto;}

/***********************************
		=Banner Styling
***********************************/
#banner {
	width:976px;
	height:140px;
	text-indent:-9999px;
	margin-bottom:9px;
	}
	
	.banner-why-franchising {background-image:url(/assets/images/banners/banner-why-franchising.png);}
	.banner-franchise-opportunities {background-image:url(/assets/images/banners/banner-home.png);}
	.banner-support {background-image:url(/assets/images/banners/banner-support.png);}
	.banner-investment {background-image:url(/assets/images/banners/banner-investment.png);}
	.banner-day {background-image:url(/assets/images/banners/banner-day.png);}
	.banner-faqs {background-image:url(/assets/images/banners/banner-faqs.png);}
	.banner-top-10 {background-image:url(/assets/images/banners/banner-top-10.png);}
	.banner-quick-start {background-image:url(/assets/images/banners/banner-quick-start.png);}
	.banner-territory {background-image:url(/assets/images/banners/banner-territory.png);}
	.banner-process {background-image:url(/assets/images/banners/banner-process.png);}
	
/***********************************
		=Breadcrumbs
***********************************/
#breadcrumbs {
	height:16px;
	width:820px;
	float:left;
	text-indent:20px;
	padding-top:2px;
	}
	#breadcrumbs a {
		color:#0B528C;
		font-size:11px;
		}
		#breadcrumbs a:hover,
		#breadcrumbs a.on {
			color:#59A4A5;
			text-decoration:none;
			}
	#breadcrumbs em {color:#FFB237;}

/***********************************
		=Container Styling
***********************************/
#content-container {
	position:relative;
	width:976px;
	margin:0 auto;
	}
	#header {
		margin-bottom:8px;
		height:86px;
		}
		ul#quick-links {
			margin:5px 0 0 520px;
			height:17px;
			}
			ul#quick-links li {
				float:left;
				background:none;
				padding:0;
				}
				ul#quick-links li span {
					display:block;
					padding:4px 8px;
					color:#59A4A5;
					font-size:11px;
					}
			  ul#quick-links li a {
				  color:#0C6CB6;
				  font-size:9px;
				  font-weight:bold;
				  display:block;
				  background:url(/Assets/images/layout/divider-dot.gif) right top repeat-y;
				  padding:3px 14px;
				  }
				  ul#quick-links li a:hover {}
				  ul#quick-links li:last-child a {background:none;}
		#logo {
			clear:left;
			margin:0 0 0 25px;
			display:block;
			width:198px;
			height:60px;
			text-indent:-9999px;
			background:url(/Assets/images/layout/io-logo.png) left top no-repeat;
			float:left;
			}
		ul#nav {
			margin-top:45px;
			margin-left:278px;
			}
			ul#nav li {
				padding:0 11px;
				float:left;
				background:none;
				}
				ul#nav li a {
					display:block;
					color:#14395D;
					font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
					font-weight:bold;
					height:26px;
					padding:3px;
					}
					ul#nav li a:hover,
					ul#nav li a.active {
						color:#6B1719;
						text-decoration:none;
						}
						ul#nav li a.active {background:transparent url(/assets/images/layout/mainnav_selected.gif) no-repeat scroll center bottom;}
						
	#content {padding:20px 13px;}
		#info-sub {
			width:274px;
			float:left;
			
			}
			.rounded {
				background-color:#F0F0F0;
				/* Do rounding (native in Safari, Firefox and Chrome) */
				-webkit-border-radius: 17px;
				-moz-border-radius: 17px;
				}
				blockquote {
					font-style:italic;
					color:#666;
					padding:22px 10px;
					}
					blockquote.nopad {padding:22px 0 22px 10px;}
					blockquote p {
						margin-bottom:0;
						background:url(/Assets/images/layout/left-quote.gif) top left no-repeat;
						padding:0 23px;
						}
						blockquote p.nopad {padding-right:0;}
				cite {
					background:url(/Assets/images/layout/cite-back.gif) right top no-repeat;
					text-align:right;
					display:block;
					margin-right:30px;
					padding:10px 30px 0 0;
					margin-bottom:28px;
					}
					cite strong {display:block;}
			a#video {
				display:block;
				width:274px;
				height:210px;
				padding:44px 0 0 8px;
				background-position:0 0;
				background-repeat:no-repeat;
				text-indent:-9999px;
				line-height:0;
				font-size:0;
				margin-bottom:28px;
				}
				.video-why-franchising {background-image:url(/Assets/images/side-photos/video-why-franchising.png);}
				.video-franchise-opp {background-image:url(/Assets/images/side-photos/video-franchise-opp.png);}
				.video-franchise-opp-main {background-image:url(/Assets/images/side-photos/video-franchise-opp-main.png);}
				.video-support {background-image:url(/Assets/images/side-photos/video-support.png);}
				.video-investment {background-image:url(/Assets/images/side-photos/video-investment.png);}
				.video-day {background-image:url(/Assets/images/side-photos/video-day.png);}
				.photo-faqs {background-image:url(/Assets/images/side-photos/faq.png);height:228px;}
				.video-top-10 {background-image:url(/Assets/images/side-photos/video-top-10.png);}
				.video-territory {background-image:url(/Assets/images/side-photos/video-territory.png);}
				.video-process {background-image:url(/Assets/images/side-photos/video-process.png);}
				.video-quick-start {background-image:url(/Assets/images/side-photos/video-quick-start.png);}
			
			.press-box {
				background:#E9F4F1 url(/assets/images/layout/press-top.png) left top no-repeat;
				width:274px;
				padding-top:19px;
				}
				.press-box-footer {
					background:url(/assets/images/layout/press-bottom.png) left bottom no-repeat;
					padding-bottom:15px;
					}
					.press-box-footer h4 {
						color:#13335F;
						font-size:16px;
						text-indent:20px;
						}
					  .press-box ul {margin-left:0;}
						  .press-box ul li {
							  background:url(/assets/images/layout/press-dot.gif) left bottom repeat-x;
							  padding:15px 0;
							  padding-left:0;
							  }
							  .press-box ul li:last-child {background:none;}
							  .press-box ul li a {
								  display:block;
								  font:13px Arial, Helvetica, sans-serif;
								  color:#004572;
								  background:url(/assets/images/layout/red-arrow.png) left .25em no-repeat;
								  margin-left:9px;
								  padding-left:12px;
								  }
								  .press-box ul li a strong {color:#004572;display:block;}
								  	.press-box ul li a:hover strong,
									.press-box ul li a:hover em {color:#6B1719;}
								  .press-box ul li a em {color:#1D3A5B;font-size:11px;}
								  	.press-box ul li a:hover {text-decoration:none;}
				
				
		#info-main {
			width:614px;
			margin-left:315px;
			}
			ul#profiles {
				margin-left:20px;
				width:567px;
				}
				ul#profiles li {
					min-height:131px;
					margin-bottom:50px;
					}
					ul#profiles li strong,
					ul#profiles li em {display:block;}
						ul#profiles li em {font-style:italic;}
					ul#profiles li.middleton,
					ul#profiles li.harris {
						background-position:top left;
						background-repeat:no-repeat;
						padding-left:163px;
						}
					ul#profiles li.zuniga {
						background-position:top right;
						background-repeat:no-repeat;
						padding-right:163px;
						}
						ul#profiles li.middleton {background-image:url(/assets/images/profiles/middleton.png);}
						ul#profiles li.zitterman {background-image:url(/assets/images/profiles/zitterman.png);}
						ul#profiles li.zuniga {background-image:url(/assets/images/profiles/zuniga.png);}
						ul#profiles li.harris {background-image:url(/assets/images/profiles/harris.png);}
	
			ul#faqs-list {margin-left:0;}
				ul#faqs-list li {
					background-repeat:no-repeat;
					background-position:0 .25em;
					padding-left:30px;
					}
					ul#faqs-list li.question {
						background-image:url(/assets/images/layout/Q.png);
						color:#123F71;
						font-weight:bold;
						font-size:14px;
						}
					ul#faqs-list li.answer {
						background-image:url(/assets/images/layout/A.png);
						margin-bottom:40px;
						}
			ul#top-10-list {
				padding-left:0;
				margin-left:0;
				}
				ul#top-10-list li {
					padding-bottom:16px;
					margin-bottom:16px;
					background:url(/assets/images/layout/hr-dot.gif) bottom left repeat-x;
					padding-left:0;
					}
					ul#top-10-list li strong,
					ul#top-10-list li span {
						display:block;
						padding-left:18px;
						}
					ul#top-10-list li strong {
						color:#123F71;
						font-weight:bold;
						font-size:14px;
						display:block;
						background-repeat:no-repeat;
						background-position:0 .15em;
						padding-left:18px;
						margin-bottom:.25em;
						}
						
					ul#top-10-list li.number-1 strong {background-image:url(/assets/images/layout/number1.png);}
					ul#top-10-list li.number-2 strong {background-image:url(/assets/images/layout/number2.png);}
					ul#top-10-list li.number-3 strong {background-image:url(/assets/images/layout/number3.png);}
					ul#top-10-list li.number-4 strong {background-image:url(/assets/images/layout/number4.png);}
					ul#top-10-list li.number-5 strong {background-image:url(/assets/images/layout/number5.png);}
					ul#top-10-list li.number-6 strong {background-image:url(/assets/images/layout/number6.png);}
					ul#top-10-list li.number-7 strong {background-image:url(/assets/images/layout/number7.png);}
					ul#top-10-list li.number-8 strong {background-image:url(/assets/images/layout/number8.png);}
					ul#top-10-list li.number-9 strong {background-image:url(/assets/images/layout/number9.png);}
					ul#top-10-list li.number-10 strong {
						position:relative;
						left:-5px;
						padding-left:23px;
						background-image:url(/assets/images/layout/number10.png);
						}
					ul#top-10-list li.no-back {background:none;}
						
						
/***********************************
		=Form
***********************************/
			.bluesection {
				width:614px;
				background:#E9F4F1 url(/assets/images/forms/form-top.png) 0 0 no-repeat;
				padding:0;
				margin:0 0 45px 0;
				}
				.bluesection-foot {
					background: url(/assets/images/forms/form-bottom.png) 0 bottom no-repeat;
					width:inherit;
					padding-bottom:26px;
					}
					.bluesection h4 {
						text-indent:33px;
						padding-top:25px;
						margin-bottom:0;
						}
					.bluesection fieldset {
						padding:0 0 25px 25px;
					}
					.col {
						width:290px;
						display:inline-block;
						}
						.col-email {clear:left;width:551px;}
						.bluesection label {
						  color:#333333;
						  font-size:14px;
						  display:block;
						  margin:20px 0 3px 5px;
						  }
						  .bluesection label em {color:#6B1719;}
						.bluesection fieldset select {width:261px;}
						  fieldset input {
							  background-image:url(/assets/images/forms/form-text.png);
							  border:0 none;
							  height:19px;
							  padding:6px 0 0 10px;
							  width:251px;
							  }
						  fieldset input.txtEmail {
							  background-image:url(/assets/images/forms/form-text-long.png);
							  width:541px;
							  }
						  fieldset input,
						  fieldset textarea {
							  font:12px Arial, Helvetica, sans-serif;
							  color:#535353;
							  }
						  .ta-back {
							  background:url(/assets/images/forms/text-area-back.png) left top no-repeat;
							  width:543px;
							  height:82px;
							  padding:10px;
							  }
							  .ta-back textarea {
								  width:543px;
								  height:82px;
								  margin:0 auto;
								  overflow:auto;
								  }
						  fieldset .hr {
							  margin:26px 0;
							  width:560px;
							  }
						  fieldset .submit {float:left;}
						  fieldset .required {
							  margin-left:480px;
							  font-style:italic;
							  color:#6B1719;
							  }
			.indent {margin-left:30px;}
				.indent .download {
					position:relative;
					left:-5px;
					}

/***********************************
		=Map
***********************************/

			div#maplayout { margin:0px auto; }

			  .mapbase,
			  .canada,
			  .midwest,
			  .west,
			  .northeast,
			  .southwest,
			  .southeast{	background: url( /assets/images/maps/map3.jpg ) 0px 0px no-repeat;}

			  .canada {background-position:-548px 0px;}
			  .midwest {background-position:-1096px 0px;}
			  .west {background-position:-1644px 0px;}
			  .northeast {background-position:-2192px 0px;}
			  .southwest {background-position:-2740px 0px;}
			  .southeast {background-position:-3288px 0px;}

			  #WorldMap {width:548px;position:relative;}
			  
			  #smallmaplayout .mapbase, .c, .m, .w, .ne, .sw, .se{	0px 0px no-repeat;}
			  
			  .c {background-position:-170px 0px;}
			  .m {background-position:-340px 0px;}
			  .w {background-position:-510px 0px;}
			  .ne {background-position:-680px 0px;}
			  .sw {background-position:-850px 0px;}
			  .se {background-position:-1020px 0px;}
		
		
		  #lightviewContent form h4 {font-size:16px;}

			
			
			
			
/* Buttons */
.quick-start,
.submit,
.download {
	display:block;
	text-indent:-9999px;
	background-image:url(/Assets/images/layout/buttons.png);
	height:29px;
	width:134px;
	line-height:0;
	font-size:0;
	cursor:pointer;
	}
	.quick-start {background-position:0 0;margin-left:820px;}
		.quick-start:hover {background-position:0 -29px;}
		
	.download {background-position:-134px 0;width:211px;height:30px;}
		.download:hover {background-position:-134px -30px;}
	.submit {background-position:-345px 0;width:211px;height:30px;}
		.submit:hover {background-position:-345px -30px;}
		
	.hr {
	  border:0;
	  background:url(/Assets/images/layout/hr.png) left top repeat-x;
	  height:1px;
	  margin:0 0 26px 0;
	  clear:both;
	  }

/* Table */
	  
			table.pretty {margin-bottom:25px;}
				table.pretty th {
					background-color:#F3F4F4;
					color:#123F71;
					font-weight:bold;
					border-bottom:1px solid #fff;
					padding:12px;
					font-size:14px;
					text-align:right;
					}
					table.pretty th.left-align {text-align:left;} 
	
				table.pretty td {
					background-color:#F5F6F6;
					border-bottom:1px solid #fff;
					padding:5px 15px;
					text-align:right;
					}
					table.pretty td.left-align {text-align:left;}
				table.pretty tr.darker td {background-color:#ececec;} 
				table.pretty tfoot td {
					color:#6B1719;
					font-weight:bold;
					padding:12px;
					}
					table.pretty tfoot td strong {color:#333;}



/***********************************
		=Footer Styling
***********************************/
#footer-container {
	width:100%;
	background:url(/Assets/images/layout/footer-back.png) left top repeat-x;
	padding-top:13px;
	height:140px;
	font-size:11px;
	clear:left;
	margin-top:20px;
	}
	ul#footer {
		margin:0 0 0 314px;
		}
		ul#footer li {
			padding:0 7px;
			float:left;
			background:none;
			border-right:1px solid #6EB2A2;
			}
			ul#footer li:last-child {border-right:none;}
			ul#footer li a {
				display:block;
				padding:0 3px;
				background:none;
				color:#3A434C;
				}
				ul#footer li a:hover {
					color:#6EB2A2;
					text-decoration:none;
					}
	#footer-container .common .left {margin-left:20px;}
