@import "reset.css";
html {}

body{font-family:Arial,Helvetica,Verdana,sans-serif; text-align:center; background-color:#000; color:#666}
/* like fonts N stuff ===========================*/
h1#logo {display:block; position:absolute; left:-100000px;}
h2#strap {display:block; float:right; margin:64px 0 0 0; width:308px; height:18px; background:url(../images/strap_line_x.gif) 0 0 no-repeat; text-indent:-10000px;}
h2.title {display:block;margin-left:-40px; margin-bottom:30px; width:941px; height:63px; text-indent:-10000px;}
h2#welcome {background:url(../images/welcome.gif) 0 0 no-repeat;}
h2#whatWeDo {background:url(../images/whatwedo.gif) 0 0 no-repeat;}
h2#contactUs {background:url(../images/contactUs.gif) 0 0 no-repeat;}

h3 {margin:0.5em 0; font-size:1.25em;}
h4 {margin:0.75em 0; font-size:1.2em;font-weight:bold;}

strong {font-weight:bold;}

p {margin:0 0 2em 0;font-size:1.1em;line-height:1.5em;color:#333;}
p strong {display:block;margin-bottom:1em;font-size:1.2em;color:#999;}
#maincontent ul {margin:0 0 3em 1em;color:#333;}
#maincontent ul li {margin:0 0 0 0;padding:0 0 0 20px;line-height:1.6em;}

p.quote{font-size:0.9em;font-style:italic;}
p.by{margin-top:-2em}



a {color:#425d1b;}
a:hover {color:#94c94b;}

table {margin:0 auto 2em auto;}
td.filled{background: #ddd;}
td{width:200px;padding:10px 10px;}

/* nav ==========================================*/
ul#nav {margin-top:30px; width:1001px; padding:75px 0 0 0; height:41px; background:url(../images/logo.gif) 0 0 no-repeat;}

ul#nav li {float:right; position:relative; left:-30px; margin-left:3px;}

ul#nav li.home a {display:block; width:102px; height:41px; text-indent:-10000px; background:url(../images/buttons.gif) 0 0 no-repeat;}
ul#nav li.home a:hover,
ul#nav li.home a.on {background:url(../images/buttons.gif) 0 -41px no-repeat;}
ul#nav li.whatwedo a {display:block; width:146px; height:41px; text-indent:-10000px; background:url(../images/buttons.gif) -108px 0 no-repeat;}
ul#nav li.whatwedo a:hover,
ul#nav li.whatwedo a.on {background:url(../images/buttons.gif) -108px -41px no-repeat;}
ul#nav li.contact a {display:block; width:142px; height:41px; text-indent:-10000px; background:url(../images/buttons.gif) -260px 0 no-repeat;}
ul#nav li.contact a:hover,
ul#nav li.contact a.on {background:url(../images/buttons.gif) -260px -41px no-repeat;}

/* page =========================================*/

#container {margin:0 auto; width:1000px; text-align:left;}

#header {}

#maincontent {float:left; width:1000px; padding:0 70px 30px 70px; background:url(../images/main_content.gif) 0 0 repeat-y;}

#maincontent p {display:block; width:865px;}

#mainImage {margin-left:-40px; width:911px; *width:941px; *height:286px; border:15px solid #5c5c5c;}

#footer {float:left; width:1000px; padding:50px; background:#000 url(../images/footer.gif) 0 0 no-repeat;}

.col1,
.col2  {width:400px; float:left;}
#maincontent .col1 p,
#maincontent .col2 p {width:400px;}


.col2 {padding:0 0 0 70px;}
/*.maincontentcontact .col2 {padding-top:0;}*/

#maincontent .col2 ul {margin:0 0 0 15px; list-style:disc}
#maincontent .col2 ul li {margin:0 0 22px 0; padding:0 0 0 10px;;}

/* home page =====================================*/

.options {display:block; width:895px;}
.options li.findout {float:left; }
.options li.contactUs {float:right}
.options .findout a {float:left;}
.options .contactUs a {float:right; margin-right:30px;}

.findout a { display:block; width:374px; height:60px; text-indent:-10000px; background:transparent url(../images/options.gif) 0 0 no-repeat;  }
.findout a:hover { background:transparent url(../images/options.gif) 0 -60px no-repeat;  }

.contactUs a,
a.contactUs { display:block; width:374px; height:60px; text-indent:-10000px; background:transparent url(../images/options.gif) -374px 0 no-repeat;   }
.contactUs a:hover,
a.contactUs:hover { background:transparent url(../images/options.gif) -374px -60px no-repeat;   }


/* whatWeDo page =================================*/
div#maincontent.whatWeDo ul li {background:url(../images/burst_sm_purple.gif) 0 7px no-repeat;}


/* contact page =================================*/
#contactUsForm { padding:0; margin:0 0 30px 0; text-indent:-10000px; background:transparent url(../images/contact_form.gif) 0 0 no-repeat; width:263px; height:25px;}

#maincontent ul.contactDetails {margin:0; padding:0;}
#maincontent ul.contactDetails li {margin:0 0 35px 0; padding:0; line-height:1em;}

.contactMap { margin-bottom:14px;}

form {float:left;display:block;}
input, textarea {float:left;clear:both;width:385px; height:35px; margin:5px 0 15px 0; padding:5px 0 0 5px; font-size:1em;}
textarea {font-size:1.3em;}
label {float:left;clear:both;width:300px; margin-bottom:7px;}

h3.contactEmail { display:block; margin-bottom:0.3em; text-indent:-10000px; background:transparent url(../images/email.gif) left bottom no-repeat; width:95px; height:32px;}
h3.contactTel { display:block;  margin-bottom:0.3em; text-indent:-10000px; background:transparent url(../images/tel.gif) left bottom no-repeat; width:200px; height:32px;}

textarea {height:175px;}
input#submit {margin:5px 0 0 150px; padding:0; clear:left;width:100px;background:#ddd;}