/*
CSS - Lifestone Paving
*/

@import url(defaults/reset.css);
@import url(navigation.css);

body {
  background: #455b6f url(../images/core/body-background.jpg) top left no-repeat;
}
.promotion {position:absolute; top:22px; left:910px;}

/* COLUMN WIDTHS
----------------------*/
.container {width: 100%;}

.left-column, .right-column,.gutter {
  float: left;
  display: inline;
  position: relative;
}

.left-column {
  width: 240px;
  float:left;
  margin-top:-3px;
}

.right-column {
  /*margin-left: -243px;
  width: 900px;*/
  margin-left: 14px;
  width: 643px;
}

/* HEADER
----------------------*/
#header {
  width: 100%;
  height: 320px;
  background: url(../images/core/container-top-background.jpg) top left repeat-x;
}
.p-franchise-listing #header { height: 179px; }

#right-column-inner {
  margin-left: 240px;
}

#right-column-inner #flash {
  height: 283px;
  width: 655px;
  background: url(../images/core/flash.jpg) top left no-repeat;
}

#right-column-inner span#phone-slogan {
  display: block;
  width: 655px;
  height: 37px;
  background: url(../images/core/phone-slogan.jpg) top center no-repeat;
  text-indent: -999em;
}

.right {
	float: right;
	margin: 25px 66px 0 0;  
}

* html .right {
	margin: 25px 31px 0 0;
}

/* CONTENT
----------------------*/
#content {
  background: url(../images/core/content-background.jpg) top left repeat-x;
  border-bottom: 1px solid #4b6276;
}

#content strong {font-weight: bold;}
#content em {font-style: italic;}

#content .left-column {
	width:240px;
	font: normal 11px Verdana, Arial, sans-serif;
}

#content .left-column img.quote {
  margin-top: 15px;
}

#content .left-column p {
  color: #dde8ed;
  width: 168px;
  margin: 11px auto 0 auto;
}

#content .left-column div.cta {
  display: block;
  width: 207px;
  height: 167px;
  margin: 10px auto;
  background: #2d3a47 url(../images/core/cta-background.jpg) top center no-repeat;
}

#content .left-column div.cta div.slideshow {
  height: 117px;
  padding-top: 10px;
  margin: 10px;
}

#content .left-column div.cta div.slideshow img {
  top: 0; 
  left: 0;
  clear: both;
}

#content .left-column div.cta p {
  font: normal 11px Verdana, sans-serif;
  color: #debf76;
  text-align: center;
}

#content .left-column h2 {
  background: url(../images/core/cta-h2.jpg) top center no-repeat;
  text-indent: -999em;
  width: 175px;
  height: 25px;
  margin: 17px auto 0 auto;
}

#content .left-column h3.intranet {
  color: #dde8ed;
  font: 16px Verdana, Arial, sans-serif;
  margin: 62px 0 0 10px;
  clear: both;
}

#content .left-column p.calendar-actions {
  margin: 0 0 10px 10px;
}
#content .left-column ul.documents { margin: 10px 0; }
#content .left-column ul.documents li {
  color: #60809C;
  list-style: none;
  font: 13px Verdana, Arial, sans-serif;
  line-height: 31px;
}

#content .left-column a {color: #debf76; text-decoration: none;}
#content .left-column a:hover {text-decoration: underline;}

#content #right-column-text {
  /*margin-left: 257px;*/
  font: normal 11px Verdana, Arial, sans-serif;
  color: #dde8ed;  
}

#content h1 {
  text-indent: -999em;
  margin: 24px 0 0 0;
  height: 24px; 
}

