/************************* GENERAL ***************************/
body 
{
    margin: 0;
    padding: 0;
    background: url(../images/layout/bg-body.gif) center center;
    text-align: center;
    behavior: url(/wwwroot/css/csshover.htc);
}

body, td
{
    font-family: Tahoma, Arial, Sans-Serif;
    font-size: 12px;
    color: #454242;
}
p
{
    line-height: 1.5em;
}

img
{
    border: none;
}

h1,h2,h3,h4,h5,h6
{
    font-family: Palatino, Palatino Linotype, Times New Roman, Serif;
    margin: 0 0 5px 0;
    color: #b31d0c;
}

h1
{
    font-size: 24px;
}
h2
{
    font-size: 22px;
}
h3
{
    font-size: 16px;
}
h4
{
    font-size: 12px;
}
h5
{
    font-size: 10px;
}
h6
{
    font-size: 8px;
}
.clear
{
    clear: both;
}

a
{
	color: #B31D0C;
	text-decoration: underline;
}
a:hover
{
	text-decoration: none;
}
/************************* FULL AREA ***************************/
#full-area
{
    margin: 0 auto;
    text-align: left;
    width: 1004px;
    background: url(../images/layout/bg-full-area.jpg) no-repeat 0px 0px;
    position: relative;
}

/************************* HEADER ***************************/
#header
{
    height: 222px;
    position: relative;
    clear: both;
}
#header .logo
{
    display: block;
    height: 199px;
    width: 280px;
    background: url(../images/layout/hard-hat-new-logo_red.gif) no-repeat top left;
}
#header .upper-nav
{
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    right: -7px;
    top: 3px;
}
#header .upper-nav li 
{
    margin: 0;
    padding: 0;
    float: left;
    color: White;
    display: block;
    height: 24px;
    line-height: 24px;
}
#header .upper-nav li
{
    padding: 0 3px;
}
#header .upper-nav a
{
    color: White;
    text-decoration: none;
}
#header .upper-nav a:hover
{
    text-decoration: underline;
}

/************************* NAVIGATION ***************************/
#nav 
{
    background: url(../images/layout/bg-nav.gif) repeat-x top left;
    height: 49px;
    position: absolute;
    top: 77px;
    width: 724px;
    right: 0;
}
#nav .inner
{
    background: url(../images/layout/bg-nav-right.gif) no-repeat top right;
    padding-right: 6px;
    position: relative;
    height: 49px;
}
#nav .inner a
{
    text-transform: uppercase;
    font-size: 16px;
    color: White;
    text-decoration: none;
    display: block;
    position: absolute;
    top: 0px;
    line-height: 49px;
    z-index: 5;
}
#nav .inner a:hover
{
    text-decoration: underline;
}
#nav .first { left: 42px; }
#nav .second { left: 168px; }
#nav .third { left: 259px; }
#nav .fourth { left: 415px; }
#nav .fifth { left: 627px; }

/************************* HOOK ***************************/
#top-hook
{
    background: url(../images/layout/bg-top-hook.gif) no-repeat top left;
    height: 131px;
    width: 52px;
    top: -5px;
    left: 384px;
    position: absolute;
    z-index: 2;
}
#bottom-hook
{
    background: url(../images/layout/bg-hook-bottom.gif) no-repeat top left;
    height: 122px;
    width: 453px;
    top: 126px;
    left: 190px;
    position: absolute;
    z-index: 2;
}
#bottom-hook-inner
{
    background: url(../images/layout/bg-hook-bottom-inner.gif) no-repeat top left;
    height: 96px;
    width: 238px;
    top: 126px;
    left: 293px;
    position: absolute;
    z-index: 2;
}
/************************* CONTENT ***************************/
#content
{
    background: url(../images/layout/bg-pole.gif) repeat-y 863px 0px;
    width: 762px;
    padding-right: 238px;
}
#content.inner 
{
    background: url(../images/layout/bg-pole-inner.png) repeat-y 889px 0px;
    width: 762px;
    padding-right: 140px;
    padding-left: 50px;
}
/************************* USER AREA ***************************/
#user-area
{   
    width: 711px;
}
#user-area .top
{
    height: 7px;
    _height: 0;
    background: url(../images/layout/bg-user-area-top.png) no-repeat top center; 
    _background: none;
}
#user-area .body
{   
    padding: 0 15px;
    background: url(../images/layout/bg-user-area-middle.png) repeat-y top center;
    _background-image: url(../images/layout/bg-user-content-middle.gif);
}

