@CHARSET "UTF-8";
html {background: #fcf8ed url(img/bg.jpg) repeat-x top left;}
body {font-family: "Times New Roman", Times, serif; margin: 0 20px; padding: 1px;}
h1, h2 {font: 24px/36px; border-bottom: 1px solid #00703c; color: #00703c; margin-top: 0;}
h2 a {text-decoration: none;}
h2 a:hover {text-decoration: underline;}
h3 {font: 18px/24px; color: #cc9727; margin-top: 0;}
h4 {color: #00703c;}
a {color: #00703C;}
a:hover {text-decoration: none;}
a img {border: none;}
input[type="text"], textarea {width: 80%;}
label {
color: #004022;
font-size: 13px;
}
div.field {margin-bottom: 5px;}
table.no-border {border: none;}
table.no-border td {border: none;}
#pg {
width: 962px;
margin: 0 auto;
position: relative;
}
#hd {height: 100px; position: relative; overflow: visible; margin: 0 1px; z-index: 1;}
#logo {
width: 220px; height: 142px;
position: absolute;
right: 40px; bottom: -140px;
background: url(img/logo.gif) no-repeat;
}
#thread1 {
width: 362px; height: 88px;
position: absolute;
top: 12px; left: 7px;
background: url(img/thread1.png) no-repeat;
}
#thread2 {
width: 256px; height: 163px;
position: absolute;
top: 71px; right: -21px;
background: url(img/thread2.png) no-repeat;
}
#thread3 {
width: 13px; height: 30px;
position: absolute;
top: 148px; left: -13px;
background: url(img/thread3.png) no-repeat;
}
#bd {height: 600px; background-color: white; border: 1px solid #ccc; position: relative;}
#nav {
width: 200px; height: 600px;
margin: 0;
background: url(img/menu.jpg);
position: absolute;
top: 0; left: 0;
z-index: 0;
}
#ct {
width: 760px; height: 600px;
position: absolute;
top: 0; right: 0;
}
#ct-hd {
height: 120px;
background: url(img/ct-hd.jpg) no-repeat;
position: relative;
}
#ct-hd h1 {
height: 100%;
width: 100%;
margin: 0;
display: block;
text-indent: -99999px;
}
#ct-wrapper {height: 460px; overflow: auto; padding: 20px 20px 0 20px;}
#ct-primary {
font: 14px/24px;
width: 490px;
float: left;
margin: 20px 20px 0 0;
}
#ct-primary.full-width {width: 710px; margin-right: 0;}
#ct-primary.equal-column {width: 370px;}
#ct-secondary {
margin-top: 20px;
font: 12px/110% Arial, Helvetica, sans-serif;
color: #505050;
width: 180px;
float: left;
}
#ct-secondary.equal-column {width: 300px;}
#ft {text-align: right; margin: 5px 1px 0; color: #00703c; font-size: 11px; font-family: Arial, Helvetica, sans-serif;}
/***** Main Menu *****/
#nav li {list-style: none;}
#nav li a {
display: block;
width: 200px;
height: 66px;
text-indent: -9999px;
}
#nav li#mi-home a {height: 76px}
#nav li#mi-catalog a {height: 128px;}
body.home #nav li#mi-home a {background: url(img/menu.jpg) no-repeat right top;}
body.news #nav li#mi-news a {background: url(img/menu.jpg) no-repeat right -76px;}
body.products #nav li#mi-products a {background: url(img/menu.jpg) no-repeat right -142px;}
body.history #nav li#mi-history a {background: url(img/menu.jpg) no-repeat right -208px;}
body.about #nav li#mi-about a {background: url(img/menu.jpg) no-repeat right -274px;}
body.location #nav li#mi-location a {background: url(img/menu.jpg) no-repeat right -340px;}
body.contact #nav li#mi-contact a {background: url(img/menu.jpg) no-repeat right -406px;}
body.catalog #nav li#mi-catalog a {background: url(img/menu.jpg) no-repeat right -472px;}
body #nav li a:hover {background: url(img/menu.jpg) no-repeat center top;}
body #nav li#mi-home a:hover {background-position: center top;}
body #nav li#mi-news a:hover {background-position: center -76px;}
body #nav li#mi-products a:hover {background-position: center -142px;}
body #nav li#mi-history a:hover {background-position: center -208px;}
body #nav li#mi-about a:hover {background-position: center -274px;}
body #nav li#mi-location a:hover {background-position: center -340px;}
body #nav li#mi-contact a:hover {background-position: center -406px;}
body #nav li#mi-catalog a:hover {background-position: center -472px;}
.caption {
font: 12px/110% Arial, Helvetica, sans-serif;
color: #505050;
}
/***** PAGE SPECIFICS *****/
/***** Homepage *****/
body.home #ct-hd {display: none;}
body.home #ct-wrapper {height: 600px;}
body.home #ct-primary {margin: 0;}
body.home #gallery {
position:relative;
height:560px;
overflow: hidden;
}
body.home #gallery .slide {
float:left;
position:absolute;
}
body.home #gallery .slide img {
border:none;
}
body.home #gallery .caption {
z-index:1;
background-color:#fde2ab;
color:#000;
width:220px;
height: 120px;
position:absolute;
bottom:-5px;
right: 10px;
overflow: hidden;
-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
padding: bottom: 5px;
font-size: 16px;
font-weight: 600;
}
body.home #gallery .caption .content {
margin: 10px 15px 5px;
font-size: 75%;
}
body.home #gallery .caption .content h3 {
margin:0;
padding:0;
color:#00703c;
}
/***** News *****/
body.news #ct-hd h1 {background: url(img/ct-hd-news.jpg) no-repeat top left;}
.authorDate {
font: italic 12px/110% Arial, Helvetica, sans-serif;
color: #505050;
}
.tagcloud {
line-height: 1.7em;
}
.tagcloud a {text-decoration: none;}
.tagcloud a:hover {text-decoration: underline;}
.tags {font-size: 80%;}
.blogVitals {font-size: 80%;}
.blogSummary {margin-bottom: 50px;}
/***** Products *****/
body.products #ct-hd h1 {background: url(img/ct-hd-products.jpg) no-repeat top left;}
/***** History *****/
body.history #ct-hd h1 {background: url(img/ct-hd-history.jpg) no-repeat top left;}
/***** About *****/
body.about #ct-hd h1 {background: url(img/ct-hd-about.jpg) no-repeat top left;}
/***** Location *****/
body.location #ct-hd h1 {background: url(img/ct-hd-location.jpg) no-repeat top left;}
body.location #ct-wrapper{position: relative;}
body.location #ct-primary {position: absolute; height: 480px; width: 760px; margin-top: -20px; margin-left: -20px;}
body.location #ct-secondary {
position: absolute;
right: 40px; top: 40px;
background-color: #fcf8ed; padding: 20px;
border: 3px double #cc9727;
width: 174px;
border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
}
body.location #google-map {width: 100%; height: 100%;}
/***** Contact *****/
body.contact #ct-hd h1 {background: url(img/ct-hd-contact.jpg) no-repeat top left;}