#content h1.index {width: 334px; background: url(../images/core/h1-index.jpg) top center no-repeat;}
#content h1.liquid {width: 196px; background: url(../images/core/h1-liquid.jpg) top center no-repeat;}
#content h1.gallery {width: 250px; background: url(../images/core/h1-gallery.jpg) top center no-repeat;}
#content h1.gallery-before_after {width: 178px; background: url(../images/core/h1-gallery-before_after.jpg) top center no-repeat;}
#content h1.gallery-paths_patios {width: 178px; background: url(../images/core/h1-gallery-paths_patios.jpg) top center no-repeat;}
#content h1.gallery-pools {width: 68px; background: url(../images/core/h1-gallery-pools.jpg) top center no-repeat;}
#content h1.gallery-driveways {width: 289px; background: url(../images/core/h1-gallery-driveways.jpg) top center no-repeat;}
#content h1.faq {width: 224px; background: url(../images/core/h1-faq.jpg) top center no-repeat;}
#content h1.contact {width: 100px; background: url(../images/core/h1-contact.jpg) top center no-repeat;}
#content h1.thankyou {width: 122px; background: url(../images/core/h1-thankyou.jpg) top center no-repeat;}
#content h1.login {width: 62px; background: url(../images/core/h1-login.jpg) top center no-repeat;}
#content h1.intranet {width: 100px; background: url(../images/core/h1-intranet.jpg) top center no-repeat;}
h1.calendar {width: 112px; background: url(../images/core/h2-calendar.gif) top center no-repeat;}
#content h2.change_password {
  width: 214px;
  background: url(../images/core/h2-change_password.jpg) top center no-repeat;
  text-indent: -999em;
  margin: 24px 0 0 0;
  height: 24px; 
}

#content .right-column h2 {
  font: bold 12px/24px Verdana, Arial, sans-serif;
  color: #0d243b;
  padding-left: 15px;
  margin-right: 10%;
  background: #d4cbb8;
}

#content .right-column h3 {
  font: bold 12px Verdana, Arial, sans-serif;
  color: #dde8ed;
  margin: 15px 0 0 0;
  text-decoration: underline;
}

#content div.hr {
  border-top: 1px solid #293d52;
  border-bottom: 1px solid #4c5d6e;
  height: 0;
  width: 90%;
  margin: 5px 0;
  clear: both;
}

#content div.hr hr {display: none;}

#content .right-column p {
  font: normal 11px/17px Verdana, Arial, sans-serif;
  color: #dde8ed;
  margin: 15px 0 15px 0;
  margin-right: 10%;
}

#content .right-column ul {
  margin: 10px;
  margin-right: 10%;
}

#content .right-column a {color: #debf76; text-decoration: underline;}
#content .right-column a:hover {text-decoration: none;}

#content .right-column img {border: 2px solid #586b7d;}

#content .right-column dl.faq {
  width: 95%;
  margin-bottom: 10px;
}

#content .right-column dl.faq dt {
  font-weight: bold;
  color:#debf76;
  margin: 20px 0;
}

#content .right-column dl.faq dd {
  text-align: justify;
  margin-right: 10%;
}

#content .right-column dl.faq img.title {border: none; border-bottom: 1px dotted #debf76;}

#content .right-column div.gallery-left,
#content .right-column div.gallery-right {
  width: 386px;
}

#content .right-column div.styles {
  width: 172px;
}

#content .right-column div.gallery-left {float: left; margin: 0 10px 10px 0;}
#content .right-column div.gallery-right {float: right; margin: 0 60px 10px 10px;}
#content .right-column div.gallery-center {margin: 0 0 10px 40px;}

#content .right-column div#player {
  width: 320px;
  margin: 0 0 10px 40px;
} 

#content .right-column #gallery {
  margin: 10px 0 0 10px;
}

#content .right-column #gallery div.block {
  border: 1px solid #2B3D51;
  padding: 10px 10px;
  margin: 10px 10px;
  float: left;
}

#content blockquote.testimonial {
  font-style: italic;
  text-align: justify;
  width: 60%;
  margin-left: 20px;
  line-height: 23px;
  color: #fff;
  padding: 0 8px;
  clear: none;
}

.quote-alt {background: #4c6175;}

#content p.testimonial_author {
  font-weight: bold;
  margin: 0 0 30px 26px;
}

