/* CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;text-decoration: 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: "" "";}

/* Typo CSS */
h1, h2, h3, h4, h5, h6 { font-family: arial, helvetica,sans-serif; text-align: left; color: #8FA2A6;margin-bottom: 25px; }

h1 { font-size: 30px; }
h2 { font-size: 26px; }
h3 { font-size: 22px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 16px; }


h1 span {
  font-size: 18px;
}


.openevening {
  position: absolute;
  margin-left: 424px;
  margin-top: -1px;
  z-index: 100;
}
a {
font-family: arial, helvetica,sans-serif; 
color: #8FA2A6;
text-decoration: none;
}

a:hover { color: #ffffff; background-color: #8FA2A6; }
a:active { color: #0B0F15; }
a:visited { color: #8FA2A6; }
a:visited:hover { color: #ffffff; background-color: #8FA2A6; }
a:visited:active { color: #0B0F15; }

img.right { padding: 5px;float: right; }


/* Main CSS */
body {
background-image: url(../images/bg.jpg);
background-repeat: repeat-x;
background-color: #ffffff;
width: 100%;
height: 100%;
overflow-x: hidden;
}

#pageWrapper {
width: 100%;
height: 100%;
margin: 0 auto;
}

#contentWrapper {
width: 1350px;
height: 100%;
min-height: 1100px;
margin: 0 auto;
}

#header {
background-image: url(../images/header.jpg);
background-repeat: no-repeat;
width: 1200px;
height: 418px;
padding-top: 150px;
}

#header2 {
background-image: url(../images/header2.jpg);
background-repeat: no-repeat;
width: 1200px;
height: 418px;
padding-top: 150px;
}

#logo {
background-image: url(../images/logo.png);
background-repeat: no-repeat;
width: 164px;
height: 59px;
margin-top: -245px;
margin-left: 55px;
}

#trans {
width: 846px;
height: 482px;
margin: 0 auto;
margin-left: 265px;
border: 1px solid #ffffff;
-webkit-box-shadow: #555 0px 1px 3px;
box-shadow: #555 0px 1px 3px;
}

#nav {
width: 125px;
padding: 5px;
margin: -135px 0 0 100px;
text-align: left;
float: left;
}

#nav li a {
font-family: arial, helvetica,sans-serif; 
font-size: 15px;
color: #8FA2A6;
padding: 5px;
margin-bottom: 18px;
text-decoration: none;
float: right;
}

#nav li a:hover { color: #ffffff; background-color: #8FA2A6; }
#nav li a:active { color: #0B0F15; }
#nav li a:visited { color: #8FA2A6; }
#nav li a:visited:hover { color: #ffffff; background-color: #8FA2A6; }
#nav li a:visited:active { color: #0B0F15; }

#content {
width: 850px;
margin: 90px 0 30px 35px;
float: left;
}

#content p { 
font-family: arial, helvetica,sans-serif;
font-size: 14px; 
color: #858585; 
margin-bottom: 20px; 
}

#content li {
font-family: arial, helvetica,sans-serif; 
font-size: 15px;
color: #ffffff;
background-color: #8FA2A6;
margin-bottom: 20px;
padding: 10px;
}

#content ul li a { color: #ffffff; }
#content ul li a:hover { color: #cecece; }
#content ul li a:active { color: #0B0F15; }
#content ul li a:visited { color: #ffffff; }
#content ul li a:visited:hover { color: #cecece; }
#content ul li a:visited:active { color: #0B0F15; }

.map {
  height: 342px; width: 450px;
  margin: 10px;
  float: right;
  -webkit-box-shadow: #555 0px 1px 3px;
  box-shadow: #555 0px 1px 3px;
  outline: 1px solid white;
}

#footer {
background-color: #d3d3d3;
width: 100%;
height: 105px;
margin: 0 auto;
padding: 10px;
}

#footerInner {
width: 1275px;
margin: 0 auto;
}

#footerInner img {
margin-right: 35px;
float: left;
}

#footerInner p {
width: 1075px;
font-family: arial, helvetica,sans-serif;
font-size: 11px; 
color: #858585; 
float: left;
}

.clear {
  clear:both;
  height:1px;
  overflow:hidden;
}