@import 'buttons.css';
/* General body styling */
body {
	background: #efefef;
	margin:0;
	padding:0;
}
/* Content area dimensions */
#main-container {
    min-height: 100%;
    width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    background: white;
    border-left: 1px solid;
    border-right: 1px solid;
    border-color: #D9D9D9;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 4px rgba(0,0,0,.3);
    box-shadow: 0 0 4px rgba(0, 0, 0, .3);
}
/* Header area - Logo and contact details */
#header {
	height: 8px;
	min-width: 1200px;
	background-color: #f26522;
}
#header-wrapper {
	width: 1200px;
	height: 162px;
	margin: 0 auto;
	background-image: url('images/header-bg.png');
	background-position-x: 0%;
	background-position-y: 0%;
	background-size: initial;
	background-repeat-x: repeat;
	background-repeat-y: no-repeat;
	background-attachment: initial;
	background-origin: initial;
	background-clip: initial;
	background-color: gainsboro;

}
#logo {
	background-image:url('images/logo.png');
	background-repeat: no-repeat;
    height:121px;
    width:196px;
    position: relative;
    float: left;
    left: 130px;
    top: 20px;
}
#tagline {
	position: relative;
	width: auto;
	float: right;
	right: 130px;
	top: 10px;
}
#call-image {
	background-image:url('images/call.png');
	background-repeat: no-repeat;
    height:53px;
    width:55px;
    position: relative;
    float: right;
    left: 280px;
    top: 55px;
    margin-right: 5px;
}
#hero {
	height: 478px;
	min-width: 1200px;
	background-image: url('images/hero-bg.png');
	background-repeat-x: repeat;
	background-repeat-y: no-repeat;
}
#hero-wrapper {
	width: 1200px;
	margin: 0 auto;
	clear: both;
}
#hero-woman {
	background-image: url('images/hero-woman.jpg');
	width: 1200px;
	height: 373px;
	background-repeat: no-repeat;
	position: relative;
    float: left;
    left: 0px;
}
#hero-text {
	position: relative;
	width: auto;
	float: right;
	right: 156px;
	top: 100px;
}
#promo-wrapper {
	width: 1200px;
	height: 105px;
	clear: both;
}
#promo-graphic {
	background-image:url('images/triangle.png');
	background-repeat: no-repeat;
    height:16px;
    width:22px;
    position: relative;
    float: left;
    left: 150px;
    top: 7px;
}
#promo-text {
	position: relative;
	width: 858px;
	float: right;
	left: -195px;
	top: 30px;
}
#promo-button {
	position: relative;
	float: right;
	top: -75px;
}
.shadow {
	background-image: url('images/shadow1.png');
	width: 939px;
	height: 82px;
	background-repeat: no-repeat;
	margin: 0 auto;
}
/* Form Styling */
#contact-form {
    margin: 210px 20px 0px 633px;
    width: 400px;
}
.field1 {
	display: inline-block;
	margin: 0px 32px 22px 0px;
    height: 33px;
    width: 161px;
}
.field2 {
	display: inline-block;
	margin: 0px 32px 22px 0px;
    height: 33px;
    width: 161px;
}
.field3 {
	display: inline-block;
	margin: 0px 32px 12px 0px;
    height: 33px;
    width: 161px;
}
.field4 {
	display: inline-block;
	margin: 0px 32px 12px 0px;
    height: 33px;
    width: 161px;
}
/* Form Button */
.field5 {
	display: inline-block;
	font-size: 1.5em;
}
.input {
  font-family:helvetica, arial, sans-serif;
  font-size: 10px;
  color: #444444;
  border: 3px solid #dbdcdc;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
  margin: 5px 0;
  background: white;
  float: left;
  clear: both;
}
.input span {
  font-family:helvetica, arial, sans-serif;
  font-size: 10px;
  color: #444444;
  position: absolute;
  padding: 6px;
  margin-left: 3px;
  color: #999;
}
.input input, .input textarea, .input select {
  position: relative;
  margin: 0;
  padding: 6px;
  background: transparent;
  font: inherit;
}
/* Hack to remove Safari's extra padding. Remove if you don't care about pixel-perfection. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .input input, .input textarea, .input select { padding: 4px; }
}
#slideshow-container {
	background: #ffffff;
    width: 1200px;
    margin: 0 auto;
    padding-top: 50px;
}
/* Slideshow Styling */
.layer-rhombuses {
	background: url('images/rhombuses.jpg') top;
}
	#rhombuses .o-slider-arrows.previous 	{ left: -70px;  background-position: left; }
	#rhombuses .o-slider-arrows.next 		{ right: -70px; background-position: right; }
