/*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;
}
html,body {
height: 100%;
font-size: 12px;
font-family: verdana, sans-serif;
color: #000000;
background: url(images/bg.png) repeat-x #fff;
margin: auto;
}
/*text*/
p {
line-height: 1.6em;
margin-bottom: 1em;
text-shadow: 1px 1px 0px #eee;
color: #2c2c2c;
}
h1 {line-height: 2.4em; font-size: 2.2em; font-weight: normal;text-shadow: 1px 1px 0px #eee; color: #19416e;}
h2 {line-height: 2.4em; font-size: 1.4em; font-weight: normal;text-shadow: 1px 1px 0px #eee; color: #19416e;}
h3 {line-height: 2.4em; font-size: 1.6em; font-weight: normal;text-shadow: 1px 1px 0px #eee; color: #19416e;}
h4 {line-height: 2.4em; font-size: 2em; font-weight: normal;text-shadow: 1px 1px 0px #eee; color: #7a7a7a;}
li { line-height: 2em; margin-left: 20px;}
hr { color: #ccc; }
.error {
color: #cc0000;
}
.success {
color: #6da036;
}
.attention {
color: #c9ab05;
}
.center {text-align: center;}
.bold {font-weight: bold;}
a {
color: #087e9c;
text-decoration: none;
}
a:hover {
color: #6ac6dd;
text-decoration: underline;
}
a:active {
color: #155160;
text-decoration: underline;
}
a:visited {
color: #087e9c;
}
/*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 {
padding-left: 15px;
position: relative;
width: 427px
}
.input {
width: 275px;
height: 20px;
font-size: 1.3em;
border: 1px solid #999;
background: url(images/formgradient.jpg) repeat-x #ffffff;
margin-bottom: 10px;
padding: 5px 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.input:hover {
border: 1px solid #666;
}
.input:focus {
background: url(images/formgradient2.jpg) repeat-x #f0fcff;
}
.textarea {
font-family:Verdana, Arial, Helvetica, sans-serif;
padding: 0px; line-height: 14px; margin: 0px;
width: 285px;
height: 100px;
line-height: 1.1em;
font-size: 1.1em;
border: 1px solid #999;
background: url(images/formgradient.jpg) repeat-x #ffffff;
margin-bottom: 40px;
padding: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.textarea:hover {
border: 1px solid #666;
}
.textarea:focus {
background: url(images/formgradient2.jpg) bottom repeat-x #f0fcff;
}
.submit {
background: url(images/formgradient2.jpg) bottom repeat-x #f0fcff;
width: 130px;
height: 30px;
border: 1px solid #999;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
position: absolute;
bottom: 0;
right: 0;
}
.submit:active {
background: url(images/formgradient.jpg) repeat-x #ffffff;
}
label {
float: left;
width: 130px;
font-size: 1.1em;
line-height: 2em;
}
/*-------------------------------*/
/*---------- START -------------*/
/*-----------------------------*/
#container {
width: 960px;
margin: 30px auto;
}
#header {
margin: 0 20px;
position: relative;
}
#titleh1 {
display: none;
}
#slideshow {
padding: 4px;
background: #ececec;
border: 1px solid #ccc;
width: 365px;
float: right;
margin: 35px 20px 0 0;
}
#primaryContainer {
background: url(images/bodyslice.png) repeat-y #d8d8d8;
width: 880px;
border: 1px solid #ccc;
padding: 0 20px;
margin: 40px 0 0 20px;
position: relative;
z-index; 11;
}
#bodyTop {
background: url(images/bodytop.png) no-repeat;
width: 920px;
height: 20px;
margin: 0 0 -15px -20px;
}
#urlBookmark {
margin-top: -75px;
float: right;
}
#url {
color: #3399cc;
font-size: 18px;
}
#bookmark {
position: relative;
top: -1px;
right: 12px;
}
#bookmark img {
position: relative;
top: 6px;
right: 2px;
}
#bookmark a {
font-size: 12px;
color: #7a7a7a;
}
#bookmark a:hover {
color: #515151;
}
#nav {
margin-top: -40px;
float: right;
clear: right;
background: url(images/navbar.png) no-repeat;
width: 363px;
height: 40px;
font-size: 18px;
}
#nav a {
color: #1f1f1f;
}
#nav a:hover {
color: #888888;
text-decoration: none;
}
#header a:hover {
text-decoration: none;
}
#nav li {
float: left;
display: inline;
margin: 1px 14px;
}
#ribbonContainer {
margin: 0 auto 0 -95px;
position: relative;
top: 40px;
width: 1150px;
}
#ribbon {
position: absolute;
z-index: 0;
}
#homeLeft {
float: left;
width: 440px;
}
.homeimg {
float: left;
width: 210px;
}
#homeLeft li {
text-shadow: 1px 1px 0px #eee;
color: #2c2c2c;
}
.bigNav {
float: left;
margin: 10px 7px;
}
#footer {
margin: 0 0 0 40px;
color: #7a7a7a;
}
#footer ul {
margin: 0;
color: #087e9c;;
}
#footer p {
color: #7a7a7a;
}
#col1 {
float: left;
width: 300px;
height: 300px;
background: url(images/footerdivider.png) no-repeat;
margin-right: -33px;
padding: 10px 14px;
}
#col2 {
float: left;
width: 300px;
height: 300px;
background: url(images/footerdivider.png) no-repeat;
margin-right: -33px;
padding: 10px 14px;
}
#col3 {
float: left;
width: 300px;
height: 300px;
background: url(images/footerdivider.png) no-repeat;
padding: 10px 14px;
}
/* SUB PAGE SPECIFIC */
#phone {
float: right;
}
#form_div {
float: left;
}
#aboutImage1 {
padding: 4px;
background: #ececec;
border: 1px solid #ccc;
width: 365px;
float: right;
margin: 0 20px 0 0;
}
#aboutImage2 {
padding: 4px;
background: #ececec;
border: 1px solid #ccc;
width: 365px;
float: right;
margin: 30px 20px 35px 0;
}
#servicesImage1 {
padding: 4px;
background: #ececec;
border: 1px solid #ccc;
width: 365px;
float: right;
margin: -70px 20px 0 0;
}
#servicesImage2 {
padding: 4px;
background: #ececec;
border: 1px solid #ccc;
width: 365px;
float: right;
margin: 10px 20px 20px 0;
}
#servicesLeft {
float: left;
width: 440px;
margin-left: 20px;
}
#servicesLeft li {
text-shadow: 1px 1px 0px #eee;
color: #2c2c2c;
}
#greenenergy {
float: left;
margin: -10px 0 0 -19px;
}
#green {
clear: both;
margin: 10px 0;
}
#telephone, #mobile {
font-size: 14px;
line-height: 1.8em;
margin-bottom: 1em;
text-shadow: 1px 1px 0px #eee;
color: #2c2c2c;
margin: 0 20px;
color: #19416e;
}
#urls li {
list-style: none;
margin-left: 0px;
}
#primaryContainer h3 {
font-size: 24px;
}
#primaryContainer h1 {
font-size: 10px;
margin: -20px 0 10px;
color: #19416e;
}
#index h1 {
font-size: 20px;
margin: 0;
}
#servicesLeft li a {
color: #2c2c2c;
}
#col3 img {
margin: 0 5px;
}
.textonly{
display:none;
}
#more{
display:none;
font-weight:normal;
}
#towns{
display:none;
}
#testimonials{
display:none;
}