body {											
margin: 0;
padding: 0;
color: #fff; 
font-family: Arial, Verdana, sans-serif; 
font-size: 16px;
line-height: 1.6em;
background-image: url(texture.jpg);   
background-repeat: no-repeat;
background-attachment: fixed; 
background-position: top; 
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
height: 100%;
width: 100%;
background-position: center center; /* changing this to 'top, center;' seems to work for mob sites */
background-repeat: no-repeat;}


html, body {height: 100%; }				                /* for sticky footer */
img, a {border: none; outline: none;}

a {font-size: 100%; color: #333233; text-decoration: none; }
a:hover {color: #ccc; text-decoration:  none; }
a img {border: 0;}
a {outline: none; }


h1, h2 { text-shadow: 5px 5px 10px #111; color: #fff;;}

h1, h2, h3, h4 { text-align: center; }
h1 { letter-spacing: 1px; font-size: 350%; line-height: 1.7em; padding-top: 20px; }
h2 { font-size: 185%; letter-spacing: 1px; }
h3 { font-size: 120%;  }

@font-face {
    font-family: 'open_sanslight';
    src: url('font/web fonts/opensans_light_macroman/OpenSans-Light-webfont.eot');
    src: url('font/web fonts/opensans_light_macroman/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/web fonts/opensans_light_macroman/OpenSans-Light-webfont.woff') format('woff'),
         url('font/web fonts/opensans_light_macroman/OpenSans-Light-webfont.ttf') format('truetype'),
         url('font/web fonts/opensans_light_macroman/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal; }
    
@font-face {
    font-family: 'open_sansbold';
    src: url('font/web fonts/opensans_bold_macroman/OpenSans-Bold-webfont.eot');
    src: url('font/web fonts/opensans_bold_macroman/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/web fonts/opensans_bold_macroman/OpenSans-Bold-webfont.woff') format('woff'),
         url('font/web fonts/opensans_bold_macroman/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('font/web fonts/opensans_bold_macroman/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal; }
    
@font-face {
    font-family: 'open_sansitalic';
    src: url('font/web fonts/opensans_italic_macroman/OpenSans-Italic-webfont.eot');
    src: url('font/web fonts/opensans_italic_macroman/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/web fonts/opensans_italic_macroman/OpenSans-Italic-webfont.woff') format('woff'),
         url('font/web fonts/opensans_italic_macroman/OpenSans-Italic-webfont.ttf') format('truetype'),
         url('font/web fonts/opensans_italic_macroman/OpenSans-Italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal; } 

@font-face {
    font-family: 'open_sansbold_italic';
    src: url('font/web fonts/opensans_bolditalic_macroman/OpenSans-BoldItalic-webfont.eot');
    src: url('font/web fonts/opensans_bolditalic_macroman/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/web fonts/opensans_bolditalic_macroman/OpenSans-BoldItalic-webfont.woff') format('woff'),
         url('font/web fonts/opensans_bolditalic_macroman/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
         url('font/web fonts/opensans_bolditalic_macroman/OpenSans-BoldItalic-webfont.svg#open_sansbold_italic') format('svg');
    font-weight: normal;
    font-style: normal; }
    
@font-face {
    font-family: 'open_sansextrabold';
    src: url('font/web fonts/opensans_extrabold_macroman/OpenSans-ExtraBold-webfont.eot');
    src: url('font/web fonts/opensans_extrabold_macroman/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/web fonts/opensans_extrabold_macroman/OpenSans-ExtraBold-webfont.woff') format('woff'),
         url('font/web fonts/opensans_extrabold_macroman/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
         url('font/web fonts/opensans_extrabold_macroman/OpenSans-ExtraBold-webfont.svg#open_sansextrabold') format('svg');
    font-weight: normal;
    font-style: normal; }
    
@font-face {
    font-family: 'open_sansregular';
    src: url('font/web fonts/opensans_regular_macroman/OpenSans-Regular-webfont.eot');
    src: url('font/web fonts/opensans_regular_macroman/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/web fonts/opensans_regular_macroman/OpenSans-Regular-webfont.woff') format('woff'),
         url('font/web fonts/opensans_regular_macroman/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('font/web fonts/opensans_regular_macroman/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal; }     
    
figure { padding: 0; margin: 0;}
img { display: block;}

#container {  overflow:hidden; min-height: 100%; position: relative; margin: 0 auto; } /* see above: this is an option too - background: url(grass.jpg) repeat; */

header {position: relative; height: 177px; background: #fff; }
#headerpart {position: relative; width: 960px; height: 100%; margin: 0 auto; }
#logo { width:50%; padding: 0; margin: 6% auto 0 auto; border: 1px solid #fff; background: #c7eafb; }
#logo img { 
 box-shadow:        5px 5px 15px 3px #000;  
-moz-box-shadow:    5px 5px 15px 3px #000;
-webkit-box-shadow: 5px 5px 15px 3px #000; }

#phone { position: absolute; top: 4px; right: 387px; font-size: 120%; width: auto; height: auto; }
#email { position: absolute; top: 4px; right: 20px;  height: auto; width: auto; font-size: 120%; }
#email a { color:#000; }
#email a:hover { color:#787d83; }

nav {position: absolute; bottom: 0; right: 0; background: #eee; height: 35px; display: inline-block; width: 100%; }
#menu ul { padding: 3px 8px 0 8px; margin: 0; font-size: 120%; letter-spacing: 1px;}
#menu {  margin: 0 auto; text-align: justify; -ms-text-justify: distribute-all-lines; text-justify: distribute-all-lines; clear: both; }
#menu a         {  display:inline-block; color:#3b3b3b; text-decoration:none;  }
#menu a:hover   {  display:inline; color:#6a6a6a; text-decoration: none; } 
#menu a:active   { display:inline; color:#fff; text-decoration:none; }
#menu .active   {  display:inline; color:#1367c7; text-decoration:none; }
#menu .farleft { padding-left: 4%;}
#menu .farright { padding-right: 4%;}

.eq { display: inline-block; vertical-align: top; }
.stretch { width: 100%; display: inline-block; font-size: 0; line-height: 0;}

main { border-bottom: solid #fff 2px; overflow: auto; height: auto; margin: 10% auto 0 auto; padding-bottom: 30px; width: 960px; display: block; }  /* padding-bottom must be same height as the footer  */
#mainwords { padding: 14px; }

.empty { clear: both; }
.empty2 { clear: both; height: 40px; }

.equal { text-align: justify; -ms-text-justify: distribute-all-lines; text-justify: distribute-all-lines; clear: both; }
.words { display: inline-block; vertical-align: top; width: 200px;border: 1px solid fuchsia; }
.stretch { width: 100%; display: inline-block; font-size: 0; line-height: 0;}




.equal { text-align: justify; -ms-text-justify: distribute-all-lines; text-justify: distribute-all-lines; clear: both; }
.words { display: inline-block; vertical-align: top; width: 45%; margin: 0 20px; text-align: left; }
.stretch { width: 100%; display: inline-block; font-size: 0; line-height: 0;}



/* ________________________________________________________ */

.nudge { height: 170px; clear: both; }     
/* OPTIONAL this can force footer to stick to bottom in FF - & also useful for adding gap between content & footer - make height larger than footer height */  

/* ________________________________________________________ */

.contactdetails { margin-top: 30px; }
.contactdetails label { text-align: left; float: left;  width: 270px; padding: 5px; }
.contactdetails input {width: 200px; margin-bottom: 16px; padding: 5px; border: 1px solid #a1c470; }

.commentarea { margin-left: 5px; }
.commentarea textarea { margin-bottom: 20px; width: 475px; height: 100px; padding: 6px; background: #fff; border: 1px solid #a1c470; }

.submitbutton { text-align: left; margin-left: 0; }
.submitbutton input { width: 105px; margin-left: 5px; background: #a1c470; font-size: 120%; text-align: center; border: 1px #a1c470 solid; color: #fff;text-shadow: 1px 1px 1px #8a8a92;
border-radius: 				15px 15px 15px 15px; 
-moz-border-radius: 		15px 15px 15px 15px;  
-webkit-border-radius: 		15px 15px 15px 15px; 
-o-border-radius: 			15px 15px 15px 15px;
box-shadow:         inset 0px 0px 31px #8a8a92;  
-moz-box-shadow:    inset 0px 0px 31px #8a8a92;
-webkit-box-shadow: inset 0px 0px 31px #8a8a92; }

.submitbutton input:hover { color: #000; cursor:pointer; }
.submitbutton input:active {background:#8a8a92; border: 3px #000 solid; }

.mandatory {color: red;}

#thanks { font-size: 100%; margin: 30px 0 200px 30px;  }

#infosurround { height: 180px; }
.info { position: relative; height: 165px; width: 300px; margin: 10px auto 0 auto; padding-left: 140px; background: #fff; border: 1px solid #83ad35;}
.info h3 { text-align: left; }
.info a { color: #ccc; }
.info form { color: inherit; }
.info label {float: left; padding-top: 4px;  width: 150px; }
.space input { width: 120px; border: #99ca3d 1px solid; background: #f1f1f1; }
.button input { margin-top: 2px; width: 50px; background: #99ca3d; font-weight: bold; font-size: 90%; border: 1px #ccc solid; }

footer {position: relative; background: #111; height: 70px; margin: -70px auto 0 auto; /*covers extra area created in maincontent */ font-size: 70%; color: #fff; text-align: center; clear: both; }
footer p { padding-top: 20px; color: #ccc;}
footer a {color: #ccc; }
footer a:hover {color: #fff; }

#footsur { min-width: 960px; max-width: 1400px; margin: 0 auto; }

/* reducing the height by a few pixel can help remove vertical side bar if page should fit a normal monitor */

footer a img {border: 0;}

.footerwords { display: inline-block; vertical-align: top; width: 20%; padding: 20px 0 0 20px; text-align: left; }
.footerwords3 { display: inline-block; vertical-align: top; width: 15%; padding: 20px 20px 0 20px; }

.footinfo {float: left; width: 40%;  }
.footnum {float: left; width: 50%;  }

#footerwords2 {position: absolute; bottom: 0; height: 45px; padding-top: 3px; background: #147fc3; width: 100%; text-align: center; }