#wrapper{
width:855px;
margin:0px auto;
}


/*SLIDER*/
.homepageList{
width:905px;
}

.homepageList li{
display:inline;
float:left;
}

.homepageList li.nav{
padding:120px 0px 0px 0px;
}

.homepageVideo{
width:450px;
height:300px;
display:block;
margin:0px 60px;
}

a.travel{
display:block;
width:178px;
height:34px;
background: url(/assets/images/titles/travel_title_link.jpg) no-repeat;
}

a.travel:hover{
background-position: 0px -34px;
}

a.food{
display:block;
width:124px;
height:35px;
background: url(/assets/images/titles/food_title_link.jpg) no-repeat;
}

a.food:hover{
background-position: 0px -35px;
}

a.products{
display:block;
width:248px;
height:34px;
background: url(/assets/images/titles/products_title_link.jpg) no-repeat;
}

a.products:hover{
background-position: 0px -34px;
}

a.events{
display:block;
width:172px;
height:34px;
background: url(/assets/images/titles/events_title.jpg) no-repeat;
}



#commercial ul , #portraits ul{
margin:50px 0px 0px 0px;
}

#commercial li, #portraits li{
padding:0px 0px 7px 0px;
}


/*PHOTOS*/

.backLink{
text-transform:uppercase;
font-size:11px;
background:url(/assets/images/buttons/backbutton.jpg) no-repeat 0px 2px ;
padding:0px 0px 0px 12px;

}


/*GREEN*/

#greenImage{
padding:85px 0px 0px 0px;
width:320px;
}

#greenImage p{
font-weight:bold;
padding:5px 0px 0px 20px;
}

#greenText{
width:523px;
}


/*ABOUT*/

#aboutImage{
width:420px;
}

#aboutImage ul li{
display:inline;
float:left;
padding:0px 10px 10px 0px;
}

#aboutImage ul li a.aboutImageOne{
display:block;
height:127px;
width:127px;
background:url(/assets/images/about/about_text_01.jpg) no-repeat 0 0;
}

#aboutImage ul li a.aboutImageOne:hover{
display:block;
height:127px;
width:127px;
background-position: 0 -127px; 
}

#aboutImage ul li a.aboutImageTwo{
display:block;
height:127px;
width:127px;
background:url(/assets/images/about/about_image_02.jpg) no-repeat 0 0;
}

#aboutImage ul li a.aboutImageTwo:hover{
display:block;
height:127px;
width:127px;
background-position: 0 -127px; 
}

#aboutImage ul li a.aboutImageThree{
display:block;
height:127px;
width:127px;
background:url(/assets/images/about/about_text_03.jpg) no-repeat 0 0;
}

#aboutImage ul li a.aboutImageThree:hover{
display:block;
height:127px;
width:127px;
background-position: 0 -127px; 
}

#aboutImage ul li a.aboutImageFour{
display:block;
height:127px;
width:127px;
background:url(/assets/images/about/about_image_01.jpg) no-repeat 0 0;
}

#aboutImage ul li a.aboutImageFour:hover{
display:block;
height:127px;
width:127px;
background-position: 0 -127px; 
}

#aboutImage ul li a.aboutImageFive{
display:block;
height:127px;
width:127px;
background:url(/assets/images/about/about_text_05.jpg) no-repeat 0 0;
}

#aboutImage ul li a.aboutImageFive:hover{
display:block;
height:127px;
width:127px;
background-position: 0 -127px; 
}

#aboutImage ul li a.aboutImageSix{
display:block;
height:127px;
width:127px;
background:url(/assets/images/about/about_image_06.jpg) no-repeat 0 0;
}

#aboutImage ul li a.aboutImageSix:hover{
display:block;
height:127px;
width:127px;
background-position: 0 -127px; 
}

#aboutText{
width:423px;
}

/*INFO*/

ul.infoList{
margin:180px 0px 0px 0px;
}

ul.infoList li{
padding:0px 0px 7px 0px;
}

ul.infoList a.pricing{
display:block;
width:165px;
height:34px;
background: url(/assets/images/titles/pricing_title_link.jpg) no-repeat;
}

ul.infoList a.pricing:hover{
background-position: 0px -35px;
}

ul.infoList a.kindWords{
display:block;
width:267px;
height:35px;
background: url(/assets/images/titles/kindwords_title_link.jpg) no-repeat;
}

ul.infoList a.kindWords:hover{
background-position: 0px -35px;
}

ul.photoList{
margin:150px 0px 0px 0px;
}

ul.photoList li{
padding:0px 0px 7px 0px;
}

a.couples{
display:block;
width:206px;
height:34px;
background: url(/assets/images/titles/couples_title_link.jpg) no-repeat 0px -2px;
}

