/* -----------------------------------------
	Filename: style.css
	Desscription: Global CSS
	Version: 1
	Updated: 10.17.09
	Website: http://sourapplemedia.com
	Author: sourapplemedia.com

=Color===============================
	Top-Navigation = 	#527241
	Sub-Navigation = 	#192817
	Content-Area =		#f3e6de
	Footer-Area = 		#72ac5c
	Navigation-Text = 	#f3e6de
	Content-Text = 		#527241

------------------------------------------ */

/*--- Layout ---*/


html { 
	background-color: #bfbfbf;
	padding: 0 0 20px 0;
	text-align: center; }
	
body {
	font-family: Verdana;
	font-size: 62.5%;
	margin: 0 auto;
	text-align: left;
	position: relative;
	width: 1000px; }
	
.clear { clear: both; }

/*--- Global ---*/

p, ul, ol, form, address, em, table { font-size: 1.2em; }
p, ul, address { line-height: 160%; }
ul { list-style: none; }

h2 { font-size: 2.2em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.4em;}
h5, h6 { font-size: 1.2em; }

a { color: #527241; }

address { font-style: normal; }

.align-left { float: left; }
.align-right { float:  right; }

/*--------------------------------
--------------------- Header ---*/
#header {
	height: 218px;
	width: 1000px; }
#header h1 { 
	background: transparent url("images/header.png") no-repeat;
	display: block;
	float: left;
	height: 218px;
	line-height: 1000px;
	overflow: hidden;
	width: 1000px; }

/*---------------------------------
------------- Main Navigation ---*/
ul#main-nav {
	background-color: #527241;
	height: 63px;
	list-style: none;
	margin: 0; padding: 0;
	width: 100%; }
ul#main-nav li {
	display: inline; }
ul#main-nav li a { 
	color: #f3e6de;
	height: 63px;
	padding: 15px 30px 20px 20px;
	text-decoration: none; }
ul#main-nav li a:hover { background-color: #192817; }
	
#home-page li.home a { background-color: #192817;}
#about-page li.about a { background-color: #192817;}
#services-page li.services a { background-color: #192817;}
#gift-page li.gift a { background-color: #192817;}
	
/*-----------------------------------
------------------ Content Area ---*/
#content { 
	background: url("images/bg-layout.png");
	position: relative;
	width: 100%; }

/*--- Sub Navigation ---*/
#sub-nav {
 	float: left; 
 	margin: 0 15px 0 0; padding: 20px 0;
 	width: 200px; }
#sub-nav ul { 
	list-style-type: none;
	margin: 0; padding: 0; }
#sub-nav li { margin: 20px 0; }
#sub-nav ul a { 
	color: #f3e6de;
	display: block;
	margin: 20px 0; padding: 10px 20px;
	text-decoration: none;
	}
#sub-nav ul a:hover { background-color: #527241; width: 172px;  }
	
/*--- Main Content ---*/	
#main-content{
	background: #f3e6de;
 	color: #527241;
 	float: left;
 	margin: 0; padding: 20px 20px;
 	width: 480px; }
#main-content ul.align-left { padding: 0; }
#main-content2 { 
	background: #f3e6de;
 	color: #527241;
 	float: left;
 	margin: 0; padding: 20px 20px;
 	width: 700px;}
a.gfbutton { 
	background: url('images/gift-btn.png') no-repeat;
	height: 50px; width: 402px;
	margin: 10px 0; padding: 15px; }
	
/*--- Sub Content ---*/
#sub-content { 
 	background: #f3e6de;
 	color: #527241;
 	float: right;
 	margin: 0; padding: 40px 20px;
 	text-align: right; 
 	width: 220px; }
#sub-content img { margin: 20px 0 20px 0; }


	
/*-----------------------------------
------------------- Footer Area ---*/
#footer {
	background-color: #72ac5c;
	padding: 20px 0;
	width: 1000px; }
#footer p { margin: 0 20px; }