html, body {
border:0;
margin:0;
padding:0;
}
body {
color:#5e5045;
font:100%/1.35 Verdana, sans-serif;
background:url(../images/bg-body.jpg) repeat-x #d1cfb6;
}
/***** Headings *****/
h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font:1em Georgia, "Times New Roman", Times, serif;
}
/***** Common Formatting *****/
p, ul, ol {
margin:0 0 1.35em 0;
padding:0;
}
ul, ol {
margin-left:2.7em;
list-style-position:inside;
}
blockquote {
margin:2.7em;
}
img {
border:0;
}
/***** Links *****/
a {
color:#5e5045;
text-decoration:underline;
}
a:hover {
color:#000;
}
/***** Forms *****/
form {
margin:0;
padding:0;
display:inline;
}
input, textarea {
font:0.85em Arial, Helvetica, sans-serif;
}
/***** Page Wrapper *****/
#wrap {
width:966px;
margin:0 auto;
}
/***** Header *****/
#header {
height:195px;
margin:0 0 2px 0;
background:url(../images/bg-header.jpg) no-repeat;
}
/***** Logo *****/
#header h1 {
float:left;
margin:53px 0 0 6px;
text-indent:-4000px;
}
#header h1 a {
display:block;
width:240px;
height:142px;
}
/***** Header Top Links *****/
#header ul {
color:#496862;
float:right;
margin:17px 95px 0 0;
list-style:none;
font-size:0.7em;
font-weight:bold;
}
#header ul li {
display:inline;
text-align:right;
}
#header ul li a {
color:#fff;
text-decoration:none;
}
#header ul li a:hover {
text-decoration:underline;
}
/***** Franchise Button *****/
#header p {
float:left;
margin:124px 0 0 372px;
text-indent:-4000px;
}
#header p a {
display:block;
width:255px;
height:40px;
}
/***** Navigation Bar *****/
#navbar ul {
height:51px;
margin:0 0 0 11px;
padding:0;
list-style:none;
font:1em "Century Gothic", "Avant Garde Gothic", "Avant Garde", Verdana, sans-serif;
}
#navbar ul li {
float:left;
display:block;
position:relative;
}
#navbar ul li a {
float:left;
display:block;
color:#4f5441;
height:34px;
margin:0;
padding:17px 15px 0 15px;
_padding: 17px 13px 0 13px;
cursor:pointer;
font-weight:bold;
text-align:center;
text-decoration:none;
}
#navbar ul li a span {
height:51px;
margin:-17px -15px 0 0;
padding:17px 15px 0 0;
display:block;
background:url(../images/navbar-divider.png) right top no-repeat;
}
#navbar ul li a.last span {
background:none;
}
#navbar ul li a:hover,
#navbar ul li a.active {
color:#6b3000;
background:url(../images/navbar-active.png) left top no-repeat;
}
#navbar :hover > a {
color:#6b3000;
background:url(../images/navbar-active.png) left top no-repeat;
}
#navbar ul li a:hover span,
#navbar ul li a.active span,
#navbar :hover > a span {
background:url(../images/navbar-active-divider.png) right top no-repeat;
}
#navbar ul li a.last:hover span {
display:block;
background:url(../images/navbar-active-divider.png) right top no-repeat;
}
/***** Navigation Bar Dropdown *****/
#navbar ul li ul {
clear:both;
display:none;
position:absolute;
top:51px;
left:0;
width:auto;
height:auto;
margin:2px 0 0 0;
padding:0;
white-space:nowrap;
text-align:left;
list-style-position:outside;
}
#navbar ul li:hover ul,
#navbar ul li.over ul {
display:block;
background:#040404;
}
#navbar ul li ul li {
float:none;
}
#navbar ul li ul li a {
float:none;
color:#fff;
width:auto;
display:block;
height:auto;
height:20px;
margin:0;
padding:8px 15px;
font-size:0.9em;
font-weight:normal;
text-align:left;
text-transform:none;
}
#navbar ul li ul li a:hover,
#navbar ul li ul li a.active {
color:#19d84a;
background:url(../images/navbar-dropdown.png) repeat-x;
}
*+html #navbar ul li ul { width:210px;}
* html #navbar ul li ul {width:210px;}
/***** Content/Sidebar Container *****/
#container {
clear:both;
height:auto;
overflow:hidden;
margin:2px 0 0 0;
font-size:0.8em;
background:url(../images/bg-container.png) repeat-y;
}
.index#container {
background:none;
}
#top {
min-height:199px;
background:url(../images/bg-container-top.jpg) left top no-repeat;
}
.index#top {
height:auto;
overflow:auto;
padding:14px 0 0 0;
background:url(../images/bg-index-container.png) repeat-y;
}
/***** Index - Left Column *****/
#left-col {
float:right;
width:473px;
overflow: hidden;
}
/***** Index - Left Column - Promo Image *****/
#left-col #promo {
width:468px;
height:221px;
margin:0 0 6px 0;
padding:12px 0 0 5px;
background:url(../images/bg-promo.png) no-repeat;
}
/***** Index - Left Column - Split Columns *****/
#left-col #split {
color:#fff;
width:473px;
height:233px;
background:url(../images/bg-split.jpg) no-repeat;
}
#left-col #split h3 {
color:#fff;
margin:17px 0 20px 0;
padding:0 0 0 23px;
font-size:1.4em;
font-weight:bold;
background:url(../images/arrow.png) 0 5px no-repeat;
}
#left-col #split h3 span {
color:#ffd257;
}
/***** Index - Left Column - Split Columns - News *****/
#left-col #split #news {
float:left;
width:206px;
padding:0 15px;
}
#left-col #split #news h4 {
margin:0 0 7px 0;
}
#left-col #split #news h4 a {
color:#8cff65;
font:1.1em Georgia, "Times New Roman", Times, serif;
}
#left-col #split #news h4 span {
color:#c18062;
font:0.85em Arial, Helvetica, sans-serif;
}
#left-col #split #news p {
font-size:0.9em;
line-height:1.8;
}
/***** Index - Left Column - Split Columns - Testimonials *****/
#left-col #split #testimonials {
float:left;
width:207px;
padding:0 15px;
}
#left-col #split #testimonials p {
font-size:0.9em;
line-height:1.85;
}
#left-col #split #testimonials a {
color:#ffdf2b;
font-size:1.1em;
font-style:italic;
font-family:Georgia, "Times New Roman", Times, serif;
}
/***** Index - Right Column *****/
#right-col {
float:right;
width:424px;
height:472px;
margin:0 7px 0 5px;
padding:0 22px 0 27px;
background:url(../images/bg-right-col.jpg) no-repeat;
}
#right-col h2 {
color:#fff;
margin:29px 0 41px 49px;
font-size:1.9em;
font-weight:bold;
}
#right-col p {
line-height:1.4;
}
/***** Index - Bottom 3-Columns *****/
#bottom {
clear:both;
height:293px;
overflow:hidden;
_overflow: visible;
_margin-left: -6px;
background:url(../images/bg-index-bottom.jpg) no-repeat;
}
#bottom h3 {
color:#4b924f;
margin:10px 0 20px -22px;
font-size:1.5em;
font-weight:bold;
}
/***** IE7 *****/
html > body #bottom h3 {
*padding-top:10px;
}
#bottom h5 {
padding:25px 0 0 0;
font-size:1.4em;
text-align:right;
}
/***** IE7 *****/
html > body #bottom h5 {
*padding-bottom:10px;
}
#bottom h5 a {
color:#7f4c24;
border-bottom:2px solid #bda18d;
text-decoration:none;
}
#bottom h5 a:hover {
color:#ffad2b;
border-bottom:2px solid #fff;
text-decoration:none;
}
/***** Index - Bottom 3-Columns - What Is Curbing *****/
#what {
float:left;
width:254px;
margin:0 0 0 24px;
padding:20px 22px 0 22px;
}
/***** Index - Bottom 3-Columns - Why Curb-Ease *****/
#why {
float:left;
width:254px;
margin:0 12px;
padding:20px 22px 0 22px;
}
/***** Index - Bottom 3-Columns - Contact Form *****/
#contact {
float:left;
_float: right;
width:254px;
_width: 241px;
_overflow: hidden;
margin:0 24px 0 0;
padding:8px 22px 0 0px;
}
#contact h3{margin:22px 0 8px -22px !important;}
#contact h3 span {
float:right;
color:#5e5045;
display:block;
margin:0 -50px 0 -10px;
font:1em Arial, Helvetica, sans-serif;
letter-spacing:-1px;
}
#contact h3 span span {
float:none;
color:#4b924f;
margin:0;
display:inline;
}
#contact embed {
*_margin-top: -12px;
*_margin-left: -29px;
}
/***** Content *****/
#content {
float:left;
width:646px;
padding:36px 0 0 0;
margin:0 10px 20px 27px;
}
#content h2 {
color:#4b924f;
margin:0 0 16px 0;
font-size:1.4em;
font-weight:bold;
}
#content a {
font-weight:bold;
}
.fullwidth#content {
float:none;
width:auto !important;
margin:0 27px 20px 27px;
}
/***** Sidebar *****/
#sidebar {
float:left;
width:246px;
padding:36px 10px 0 10px;
margin:0 17px 0 0;
background:url(../images/bg-sidebar.png) 0 56px no-repeat;
}
#sidebar h3 {
color:#4b924f;
margin:0 0 16px 0;
font-size:1.4em;
font-weight:bold;
}
#sidebar ul {
margin:-8px 8px 20px 8px;
list-style:none;
list-style-position:outside;
}
#sidebar ul li {
border-bottom:1px solid #bfbcb2;
padding:18px 0;
}
#sidebar ul li a {
color:#8f5841;
padding:0 0 0 24px;
display:block;
text-decoration:none;
background:url(../images/ul.gif) center left no-repeat;
}
#sidebar ul li a:hover {
color:#236700;
text-decoration:underline;
}
#sidebar ul li.last {
border:0;
}
/***** Footer *****/
#footer {
clear:both;
padding:20px 26px 20px 23px;
font-size:0.7em;
background:url(../images/bg-footer.png) no-repeat;
}
.index#footer {
padding-top:34px;
background:url(../images/bg-index-footer.png) no-repeat;
}
#footer p span {
float:right;
text-align:right;
}
#footer p span a {
text-decoration:none;
text-transform:uppercase;
}
#footer p span a span {
float:none;
color:#438f43;
}
#footer p span a:hover {
color:#5e5045;
}
#images {
text-align: center;
}
#images img {
border: 1px solid #aaa;
margin: 8px;
vertical-align: middle;
}
#pagination {
text-align: right;
margin-right: 50px;
}
#pagination span {
margin: 3px;
}
#images div.gallery {
float: left;
width: 150px;
border: 1px solid #4b924f;
text-align: center;
margin-right: 25px;
padding: 5px;
}
/****** Forms ******/
dl dd {
margin-bottom: 12px;
}
/***** Global Classes *****/
.clear {
clear:both;
height:0;
}
.required {
color: #ee0000;
}