/* CSS Document */

/* TABLE OF CONTENTS

01 - Global Elements
02 - Main Structure - Wrappers, Containers, Columns, clearfix
03 - Header - Header, Logo, navigation
04 - Typography - Home page, Interior pages
05 - Main Content - Home page, Interior pages
06 - Contact Form 
07 - Footer - Copyright

*/

/* ---------------- 01 - Global Elements ---------------- */

a {
color:#751f05;
border: none;
text-decoration:none;}

b {
color:#ac7b14;}

body {
height:100%;
background: #2c0400 url(../images/backgroundimage.png) repeat-x scroll 50% 0;
color: #211b15;
margin:0;
}

html {
height:100%;
margin:0;
padding:0;}

/* for ie 7 
#container {height:100%;}*/
	

p {font-family:Arial,Helvetica,sans-serif;
}

a:hover {
text-decoration:underline;}

img{
border: none;
text-decoration:none;
}

/* misc classes */

.right {
margin-right:-1px;
float:right;}
	
.float {
float:right;
padding-right:25px;}

.separator {
padding-left:40px;}

.tagline {
padding:0px 0px 15px 20px;
}

.middle-line {
float:left;
margin-top:-20px;}


/* ----------------  02 - Main Structure - Wrappers, Containers, Columns, clearfix ---------------- */


/* Body Wrapper */

#bodywrap {
width: 990px;
margin-top: 0px;
margin-right: auto;
margin-bottom:0px;
margin-left: auto;
padding-bottom:20px;
}

/* container used to keep footer flush at bottom */

#container {
min-height:100%;
position:relative;
}

.clear {
height:0px;
clear:both;}

/* ---------------- 03 - Header - Header, Logo, navigation ---------------- */

#header-wrapper {
text-align:center;
margin:0px;
padding:0px;
width:100%;
height:134px;
padding-top:10px;
border-bottom:2px solid #ff9842;
background: url(../images/header-background.png) repeat-x scroll 50% 0;}

#header{
margin:0px auto 0px auto;
padding-left:300px;
width:680px;
}

#contact-information {
float:right;
margin-top:0px;
width:250px;}
	
#contact-information p {
font-size:11px;	
padding-bottom:20px;
color:#AF7474;
display:inline;}
	
#contact-information a {
color:#AF7474;
}

#contact-information img {
margin-top:0px;
margin-bottom:-10px;
}

/* main navigation */

#nav {
height:70px;
width:990px;
float:left;
}
	
#nav a:hover {
color:#960;
text-decoration:underline;}

#nav ul {
margin-top:0px;
padding:0;
list-style-type:none;
}

#nav li {
display:block;
float:left;
margin:0;
padding-top:12px;
height:75px;
text-transform:uppercase;	
font-family:'georgia';
font-size:14px;}

#nav li a{
color:#E99567;}

#nav li.home {
width:72px;
padding-left:24px;}

#nav li#home {
background:url(../images/nav.png) no-repeat -5px 0px;}

#nav li.about {
width:82px;
padding-left:25px;
}

#nav li#about {
background:url(../images/nav.png) no-repeat -106px 0px;}

#nav li.whatis {
width:191px;
padding-left:20px;}
#nav li#whatis {
background:url(../images/nav.png) no-repeat -211px 0px;}

#nav li.howit {
width:128px;
padding-left:20px;
}
#nav li#howit {
background:url(../images/nav.png) no-repeat -425px 0px;}

#nav li.hostess {
width:176px;
padding-left:20px;
}
#nav li#hostess {
background:url(../images/nav.png) no-repeat -570px 0px;}

li#hostess a, li#howit a, li#locations a, li#faq a, li#whatis a, li#about a, li#home a {
color:white;}

#nav li.locations {
width:110px;
padding-left:20px;}
#nav li#locations {
background:url(../images/nav.png) no-repeat -767px 0px;}


#nav li.faq {
width:74px;
padding-left:27px;
}

#nav li#faq {
background:url(../images/nav.png) no-repeat -900px 0px;}


/*
#nav li.parties {
width:99px;
padding-left:20px;
background:url(../images/over.png) no-repeat -88px -8px;}*/

/* ---------------- 04 - Typography ---------------- */


/* h tags */

h1.home-text {
padding-top:131px;
width:345px;
margin-left:30px;
background:url(../images/home-header.png) no-repeat 20px 1px;}	

h1.about-us {
padding-top:40px;
margin-left:20px;
margin-bottom:0px;
background:url(../images/aboutus.png) no-repeat 90px 1px;}	

h1.thank-you {
padding-top:40px;
margin-left:20px;
margin-bottom:0px;
background:url(../images/thankyou.png) no-repeat 70px 1px;}	

h1.locations {
padding-top:40px;
margin-left:20px;
margin-bottom:0px;
background:url(../images/locations.png) no-repeat 110px 1px;}	

h1.what-we-buy-header {
padding-top:40px;
margin-left:20px;
margin-bottom:0px;
background:url(../images/whatwebuyheader.png) no-repeat 80px 1px;}	