#content p.larger {
  font-size: 1.1em;
  font-weight: bold;
  margin-bottom: 30px;
}

/* LOCATIONS
----------------------*/
#content .right-column div#locations {
  background: url(../images/core/locations-background.gif) top left;
  padding: 10px;
  width: 170px;
  border: 1px solid #586b7d;
  margin: 0 20px 15px 10px;
  float: right;
}

#content .right-column div#locations h2 {
  background: url(../images/core/locations-h2.gif) top left no-repeat;
  width: 170px;
  height: 30px;
  text-indent: -999em;
  margin-right: -1%;
}

#content .right-column div#locations p {
  margin: 11px 0 0 0;;
}


/* FOOTER
----------------------*/
#footer {
  width: 100%;
  clear: both;
  font: 10px Verdana, sans-serif;
  color: #0f1a28;
}

#footer p {margin: 23px 0 0 30px; line-height: 24px; float: left; display: inline;}

#footer a {font-size: 11px; color:#debf76; margin-right: 23px;}
#footer a:hover {text-decoration: underline;}

#footer img.webfirm {float: left; display: inline; margin: 20px 0 30px 10%;}


/* LOGIN FORM
----------------------*/
form#login {
  padding: 10px;
  font-family: Verdana, sans-serif;
  font-size: 11px;
}

form#login legend {
  font-size: 14px;
  color: #debf76;
  margin-bottom: 10px;
}

form#login label {
  color: #fff;
}

form#login input {
  margin: 5px 0;
  width: 182px;
  padding: 2px;
}

form#login input#loginbutton {
  width: 47px;
  height: 20px;
  float: right;
  padding: 0;
}


/* FRANCHISE LISTING PAGE
----------------------*/

div.franchise-listing {
	height:600px;
}

div.franchise-listing h3 {
  text-decoration: none !important;
  float: left;
  padding-bottom: 20px;
  width:300px;
  display:block;
  clear:left;
}

div.franchise-listing div.franchise-name {
  text-decoration: none !important;
  float: left;
  padding-top:5px;
  padding-bottom:10px;
  width:300px;
  display:block;
  clear:left;

}

div.franchise-listing h3.documents {
  padding-bottom: 0;
}

div.franchise-listing p {
  display: block;
  clear: left;
}

div.franchise-actions {
  float: left;
  clear: right;
  display: block;
  width: 450px;
  margin-left: 0px;
  padding-top: 10px;
}

div.franchise-actions img {
  border: none !important;
  margin-right: 7px;
  cursor: pointer;
}


input.radioBtn {
	width: 20px !important;
	border: none !important;
	background: none !important;
}

ul.documents {
  clear: both;
}

ul.documents li {
  list-style: square;
  margin-left: 30px;
  line-height: 30px;
}

ul.documents li.pdf {background: url(../images/icon-pdf.gif) 0 6px no-repeat; padding-left: 20px;}
ul.documents li.doc {background: url(../images/icon-word.gif) 0 6px no-repeat; padding-left: 20px;}
ul.documents li.other {background: url(../images/icon-file.gif) 0 6px no-repeat; padding-left: 20px;}

dd {clear: left;}

#password-box form {
  margin: 10px 0 10px 25px;
}

#password-box form label {
  display: block;
  font: normal 11px/17px Verdana, Arial, sans-serif;
  color: #dde8ed;
}

#password-box form input {
  margin-bottom: 10px;
}

form.uploadform {
  background: url(../images/core/locations-background.gif) top left;
  border: 1px solid #586b7d;
  width: 440px !important;
  padding: 12px 10px 0 10px;
}

form.uploadform h2 {
  text-indent: -999em;
  background: url(../images/core/title-document_manager.jpg) 0 0 no-repeat !important;
  width: 165px;
  height: 17px;
}

form.uploadform label {
  width: 100px !important;
}

form.uploadform input.upload,
form.uploadform label.file {
  margin: 10px 0 20px 0;
}

