/*
Theme Name: Hernandez College Consulting Theme 2.0
Description: The original page design for the HernandezCollegeConsulting.com site.
Version: 2.0
Author: Tim Slavin
Author URI: http://www.owlhillmedia.com/
Tags: green, custom header, fixed width, two columns, no widgets

*/

/*import area-specific stylesheets*/
@import url(style-hernandez.css); /*original legacy styles for old content*/
@import url(style-newsletter-signup.css);
@import url(style-products.css);
@import url(style-stats-tables.css);
@import url(style-top-navigation.css);


/*General styles used by most/all pages*/

body {
 background: #215134;
 margin: 0; padding: 0;
}
h2, h3, h4, h5, p, ul, ol {
 margin: 0 30px; padding: 0;
}
#right-col h2, #right-col h3, #right-col h4, #right-col h5, #right-col p, #right-col ul, #right-col ol {
 margin: 0 10px; padding: 0;
}
p, #copy li {
 color: #333;
 font: 12px/20px Georgia, "Times New Roman", Times, serif;
 text-align: left;
}
a, li {
 color: #000;
 text-decoration: none;
}
a:hover {
 text-decoration: underline;
}
strong {
 color: #432816;
}
img {
 border: none;
 margin: 0; padding: 0;
}
form input, form textarea {
 background: #dbded6;
}

.hidden {
 display: none;
 visibility: hidden;
}
h1 {
 color: #000;
 margin: 0; padding: 0;
 z-index: 1;
}
#header h1 {
 background: url("images/layout/hcc-logo.jpg") no-repeat transparent;
 height: 110px; /*logo image height*/
 margin: 0 0 0 30px;
 width: 405px; /*logo image width*/
 z-index: 10;
}
h1 span { /*Hides site title if page viewed by web browser*/
 display: none;
 visibility: hidden;
}

#copy h2 {
 font: 24px/28px Georgia, "Times New Roman", Times, serif;
}
#copy h3 {
 font: 22px/28px Georgia, "Times New Roman", Times, serif;
}
#testimonials-inside h3 {
 font: 16px/24px Georgia, "Times New Roman", Times, serif;
}
#copy h4, #content #copy .sm-catalog-head {
 font: 16px/20px Tahoma, Arial, Helvetica, sans-serif;
 margin: 0; padding: 20px 30px 10px;
}
#testimonials-inside h4 {
 font: 14px/18px Tahoma, Arial, Helvetica, sans-serif;
}
#content #copy h2, #content #copy h3, #content #copy h4, #content #copy .sm-catalog-head, #content #copy h5, #content #copy h6 {
 clear: both;
}
#content #copy .products h4 {
 clear: none;
}

/*common layout styles*/
#header, #topnav, #home-top-box, #home-second-top-box, .testimonials, #content, #copy, #breadcrumbs, .share-this-box, .products, .products-image, .product-details, .product-details-image, .product-price, .product-buttons, .buy-options, #product-top-copy, #top-row, #second-row, #second-row-img, #second-row-copy, #testimonials-inside, .contact-info, #right-col, #email-signup-inside, #signup-box, .photo-full, .photo-left, .photo-right, #footer, #footer-contact, #topnav, .right, .left {
 display: inline;
 float: left;
 margin: 0; padding: 0;
 position: relative;
}
#phone-number-top, #site-link, #top-buttons, #small-logo, .buy-button-top, #email-signup-home {
 display: inline;
 margin: 0; padding: 0;
 position: absolute;
}


/*specific layout styles*/
#frame {
 margin-right: auto; /*centers page design*/
 margin-left: auto; /*centers page design*/
 width: 950px;
}


#header, #content {
 background: #fff;
 width: 950px;
}

#header {
 height: 120px;
 padding-top: 10px;
 width: 100%;
 z-index: 10;
}
#header #phone-number-top {
 color: #888;
 font-size: 18px;
 left: 710px; /*670px for 3 buttons*/
 margin: 0; padding: 0;
 top: 10px;
}
#phone-number-top {
}
#header #top-buttons {
 left: 850px; /*810px for 3 buttons*/
 top: 10px;
}
#header #top-buttons img {
 padding-right: 5px;
}
#header #site-link {
 left: 780px;
 top: 100px;
}
#site-link a {
 color: #888;
}
#header #small-logo {
 left: 868px;
 top: 80px;
}



#home-top-box, #home-second-top-box {
 width: 950px;
}
#home-top-box .right, #home-second-top-box .right {
 margin-right: 0;
}
#home-top-box a, #home-second-top-box .right a {
 text-decoration: underline;
}
#home-top-box a:hover, #home-second-top-box .right a:hover {
 text-decoration: none;
}

#home-top-box {
 background: #e8f2ec;
}
#home-top-box img {
 float: left;
 margin: 15px 20px 0 30px; padding-bottom: 15px;
 position: relative;
}
#home-top-box h2 {
 font: 24px/28px Georgia, "Times New Roman", Times, serif;
 margin: 15px 0 5px;
}
#home-top-box .check-mark {
 background: url("images/layout/check-mark.gif") no-repeat transparent;
 margin: 0 0 0 220px; padding: 0 0 0 25px;
}
#home-top-box p {
 font: 14px/24px Georgia, "Times New Roman", Times, serif;
}

