/*
	BALCATTA MOWERS
*/

@import url('innerpage.css');

/*	LAYOUT STYLES	*/
* {
	padding: 0;
	margin: 0;
}/* this will reset all elements to margin/padding = 0 */

body {
	margin: 0;
	padding: 0;
	color: #3A4703;
	font-size: 11px;
	line-height: 150%;
	text-align: center;
	background-color: #354200;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#container {
	margin: 0 auto;
	padding: 0;
	width: 765px;
	background-color: #FFFFFF;
}

.clear {
    clear: both; 
    display: block; 
}

.hidden {
	display: none;
}

img {
	border: none;
}

a {
	color: #657e00;
}

a:hover {
	color: #FF7E00;
	text-decoration: none;
}

hr {
	border: none;
	margin: 0 30px;
	border-bottom: 1px solid #657E00;
}

#text h2.back { font-size: 13px; float: right; text-align: right; padding-right: 15px; margin-top: -52px; }

/*	HEADER STYLES	*/
#header {
	width: 765px;
	height: 156px;
	background: url(../images/home/header_bg.gif) center top;
}

#header img#logo {
	float: left;
	display: block; 
	padding: 27px 0 0 19px;
}

#header img#phone_number {
	float: right;
	display: block; 
	padding: 75px 10px 5px 0;
}


/*	NAVIGATION STYLES	*/
#nav {
	clear: both;
	width: 750px;
	height: 70px;
	margin: 0 5px 0 10px;
}

#nav ul li {
	list-style-type: none;
	display: inline;
	float: left;
}

#nav ul li a {
	display: block;
	height: 35px;
}

#nav ul li a:hover {
	background-position: 0 -35px !important;
}

#nav ul li#home a {
	background: url(../images/nav/home.gif);
	width: 81px;
}

#nav ul li#specials a {
	background: url(../images/nav/specials.gif);
	width: 198px;
}

#nav ul li#products a {
	background: url(../images/nav/products.gif);
	width: 108px;
}

#nav ul li#contact a {
	background: url(../images/nav/contact.gif);
	width: 116px;
}


/*	CONTENT STYLES	*/
#buttons {
	margin: 21px 0 30px 28px;
}

#buttons ul li {
	list-style: none;
	float: left;
	margin: 10px;
}

#content_home {
	width: 765px;
	text-align: left;
}

#content_home img#title {
	margin: 19px 0 0px 35px;
}

#text_home {
	float: left;
	width: 495px;
	margin-left: 38px;
}

#text_home p {
	margin: 5px 0 18px 0;
}

#text_home ul {
	padding-left: 10px;
	margin: -15px 0 20px 20px;
}

#text_home ul li {
	list-style: url(../images/bullet.gif);
}

#serviced {
	float: left;
	margin-right: 60px;
}

#repairs {
	margin: 25px 0 0 0;
}

#repairs ul li {
	margin-left: 30px;
}

#logos_home {
	float: right;
	width: 161px;
	text-align: center;
	margin: 8px 33px 0 0;
}

#logos_home ul li {
	list-style-type: none;
	margin: 9px 0;
}

/*	FOOTER STYLES	*/
#footer {
	padding-bottom: 20px;
	color: #A6A6A6;
	font-size: 9px;
	text-align: left;
	font-weight: bold;
	border-top: 1px solid #E0E0E0;
}

#footer p {
	margin: 10px 0 0 10px;
}

#footer a {
	color: #A6A6A6;
	font-weight: bold;
	text-decoration: none;
}

#footer a:hover {
	color: #657e00;
	text-decoration: underline;
}

img#webfirm_logo {
	margin: 10px 10px 0 0;
}

/* NEW FLASH SETTINGS */
#flash-banner { width: 750px; height: 219px; margin-bottom: 21px; margin-left: 10px; display: block; float: left; }
#flash-cta { width: 750px; height: 75px; margin-bottom: 30px; margin-left: 10px; display: block; float: left; }
#flash-cta img { float: left; width: 218px; margin-left: 24px; }