#user-area .bottom
{
    height: 12px;
    _height: 0;
    background: url(../images/layout/bg-user-area-bottom.png) no-repeat bottom center; 
    _background: none;
}
#user-area.inner
{   
    width: 759px;
}
#user-area.inner .top
{
    height: 7px;
    _height: 0px;
    background: url(../images/layout/bg-user-area-top-inner.png) no-repeat top center; 
    _background: none;
    
    font-size: 0px;
}
#user-area.inner .body
{   
    padding: 0 15px;
    background: url(../images/layout/bg-user-area-middle-inner.png) repeat-y top center;
    _background-image: url(../images/layout/bg-user-area.png);
    
    _height: 776px;
    min-height: 776px;
}

#user-area.inner .bottom
{
    height: 12px;
    _height: 0;
    background: url(../images/layout/bg-user-area-bottom-inner.png) no-repeat bottom center; 
    _background: none;
}
/************************* FLASH ***************************/
#flash
{
    margin-top: -12px;
    padding-bottom: 30px;
}
/************************* FOOTER ***************************/
#footer
{
    clear: both;
    position: relative;
    height: 108px;
}
#footer .background
{
    position: absolute;
    height: 49px;
    width: 868px;
    z-index: -1;
    top: 25px;
    left: 97px;
    background: url(../images/layout/bg-nav.gif) repeat-x top left;
}
#footer .pole
{
    position: absolute;
    height: 59px;
    width: 19px;
    z-index: -2;
    top: 0;
    right: 122px;
    background: url(../images/layout/bg-pole.gif) repeat-y top left;
}
#footer.inner .pole
{
    position: absolute;
    height: 59px;
    width: 15px;
    z-index: -2;
    top: 0;
    right: 100px;
    background: url(../images/layout/bg-pole-inner.png) repeat-y top left;
}
#footer .left
{
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/layout/img-barrier.png) no-repeat top left;
    height: 108px;
    width: 109px;
}
#footer .right
{
    position: absolute;
    top: 2px;
    right: 0;
    background: url(../images/layout/img-cones.png) no-repeat top left;
    height: 95px;
    width: 70px;
}
#footer .copyright
{
    color: White;
    text-align: right;
    position: absolute;
    top: 34px;
    right: 67px;
    font-size: 11px;
}
#footer .nav
{
    color: White;
    text-align: left;
    position: absolute;
    top: 34px;
    left: 115px;
    font-size: 11px;
}
#footer .nav a
{
    color: White;
    text-decoration: none;
}
#footer .nav a:hover
{
    text-decoration: underline;
}

.top-nav
{
	top: 110px;
	width: auto;
	padding: 0px;
	position: absolute;
	z-index: 100;
	margin: 0;
	display: none;
	list-style-type: none;
	background-color: black;
	padding: 5px;
}
.top-nav a
{
	color: white;
	text-decoration: none;
	padding-bottom: 4px;
	font-size: 16px;
}
.top-nav li
{
	padding: 0px 15px 3px 10px;
}
.top-nav li:hover
{
	background-color: #005dab;
}
#section-menu { left: 321px; }
#section-events { left: 447px; }
#section-entertainment { left: 338px; }
#section-catering-banquets { left: 694px; }
#section-blog { left: 806px; }

#blog-sidebar
{
	width: 200px;
	float: right;
}
#blog-sidebar ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#blog-sidebar ul li
{
	margin: 0;
	padding: 0;
}