@charset "UTF-8";

* { 
	margin: 0; padding: 0;
}

a { 
	outline: none; 
}

a img { 
	border: none; 
}


html, body {
	height: 100%;
}

h1 {
	color: #ad5fa4;
}

h6 {
	font-size: 1.8em;
	color: #ad5fa4;
	margin-left: 25px;
}

h4 { 
	font-size: 1.2em;
	color: #8d2d87;
}

body.mp { 
	background: url(../!images/bg-strip.jpg) repeat-x; 
	background-color: #fefcf0; 
	font-family: Arial, Geneva, Helvetica, sans-serif; 
	color: #333; 
	font-size: 13px; 
}

body { 
	background: url(../!images/bg-strip-int.jpg) repeat-x; 
	background-color: #fefcf0; 
	font-family: Arial, Geneva, Helvetica, sans-serif; 
	color: #333; 
	font-size: 13px; 
}	

body.cs { 
	background: url(../../!images/bg-strip-cs.jpg) repeat-x; 
	background-color: #fefcf0; 
	font-family: Arial, Geneva, Helvetica, sans-serif; 
	color: #000; 
	font-size: 13px; 
}	

small { 
	font-size: 0.85em; 
}

small.inet-fix {
	margin-left: 24px;
}

p.inet-p-fix {
	margin: 0 22px;
}

hr {
      border: 1px dashed #f00;
/*      color: #fff;
      background-color: #fff; */
      height: 2px;
}

/* ------------------------- Structure ------------------------- */

#wrapper { 
	min-height: 100%; 
	height: auto !important; 
	height: 100%;
	width: 972px; 
	position: relative; 
	margin: 0 auto -39px; 
}

#header {
	height: 163px;
}

#navigation {
	margin: 0 auto;
}

#midbar {
	height: 264px;	

}

#int-midbar {}


#lowerbar {
	background-image: url(../!images/lowerbar.jpg);
	width: 915px;
	height: 293px;
	margin: 0 auto;
	margin-bottom: 11px;
	position: relative;
}

#links {
	margin: 13px 0 0 120px;
}

#content {
	margin: 0 25px;
	overflow: hidden;
}

#content h1 {
	margin: 25px 25px 0 25px;
}

#content h2,h3,h4 {
	margin: 0 25px 0 25px;
}

#content p {
	margin: 10px 22px 0 22px;
}

#content .LeftCol { 
	width: 226px; 
	float: left;
}



#content .RightCol {
	width: 690px; 
	float:right;
	margin-bottom: 15px;
}

#content .RightCol p {
	padding-bottom: 10px; 
	padding-left: 3px; 
	padding-right: 14px;
}

#content .RightCol ul, ol {
	margin-left: 53px;
	color: #8d2d87;
}

#content .RightCol-intranet {
	width: 690px; 
	float:right;
	margin-bottom: 15px;
	margin-top: 20px;
}

#content .RightCol-intranet p {
	padding-bottom: 10px; 
	padding-left: 3px; 
	padding-right: 14px;
}

#content .RightCol-intranet ul, ol {
	margin-left: 53px;
	color: #8d2d87;
}

#content a:link, #content a:visited {
	color: #8d2d87; 
	text-decoration: underline;
}

#content a:hover, #content a:active {
	color: #d6afd2; 
	text-decoration: none;
}

#footer, #push { 
	height: 39px; 
	}
	
#footer { 
	background: url(../!images/footer-bg.jpg); 
	font-size: 12px;
	padding: 2px 0 2px 0;
	position: relative;
}

#footer p {
	color: white;
	text-align: center;
	font-weight: bold;
	padding-left: 510px;
}

#footer a:link, #footer a:visited {
	color: #fff; 
	text-decoration: underline;
}

#footer a:hover, #footer a:active {
	color: #d6afd2; 
	text-decoration: none;
}

#footer-wrap {
	margin: 0px auto; 
	position: relative;
}

ul.lowerbar-text {
	padding-top: 200px; 
	margin:0; 
	list-style-type:none; 
	font-size:14px;
	color: #fff;
	margin-left: 15px;
}

ul.lower-links {
	list-style-type:none; 
	display: inline;
}	

li.lower-a {
	margin-left: 132px;
}

#lowerbar li {
	float:left;  
}

