/* @group Reset */
* {padding:0; margin:0;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address {margin: 1em 0;}
li, dd {margin-left:1em; padding-bottom:.3em;}
fieldset {padding: .5em;}
/* @end */

/* @group HTML elements */
body {
	font: 11px/110% "Courier New", "Courier", "Lucida Console", Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #322f2e;
background-image: url(../images/main-bg.jpg) ;
background-repeat: repeat ;
	font-weight: bold;
	}
/* @end */

/* @group Links */
a:link {
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
}
a:visited {
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
}
a:hover {
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
}
a:active {
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
}

/* @end */

/* @group Headings */

h1 {
	display: none;
}
/* @end */

/* @group Layout */

#outer-wrapper {
	width: 355px;
	height: 440px;
	margin: 0 auto;
	position: relative;
	padding: 160px 45px 0 400px;
	background: url(../images/home-bg.jpg) top left no-repeat;
	}

#gifts #outer-wrapper{
	background: url(../images/gifts-bg.jpg) top left no-repeat;
}

#corporate #outer-wrapper{
	background: url(../images/corporate-bg.jpg) top left no-repeat;
}

#personal #outer-wrapper{
	background: url(../images/personal-bg.jpg) top left no-repeat;
}

#weddings #outer-wrapper{
	background: url(../images/weddings-bg.jpg) top left no-repeat;
}

#funerals #outer-wrapper{
	background: url(../images/funeral-bg.jpg) top left no-repeat;
}

#contact #outer-wrapper{
	background: url(../images/contact-bg.jpg) top left no-repeat;
}

#content {
	width: 350px;
}

p.intro {
	font-size: 20px;
	line-height: 120%;
}
/* @group funerals */

#funerals .indent {
	margin-right: 155px;
}

#funerals p.intro {
	margin-right: 140px;
}

/* @end */
/* @group weddings */

#weddings .indent {
	margin-right: 155px;
}

#weddings p.intro {
	margin-right: 140px;
}

/* @end */

/* @group personal */

#personal .indent {
	margin-right: 140px;
}

#personal p.intro {
	margin-right: 140px;
}

/* @end */
/* @group corporate */

#corporate .indent {
	margin-right: 140px;
}

#corporate p.intro {
	margin-right: 140px;
}

/* @end */

/* @group gifts */

#gifts .indent {
	margin-right: 120px;
}

#gifts p.intro {
	margin-right: 100px;
}

#gifts ul {
	font-size: 16px;
}

/* @end */

/* @group contact*/

#contact p.intro {
	font-size: 14px;
}

/* @end */

/* @group home  */

#home p.intro {
	font-size: 12px;
	color: #fff;
	line-height: 120%;
}

#home .indent {
	margin-right: 128px;
	display: block;
}

/* @end */

div#contact-info {
	display: none;
}
/* @end */

/* @group nav
 */
 
#nav {
	position: absolute;
	top: 25px;
	right: 15px;
	width: 432px;
}

#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}

#nav ul li {
	margin: 0;
	padding: 0;
	float: left;
}

#nav ul li a {
	display: block;
	height: 121px;
	text-indent: -5000px;
}

#nav ul li.home a {
	width: 73px;
	background: url(../images/home.png) top left no-repeat;
}

#nav ul li.gifts a {
	width: 52px;
	background: url(../images/gifts.png) top left no-repeat;
}

#nav ul li.corporate a {
	width: 71px;
	background: url(../images/corporate.png) top left no-repeat;
}

#nav ul li.personal a {
	width: 57px;
	background: url(../images/personal.png) top left no-repeat;
}

#nav ul li.weddings a {
	width: 48px;
	background: url(../images/weddings.png) top left no-repeat;
}

#nav ul li.funerals a {
	width: 72px;
	background: url(../images/funerals.png) top left no-repeat;
}

#nav ul li.contact a {
	width: 59px;
	background: url(../images/contact.png) top left no-repeat;
}

#nav ul li a:hover, #home #nav ul li.home a, #gifts #nav ul li.gifts a, #corporate #nav ul li.corporate a, #personal #nav ul li.personal a, #weddings ul li.weddings a, #funerals #nav ul li.funerals a, #contact #nav ul li.contact a {
	background-position: 0 -121px;
}

/* @end */

/* @group form */

form {

}

form p label {
	width: 80px;
	float: left;
	clear: left;
	margin-top: 0;
	
}
input, textarea {
	border: 1px solid #322f2e;
	width: 250px;
	float: right;
	clear: right;
}
input.submit {
	width: 100px;
	cursor: pointer;
	margin-top: 10px;
}

/* @end */