form.uploadform a.add-file {background: url(../images/core/icon-file-add.gif) 0 6px no-repeat; padding: 10px 0 0 20px;}
form.uploadform a.remove-file {background: url(../images/core/icon-file-remove.gif) 0 6px no-repeat; padding: 10px 0 0 20px; margin-left: 20px;}


div#franchise-listing-container {
  width: 410px;
  float: left;
}

form#add-event {
  float: left;
  border-left: 1px solid #4b6276;
  padding: 20px;
  margin-bottom: 20px;
}


form#add-event li {
  margin: 0 0 5px 0;
  padding: 0;
}

form#add-event .datepicker {
  float: none;
}

/* JOB LISTING PAGE
----------------------*/
#statusArea {
	padding:5px;
	height:20px;
}
.highlight2 {
	background: #60809c !important;
	color: #000000;
}

.highlight {
	background: #baac9f url(../images/calendar/hover-event-background.jpg) bottom right no-repeat !important; border: none;
	color: #000000;
}

.highlight a {
	color: #683200 !important;
}

#detailspop { background: #455b6f url(../images/core/content-background.jpg) top left repeat-x; }
#detailspop #content { background: none; border: 0; }
div.job-listing {
  padding: 10px;
}
div.job-listing h2 {
  font: bold 12px/24px Verdana, Arial, sans-serif;
  color: #0d243b;
  padding-left: 15px;
  margin-right: 10%;
  background: #d4cbb8;
}

div.job-listing h3 {
  font: bold 12px Verdana, Arial, sans-serif;
  color: #dde8ed;
  margin: 15px 0 0 0;
  text-decoration: underline;
}

div.job-listing div.hr {
  border-top: 1px solid #293d52;
  border-bottom: 1px solid #4c5d6e;
  height: 0;
  width: 90%;
  margin: 5px 0;
  clear: both;
}

div.job-listing div.hr hr {display: none;}

div.job-listing p {
  font: normal 11px/17px Verdana, Arial, sans-serif;
  color: #dde8ed;
  margin: 15px 0 15px 0;
  margin-right: 10%;
}

div.job-listing ul {
  margin: 10px;
  margin-right: 10%;
}

div.job-listing a {color: #debf76; text-decoration: underline;}
div.job-listing a:hover {text-decoration: none;}
div.job-listing img {border: 2px solid #586b7d;}

div.job-actions {

  clear: right;
  display: block;
  width: 600px;
  margin-left: 0px;
  padding-top: 5px;
  border-bottom:thin solid #FFFFFF;
}

div.job-actions img {
  border: none !important;
  cursor: pointer;
}

div#job-listing-container {
  width: 410px;
  float: left;
}

form#add-job {
  float: left;
  border-left: 1px solid #4b6276;
  padding: 20px;
  margin-bottom: 20px;
}


form#add-job li {
  margin: 0 0 5px 0;
  padding: 0;
}

form#add-job .datepicker {
  float: none;
}



/* LOGIN PAGE
----------------------*/
.errorMsg {
	font-weight:bold;
}

/* Franchise Listing Page
----------------------*/
#options-bar {
  height: 37px;
  margin: 0;
  padding: 0;
  width: 100%;
  background: #455B6F;
}

#options-bar ul { list-style: none; margin: 0; padding: 0; }
#options-bar ul li { float: left; }
#options-bar ul li a {
  border-right: 1px solid #738493;
  display: block;
  float: left;
  height: 37px;
  line-height: 37px;
  padding: 0 8px;
  font-size: 11px;
  color: #fff;
  font-family: Verdana, Helvetica, sans-serif;
}
#options-bar ul li a:hover { background: #586c7e; }

#statusArea {
  position: absolute;
  background: red;
  font: 12px/12px Arial, Helvetica, sans-serif;
  color: white;
  font-weight: bold;
  height: 10px;
  top: 0px;
  left: 0px;
}