/* bottom slideshow */
.layer-color-lines {

}
/* End Slideshow Styling */
/* Fittest Year */
#reserve-wrapper {
	background-image: url('images/banner1.png');
	width: 938px;
	height: 135px;
	background-repeat: no-repeat;
	margin: 0 auto;
	margin-bottom: 45px;
}
.banner-text {
	padding-left: 25px;
  position: relative;
  top: -3px;
}
.contact-button {
	position: relative;
	float: right;
	top: -67px;
	margin-right: 38px;
}
#testimonial-wrapper {
	background-image: url('images/fb_testimonials.jpg');
	width: 938px;
	height: 955px;
	background-repeat: no-repeat;
	margin: 0 auto;
	margin-bottom: 35px;
}
#success-wrapper {
  background-image: url('images/success-bg.jpg'); /* rename to 'success-bg.jpg' once dynamic content is in */
	width: 936px;
	height:815px;
	background-repeat: no-repeat;
	margin: 0 auto;
	margin-bottom: 25px;
}
#sample-schedule-wrapper {
	background-image: url('images/banner1.png');
	width: 938px;
	height: 135px;
	background-repeat: no-repeat;
	margin: 0 auto;
	margin-bottom: 35px;
}
#rate-chart {
	background-image: url('images/rates-placeholder.jpg'); /* rename to 'rates.jpg' once dynamic content is in */
	width: 936px;
	height:1084px;
	background-repeat: no-repeat;
	margin: 0 auto;
	margin-bottom: 35px;
}
#pfc-investment-wrapper {
	background-image: url('images/banner1.png');
	width: 938px;
	height: 135px;
	background-repeat: no-repeat;
	margin: 0 auto;
	margin-bottom: 35px;
}
#celebrity-testimonial-wrapper {
	background-image: url('images/celeb-bg.jpg');
	width: 938px;
	height: 394px;
	background-repeat: no-repeat;
	margin: 0 auto;
	margin-bottom: 35px;
}
#celebrity-pic {
	background-image: url('images/niki-taylor.jpg');
	width: 284px;
	height:261px;
	background-repeat: no-repeat;
	float: left;
	margin: 28px 23px 35px 28px;
}
#celebrity-text {
	padding: 48px 23px 35px 0px;
}
.celebrity-text {
  line-height: 18px;
}
#lacosta-slider {
	background-image: url('images/med-slider-bg.png');
	width: 937px;
	height: 392px;
	background-repeat: no-repeat;
	margin: 0 auto;
	margin-bottom: 35px;
}
#lacosta-slider-wrapper {
	margin-left: 10px;
}
#contact-today-wrapper {
	background-image: url('images/banner1.png');
	width: 938px;
	height: 135px;
	background-repeat: no-repeat;
	margin: 0 auto;
	margin-bottom: 135px;
}
#featured-logos {
	background-image: url('images/featured-logos.jpg');
	width: 1200px;
	height: 171px;
	background-repeat: no-repeat;
	margin: 0 auto;
	margin-bottom: 0px;
}
#privacy-wrapper {
	width: 938px;
	margin: 0 auto;
	margin-bottom: 35px;
}
/* Text styling */
h1 {
	font-family: georgia, serif;
    font-size: 29px;
    font-weight: normal;
    text-align: center;
    color: #F57621;
    line-height: 5px;
    margin-top: 0px;
    padding-top: 15px;
}

