body {
font-family: Arial, Helvetica, sans-serif;
background: #f3eace;
font-size: 12px;
line-height: 17px;
padding: 10px 0 25px 0;
margin: 0;
behavior: url('/csshover.htc');
}

.coupon {
background: #a11c20;
border: 3px dashed #5f1315;
color: #fffae9;
padding: 15px;
margin-bottom: 15px;
}
.coupontitle {
font-size: 24px;
padding-bottom: 15px;
}
.coupondescrip {
font-size: 16px;
padding-bottom: 15px;
}
.coupondetails {
font-size: 11px;
}
.couponprint {
padding: 5px;
background: #fffae9;
width: 30%;
color: #000;
margin-top: 15px;
}

.articledate {
font-size: 11px;

}

ul {
margin: 0 0 0 5px;
padding: 0 0 0 15px;
}

ul.redarrow li {
list-style-image: url('/assets/bullet-redarrow.gif');
padding: 0 0 5px 0;
}

/* HACKS */

.clickable {
cursor: pointer;
}

.clearboth {
clear: both;	
}

/* TEXT STYLES */

a, a:link, a:visited {
color: #434242;
text-decoration: underline;
}

a:hover {
text-decoration: none;	
}

a.flip, a.flip:link, a.flip:visited, .flip a, .flip a:link, .flip a:visited {
text-decoration: none;
}
a.flip:hover, .flip a:hover {
text-decoration: underline;
}

.lineheightnormal {
line-height: normal;
}

.red {
	
}

.yellow {
	
}

.green {
	
}

.large {
font-size: 22px;
line-height: normal;
}

.medium {
font-size: 18px;	
line-height: normal;
}

.small {
font-size: 11px;	
line-height: normal;
}

.yellow, .yellow a:link, .yellow a:visited, #footer a:link, #footer a:visited {
color: #ffe18c;
text-decoration: underline;
}

.yellow a:hover, #footer a:hover {
text-decoration: none;	
}

/* SITE STRUCTURE */

#all {
width: 851px;
margin: 0 auto;
}

#header {
position: relative;
}

#logo {
position: absolute;	
left: -30px;
z-index: 99;
}

#bookonline {
position: absolute;	
right: -50px;
top: 100px;
}

#header .top {
height: 68px;
}

#navigation {
height: 64px;	
}

#quote {
float: right;
width: 200px;
padding-top: 15px;
}

#ribbon {
height: 40px;
float: right;
width: 380px;
background: url(/assets/ribbon-green-repeat.jpg) repeat-x;
margin-top: 15px;
}

#ribbon .left {
height: 40px;
background: url(/assets/ribbon-green-left.jpg) no-repeat top left;
}

#ribbon .right {
height: 40px;	
background: url(/assets/ribbon-green-right.jpg) no-repeat top right;
}

#ribbon .pad {
padding: 10px 0 9px 0;
color: #fff;
font-size: 13px;
font-weight: bold;
text-align: center;
}

#banner {
background: url(/assets/pagetitle-bg-red.jpg) top left #b21f25 repeat-x;
overflow: hidden;
position:relative;
z-index: 0;
}
#banner-home {
background: url(/assets/pagetitle-bg-red.jpg) top left #b21f25 repeat-x;
width: 851px;
height: 217px;
overflow: hidden;
clear: both;
position:relative;
z-index: 0;
}

#bannerimage {
width: 851px;
/*height: 133px;
overflow: hidden;*/
}

#banner img {
position: relative;
z-index: 1;
}

#banner .pad {
padding: 15px;
color: #fff;
}

#actions {
height: 177px;
background: url(/assets/actions-bg.gif) repeat-x;
margin-top: 6px;
margin-bottom: 6px;
position: relative;
z-index: 99;
}

#actions .box {
height: 177px;
float: left;
}

#actions .box .pad {
color: #fff;
padding: 15px 130px 0 15px;
}

#actions #residential {
width: 290px;
background: url(/assets/actions-residential.jpg) top right no-repeat;
position:relative;
}

#actions #commercial {
width: 292px;
background: url(/assets/actions-commercial.jpg) top right no-repeat;
}

#actions #viewgallery {
width: 269px;	
background: url(/assets/actions-gallery.jpg) top right no-repeat;
}