h1.whatisagoldparty {
padding-top:40px;
margin-left:20px;
margin-bottom:0px;
background:url(../images/whatisagoldparty.png) no-repeat 40px 1px;}	

h1.howitworks {
padding-top:40px;
margin-left:20px;
margin-bottom:0px;
background:url(../images/howitworks.png) no-repeat 90px 1px;}	

h1.hostess-incentives {
padding-top:40px;
margin-left:20px;
margin-bottom:0px;
background:url(../images/hostess-incentives.png) no-repeat 50px 1px;}	

h1.faq {
padding-top:40px;
margin-left:20px;
margin-bottom:0px;
background:url(../images/faqs.png) no-repeat 153px 1px;}	

h1.about-sophia {
padding-top:40px;
margin-left:20px;
margin-bottom:20px;
background:url(../images/aboutsophiagold.png) no-repeat 15px 1px;}	

h1.bookaparty{
padding-top:40px;
margin-left:20px;
margin-bottom:20px;
background:url(../images/book-a-party.png) no-repeat 65px 1px;}	


h2.yes {
padding-top:60px;
margin-left:20px;
margin-bottom:20px;
background:url(../images/yes.png) no-repeat 0px 1px;}	

h1, h2 {
height:0;
margin:0;
overflow:hidden;
}

h4 {
color:#c89324;
font-family:"Gill Sans Light","GillSans-Light","Gill Sans",Arial,Helvetica,sans-serif;
font-weight:lighter;
font-size:25px;
line-height:28px;
margin:20px 0px 0px 50px;
padding-bottom:10px;}

#middle-bar h3 {
height:0;
margin:0px 0px 20px 0px;
overflow:hidden;
}
	
#middle-bar h3 a {
color:#333;}

#middle-bar h3.incentives, #middle-bar h3.whatwebuy, 
#middle-bar h3.bookaparty, #middle-bar h3.one, 
#middle-bar h3.two, #middle-bar h3.three,
#middle-bar h3.host-commission, #middle-bar h3.refreshments,
#middle-bar h3.bonus  {
padding-top:31px;
width:270px;}

#middle-bar h3.incentives  {
background:url(../images/hostessincentives.png) no-repeat 40px 0px; }

/*#middle-bar h3.incentives a  {
padding-top:31px;
width:270px;
 }*/

#middle-bar h3.whatwebuy {
background:url(../images/whatwebuy.png) no-repeat 60px 0px; }

/*#middle-bar h3.whatwebuy a{
padding-top:31px;
width:270px; }*/

#middle-bar h3.bookaparty {
background:url(../images/bookaparty.png) no-repeat 70px 0px; }

#middle-bar h3.one {
background:url(../images/invite.png) no-repeat 10px 0px; }

#middle-bar h3.two {
background:url(../images/examine.png) no-repeat 40px 0px; }

#middle-bar h3.three {
background:url(../images/getpaid.png) no-repeat 70px 0px; }

#middle-bar h3.host-commission {
background:url(../images/10percent.png) no-repeat 0px 0px; }

#middle-bar h3.refreshments {
background:url(../images/refreshments.png) no-repeat 0px 0px; }

#middle-bar h3.bonus {
background:url(../images/bonus.png) no-repeat 50px 0px; }

/*
#middle-bar h3.bookaparty a {
padding-top:31px;
width:270px;
 }*/
 

/* ---------------- 05 - Main Content - Home page, Interior pages ---------------- */

/* main content area */

#mainCol {
width:948px;
min-height:180px;
padding:10px 0px 0px 0px;
background-image:url(../images/photo.jpg);
background-repeat:no-repeat;
background-position:393px 11px;}

#mainCol.map {
width:948px;
min-height:450px;
padding:10px 0px 0px 0px;
background-image:url(../images/locations.jpg) ;
background-repeat:no-repeat;
background-position:393px 11px;}

#mainCol.book-a-party {
width:948px;
min-height:580px;
padding:10px 0px 0px 0px;
background-image:url(../images/bookaparty.jpg) ;
background-repeat:no-repeat;
background-position:393px 11px;}

#mainCol.what-we-buy {
width:948px;
min-height:580px;
padding:10px 0px 0px 0px;
background:url(../images/whatwebuy.jpg) no-repeat 393px 11px;}

#mainCol.how-it-works {
width:948px;
min-height:180px;
padding:10px 0px 0px 0px;
background:url(../images/money2.jpg) no-repeat 393px 11px;}

#mainCol.whatisa {
width:948px;
min-height:180px;
padding:10px 0px 0px 0px;
background:url(../images/howitworks.jpg) no-repeat 393px 11px;}

#mainCol.faqs {
width:948px;
min-height:180px;
padding:10px 0px 0px 0px;
background:url(../images/faq.jpg) no-repeat 393px 11px;}

#mainCol.aboutus {
width:948px;
min-height:180px;
padding:10px 0px 0px 0px;
background:url(../images/money1.jpg) no-repeat 393px 11px;}

