/* CSS Document */

body {
	margin: 0 auto; 
	padding: 0;
	font: .75em/1.5em Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	background: url(franchises/franchise-background.jpg) 0 0 repeat-x;
	color:#535261;
}
.c clear_children .pc cc_tallest form {
	margin: 0;
	padding: 0;
}


.c { 
	width: 1031px; 
	position: relative;
	margin: 0 auto; 
	padding: 5px 0; 
	margin-top: 0;
	background: url(franchises/franchise-opportunities-mid.png) 0 0 repeat-y;
}


 .pc,.sc { 
	position: absolute; 
	top: 0; 
	left: 12px;
	z-index: 20;
} 

.pc	{
	width: 590px; 
	padding: 20px 10px 5px 10px;
	margin: 5px 0;
	background: #FFFFFF;
} 
.sc	{ 
	width: 333px;
	left: 634px; 
	padding: 20px 0 5px 0;
	background: #FFFFFF;
}

.clear_children,.cc_tallest { position: relative; } /*\*/* html .clear_children { display: inline;}/**/
.cc_tallest:after { content: ''; } /* PREVENTS A REDRAW BUG IN SAFARI */

/* ]]> */

/* wfa styles: layout */

.header { 
	width: 1031px;
	height: 130px;
	position: relative;
	margin: 0 auto;
	background: url(franchises/franchise-opportunities-top.png) 0 0 no-repeat;

}
h1 {
	width: 1010px;
	height: 124px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 13px;
	left: 10px;
	background: url(franchises/new-franchising-opportunities.png) 0 0 no-repeat;
	text-indent: -9999px;
	background-image: url(franchises/new-franchising-opportunities.png);
}
h1 a { 
	position: absolute;
	top: 0;
	left: 435px;
	width: 140px;
	height: 120px;
	display: block;
}
ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
li {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#main_nav {
	width: 969px;
	height: 34px;
	position: absolute;
	top: 103px;
	left: 32px;
	background: url(franchises/2010-navigation-menu.png) 0 0 no-repeat;
}

ul#main_nav li {
	font-size: 80%;
	color: #FFFFFF;
	padding: 0;
	margin: 0;
	list-style-type:none;
}
ul#main_nav li#homepage a{
position: absolute;
 width: 98px;
 height: 34px;
 background: url(franchises/2010-navigation-menu.png) 0 0 no-repeat;
 top: 0;
 left: 8px;
 text-indent: -9999px; 
}

ul#main_nav li#services a{
position: absolute;
 width: 115px;
 height: 34px;
 background: url(franchises/2010-navigation-menu.png) -98px 0 no-repeat;
 top: 0;
	left: 98px;
 text-indent: -9999px; 
}
ul#main_nav li#forums a{
position: absolute;
 width: 166px;
 height: 34px;
 background: url(franchises/2010-navigation-menu.png) -213px 0 no-repeat;
 top: 0;
	left: 213px;
 text-indent: -9999px; 
}
ul#main_nav li#features a{
position: absolute;
 width: 170px;
 height: 34px;
 background: url(franchises/2010-navigation-menu.png) -598px 0 no-repeat;
 top: 0;
	left: 693px;
 text-indent: -9999px; 
}
ul#main_nav li#news a{
position: absolute;
 width: 95px;
 height: 34px;
 background: url(franchises/2010-navigation-menu.png) -768px 0 no-repeat;
 top: 0;
	left: 598px;
 text-indent: -9999px; 
}

ul#main_nav li#contacts a{
position: absolute;
 width: 127px;
 height: 34px;
 background: url(franchises/2010-navigation-menu.png) -863px 0 no-repeat;
 top: 0;
	left: 863px;
 text-indent: -9999px; 
}

ul#main_nav li#homepage a:hover { background: url(franchises/2010-navigation-menu.png) 0 -34px no-repeat;
 }
ul#main_nav li#services a:hover { background: url(franchises/2010-navigation-menu.png) -98px -34px no-repeat;
 }
ul#main_nav li#forums a:hover { background: url(franchises/2010-navigation-menu.png) -213px -34px no-repeat;
 }
ul#main_nav li#features a:hover { background: url(franchises/2010-navigation-menu.png) -598px -34px no-repeat;
 }
ul#main_nav li#news a:hover { background: url(franchises/2010-navigation-menu.png) -768px -34px no-repeat;
 }
