/**************************************************
Custom css/styles created for Kolache Factory Franchise
(c)Schipul - The Web Marketing Company
http://www.schipul.com

Creators of Tendenci Software
http://www.tendenci.com

****************************************************



= ******************************************************************************************************* Begin Custom styles */

body {
font-size: 62.5%;
background: url(../images/home/bodybg.jpg) top left repeat-x #D19657;
padding: 0px;
margin: 0px;
outline: 0px;
}

div#wheat {
width: 100%;
height: 291px;
background: url(../images/home/wheatbg.jpg) no-repeat top center;
padding: 0px;
margin: 0px;
}


div#skiptocontent {
     position: absolute;
     left: -9999px;
}

/* = ********************************************************************** Header/top container */

div.wrapping {
width: 898px;
margin: 0px auto;
background: url(../images/home/wrapbg.jpg) top left repeat-y;
}

div.logotop { width: 538px; height: 26px; float:left; background:url(../images/home/logo_top.jpg) top left no-repeat; }
div.consumers {  width: 214px; height: 26px; float:left; background:url(../images/home/consumer_site.jpg) top left no-repeat;} 
div.topright { width: 146px; height: 26px; float:left; background:url(../images/home/top_right.jpg) top left no-repeat; }

div.logo { clear: both; float:left; width: 277px; height:114px; background:url(../images/home/logo.jpg) top left no-repeat;}
	div.logo img, div.consumers img { border:0px; vertical-align:top;}

div.tag { width: 431px; height: 114px; float:left; background:url(../images/home/logo_tag.jpg) top left no-repeat;}
div.tagright {width:190px; height: 114px; float:left; background:url(../images/home/logo_cloth_right.jpg) top left no-repeat;}

div.navbg { clear: both; width: 898px; height: 82px; background:url(../images/home/navbg.jpg) top left no-repeat; float:left;}
div.navspace { width: 898px; height:44px; background:url(../images/home/nav_space.jpg) top left no-repeat; float:left;}
div.navspace_t { width: 898px; height:44px; background: url(../images/template/space_t.jpg) top left no-repeat; float:left;}

/* = ********************************************************************** Content Area */
div.contentwrap {
width: 898px;
float:left;
margin: 0px;
padding: 0px;
background: url(../images/home/wrapbg.jpg) top left repeat-y;
}
div.contentwrap_t {
width: 898px;
float:left;
margin: 0px;
padding: 0px;
background: url(../images/template/wrapperbg_t.jpg) top left repeat-y;
}