#mainCol.hostessincentives{
width:948px;
min-height:180px;
padding:10px 0px 0px 0px;
background:url(../images/home.jpg) no-repeat 393px 11px;}
	
/* container design elements */

#content-wrap {
margin-top:0px;
width:948px;
padding:15px;
background:url(../images/transparentbox.png) repeat;}
	
#top-shadow {
width:948px;
height:16px;
margin-bottom:-1px;
background:url(../images/middlebarline.png) no-repeat 0px 2px;}

#bottom-shadow {
width:948px;
height:16px;
background: url(../images/bottombarline.png) no-repeat 0px 1px;}

#middle-bar {
float:left;
width:948px;
min-height:173px;
background-image: url(../images/middleimage.jpg);
background-repeat:repeat;
background-position: 0px -1px;
margin:0px;
}

#shadow-top {
width:948px;
height:33px;
background:url(../images/top.jpg) no-repeat 0px 1px;}

#shadow-middle{
width:948px;
background: url(../images/bottom.jpg) no-repeat;
height:auto;margin:0px;padding:0px;}

#bottom-content {
width:948px;
background:white url(../images/bottombackground.jpg) no-repeat 2px bottom;
min-height:20px;margin:0px;padding:0px;}

#shadow-end {
width:948px;
height:42px;
background:white url(../images/bottomcorners.jpg) no-repeat 2px 0px;}

 /* List Items */

#mainCol ul.bullets li, #mainCol ul.bullets2 li, #mainCol ul.bullets3 li {
list-style-image:url(/images/list.png);
list-style-position:outside;
}

#mainCol ul.bullets2, #mainCol ul.bullets3 {
background:none;
color:#3d1307;
font-family:"Gill Sans Light","GillSans-Light","Gill Sans",Arial,Helvetica,sans-serif;
font-weight:lighter;
font-size:15px;
float:left;
width:180px;
margin-left:28px;
line-height:20px;
}

#mainCol ul.bullets3 {
margin-left:-10px;
}

#mainCol ul, #mainCol ol {
color:#3d1307;
font-family:"Gill Sans Light","GillSans-Light","Gill Sans",Arial,Helvetica,sans-serif;
font-weight:lighter;
font-size:15px;
width:330px;
margin-left:40px;
line-height:20px;
}

#mainCol li {
margin-bottom:10px;}

#mainCol p {
width:370px;
line-height:25px;
font-size:17px;margin:5px 0px 10px 0px;
font-family:"Gill Sans Light","GillSans-Light","Gill Sans",Arial,Helvetica,sans-serif;
font-weight:lighter;
padding-left:50px;}

#middle-bar p {
line-height:26px;
font-size:15px;margin:0px 40px 20px 0px;
font-family:"Gill Sans Light","GillSans-Light","Gill Sans",Arial,Helvetica,sans-serif;
font-weight:lighter;
padding-left:50px;}

#bottom-content p {
font-family:"Gill Sans Light","GillSans-Light","Gill Sans",Arial,Helvetica,sans-serif;
font-weight:lighter;
padding-left:50px;
line-height:27px;
font-size:17px;margin:0px;
}

#bottom-content p.padding-right {
margin-right:80px;}

/* feature boxes */

ul.image-links {
list-style: none;
padding: 0;
margin: 0px 0px 0px 48px;}

ul.image-links li {
float: left;
margin: 15px 0px 0px 0px;
width:270px;
padding-left: 0;}

ul.image-links li.two, ul.image-links li.three {
padding-left:30px;
background:url(../images/yellowdivider.png) no-repeat 0px 0px;
}

ul.image-links a {
padding: 0.3em 5px 0.3em 5px;
}

ul.image-links p {
margin:0px;
font-size:11px;}


#middle-bar p.features {
margin:0px;
font-size:12px;
line-height:13px;
padding:0px;
color:#666;
font-family:Georgia;}


/* ---------------- 06 - Contact Form  ---------------- */


.name {
float:left;
width:80px;}

#contact-form b {
font-size:17px;margin:0px;
font-weight:lighter;
font-family:"Gill Sans Light","GillSans-Light","Gill Sans",Arial,Helvetica,sans-serif;
}
	
#contact-form  {
min-height:200px;
width:400px;
margin-right:30px;}
	
#contact-form .text {
height:30px;float:left;
margin-bottom:5px;
margin-left:20px;}

input .form-submit {margin-bottom:-50px;
padding-left:20px;
text-transform:uppercase;
color:#009999;
border:none;
background:url(../images/yes.png) no-repeat 0px 1px;
font-weight:bold;
margin-right:400px;}

#contact-form {
clear:both;
width:400px;
margin: 0px 40px 0px 0px;
float:right;}
	

/* ---------------- 07 - Footer - Copyright ---------------- */

#footer-container {
position:absolute;
bottom:0;
width:100%;
height:200px;
background: #2c0400;}


#footer {
width:960px;
padding-right:25px;
min-height:200px;
margin-left:auto;
margin-right:auto;
clear: both;
}

#footer p {
color:white;
font-size:10px;
line-height:12px;
}

#footer a {
color:#ccc;
}