/* MrHAW.com Design */
* { 
 margin: 0; 
 padding: 0; 
}
 
html, body{
 margin: 0 auto;
 padding: 0;
 /*text-align: center; */
 height: 100%;
 background-color: #fff;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: normal;
 font-size: 12px;
 color: #999;
 /* overflow-x: hidden; */
}

strong {
color: #999;
}

h1 a {
      text-decoration: none;
      font-weight: normal;
      color: #999;
}

h1 a:hover {
      text-decoration: none;
      font-weight: normal;
      color: #999;
}

a {
      text-decoration: none;
      font-weight: bold;
      color: #999;
}

a:hover {
      text-decoration: none;
      font-weight: bold;
      color: #999;
}

a:active {
  outline:none;
}

a:visited {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}

h1 {
 font-family: Arial, Helvetica, sans-serif;
 font-weight: normal;
 letter-spacing:-1px;
 font-size: 24px;
 color: #999;
 margin-left: -15px;
 text-transform: lowercase;
}

h2 {
 font-family: Arial, Helvetica, sans-serif;
 font-weight: normal;
 letter-spacing:-1px;
 font-size: 32px;
 color: #999;
 margin: 30px 0px 0px 0px;
 text-transform: none;
}

h3 {
 font-family: Arial, Helvetica, sans-serif;
 font-weight: normal;
 letter-spacing:-1px;
 font-size: 32px;
 color: #999;
 margin: 10px 0px 0px 0px;
 text-transform: none;
}

h4 {
 font-family: Arial, Helvetica, sans-serif;
 font-weight: normal;
 letter-spacing:-1px;
 font-size: 24px;
 color: #999;
 margin-left: 15px;
 text-align: center;
}
 
#box{
 width: 800px;
 text-align: left;
 margin: 0 auto;
 padding: 0;
/* margin-left: auto;
 margin-right: auto;
 margin-bottom: 0px; */
 background-color: #fff;
 height: 100%;
} 
 
#main{
 background-color: #fff;
 height: 100%;
 position: relative;  
 float: left; 
 display: inline;  
 width: 800px; 
 margin: 0 auto;
 padding: 0;
 }
 
#header { 
 height: 107px; 
 background-color: #fff;
 border-bottom: 0px solid #333;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: normal;
 font-size: 18px;
 color: #999;
 position: relative;
 vertical-align: top;
 float: left; 
 display: inline-block;
 padding: 0px 10px;
 width: 780px;  
}

#header ul {
 width: 175px;
 height: 55px;
 padding-bottom: 2px;
 /* float: left; */   
 display: inline-block;
 position: absolute;
 top: 35px;
 right: 0px;
 /*
 width: 600px;
 list-style-type: none;
 display: inline-block;
 text-align: center;
 vertical-align: top;
 margin-top: 35px; 
 */
} 

#header li {
 display: inline;
 padding-left: 10px;
 height: 55px;
 padding-bottom: 2px;
}

#header img {
 display: inline-block;
 padding-top: 15px;
 padding-left: 25px;
}

#header a {
 font-family: Arial, Helvetica, sans-serif;
 font-weight: normal;
 letter-spacing:1px;
 font-size: 16px;
 color: #999;
 text-transform: uppercase;
 text-decoration: none;
}

#here {
 /* border-bottom:1px solid #898989; */
 font-family: Arial, Helvetica, sans-serif;
 font-weight: none;
 letter-spacing:-1px;
 font-size: 40px;
 color: #999;
 text-transform: lowercase;
 text-decoration: none;
 vertical-align:top;
}
/*
#header a:hover{
 font-family: Arial, Helvetica, sans-serif;
 font-weight: none;
 letter-spacing:-1px;
 font-size: 32px;
 color: #898989;
 text-transform: lowercase;
 text-decoration: none;
 vertical-align:top;
}
*/
 
#maincontent { 
 background-color: #fff;
 position: relative;
 padding-left: 25px;
 padding-right: 10px;
 padding-top: 0px;
 padding-bottom: 0px;
 margin:0px;
 float: right; 
 /* display: inline; */
 width: 765px;
 height:500px;
}

#push {
position: relative;
left:20px;
}

#imgmap {
position: absolute;
top: 0px;
left: 0px;
width: 720px;
height: 350px;
background : url(../images/crew.jpg) no-repeat;
}

#boxtip { 
 display: none; 
 background: transparent url(../images/black_arrow.png) no-repeat;  
 height: 75px; 
 width: 165px; 
 padding: 20px;
 color: #fff;
 z-index: 1000;
 text-align: center; 
}

#category {
 padding-left: 25px;
 padding-right: 10px;
 padding-top: 0px;
 padding-bottom: 0px;
 margin:0px;
 float: right;
 text-align: center;
 display: inline;
 width: 765px;
 height: 57px; 
 background-color: #fff;
}

#category ul {
 width: 745px;
 height:55px;
 padding-bottom:2px;
 float: left;   
 display: inline-block;
 text-align: center;
} 

#category li {
 display: inline;
 padding-left:15px;
 height:55px;
 padding-bottom:2px;
}

#category a {
 font-family: Arial, Helvetica, sans-serif;
 font-weight: normal;
 letter-spacing:-1px;
 font-size: 20px;
 color: #999;
 text-transform: lowercase;
 text-decoration: none;
}

#category a:hover {
 font-family: Arial, Helvetica, sans-serif;
 font-weight: none;
 letter-spacing:-1px;
 font-size: 32px;
 color: #999;
 text-transform: lowercase;
 text-decoration: none;
 vertical-align:top;
}

.leftc { 
 background-color: #fff;
 position: relative;
 padding:10px;
 margin-left:50px;
 float: left; 
 display: inline-block;
 width: 300px;
}

.rightc { 
 background-color: #fff;
 position: relative;
 padding:10px;
 margin-left:50px;
 float: left; 
 display: inline-block;
 width: 300px;
}

#footer {
 padding-left: 25px;
 padding-right: 10px;
 padding-top: 10px;
 padding-bottom: 10px;
 margin:0px;
 float: right;
 text-align: center;
 display: inline;
 width: 765px; 
 background-color: #fff;
}

#adjust {
 margin-left:20px;
}