ul#main_nav li#contacts a:hover { background: url(franchises/2010-navigation-menu.png) -863px -34px no-repeat;
 }
 
.txtlst {
	margin: 0 40px;
	list-style-position: outside;
	list-style-image: url(franchises/franchise-list.png);
}

a:link {
	text-decoration:none;
	color:#535261;
}
a:visited {
	text-decoration:none;
	color:#535261;
}
a:hover {
	text-decoration:underline;
	color:#535261;
}
h2 {
	font-size: 1.2em;
	}
	
h3 {
	font-size: 1em;
	margin-left: 30px;
	margin-right: 15px;
	}
#news p {
	font-size: 0.8em;
}
.pc p {
	margin-left: 30px;
	margin-right: 15px;
	margin-top: 1em;
	margin-bottom: 3px;
	text-align:justify;
}
.pc cite  {
	margin-top: 0;
	margin-bottom: 10px;
	margin-left: 30px;
	margin-right: 15px;
	font-size: 0.8em;
}
.pc dt {
	margin: 0;
	padding: 0 0 0 30px;
}

.af-form-wrapper {
	position: absolute;
	top: 265px;
	left: 178px;
	width: 150px;
	height: 225px;
	padding: 5px;
	font-size: 0.8em;
	border: #CCCCCC 1px solid;
}
.af-form-wrapper p {
 margin-left: 5px;
}
.af-form-wrapper2 {
	margin: 30px auto;
	width: 150px;
	padding: 5px;
	font-size: 0.8em;
}
.sc h2 {
	margin-top: 25px;
	text-align: center;
}
.sc p {
	font-size: 1em;
	text-align:justify;
}
.nrwpara {
	margin-right: 170px;
}
.wfcbtn {
	margin-top: 8px;
	width: 162px;
	height: 235px;
	border: #CCCCCC 1px solid;
}
.features dt {
	font-size: 0.8em;
	font-weight: bold;
	margin: 10px 0 0 0;
}
.features dd {
	font-size: 0.8em;
	margin: 0;
}
 .siteinfo {
	width: 1031px;
	height: 130px;
	margin: 0 auto;
	padding: 5px 0;
	text-align: center;
	font-size: 0.8em;
	background: url(franchises/franchise-opportunities-mid.png) 0 0 repeat-y;
}
.sliderx {
	width: 986px;
	margin-left: 24px;
	padding-top: 4px;
	border-top: 1px #333333 solid;

}
 .foot {
	width: 1031px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	font-size: 0em;
}
.ft h5 {
	width: 1031px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	font-size: 0.8em;
}
/* ---------------------------------------SLIDING MENU CLASSES */

div.hoverscroll {
	position:relative;
}


/* List container */
div.hoverscroll div.listcontainer {
	overflow:hidden;
}
/* Items contained in the list */
div.hoverscroll ul.list li.item {
	display:block;
	padding:0;
}
div.hoverscroll.horizontal ul.list li.item {
	float:left;
}
#my-list {
margin-left: 20px;
}

#my-list li {
	display: block;
		width: 198px;
		height: 120px;
		background: #fff;
	color: #FFFFFF;
	padding: 0;
	margin: 0;
	list-style-type:none;
}



/* Arrows */
div.hoverscroll div.arrow {
	position:absolute;
	float:none;
	background-color:#ccc;
	background-position:center;
	background-repeat:no-repeat;
	opacity:0.8;
	filter:alpha(opacity=80);
}

div.hoverscroll div.arrow.left,
div.hoverscroll div.arrow.right {
	top:0px;
	width:40px;
	height:100%;
}
div.hoverscroll div.arrow.left {
	left:0px;
	background-image:url('jq/gfx/arrow-left-small.png');
}
div.hoverscroll div.arrow.right {
	right:0px;
	background-image:url('jq/gfx/arrow-right-small.png');
}

