/*

main style sheet containing styles universal to all pages

/* -----------------------------------------------------------------
                        LISTING ORDER
--------------------------------------------------------------------
Universal
Page Structure
Navigation
Headers
Text Treatments
Images
--------------------------------------------------------------------


--------------------------------------------------------------------
						UNIVERSAL
--------------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}

body {
	background-color: #F7FAEA;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	margin: 0 auto;
	text-align: center;
}

br.clearfloat {
	clear: both;
	height: 0;
	overflow: hidden;
}

a {
	color: #C5260D;
	outline: none;
}

a:hover {color: #000;}

/*
PAGE STRUCTURE
======================================================*/

#wrapper {
	background: #fff;
	margin: 0 auto;
	width: 940px;
}

#banner {
	float: left;
	width: 940px; height: 175px;
}

#content {
	color: #474747;
	float: left;
	line-height: 1.9em;
	padding: 20px;
	text-align: justify;
	width: 900px;
}

/*
BANNER AND NAVIGATION
======================================================*/

#logo {	
	background: url(../images/backgrounds/logo2.gif);
	float: left;
	height: 133px;
	text-indent: -9999px;
	width: 760px;
}


#phone {	
	background: url(../images/backgrounds/phone.gif) top right;
	float: left;
	height: 133px;
	text-indent: -9999px;
	width: 180px;
}

#nav {
	float: left;
	padding: 7px 0 0 78px;
	width: 862px; height: 35px;
}

#nav li {
	float: left;
	height: 28px;
	list-style-type: none;
	margin: 0 7px 0 0;
	width: 95px;
}

#nav li a {
	float: left;
	height: 28px;
	text-indent: -9999px;
	width: 95px;
}

.home a {background: url(../images/nav/home.gif)}
.about a {background: url(../images/nav/about.gif)}
.contact a {background: url(../images/nav/contact.gif)}
.order a {background: url(../images/nav/order.gif)}

#nav li a:hover {background-position: 0 -28px;}

/*
HEADERS
======================================================*/

h1, h2 {
	color: #C5260D;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 20px;
	font-weight: normal;
	padding: 0 0 17px 0;
}

/*
CONTENT AREA TEXT
======================================================*/

#content p, #content ul, #content ol {font-size: 1.2em;} 

#content p {
	padding: 0 0 20px 0;
}

#content ul {
	list-style-type: square;
	padding: 0 0 20px 20px;
}

/*
IMAGES
======================================================*/

.right, .far-right {
	float: right;
	margin: 0 0 10px 20px;
}

.far-right { position: relative; left: 20px;}

.left, .far-left {
	float: left;
	margin: 0 20px 10px 0;
}

.far-left { position: relative; left: -20px;}

/*
FOOTER
======================================================*/

#footer-wrapper {
	background: url(../images/backgrounds/footer-wrapper.gif) repeat-x;
	float: left;
	width: 940px; height: 130px;
}

#footer {
	color: #64935B;
	float: left;
	font-size: 1.1em;
	padding: 15px 0 0 20px;
	text-align: left;
	width: 920px; height: 115px;
}

#footer a {color: #64935B;}