/* reset styles */
* {margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:101%;font-family:inherit;vertical-align:baseline}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0}
caption, th, td {text-align:left;font-weight: normal}
blockquote:before, blockquote:after,
q:before, q:after {content: ""}
blockquote, q {quotes: "" ""}
html{height: 101%}

body{font-family: Arial, Helvetica, Tahoma, Sans-Serif; background:url("images/background.jpg") no-repeat scroll center top #DDDDDD; color: #222; font-size:.95em}

h2, h3, h4, h5, h6{color:#003D6C; font-weight:bold;}
h2, h3, h4, h5, h6, ul, ol {margin:0;padding:0.1em 0.3em 0.3em}
h3{line-height: 1.4em}
p{line-height:1.3em}
a{text-decoration: none;color: #600}
a:visited{text-decoration: none;color: #600}
a:hover{text-decoration: underline;color: #900}

#frame {text-align: left;width: 990px;margin: 10px auto; background:url(images/greenthatch.gif);border: 1px solid black; background: #b3b3b3;border:3px solid #003D6C;}

#head{width: 100%; clear: both; position: relative;}
.smiley{position: absolute; top: 5px; right: 5px}
.subnav{margin-top: 100px; background:none repeat scroll 0 0 #51A7DD; border-bottom:2px solid #003D6C; border-top:2px solid #003D6C; color:#333333; font-weight:bold; line-height:1.3em; margin-bottom:5px; text-align:right; text-transform:uppercase;}
.subnav p{padding: 0}

/* image replacement logo */

#lbox{float: left; margin: 15px 0 0 6px}
* html #lbox {margin: 7px 0 0 3px}
#lbox, #logo, #logo span {width: 362px; height: 100px;display: block;  overflow: hidden}
#logo {position: relative;cursor: pointer} 
#logo span {position:absolute; top: 0; left: 0; background: url(images/logo.gif)}

/* banner */

#bbox{float: right; position: relative; margin-right: 125px}
* html #bbox{margin-right: 63px}
#bbox, #bbox span{width:370px; height: 100px}
#bbox span{position: absolute; top: 0px; left: 0px; background: url(images/slogan.gif)}


#content{width: 740px; float: left;min-height: 650px; line-height: 1.3em; text-align: center}
.cont{background: #EEca95;border: 1px #003D6C solid;padding: 4px;margin-bottom: 5px; text-align: left}

#sidebar {width: 230px; float: right; margin-right: 10px;background:none repeat scroll 0 0 #EECA95;border:1px solid #003D6C;padding:4px;}
* html #sidebar{margin-right: 5px}


#c1{padding: 10px; margin: 0 10px}

/* boxes */

.box{display:inline;float:left; height:220px;margin:0.3em 0;text-align:center;width:226px}
.box p{padding: 0 0 .3em 0}
.box img{margin: 4px;border: 1px solid black;width: 185px;height: 107px;}
.box a{text-decoration: none;color: #003d6c;font-weight: bold;}
.box a:hover{text-decoration: underline;}
.box .mail{text-decoration: underline;}
.box .mail:hover{text-decoration: none;}
.box span.small a{font-size: .9em}
.company{font-weight: bold;}

#c2{}
#c3{padding: 10px;clear: both}
#c4{padding: 10px;clear: both}

/* gallery */

.pic{display: inline;
text-align: center;
}

.pic img{
margin: 4px;
border: 1px solid black;
}

#gallery{
text-align: center;
margin: 0 auto;
}



/* menu */
#menu a:hover {color: #600}
#mbox{width: 95%;margin: 10px auto}
#mbox ul{width: 150px;float: right}
#mbox li{text-align: right;list-style: none}
#mbox a{display: block;margin: 5px 0;border-top: 2px solid #666;border-left: 2px solid #666;border-bottom: 2px solid #000;border-right: 2px solid #000;width: 150px;line-height: 20px;text-align: right;padding: 5px;text-decoration: none;font-weight: bold;text-transform: uppercase;color: #310}
#mbox a:hover{color: #600}
#mbox a.here, #mbox a.here:hover {cursor: default;color: #600;background: #fee}


/* footer */
#footer {clear: both;text-align: center;padding: 5px 0px;font-size: .8em;background:none repeat scroll 0 0 #CCCCCC;border-top:2px solid #003D6C;margin-top:10px;}
#footer ul{}
#footer li{display: inline;list-style: none}
#footer a{}
#footer a:visited{}
#footer a:hover{}

/* //  contact form */

textarea{width: 98%;height: 100px}
.formhead{display: block;line-height: 1.4em;border-bottom: 1px solid black;border-top: 1px solid black;text-align: center;margin: 5px}
input, textarea{font-size: .8em;background: #eee;border: 1px black solid;padding: 3px;color: #222; margin: .3em 0}
.formhead input{margin: 3px 0;cursor: pointer}
.formhead input:hover{background: #222;color: #eee}
.label{width: 200px; display: block}

/* default styles */
.print{display: none}
.centext{text-align: center}
.hr{width:90%;border-bottom: 1px black solid;height: 1px;margin: 3px auto;display: block}
.note{font-size: .8em}
.alert{color: #d00}

.clear{clear: both}
.msg{font-size: .9em;color: black;background: #fcc;border: 1px black solid;margin: 5px;padding: 5px}
.iright{float: right;margin:.3em}
.ileft{float: left;margin:.3em}
.access{text-indent: -100em}