a.couples:hover{
background-position: 0px -36px;
}

 a.individuals{
display:block;
width:261px;
height:36px;
background: url(/assets/images/titles/individuals_title_link.jpg) no-repeat 0px 0px;
}

a.individuals:hover{
background-position: 0px -35px;
}

 a.families{
display:block;
width:189px;
height:34px;
background: url(/assets/images/titles/families_title_link.jpg) no-repeat;
}

a.families:hover{
background-position: 0px -35px;
}

a.pets{
display:block;
width:103px;
height:36px;
background: url(/assets/images/titles/pets_title_link.jpg) no-repeat;
}

a.pets:hover{
background-position: 0px -35px;
}

.kindWordWrapper{
padding:15px 0px 0px 0px;
font-weight:bold;
}

.kindWordWrapper .author{
text-transform:uppercase;
color:#555;
font-size:10px;
}

h2.green{
font-size:22px;
font-weight:bold;
color:#c1d72e;
}

h2.purple{
font-size:22px;
font-weight:bold;
color:#a3156d;
}



.subNavigation li{
display:inline;
float:left;
}


.pricingButtons{
margin:115px 0px 0px 0px;
}

.pricingPortraits li{
display:inline;
float:left;
width:180px;
background-color:#f5f5f5;
padding:25px;
margin:0px 15px 0px 0px;
font-weight:bold;
height:220px;
}

.pricingCommercial li{
display:inline;
float:left;
width:300px;
background-color:#f5f5f5;
padding:25px;
margin:0px 15px 0px 0px;
font-weight:bold;
height:220px;
}

.pricingPortraits .large{
width:260px;
margin-right:0px!important;
}

.pricingPortraits li ul, .pricingCommercial li ul{
padding:10px 0px 5px 0px;
}

.pricingPortraits li ul li, .pricingPortraits li.large ul li, .pricingCommercial li ul li, .pricingCommercial li.large ul li{
background-color:none!important;
padding:2px 0px;
margin:0px;
font-size:12px;
display:block;
float:none;
height:auto!important;
}

.pricingPortraits p, .pricingCommercial p{
padding:0px;
}

.pricingPortraits .smallGreyText, .pricingCommercial .smallGreyText{
text-transform:uppercase;
color:#565656;
font-size:10px;
padding:5px 0px;
}

.pricingPortraits .price, .pricingCommercial .price{
font-size:18px;
padding:15px 0px 0px 0px;
}

.pricingPortraits .twoPeople li{
width:140px;
}

.pricingPortraits .onePerson li{
width:120px;
}


/*CONTACT*/

#contactMiddle{
width:180px;
margin:0px 0px 0px 75px;
}

#contactRight{
width:215px;
margin:65px 0px 0px 0px;
}

#contactRight p{
padding:0px 0px 7px 0px;
}

#contactRight input{
background-color:#e8e8e8;
padding:5px 10px;
border:none;
color:#232323;
width:195px;
}

#contactRight textarea{
background-color:#e8e8e8;
height:115px;
width:195px;
border:none;
padding:5px 10px;
margin:0px 0px 7px 0px;
}

#contactRight .contactSubmit{
width:50px;
}

/*CONSTANT STYLES*/

.floatLeft{
float:left;
}

.floatRight{
float:right;
}

p{
padding:0px 0px 20px 0px;
font-size:12px;
line-height:140%;
color:#232323;
}

h1{
color:#13a3b1;
font-size:36px;
}

.footnotes{
font-size:10px;
padding:5px 0px;
}

.paddingTop{
padding-top:15px!important;
}

a{
color:#c1d72e; 
}

a:hover{
color:#12a3b1;
}

.noPadding{
padding:0px!important;
}

/*NAV CONTAINER*/

#navContainer{
position:absolute;
bottom:0px;
width:100%;
}

#navContent{
    width:865px;
margin:30px auto;
}

#logo, #mainNav{
margin:70px 0px 0px 0px;
}

#logo a{
display:block;
width:188px;
height:46px;
background:url(/assets/images/heather_logo.jpg) no-repeat; 
}

#mainNav li{
display:inline;
float:left;
padding:15px 20px 0px 0px;
}

#mainNav a{
color:#232323;
font-size:16px;
font-weight:bold;
}

#mainNav a:hover{
color:#c1d72e; 
}

#contact a.contact, #about a.about, #green a.green, #photos a.photos, #info a.info{
color:#c1d72e; 
}
	

/* CLEAR FIX */

.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clear{
	display: inline-block;
}

/* Hides from IE-mac \*/

* html .clear{
	height: 1%;
}

.clear {
	display: block;
}

/* End hide from IE-mac */