div.content_left {
width: 701px;
float:left;
}

	div.content_title { width: 458px; height: 63px; float:left; background:url(/images/home/content_title.jpg) top left no-repeat; }
	div.contact_tag { width: 243px; height: 63px; float: left; background:url(/images/home/contact_tag.jpg) top left no-repeat;}
		div.contact_tag p {color:#FFF; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; text-align:center;
							margin:10px 4px 0px 0px; line-height: 18px;}
	
	div.watch_holder { width: 224px; height:176px; float:left; background:none; margin: 12px 25px 25px 34px; border: 7px solid #761413; }
		div.watch_holder img {border: 0px; vertical-align:top; }
	
	div.content_info { width: 337px; float:left; margin: 12px 0px 0px 0px; color: #000;}
		div.content_info p {font-family: Arial, Helvetica, sans-serif; color: #000; margin-top: 0px; margin-bottom:8px; }
		div.content_info a {color:#333; }
		div.content_info a:hover {color: #7F1115; }
		div.content_info ul {margin: 0px; padding:0px; width:337px; float:left }
		div.content_info li {list-style: none; background:url(../images/home/list_dot.jpg) top left no-repeat; 
							padding: 0px 0px 0px 22px; margin:0px; display:block; height:25px;font-family: Arial, Helvetica, sans-serif; color: #000; font-size: 12px;}
							p.indenting {padding-left: 20px; display:block }
		div.content_buttons { width: 308px; clear:both; float:left; margin: 30px 0px 15px 9px; }
			div.content_buttons img {border:0px; vertical-align:top; }
			
	
	div.lowercontent_left {
	width: 328px;
	float:left;
	margin: 23px 0px 0px 34px;
	padding:0px;
	} 
	div.lowercontent_left img {border:0px; vertical-align:bottom; float:left; }
		div.getstarted { background-color:#DFC18F; width: 247px; margin: 0px 0px 0px 60px; padding: 0px 0px 25px 20px; vertical-align:top; }
		div.getstarted p {font: Arial, Helvetica, sans-serif #000 12px; margin-top:10px; }
		div.getstarted ul {margin:0px; padding:0px; width: 200px;}
		div.getstarted ul li {list-style: none; display:block; line-height: 18px;}
		div.getstarted ul li a {color: #7F1115; font-family:Arial, Helvetica, sans-serif; font-size: 12px; 
								font-weight:bold; text-decoration:none; }
		div.getstarted ul li a:hover {font-size: 12px; text-decoration:underline;}
		div.getstarted a { color: #000; text-decoration: underline; font-size: 11px;}
		div.getstarted a:hover {color: #7F1115; font-size: 11px;  }
		
		div.realtors {clear:both; float:left; width:328px; margin:20px 0px 30px 0px; }
		div.realtors img {border: 0px; vertical-align:top; float:left;} 
		div.realtors a {color: #7F1115; font-weight: bold; display: block; margin: 30px 0px 0px 0px; }
		div.realtors a:hover {color: #000;}
		div.realtors p {width: 270px; float:right; margin-top:10px; }
		
	div.lowercontent_right{
	width: 295px;
	float:left;
	margin: 35px 0px 0px 0px;
	padding:0px;
	} 	
		div.opportunities { width:235px; margin: 0px 0px 0px 0px; float:right; padding:0px; }
		div.opportunities_top { width: 235px; height: 106px; margin:0px; float:left; 
								background:url(../images/home/opps_top.jpg) top left no-repeat;}
		div.opportunities_top a {color: #FFF; display: block; width:180px; padding-top: 60px; padding-left: 35px;}
		div.opportunities_top a:hover {color: #E8B16D;}
		div.opportunities_btm { width: 235px; height: 156px; margin: 0px; float:left; 
								background: url(../images/home/opps_btm.jpg) top left no-repeat;}
		div.press_releases { width: 295px; margin: 15px 0px 0px 0px; float:left;}
		div.press_feed {width: 230px; margin: 0px 0px 0px 60px;}
			div.press_feed a {color: #000; text-decoration: none; display: block; margin-bottom: 12px;}
			div.press_feed a:hover {color: #7F1115;}
	
	div.footerarea {
	width: 701px;
	clear:both;
	text-align: center;
	font-size: 11px;
	}
		div.footerarea a { color: #7F1115; font-size: 11px; }
		div.footerarea a:hover {color:#000;}
		div.footerarea p {color: #7F1115; display: block; width: 550px; text-align:left; margin-left: 80px; font-size: 11px; margin-bottom: 25px; margin-top:20px;}
		 


div.content_right {
width: 197px;
float:left;
margin: 0px;
padding:0px;
}

		div.newfranchise { width: 197px; background:url(../images/home/new_franchise.jpg) top left no-repeat; 
							padding-top:80px;}
		div.newfranchise img { margin: 0px 0px 10px 19px; float:left; clear:both; padding:0px; }
		div.newfranchise p { float:left;  padding: 0px 0px 0px 8px; margin: 0px; width:83px; color:#FFF; font-weight:bold;}
		div.newfranshise a, div.clear_franchise a {color:#FFF; font-weight:bold;}
		div.clear_franchise {clear:both; margin:0px 0px 10px 0px; padding:0px; display:block; height: 100%; }
		div.clear_franchise a:hover {color:#7F1115;}
		div.clear {clear:both; margin: 0px; padding:0px; }
		.columnlink {color: #FFF; font-weight:bold; text-decoration: none; margin-left: 19px; display:block;}
		
		div.faq {width: 197px; float:left; margin-top:25px; }
		div.faq img {border: 0px; vertical-align: top;}
		div.faq ul {width: 148px; margin: 0px 0px 0px 30px; padding:0px; }
		div.faq ul li { list-style: none; display: block; padding: 0px 0px 10px 0px; margin:0px; }
		div.faq ul li a {color:#FFF;}
		div.faq ul li a:hover {color: #7F1115;}
		
		div.realtor-right {width: 197px; float:left; margin-top:25px; }
		div.realtor-right img {border: 0px; vertical-align: top;}
		div.realtor-right ul {width: 148px; margin: 10px 0px 0px 30px; padding:0px; }
		div.realtor-right ul li { list-style: none; display: block; padding: 0px 0px 10px 0px; margin:0px; }
		div.realtor-right ul li a {color:#FFF;}
		div.realtor-right ul li a:hover {color: #7F1115;}
	


#hotspot {
	margin-top: 80px;
	min-height:380px;
}




/* = ********************************************************************** TEMPLATE STUFF */


div#bodycontent {
width: 550px;
margin-left: 80px;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
color: #000000;

}

		div#bodycontent h1,{
		color: #540206;
		margin-bottom: 0px;
		}
		
		div#bodycontent a {color:#7F1115;}
		div#bodycontent a:hover { color:#999;}

div#topofnav {
width: 898px;
height: 22px;
background: url(../images/template/temp_topofnav.jpg) no-repeat;
float: left;
margin: 0px;
padding: 0px;
}

div#temp_nav_left {
float: left;
height: 60px;
width: 89px;
background: url(../images/template/temp_left_nav.jpg) no-repeat;
margin: 0px;
padding: 0px;
}

div#temp_nav_bg {
float: left;
height: 60px;
width: 499px;
background:url(../images/template/temp_nav_bg.jpg) no-repeat;
margin: 0px;
padding: 0px;
}

div#temp_nav_right {
float: left;
height: 60px;
width: 310px;
background:url(../images/template/temp_nav_right.jpg) no-repeat;
margin: 0px;
padding: 0px;
}

div#bodybottom {
width: 898px;
height: 5px;
background: url(../images/template/body_bottom.jpg) no-repeat;
margin: 0px auto;
padding: 0px;
}

div#temp_footer {
width: 898px;
background:url(../images/template/footer_t.jpg) repeat-y left top;
margin: 0px auto;

}




/* = **************************************Tendenci Stuff**************************************************************************/


.titles {  font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #7F1115;}
.subtitles {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
}
.body_copy {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000}
.currency {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; text-align: right}
.bold_body_copy {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000; text-decoration: none}
.bold_body_copy_blue {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #003366; text-decoration: none}
.big_body_copy {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; text-decoration: none}
.links {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #993300}
.copyright {  font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #CCCCCC}
.breadcrumbs {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #999999}
.body_copy_alerts { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FF0000}
.body_copy_invert { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF}
.yellow_body_copy {  background-color: #FFFF00; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #000000}
.reports {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none}
.reports_big_body_copy { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none }
.reports_subtitles { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #000000}
.reports_titles { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #000000}

	 

.color1 {
	background-color: #993300;
}
.color2 {
	background-color: #999999;
}
.logo {
	background-image: url(/images/logo.gif);
	background-repeat: no-repeat;
}


a { 	
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #993300
	}
	
p { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000;

}

li { 
	font-family: Arial, Helvetica, sans-serif; 

	color: #000000;
}

h1 {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 18px; 
	font-weight: bold; 
	color: #993300
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #AC753C;
}

h3 {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	font-weight: bold; 
	color: #FFF; 
	text-decoration: none
	}

h4 {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
	color: #000000; 
	text-decoration: none
	}

h5{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold; 
	color: #003366; 
	text-decoration: none
	}

td { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000;
	margin: 0px;
	padding: 0px;
}

input{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000
}

textarea{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000
}


select{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000
}

ul { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000;

}

li { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000;

}