@charset "utf-8";
/* CSS Document */
body  {
	font: 100% Helvetica, Arial, sans-serif;
	background: #000;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #FFFFFF;
}
#sidebar1 {
	float: right;
	width: 200px;
	margin-right: 20px;
	padding: 10px;
	display:inline;
}
#top_content {
	padding-top: 20px;
	padding-left: 60px;
	padding-bottom: 20px;
	background: transparent;
}

#top_content2 {
	top: 0px;
	left: 60px;
	width: 600px;
	height: 150px;
	background-image:url(../images/top_content2.png);
	position:relative;
}

#top_content_info {
	top: 15px;
	left: 64px;
	width: 200px;
	height: 80px;
	position:relative;
}

#top_content_info2 {
	top: -65px;
	left: 345px;
	width: 200px;
	height: 80px;
	float:left;
	position:relative;
}

#mainContent #content {
	background-color: #000000;
	padding-left: 20px;
	padding-top: 10px;
	top: 20px;
	padding-right: 10px;
	font-size: 90%;
	position:relative;
}
#content h1 {
	font-size: 125%;
}
#content ul {
	list-style-image: url(../images/bullet.png);
	list-style-position: inside;
}
.header_bullet {
	float: left;
	margin: -5px 0 0 0;
	padding: 0 5px 0 0;
}
#sidebar1 h3 {
	font-size: 125%;
	font-weight: bold;
}


#contentLeft  {
	margin: 0 0 0 15px;
	list-style-position:outside;
	float: left ;
	top: 75px;
	width: 250px;
	height:200px;
	position:absolute;
	
}

#contentRight{
	margin: 0 0 0 15px;
	list-style-position:outside;
	float: right;
	top: 75px;
	width: 250px;
	left: 300px;
	height:200px;
	position:absolute;
	
}




#container { 
	width: 960px;  
	background: #FFFFFF url(../images/container_bg.jpg) repeat-y;
	margin: 0 auto;
	border: 1px solid #000000;
	text-align: left; 
} 
#header {
	background-image: url(../images/header_bg.jpg);
	height: 147px;
}
#header #menu {
	margin: 30px 0 0 0;
	height: 75px;
	float:right;
	width:572px;
}
 #header #menu ul a {
	color: #000000;
	text-decoration: none;

}
 #header #menu ul {
	list-style: none;
}
 #header #menu li {
	display: inline;
}
#header #menu .home a {
	background-image: url(../images/home.png);
	background-repeat: no-repeat;
	width: 96px;
	float: left;
	height: 75px;
}
 #header #menu .home a:hover {
	background-image: url(../images/home.png);
	background-repeat: no-repeat;
	background-position: 0px -75px;
}
 #header #menu .about a {
	background-image: url(../images/about.png);
	background-repeat: no-repeat;
	width: 100px;
	float: left;
	height: 75px;
}
 #header #menu .where a {
	background-image: url(../images/where.png);
	background-repeat: no-repeat;
	width: 118px;
	float: left;
	height: 75px;
}
 #header #menu .franchise a {
	background-image: url(../images/franchise.png);
	background-repeat: no-repeat;
	width: 141px;
	float: left;
	height: 75px;
}
 #header #menu .contact a {
	background-image: url(../images/contact.png);
	background-repeat: no-repeat;
	width: 116px;
	float: left;
	height: 75px;
}
 #header #menu .about a:hover {
	background-image: url(../images/about.png);
	background-repeat: no-repeat;
	background-position: 0px -75px;
}
 #header #menu .where a:hover {
	background-image: url(../images/where.png);
	background-repeat: no-repeat;
	background-position: 0px -75px;
}
 #header #menu .franchise a:hover {
	background-image: url(../images/franchise.png);
	background-repeat: no-repeat;
	background-position: 0px -75px;
}
 #header #menu .contact a:hover {
	background-image: url(../images/contact.png);
	background-repeat: no-repeat;
	background-position: 0px -75px;
}
#header img {
	float: left;
	padding: 20px 0 0 0;
}
 #mainContent {
	width: 640px;
	padding: 0 0 20px 40px;
	
}
 #footer {
	padding: 140px 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background: url(../images/footer_bg.jpg) #000 no-repeat;
} 
#container #footer a {
	color: #FFFFFF;
}
#footer #copyright {
	font-size: 80%;
}
#footer #menu {
	font-size: 80%;
}

#footer #address {
	font-size: 80%;
}

.style1 {
	color: #F78F1C;
	font-weight: bold;
}
#sidebar1 .contacts {
	width:200px; 
	margin:16px 0 0 0; 
	padding:0px; 
	float:left
}
#sidebar1 .contacts h2{width:200px; margin:0px; padding:0 0 3px 0; float:left; font-family: Helvetica, Arial, sans-serif; font-size:20px; color:#F78F1C; line-height:24px; font-weight:normal}
#sidebar1 .contacts input{width:191px; height:17px; margin:7px 0 0 0; padding:3px 0 0 9px; float:left; font-family:Arial; font-size:10px; color:#363636; border:0px; background:#f3efc0}
#sidebar1 .contacts textarea{width:191px; height:58px; margin:7px 0 0 0; padding:3px 0 0 9px; float:left; font-family:Arial; font-size:10px; color:#363636; border:0px; background:#f3efc0}
#sidebar1   .contacts   .submit-button{width:55px; height:16px; margin:10px 0 0 0; margin-left:5px; padding:0px; float:left; font-family:Arial; font-size:10px; color:#000000; line-height:14px; text-align:center; text-decoration:none; border:#bdbcbd solid 1px; background:#FFFFFF}
#sidebar1 .contacts a:hover{background:#cccccc}
.style2 {
	font-size: 75%
}
.style3 {
	font-weight: bold;
}
.img_right {
	float: right;
	border: 3px solid #F78F1C;
	margin: 5px;
}
#container #footer a:hover {
	color: #F78F1C;
}
#container #footer a:visited {
	color: #FFFFFF;
}
#sidebar1  .contacts  #messageSent {
	font-size: 80%;
	display: none;
}
a {
	color: #FFFFFF;
}
a:hover {
	color: #F78F1C;
}
a:visited {
	color: #FFFFFF;
}
#contact #email_form input, #contact #email_form textarea {
	padding: 5px;
	width: 250px;
	font-family: Helvetica, sans-serif;
	font-size: 1em;
	margin: 0px 0px 5px 0px;
	border: 2px solid #ccc;
}

#contact #email_form textarea {
	height: 90px;
}

#contact #email_form textarea:focus, #contact #email_form input:focus {
	border: 2px solid #900;
}

#contact #email_form input.submit-button {
	width: 80px;
	float: right;
	margin-right: 45px;
}

#contact #email_form label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 75px;
	padding-top: 5px;
	font-size: 1em;
}
#contact #email_form {
	padding: 10px 10px 30px 10px;
	width: 400px;
	display: block;
	margin: auto;
}