h2, h3, h4, h5, h6, p, ul, ol, dl, dt, dd {
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
}
    p {
	    font-family:helvetica, arial, sans-serif;
        font-size: 14px;
        color: #a1a1a1;
        line-height: 16px;
    }
    h2 {
        font-family:helvetica, arial, sans-serif;
        font-weight: bold;
        font-size: 24px;
        color: #444444;
        margin: 0px;  
    }
    h3 {
	    font-family: georgia, serif;
	    font-size: 29px;
	    text-align: left;
	    color: #8a8a8a;
	    line-height: 5px;
	    margin-top: 0px;
	    padding-top: 25px;
	    padding-left: 25px;
    }
    h4 {
	    font-family:helvetica, arial, sans-serif;
        font-size: 14px;
        font-weight: normal;
        text-align: center;
        color: #a1a1a1;
        line-height: 16px;
    }
    h5 {
	    font-family:helvetica, arial, sans-serif;
        font-size: 24px;
        font-weight: normal;
        font-style: italic;
        text-align: right;
        color: #a1a1a1;
        line-height: 24px;
    }
    ul li {
		list-style-type: none;
	}
	ol li {
	}
.tagline-style {
	font-family:helvetica, arial, sans-serif;
	font-style: italic;
	font-weight: bold;
	font-size: 18px;
	text-align:right;
	color: #5f6062;
}
.phone-number {
	font-family:helvetica, arial, sans-serif;
	font-weight: bold;
	font-size: 26px;
	line-height: 35px;
    float: right;
    position: relative;
    left: 278px;
    top: 30px;
    color: #5f6062;
    border-top:2px dashed #5f6062;
    border-bottom:2px dashed #5f6062;
}
.hero-style1 {
	font-family:helvetica, arial, sans-serif;
	font-size: 20px;
	text-align:left;
	color: #fff;
}
.hero-style2 {
	font-family:helvetica, arial, sans-serif;
	font-size: 14px;
	text-align:left;
	color: #fff;
}
.form-error {
    font-size: 14px;
    color: #F57621;
    background-color: white;
    display: inline-block;
    line-height: 25px;
    padding-left: 5px;
    padding-right: 5px;
}
a.cancel-form, a.download-link {
  text-decoration: underline;
  font-size: 14px;
  color: #f78f1e;
}

.successStory {
  position: relative;
  height: 170px;
  padding: 35px;
  font-family:helvetica, arial, sans-serif;
}

.successStory .successThumbnailLeft {
  position: absolute;
  border: 0px solid #c3c3c3;
  background-color: #515151;
  height: 174px;
  width: 282px;
  left: 35px;
  bottom: 35px;
}

.successStory .successThumbnailRight {
  position: absolute;
  border: 0px solid #c3c3c3;
  background-color: #fff;
  height: 174px;
  width: 282px;
  right: 35px;
  bottom: 35px;
}

.successStory .successThumbnailImage {
  position: absolute; 
  top: 0px;
}

.successStory .successThumbnailCaption {
  position: absolute; 
  bottom: 0px; 
  text-align: right; 
  right: 70px; 
  color: #fff; 
  font-size: 9pt; 
  padding-bottom: 4px;
}

.successStory .storyContentLeft {
  position: absolute;
  margin-left: 315px;
  margin-right: 35px;
  bottom: 35px;
  color: #A1A1A1;
}

.successStory .storyContentRight {
  position: absolute;
  margin-left: 0px;
  margin-right: 350px;
  bottom: 35px;
  color: #fff;
}

.successStory .storyPerson {
	font-size: 24px;
  margin-bottom: 15px;
}

.successStory .storyText {
  font-size: 14px;
}

.privacy-text p {
  font-family:helvetica, arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: #515151;
  line-height: 16px;
}

#privacy-wrapper a {
 color: #A1A1A1;
 font-family:helvetica, arial, sans-serif;
 text-decoration: none;
 font-size: 10pt;
}