#date {
	font-family: "Arial Black";
	font-size: 14px;
	color: #932a86; 
	text-align: right;
	position: absolute; 
	top: 20px;
	right: 52px;         
}

#gallery-left {
	background-image: url(../!images/gallery-bg.gif);
	color: white;
	font-size: 13px;
	padding-bottom: 7px;

}

#gallery-left p {
	margin-left: 12px;
}

#gallery-left a:link, #gallery-left a:visited {
	color: #fff; 
	text-decoration: underline;
}

#gallery-left a:hover, #gallery-left a:active {
	color: #d6afd2; 
	text-decoration: none;
}

#FormTable {
	margin-left: 45px;
}

#secure-id {
	position:absolute;
	width:103px;
	height:43px;
	background:url("../!images/sid.jpg")   0px 0px no-repeat;
	bottom: -4px;
	left: 30px;  
	z-index: 100;
	}

#secure-id a:hover {
	background:url("../!images/sid.jpg") -103px 0 no-repeat;
	}

#secure-id a {
	position:absolute;
	width:103px;
	height:43px;
	}
	
#secure-id span {
	display:none;
}


#giraffe_calendar {
	width: 190px;
}

#calendar_wrap {
	margin-bottom: 25px;
}

/* ----------------------- Key Growth Map -------------------- */
#map-wrap {
	margin: 0 70px;
}

#signs_map {
	width: 100%;
}

map {
	cursor:pointer;
}

area {
	cursor: pointer;
}

.map {
	float:left;	
}

.mapholder {
	float:left;
	width:517px;
	height:352px;
}

.stat_header {
	width:450px;
	margin:5px 0px 16px 0;
	text-align:center;
	font-size: 11px;
	
}

#state_holder {
	border:1px solid #ad5fa4;
	clear:both;
	margin:0 0 0 30px;
	width:450px;
	height: 190px;
	font-size: 12px;
	text-align:center;
}

#state_holder a {color:#000; text-decoration:none;}

 #states, .states {
	display: none;
	width:450px;

} 


#states b, .states b {
  font-size:16px;
}

.states p {text-align:center;}

.clear {
	clear:both;
}	

.map_text_div {
	float: left;
	width: 145px;
	font-size: 14px;
	border-bottom: 1px solid #000000;
	margin-bottom: 10px;
	display: inline;
}

#kgm-quote{
	padding: 40px;
}

#why-buy{
	text-align: center;
	display: block;
	margin: 40px auto 0;
	font-weight: bold;
	font-size: 16px;
	width: 315px;
	height: 38px;
	text-indent: -9999px;
	background: url(../!images/btn-why-buy.jpg) no-repeat;
}


/* ------------------------- Utility ------------------------- */

.center { 
	display: block; 
	margin: 0px auto; 
}

.clear { 
	clear: both;
}

.logopic {
	padding-left: 30px;
}

.freshpic {
	position: absolute; 
	top: 121px;
	right: 52px;
}

.midpics {
	float: right;
	padding-right: 23px;
}

.mp-text {
	color: #fff;
	margin-top: 5px;
	margin-left: 44px;
	font-size: 14px;
}

.button1 {
	position: absolute;
	left: 245px;
	bottom: 5px;

}

.button2 {
	position: absolute;
	left: 118px;
	bottom: 5px;

}

.button3 {
	position: absolute;
	left: 338px;
	bottom: 5px;

}

.button4 {
	position: absolute;
	left: 580px;
	bottom: 5px;

}

.button5 {
	position: absolute;
	left: 751px;
	bottom: 5px;

}

.button6 {
	position: absolute;
	left: 170px;
	top: 416px;

}

.li-one {
	width: 198px;	
}

.li-two {
	padding-left: 30px;
	width: 190px;	
}

.li-three { 
	padding-left: 43px;
	width: 190px;
}

.li-four {
	width: 190px;
	padding-left: 38px;
}

.clear { 
	clear: both; 
}

.floatright {
	float: right;
	padding-right: 20px;
	margin-left: 12px;
	
}


.mikepic {
	float: right;
	padding-right: 20px;
	margin-left: 12px;
	margin-top: 9px;
	
}

.ownertext { 
	font-size: 1.2em;
	color: #ad5fa4;
	font-weight: bold;
}

