/*global*/
html,body,p,div,img,h1,h2,h3,h4,li,ul,ol,dl,dd,dt,form{
margin: 0;
padding: 0;
border: 0;
border-collapse: collapse;
border-spacing: 0;
}
h5 {font-size:12px; font-weight:bold;}
html,body {
height: 100%;
font-size: 11px;
font-family: verdana, sans-serif;
color: #1d1d1d;
background: url(images/bg.jpg) #5e5234;
background-attachment: fixed;
margin: auto;
}
/*text*/
p {line-height: 1.6em; margin-bottom: 1.6em;}
h1 {line-height: 2.4em; font-size: 24px; font-weight: normal; color: #483f20;}
h2 {line-height: 2.4em; font-size: 1.8em; font-weight: normal; color: #483f20;}
h3 {line-height: 2.4em; font-size: 1.6em; font-weight: normal; color: #483f20;}
h4 {line-height: 2.4em; font-size: 18px; font-weight: normal; color: #483f20;}
li { line-height: 2em; }
ul { margin: 10px 0; }
hr { color: #ccc; }
.center {text-align: center;}
.bold {font-weight: bold;}
.access{text-indent:-9999px;}
a {
text-decoration: underline;
color: #3d2700;
}
a:hover {
text-decoration: none;
color: #ac884a;
}
a:active {
color: #f1ce91;
}
a:visited {
}
#nav a {
text-decoration: none;
color: #fff;
text-shadow: 1px 1px 2px #555;
}
#nav a:hover {
color: #dedede;
}
#nav a:active {
color: #111;
position: relative;
top: 1px;
left: 1px;
text-shadow: 0px 0px 0px #555;
}
/*box classes*/
.clearer {
clear: both;
height: 0px;
overflow: hidden;
}
.fleft {float: left;}
.fright {float: right;}
.cr { clear: right; }
.cl { clear: left; }
/* Form Styling */
#form_div {
width: 360px;
color: #555;
font-weight: bold;
margin: 0px 10px 0 0;
float: right;
}
.form {
background: #eee;
padding: 10px;
height: 390px;
}
.input {
width: 200px;
height: 15px;
font-size: 12px;
border: 1px solid #cccccc;
background: url(images/formgradient.jpg) repeat-x #ffffff;
margin-bottom: 15px;
padding: 5px;
float: right;
}
.input:hover {
border: 1px solid #aaaaaa;
}
.textarea {
font-family:Verdana, Arial, Helvetica, sans-serif;
padding: 0px; line-height: 14px; margin: 0px;
width: 200px;
height: 150px;
line-height: 18px;
font-size: 12px;
border: 1px solid #cccccc;
background: url(images/formgradient.jpg) repeat-x #ffffff;
margin-bottom: 10px;
padding: 5px;
float: right;
}
.textarea:hover {
border: 1px solid #aaaaaa;
}
.submit {
float: right;
padding: 2px 10px;
clear: both;
}
label {
width: 500px;
float: left;
font-size: 12px;
margin: 10px 0 -18px 0;
}
.enquiry {
font-size: 18px;
font-weight: normal;
color: #423a17;
margin: 0 0 0 0;
}
.photo {
padding: 4px;
border: 1px solid #999;
background: #ccc;
}
/*-------------------------------*/
/*---------- START -------------*/
/*-----------------------------*/
/* LAYOUT */
.wrap960 {
width: 960px;
margin: auto;
position: relative;
}
#header {
height: 85px;
background: url(images/headerbg.png) repeat-x;
}
.wrap960 {
padding: 15px 0;
}
#nav {
position: absolute;
right: 0;
top: 20px;
}
#nav li {
float: left;
margin: -6px 20px;
font-size: 22px;
list-style: none;
}
#container {
width: 973px;
margin: 20px auto;
}
#featured {
}
#contentTop {
}
/* CONTENT AREAS */
#home #content {
background: url(images/content.png) repeat-y;
width: 973px;
min-height: 590px;
}
#services #content {
background: url(images/content.png) repeat-y;
width: 973px;
min-height: 1230px;
overflow: auto;
}
#gallery #content {
background: url(images/content.png) repeat-y;
width: 973px;
}
#contact #content {
background: url(images/content.png) repeat-y;
width: 973px;
min-height: 1230px;
}
/* TITLE BARS */
#services #title {
background: url(images/servicestitle.png) no-repeat;
width: 973px;
height: 94px;
}
#gallery #title {
background: url(images/gallerytitle.png) no-repeat;
width: 973px;
height: 94px;
}
#contact #title {
background: url(images/contacttitle.png) no-repeat;
width: 973px;
height: 94px;
}
/* END CONTENT AREAS */
#contentBottom {
background: url(images/contentbottom.png) no-repeat;
width: 973px;
height: 12px;
margin: 0 auto;
}
#wrapper {
background:url(images/contenttop.png) no-repeat;
overflow:hidden;
position: relative;
z-index: 200;
padding: 30px 40px;
}
.copyTop {
background: url(images/copytop.png) no-repeat;
width: 902px;
height: 63px;
margin: 0 auto;
position: relative;
z-index: 300;
}
.copy {
background: url(images/copyslice.png) repeat-y;
width: 902px;
margin: -63px auto 0;
}
.copyBottom {
background: url(images/copybottom.png) no-repeat;
width: 902px;
height: 63px;
margin: -63px auto 0;
}
.copyWrap {
padding: 20px;
position: relative;
z-index: 400;
}
/* Footer */
#footer {
color: #3b3b3b;
}
#col1, #col2, #col3 {
float: left;
width: 273px;
min-height: 230px;
padding: 0 10px;
margin: 0 1px;
background: url(images/footerdivider.png) no-repeat;
font-size: 11px;
}
#footer ul {
margin-left: 20px;
}
/* Featured Slides */
#slideWrapper {
position: relative;
}
.featuredSlide {
position: relative;
width: 973px;
height: 247px;
}
.featuredSlide h2 {
position: absolute;
top: 50px;
right: 400px;
color: #333;
font-size: 24px;
}
.featuredSlide p {
width: 320px;
position: absolute;
top: 100px;
right: 200px;
color: #454545;
}
.featuredSlide .getaquote {
position: absolute;
top: 170px;
right: 320px;
}
.featuredSlide .readmore {
position: absolute;
top: 170px;
right: 205px;
}
.jFlowControl {
display: none;
}
.jFlowPrev {
position: absolute;
top: 112px;
left: 0;
cursor: pointer;
}
.jFlowNext {
position: absolute;
top: 112px;
right: 0;
cursor: pointer;
}
#slide1 {
background: url(images/featured-memorials.png) no-repeat;
}
#slide2 {
background: url(images/featured-engraving.png) no-repeat;
}
#slide3 {
background: url(images/featured-restoration.png) no-repeat;
}
#slide4 {
background: url(images/featured-granite.png) no-repeat;
}
#slide2 h2 {
position: absolute;
top: 80px;
right: 318px;
color: #333;
font-size: 24px;
text-align: left;
}
#slide2 p {
width: 350px;
position: absolute;
top: 125px;
right: 222px;
color: #282828;
}
#slide2 .getaquote {
position: absolute;
top: 170px;
right: 353px;
}
#slide2 .readmore {
position: absolute;
top: 170px;
right: 468px;
}
#slide3 h2 {
position: absolute;
top: 40px;
left: 150px;
color: #f6f6f6;
font-size: 24px;
text-align: left;
}
#slide3 p {
width: 300px;
position: absolute;
top: 85px;
left: 150px;
color: #fff ;
}
#slide3 .getaquote {
position: absolute;
top: 150px;
left: 147px;
}
#slide3 .readmore {
position: absolute;
top: 190px;
left: 147px;
}
#slide4 h2 {
position: absolute;
top: 100px;
left: 170px;
color: #333;
font-size: 24px;
}
#slide4 p {
width: 300px;
position: absolute;
top: 150px;
left: 170px;
color: #353535;
}
#slide4 .getaquote {
position: absolute;
top: 120px;
right: 390px;
}
#slide4 .readmore {
position: absolute;
top: 160px;
right: 390px;
}
/* Home */
#homeLeft {
float: left;
width: 600px;
height: 168px;
padding: 0 21px;
background: url(images/homeleft.png) no-repeat;
}
.contentBox {
float: left;
width: 600px;
height: 168px;
padding: 0 21px;
background: url(images/homeleft.png) no-repeat;
}
#homeRight {
float: right;
width: 251px;
position: relative;
}
#telweb {
margin: 10px 65px
}
#bookmark {
margin: 0 0 0 45px;
}
#bigNav {
margin: 20px 0;
}
#bigNav img {
margin: 0 9px;
}
hr {
background: url(images/hr.jpg) no-repeat;
width: 895px;
height: 2px;
border: 0;
margin: 20px 0;
}
/* Services */
.copyWrap li {
line-height: 17px;
margin-left: 20px;
}
#servicesHeadstone {
float: left;
margin: 0 40px 0 10px;
}
#servicesMonument {
float: left;
margin: 0 40px 15px 0px;
}
#servicesRefurb {
float: left;
margin: 0 40px 15px 0px;
}
/* Gallery */
#galleryWrap {
width: 540px;
margin: 30px 45px 0 0;
float: right;
}
#gallerySlides {
}
#galleryController {
margin: 0px 0 0 12px;
width: 170px;
float: left;
overflow: auto;
padding: 10px 0;
position: relative;
z-index: 20;
height: 495px;
}
#galleryDivider {
background: url(images/divider.png) no-repeat;
width: 82px;
height: 460px;
position: absolute;
top: 60px;
left: 210px;
z-index: 10;
}
#galleryController img {
cursor: pointer;
margin-bottom: 10px;
}
.text {
background: #000;
color: #fff;
font-size: 14px;
padding: 10px;
position: absolute;
bottom: 0;
left: 0;
width: 520px;
filter:alpha(opacity=80);
opacity:0.8;
}
.gFlowControl img {
width: 54px;
height: 41px;
padding: 3px;
border: 1px solid #999;
background: #ccc;
margin: -4px 5px 0;
}
.gFlowSelected img {
background: #eee;
}
.gFlowPrev {
float: left;
}
.gFlowNext {
float: right;
}
#next-prev {
width: 540px;
float: right;
margin: -40px 48px 30px 0;
}
/* Contact */
#contactLeft {
width: 450px;
}
#telnum {
margin: 40px auto 10px auto;
font-size: 14px;
text-align: center;
width: 220px;
padding: 10px 15px;
background: #a79b6d;
border: 1px solid #7f7447;
color: #221e0f;
}
#telephoneimg {
margin: 0px 0 0 90px;
}
#chelmsford {
position: absolute;
top: 62px;
left: 220px;
color: #fff;
font-size: 14px;
font-weight: bold;
}
#map {
margin: 20px 0 0;
}
#home-h1 {
font-size: 20px;
}
.hideLink a {
cursor: default;
text-decoration: none;
color: #483f20;
}
.details {display:none;}
#colorbox h5,
#colorbox p{text-shadow:1px 1px 0 #EDE7AA;}
input.url,
label.url {
display:none;
}