#content {
height: 100%;
min-height: 100%;
text-align: left;
margin: 0;
padding: 0;
}
#content,
#width {
margin: 0 auto;
padding: 0;
}
#content[id],
#width[id] {
width: 100%;
height: auto;
}
/* @group Header */
#header {
margin: 0;
padding: 0;
position: relative;
height: 136px;
background-image: url(../images/header/bg-awning.jpg);
}
#header #title {
position: absolute;
z-index: 3;
top: 0;
left: 58px;
padding: 5px;
text-align: left;
}
/* @group Logo */
#logo {
width: 441px;
height: 130px;
position: relative;
margin: 0;
padding: 0;
color: #373502;
}
#logo span {
background: url(../images/header/logo.png) no-repeat;
position: absolute;
width: 100%;
height: 100%;
cursor: hand;
}
.header {
background-image: url(../images/bg/bg-H1.gif);
clear: both;
overflow: hidden;
text-align: left;
width: 100%;
}
/* @end */
/* @end */
/* @group Main Menu */
#navbg {
float: left;
width: 100%;
clear: both;
height: 50px;
margin: 0px;
padding: 0px 0px 0px 0;
position: relative;
background: #fff url(../images/bg/texture-awning.png) repeat-x;
}
#navigation {
background-color: transparent;
background-image: url(../images/bg/navigation.png);
height: 40px;
float: left;
left: 18px;
position: absolute;
top: 0px;
width: 655px;
}
#navlink a {
background-color: transparent;
position: absolute;
height: 40px;
top: 0px;
text-decoration: none;
}
#navlink a i {
visibility: hidden;
}
a#home {
left: 2px;
width: 82px;
}
a#about {
left: 82px;
width: 166px;
}
a#menus {
left: 248px;
width: 92px;
}
a#tour {
left: 340px;
width: 80px;
}
a#contact {
left: 420px;
width: 114px;
}
a#location {
left: 534px;
width: 121px;
}
a#home:hover,
a#about:hover,
a#menus:hover,
a#tour:hover,
a#location:hover,
a#contact:hover {
background-image: url(../images/bg/nav_underline.gif);
border: none;
}
/* @end */
/* @group Side Menu */
ul.sideMenu {
margin: 0;
padding: 0;
}
.sideMenu li {
display: inline;/* Needed since IE fails when you give it list-style:none;*/ 
list-style-image:url(foo.gif);
font: 400 1.3em "trebuchet ms",serif;
}
.sideMenu li a {
display: block;
margin: 0.2em 0;
padding: 3px 5px;
text-decoration: none;
color: #FFF;
}
.sideMenu li a:hover {
color: #65EBFF;
background: #5F5F5F;
}
/* Active menu item */
.sideMenu li.here {
display: block;
padding: 5px;
color: #65EBFF;
background: #555;
}
/* @group Submenu */
.sideMenu li.here ul {
margin: 0;
padding: 0;
}
.sideMenu li.here ul li a {
padding-left: 35px;
font: 400 0.55em verdana,arial,sans-serif;
color: #FFF;
background: url(../images/bg/bullet.gif) no-repeat 10px 0px;
}
.sideMenu li.here ul li a:hover {
color: #9FF3FF;
background: #5F5F5F url(../images/bg/bullet.gif) no-repeat 10px 0px;
}
/* @end */
/* @end */
#page {
float: left;
width: 100%;
clear: both;
padding-bottom: 4em;
padding-top: 22px;
margin: 0;
}
/* @group Footer */
#footer {
float: left;
width: 100%;
clear: both;
margin-top: -3.8em;
background: transparent url(../images/bg/columns.gif) no-repeat right bottom;
}
/* Sets the width of the footer content */
#footer #footer-inner {
position: relative;
z-index: 3;
font-size: 0.85em;
padding-top: 40px;
padding-left: 0;
text-indent: 25px;
}
#copyright {
float: right;
padding-right: 197px;
color: #342f30;
}
/* @end */
/* @group width */
.width100 {
width: 100%;
}
.width75 {
width: 74%;
}
.width50 {
width: 49.7%;
}
.width33 {
width: 32.7%;
}
.width25 {
width: 24.7%;
}
/* @end */
/* @group align */
.floatLeft {
float: left;
}
.floatRight {
float: right;
}
.alignLeft {
text-align: left;
}
.alignRight {
text-align: right;
}
/* @end */.clear {
clear: both;
}
.block {
display: block;
}
.innerblock {
margin-bottom: 2em;
}