.boldtext {
	color: #8d2d87;
	font-weight: bold;
}

.leadpic {
	float: right;
	padding-right: 20px;
	margin-left: 12px;
	margin-bottom: 15px;
	padding-top: 15px;
	position: relative;
	height: 250px;
}

.leadtext {
	color: #8d2d87;
	width: 250px;
	position: absolute;
	left: -25px;
}

.widgettitle {
	padding-left: 15px;
	font-size: 16px;
	color: #932a86;
}
/* ------------------------ horizontal sprite nav ------------------------ */

#nav { 

	background:url("../!images/nav.jpg") no-repeat; 
	height:46px; 
	margin:0;
	padding:0;
}



#nav span { 
	display: none; 
}

#nav li, #nav a { 
	height:46px; 
	display:block; 
	} /* change height here also */



#nav li { 
	float:left; 
	list-style:none; 
	display:inline; 
	position:relative; 
}

#nav-01 { width: 80px; margin-left:31px;}
#nav-02 { width: 90px; margin-left:1px;}
#nav-03 { width: 247px; margin-left:1px;}
#nav-04 { width: 244px; margin-left:1px;}
#nav-05 { width: 150px;	margin-left:1px;}
#nav-06 { width: 105px;	margin-left:1px;}






/*-------------- (-79px) X position of button / (-30px) height of image from above ------------- */

#nav-01 a:hover { background:url("../!images/nav.jpg")  -31px -46px no-repeat; }
#nav-02 a:hover { background:url("../!images/nav.jpg") -112px -46px no-repeat; }
#nav-03 a:hover { background:url("../!images/nav.jpg") -203px -46px no-repeat; }
#nav-04 a:hover { background:url("../!images/nav.jpg") -451px -46px no-repeat; }
#nav-05 a:hover { background:url("../!images/nav.jpg") -696px -46px no-repeat; }
#nav-06 a:hover { background:url("../!images/nav.jpg") -847px -46px no-repeat; }


#nav li ul {

	position:absolute;
	left:-9999px;
	padding-right:1px; /* Fixes one px spacing for border-right in FF */
	background-color:#922a86;	/* Background color of drop down nav - add more styles (i.e. background image) if you want */
	z-index:9999;
	opacity:.95; 
	filter:alpha(opacity:95);
}



#nav li ul li { 

	height:20px; /* Height of each drop down nav item */
	border-bottom:1px solid #90df36;
	border-right:1px solid #90df36;
	border-left:1px solid #90df36;
	background:#a5f846;
}



#nav li ul li a {

	width:100%;
	height:20px;	/* Height of each drop down nav item, should match above */
	line-height:20px;	 /* Height of each drop down nav item again, should match above */
	}



#nav li ul li a span {

	display:block;
	padding-left:5px;

	}



/* Drop down link styles */

#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {

	font-size:11px;
	color:#922a86;
	text-decoration:none;
	font-weight:bold;
	}



#nav li:hover ul, #nav li.sfHover ul	{ left: auto; }



/* Hover styles for drop down items */

#nav-02 ul a:hover, #nav-03 ul a:hover { 

	color:#ad5fa4;
	text-decoration:none;
	font-weight:bold;
	background:#fff;

	}



/* width of drop down nav - choose width that allows items to display on one line */

#nav-02 ul, #nav-02 li { width:188px; }

#nav-03 ul, #nav-03 li { width:188px; }




/*  ------------------------ vertical sprite subnav ------------------------  */
.ir { display: block; overflow: hidden; }

#subnav-about a.ir {
	background: url(../!images/subnav-about-a.jpg) no-repeat;
	color: #fff;
	width: 226px;
	height: 0;}

#subnav-about li {margin-top:0px; 
			margin-bottom:0px;}

#about a.ir { background-position: 0 -0px; padding-top:83px; }
#parents a.ir { background-position: 0 -83px; padding-top:23px; }
#schools a.ir { background-position: 0 -106px; padding-top:21px;}
#contact-franch a.ir { background-position: 0 -126px; padding-top:40px;}
#leadership a.ir { background-position: 0 -167px; padding-top:23px;}

.sub_about #about a.ir,
.sub_parents #parents a.ir,
.sub_schools #schools a.ir,
.sub_leadership #leadership a.ir {background-image: url(../!images/subnav-about-b.jpg); }