/* TEST */

#actions2 {
height: 199px;
margin-top: -17px;
margin-bottom: 6px;
z-index: 98;
}

#actions2 .box2 {
height: 199px;
float: left;
position: relative;
}

#actions2 .box2 .pad {
color: #fff;
padding: 30px 130px 0 15px;
line-height: normal;
position:relative;
z-index: 99;
}

#actions2 #residential2 {
width: 283px;
background: url(/assets/actions-1.gif) top right no-repeat;
}

#actions2 #residential2:hover {
background: url(/assets/actions-1b.gif) top right no-repeat;
z-index: 99;
position:relative;
}

#actions2 #residential2 .image {
position: absolute;
bottom: 0;
right: 0;
}

#actions2 #commercial2 {
width: 284px;
background: url(/assets/actions-2.gif) top right no-repeat;
}

#actions2 #commercial2:hover {
background: url(/assets/actions-2b.gif) top right no-repeat;
z-index: 99;
position:relative;
}

#actions2 #commercial2 .image {
position: absolute;
bottom: 0;
right: 0;
z-index: 1;
}

#actions2 #viewgallery2 {
width: 284px;	
background: url(/assets/actions-3.gif) top right no-repeat;
}

#actions2 #viewgallery2:hover {
background: url(/assets/actions-3b.gif) top right no-repeat;
z-index: 99;
position:relative;
}

#actions2 #viewgallery2 .image {
position: absolute;
bottom: 15px;
right: 15px;
}

/* END TEST */

#content {
background: #fffae9;
}

#content .pad {
padding: 18px;
}

#content .main {
width: 576px;
float: left;
background: url(/assets/fade-bg-right.gif) repeat-y right;
min-height: 200px;
_height: 200px;
}
#content .main-full {
min-height: 200px;
_height: 200px;
}

#content .column {
width: 275px;
float: right;
}

#footer {
height: 123px;
background: url(/assets/footer-repeat.gif) repeat-x;
margin-top: 6px;
font-size: 11px;
}

#footer .box {
height: 123px;
float: left;
color: #fff;
background: url(/assets/footer-divider.gif) no-repeat top right;
}

#footer .box .pad {
padding: 15px;
line-height: normal;
}

#contact {
width: 212px;
}

#tools {
width: 212px;
}

#social {
width: 212px;
}

#info {
width: 212px;
}

/* REUSEABLE */

.date {
margin: 0 0 10px 10px;
font-size: 24px;
float: right;
width: 74px;
height: 111px;
background: url(/assets/datelight-1.gif) #e6e3d6 repeat-x;
}
.date2 {
margin: 0 0 10px 10px;
font-size: 24px;
float: right;
width: 74px;
height: 111px;
background: url(/assets/datelight-2.gif) #e6e3d6 repeat-x;
}
.date3 {
margin: 0 0 10px 10px;
font-size: 24px;
float: right;
width: 74px;
height: 111px;
background: url(/assets/datelight-3.gif) #e6e3d6 repeat-x;
}
.date .space, .date2 .space, .date3 .space {
margin-top: 30px;
margin-left: 20px;
}
.date .small, .date2 .small, .date3 .small {
font-size: 14px;
}
.btn-small {
width: 80px;	
}
.btn-yellow {
background: url(/assets/btn-yellow-right.gif) top right no-repeat;
height: 25px;
}
.btn-yellow .right {
background: url(/assets/btn-yellow-left.gif) top left no-repeat;
height: 25px;
margin-right: 5px;
line-height: 24px;
text-align: center;
color: #504524;
}

.pagetitle {
min-height: 40px;
_height: 40px;
background: url(/assets/title-bg.gif) repeat-x;
background-position: 0 -20px;
}

.pagetitle-red {
background: url(/assets/pagetitle-bg-red.gif) repeat-x #b21f25;
}

.pagetitle .space {
color: #434242;
font-size: 22px;
padding: 8px 0 8px 15px;
line-height: normal;
}

.pagetitle-red .space {
color: #fff;	
}

.pagetitle .fade {
min-height: 40px;
_height: 40px;
background: url(/assets/title-bg-fade-right.gif) top right no-repeat;
background-position: 100% -20px;
}