div.hoverscroll div.arrow.top,
div.hoverscroll div.arrow.bottom {
	left:0px;
	width:100%;
	height:40px;
}
div.hoverscroll div.arrow.top {
	top:0px;
	background-image:url('jq/gfx/arrow-up-small.png');
	
}
div.hoverscroll div.arrow.bottom {
	bottom:0px;
	background-image:url('jq/gfx/arrow-down-small.png');
}
/* Hover Zones */
/*
div.hoverscroll div.hoverZoneLeft,
div.hoverscroll div.hoverZoneRight,
div.hoverscroll div.hoverZoneTop,
div.hoverscroll div.hoverZoneBottom {
	position:absolute;
}
div.hoverscroll div.hoverZoneLeft {
	cursor: url('jq/gfx/mouse-arrow-left.cur'), w-resize;
	top:0px;
	left:0px;
	width:40%;
	height:100%;
}
div.hoverscroll div.hoverZoneRight {
	cursor: url('jq/gfx/mouse-arrow-right.cur'), w-resize;
	top:0px;
	right:0px;
	width:40%;
	height:100%;
}
div.hoverscroll div.hoverZoneTop {
	cursor: url('jq/gfx/mouse-arrow-up.cur'), n-resize;
	top:0px;
	left:0px;
	width:100%;
	height:40%;
}
div.hoverscroll div.hoverZoneBottom {
	cursor: url('jq/gfx/mouse-arrow-down.cur'), n-resize;
	bottom:0px;
	left:0px;
	width:100%;
	height:40%;
}
*/
/* NEWS TICKER */
/* liScroll styles */

.tickercontainer { /* the outer div with the black border */
width: 986px; 
height: 27px; 
margin: 0 auto; 
padding: 0
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 8px;
width: 946px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 750px;
font: 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
font: bold 10px Verdana;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
} 
.mainnews {
	font-size: 1em;
	
}
.briefs {
	padding-left: 35px;
	font-size: 0.8em;
	}
	
/* SUPPLIER PARTNERS */

.suppliers {
	position: relative;
	width: 352px;
	padding: 5px 0 5px 299px;
	
}
.suppliers h3 {
	font-size: 1.1em;

}
.suppliers li {
height: 125px;
padding: 5px;
margin: 0px;
}

.suppliers img {
	position:absolute;
	height: 120px;
	width: 231px;
}
.adgiants img{
	
	top: 0px;
	left: 40px;
}
.c3b img{
	
	top: 135px;
	left: 40px;
}
.cityone img{
	
	top: 270px;
	left: 40px;
}

.desita img{
	
	top: 415px;
	left: 40px;
}
.dps img{
	
	top: 540px;
	left: 40px;
}
.europg img{
	
	top: 675px;
	left: 40px;
}
.frs img{
	
	top: 810px;
	left: 40px;
}

.franexcel img{
	
	top: 945px;
	left: 40px;
}

.intellevue img{
	
	top: 1080px;
	left: 40px;
}
.javelin img{
	
	top: 1215px;
	left: 40px;
}
.mallexpo img{
	
	top: 1350px;
	left: 40px;
}
.midamr img{
	
	top: 1485px;
	left: 40px;
}
.pseintl img{
	
	top: 1620px;
	left: 40px;
}
.specops img{
	
	top: 1755px;
	left: 40px;
}
.which img{
	
	top: 1890px;
	left: 40px;
}
.wray img{
	
	top: 2025px;
	left: 40px;
}
.xegy img{
	
	top: 2160px;
	left: 40px;
}
/* STRATEGIC PARTNERS */

.partners {
	position: relative;
	width: 352px;
	padding: 5px 0 5px 299px;
	
}
.partners h3 {
	font-size: 1.1em;

}
.partners li {
height: 125px;
padding: 5px;
margin: 0px;
}

.partners img {
	position:absolute;
	height: 120px;
	width: 231px;
}
.midamar img{
	
	top: 0px;
	left: 40px;
}




.subnavh {
	list-style: none;
	font-size: .75em;
	line-height: 1.9em;
	text-align: center;
	padding: 0;
	z-index: 20;
}
.subnavh li {
	list-style: none;
	display: inline;
	padding: 0;
	margin: 0 4px;
	z-index: 20;
	}
/* REGISTRATION FORM FOR THE IFFF */
#ifffreg {
	width:564px;
	margin: 0 auto;

}
.red {
	color: #990000;
	margin-left: 30px;
	margin-right: 15px;
	}
	
.numbered {
	list-style: decimal;
	margin-left: 25px;
}
.formformat input {
	margin: 4px 20px;

}
.announcements {
	margin-left: 80px;
	margin-top: 0;
	margin-bottom: 15px;
	}
hr {
	width: 560px;
	
}