.nav, .nav dd, .nav ul {margin: 0;
	padding: 0;
	list-style: none;}

#subnav-about { width: 226px;
   		  padding-top:0px;}


#subnav-about dd:hover a.ir, #subnav-about dd.IEhover a.ir, #subnav-about a.ir:hover { background-image: url(../!images/subnav-about-b.jpg); }

#subnav-franchise a.ir {
	background: url(../!images/subnav-franchise-a.jpg) no-repeat;
	color: #fff;
	width: 226px;
	height: 0;}

#subnav-franchise li {margin-top:0px; 
			margin-bottom:0px;}
			


#franchise a.ir { background-position: 0 -0px; padding-top:83px; }
#nextsteps a.ir { background-position: 0 -83px; padding-top:23px; }
#questionnaire a.ir { background-position: 0 -106px; padding-top:22px;}
#fdd a.ir { background-position: 0 -129px; padding-top:40px; }
#support a.ir { background-position: 0 -170px; padding-top:21px; }
#investment a.ir { background-position: 0 -191px; padding-top:22px;}
#equipment a.ir { background-position: 0 -213px; padding-top:21px;}
#training a.ir { background-position: 0 -234px; padding-top:21px; }
#territory a.ir { background-position: 0 -255px; padding-top:23px; }
#key-markets a.ir { background-position: 0 -278px; padding-top:23px; }
#whotocon a.ir { background-position: 0 -300px; padding-top:23px; }

.sub_franchise #franchise a.ir,
.sub_nextsteps #nextsteps a.ir,
.sub_questionnaire #questionnaire a.ir,
.sub_fdd #fdd a.ir,
.sub_support #support a.ir,
.sub_investment #investment a.ir,
.sub_equipment #equipment a.ir,
.sub_training #training a.ir,
.sub_territory #territory a.ir,
.sub_key-growth #key-markets a.ir,
.sub_whotocon #whotocon a.ir {background-image: url(../!images/subnav-franchise-b.jpg); }

#subnav-franchise { width: 226px;
   		  padding-top:0px;}
   		  


#subnav-franchise dd:hover a.ir, #subnav-franchise dd.IEhover a.ir, #subnav-franchise a.ir:hover { background-image: url(../!images/subnav-franchise-b.jpg); }

/* Intranet */


#subnav-intranet a.ir {
	background: url(../!images/subnav-intranet-a.jpg) no-repeat;
	color: #fff;
	width: 226px;
	height: 0;}

#subnav-intranet li {margin-top:0px; 
			margin-bottom:0px;}
			


#franchise-news a.ir { background-position: 0 -0px; padding-top:83px; }
#new-products a.ir { background-position: 0 -83px; padding-top:23px; }
#franchises-for-sale a.ir { background-position: 0 -106px; padding-top:22px;}
#sales-tips a.ir { background-position: 0 -129px; padding-top:21px; }
#forms a.ir { background-position: 0 -150px; padding-top:21px; }
#outfits a.ir { background-position: 0 -171px; padding-top:22px;}
#equipment2 a.ir { background-position: 0 -193px; padding-top:21px;}
#approved-vendors a.ir { background-position: 0 -214px; padding-top:21px; }

.sub_franchise-news #franchise-news a.ir,
.sub_new-products #new-products a.ir,
.sub_franchises-for-sale #franchises-for-sale a.ir,
.sub_sales-tips #sales-tips a.ir,
.sub_forms #forms a.ir,
.sub_outfits #outfits a.ir,
.sub_equipment2 #equipment2 a.ir,
.sub_approved-vendors #approved-vendors a.ir {background-image: url(../!images/subnav-intranet-b.jpg); }

#subnav-intranet { width: 226px;
   		  padding-top:0px;}
   		  


#subnav-intranet dd:hover a.ir, #subnav-intranet dd.IEhover a.ir, #subnav-intranet a.ir:hover { background-image: url(../!images/subnav-intranet-b.jpg); }



/* =HACKS (only @ IE WIN/Mac )
*************************/
/* hidden from IE mac \*/
* html #subnav-about a.ir { height: 40px; he\ight: 0; }

/* stop hiding from IE mac */