#home-second-top-box {
 background: #f8fffb;
 padding-bottom: 15px;
}
#home-second-top-box h3 {
 font: 21px/25px Georgia, "Times New Roman", Times, serif;
 margin: 15px 30px 5px;
}
#home-second-top-box .testimonials {
 font: 12px/20px Georgia, "Times New Roman", Times, serif;
 margin-left: 30px;
 width: 305px;
}
#home-second-top-box .right, #home-top-box .right {
 font: 12px/24px Georgia, "Times New Roman", Times, serif;
 padding-bottom: 15px;
}
#home-second-top-box .testimonials p {
 margin: 0; padding: 0;
 width: 305px;
}



#content {
 background: url("images/layout/bkg-content.gif") repeat transparent;
}

#copy {
 background: transparent;
 min-height: 600px;
 padding: 0 0 50px;
 text-align: left;
 width: 600px;
 z-index: 0;
}
#copy h2, #copy h3 {
 margin-top: 40px; margin-bottom: 10px;
}
#copy h4, #content #copy .sm-catalog-head {
 margin-bottom: 0; padding-bottom: 0;
}
#copy p {
 padding-bottom: 1em;
}
#copy ul, #copy ol {
 margin-top: 0; padding-left: 60px;
}
#copy a {
 color: #66572e;
 text-decoration: underline;
}
#copy a:hover {
 text-decoration: none;
}
#copy #breadcrumbs p {
 clear: both;
 font: 11px/14px Arial, Helvetica, sans-serif;
 margin-top: 15px;
}
#content #copy img {
 margin: 0; padding: 15px 10px 10px 0;
}

#copy .products {
 margin: 15px 0 15px 30px;
 width: 540px;
}
#copy .products h4 {
 font-size: 18px;
 margin: 0; padding: 0;
}
#copy .products h4 a {
 text-decoration: none;
}
#copy .products h4 a:hover {
 text-decoration: underline;
}
#copy .products p {
 margin: 0; padding: 0 0 10px;
 }
#copy .products-image {
 float: left;
 margin: 0 10px 10px 0; padding: 0;
 position: relative;
}
#content #copy .products-image img {
 margin: 0; padding: 0;
}
#copy .products ul {
 margin: 0; padding: 0 0 10px;
}

#content .inside h2 {
 clear: both;
 margin: 10px 30px 15px;
}
#content .inside p, #content .inside ul li {
 font: 16px/24px Georgia, "Times New Roman", Times, serif;
}
#content .inside ul {
 margin: 0 60px 30px;
}
#content #copy table {
 margin: 15px 0 15px 30px;
}
#content .inside img {
 float: left;
 padding: 15px 15px 15px 0;
}

.share-this-box {
 clear: both;
 float: right;
 padding: 10px;
}

#content #testimonials-inside {
 float: right;
 padding-top: 250px; padding-bottom: 50px;
 width: 330px;
}
#testimonials-inside h3 {
 font-weight: bold;
 margin: 0 0 10px; padding: 0;
 text-align: center;
}
#testimonials-inside .contact-info {
 margin: 20px 0; padding: 10px 0;
 width: 330px;
}
#testimonials-inside .contact-info h3, #testimonials-inside .contact-info p {
 margin: 0; padding: 0;
 text-align: center;
}



/*Thank You page styles*/
#thanks-pdf-box {
 float: right;
 width: 200px;
}
#thanks-pdf-box p, #thanks-pdf-box img {
 margin: 0; padding: 0;
 text-align: center;
}
#thanks-full-box {
 border: 3px solid #648671;
 margin: 16px 0 16px 8px; padding: 0 0 20px;
 text-align: center;
 width: 665px;
}
#thanks-full-box h3, #thanks-full-box h4 {
 padding-bottom: 16px;
}
#thanks-full-box h4 a {
 text-decoration: none;
}
#thanks-full-box h4 a:hover {
 text-decoration: underline;
}
#thanks-full-box p, #thanks-left-box img, #thanks-center-box img, #thanks-right-box img {
 margin: 0; padding: 0;
 text-align: center;
}
#thanks-left-box img, #thanks-center-box img, #thanks-right-box img {
 border: 1px solid #aaa;
}
#thanks-left-box {
 width: 170px;
}
#thanks-center-box {
 border-left: 1px solid #648671;
 border-right: 1px solid #648671;
 height: 180px;
 margin: 0; padding: 0 16px;
 width: 288px;
}
#thanks-right-box {
 width: 170px;
}


#right-col {
 padding-top: 250px; padding-bottom: 60px;
 width: 335px;
}
#right-col h3 {
 font: 16px/24px Tahoma, Arial, Helvetica, sans-serif;
 padding: 15px 15px 0 25px;
}
#right-col a {
 text-decoration: underline;
}
#right-col a:hover {
 text-decoration: none;
}
#right-col p {
 padding: 0 15px 15px 25px;
}
#right-col p, #right-col li {
 font: 12px/16px Tahoma, Arial, Helvetica, sans-serif;
 padding-bottom: 6px;
}
#right-col ul {
 padding-bottom: 15px;
}
#right-col li {
 margin-left: 40px;
}


.photo-left {
 margin: 0; padding: 0;
}
.photo-right {
 float: right;
 margin: 0 0 20px 20px;
 padding: 0;
}
.photo-border {
 border: 5px solid #fff;
}

.right {
 float: right;
}
.left {
 float: left;
}
.green {
 color: #215134;
}



#footer {
 background: #f8fffb;
 padding: 20px 0;
 width: 100%;
}
#footer p {
 color: #777;
 margin: 0 30px; padding: 0;
}
#footer a {
 color: #777;
}
#footer-contact {
 float: right;
}
#footer-contact p {
 color: #555;
 font-size: 14px;
}
#footer-contact a {
}