body {
        margin: 0px 0 60px 0;
        padding: 0;
	background: url("images/body_bg.jpg") repeat-x 0 0;
	color: #333;
	font: 75% Arial,Helvetica,Sans-serif;
}

a {
        color: #000;
}
p {
        margin: 0 0 20px 0;
}
h2 {
        margin: 0 0 20px 0;
}

div#container {
        width: 780px;
        margin: 0 auto 20px auto;
        background: url("images/container_bg.jpg") repeat-y 0 0;
}

div#header {
        background: url("images/header_bg.jpg") no-repeat 0 0;
        height: 200px;
        overflow: hidden;
}
div#header h1 {
        display: block;
        margin: 0;
        padding: 200px 0 0 0;
        font-size: 100%;
}

div#headbar {
        height: 30px;
        background: url("images/sidebar_bg.jpg") no-repeat 0 0; 
        margin: 0 0 20px 0;
}

div#content {
        width: 570px;
        float: right;
}
div._inner { padding: 0 40px 0 0; }

div#content h2 {
        margin: 0 0 20px 0;
        font-size: 100%;
        color: #06c;
        font-weight: bold;
}


/* Begin CSS Popout Menu */

div#sidebar {
        float :left;
        width:190px;
        z-index:2;
        margin: 0 0 20px 0;
}
div#sidebar h2 {
        font-size: 90%;
        text-align: center;
        text-transform: uppercase;
        margin: 0 0 5px 0;
        padding: 8px 0;
        background: url("images/h2_bg.jpg") repeat-x 0 0 #333;
        color: #fff;
}
div#sidebar a {
        display:block;
        border: 1px solid #999;
        border-bottom: 0;
        margin: 0;
        width: 188px;
        background: #fff;
        text-decoration:none;
}
#sidebar a span {
        display: block;
        padding: 5px 10px;
        content: "\201C";
}

div#sidebar a:hover {
        color:#a00;
        background:#eee;
        cursor: hand;
}

div#sidebar a:active {
        color:#060;
        background:#eee;
}

div#sidebar ul {
        position:relative;
        list-style:none;
        margin:0;
        padding:0;
        width:100%;
        border-bottom: 1px solid #999;
}

/* Requirement: Put the element selector name (div)
onto non anchor hover selectors to force IE5 and
5.5 to correctly apply the csshover file. */

div#sidebar li, div#sidebar li:hover {
        position:relative;
}

div#sidebar li ul{
        position:absolute;
        top:0;
        left:189px;
        display:none;
}

div#sidebar ul ul,
div#sidebar ul ul ul,
div#sidebar ul ul ul ul,
div#sidebar ul li:hover ul ul,
div#sidebar ul li:hover ul ul ul,
div#sidebar ul li:hover ul ul ul ul
{display:none;}

div#sidebar ul li:hover ul,
div#sidebar ul ul li:hover ul,
div#sidebar ul ul ul li:hover ul,
div#sidebar ul ul ul ul li:hover ul
{display:block; }

/* End non-anchor hover selectors */

/* Styling for Expand */

#sidebar a.x, #sidebar a.x:visited {
        background:#eee url("images/expand3.gif") no-repeat bottom right;
}

#sidebar a.x:hover {
        background:#ddd;
}

#sidebar a.x:active {
        color:#060;
        background:#ccc;
}




div#list {
        width: 190px;
        border: 1px solid #
        padding: 20px 0;
        float: left;
        z-index: 2;
}
div#list h2 {
        font-size: 90%;
        text-align: center;
        text-transform: uppercase;
        margin: 0 0 5px 0;
        padding: 8px 0;
        background: url("images/h2_bg.jpg") repeat-x 0 0 #333;
        color: #fff;
}
div#list ul{ 
        border: 1px solid #999;
        background: #fff;
        margin: 0 0 20px 0;
        padding: 0 0 0 30px;
}

div#list ul li {
        margin: 0;
        padding: 5px 5px 5px 0;
        list-style-type: square;
        /*background: url("images/bullet.jpg") no-repeat 5px 50%;*/
}

div.photo_right {
        float: right;
        padding: 0 0 20px 5px; 
}
div.photo_right p {
        margin: 0;
        border: 1px solid #ccc;
        padding: 2px;
}
div.photo_right {
        border: 0;
}



ul#services {
        margin: 0 0 20px 0;
        padding: 20px 0 0 0;
        background: url("images/services_bg.jpg") no-repeat 0 0;
        height: 260px; 
        color: #333;
}
ul#services li {
        margin: 0;
        padding: 80px 0 0 0;
        width: 132px;
        height: 50px;
        float: left;
        text-align: center;
}
ul#services li.air_cruise { background: url("images/services/air_cruise.jpg") no-repeat 50% 0; }
ul#services li.vip { background: url("images/services/VIP.jpg") no-repeat 50% 0; }
ul#services li.corporate { background: url("images/services/corporate.jpg") no-repeat 50% 0; }
ul#services li.music_tv_film { background: url("images/services/film_tv.jpg") no-repeat 50% 0; }
ul#services li.weddings{ background: url("images/services/wedding.jpg") no-repeat 50% 0; margin: 0; }
ul#services li.sporting_events { background: url("images/services/sport_music.jpg") no-repeat 50% 0; margin: 0; }
ul#services li.theatres { background: url("images/services/theatres_restaurants.jpg") no-repeat 50% 0;  margin: 0; }
ul#services li.tours { background: url("images/services/tour.jpg") no-repeat 50% 0; margin: 0;}

div#footer {
        clear: both;
        background: url("images/footer_bg.jpg") no-repeat 0 0 #fff;
        padding: 40px 30px 0 30px;
}
div#footer p {
        margin: 0;
        text-align: center;
}

div.clear { clear: both; }

div.gallery { margin: 0 auto; text-align: center; }
div.gallery p { display: inline; margin: 0; padding: 0 10px; text-align: center; }
div.gallery img { border: 2px solid #000; }
div.gallery a:hover img { border: 2px solid #069; }

div.center { margin: 0 auto; text-align: center; }

form { margin: 0 auto 20px auto; width: 90%;  border: 4px double #000; padding: 10px; }
form dl {  }
form dl dt { font-weight: bold; margin: 0; padding: 0 0 5px 20px; }
form dl dd { margin: 0; padding: 0 0 10px 40px; }
form p { text-align: left; padding: 0 20px; }
form p.center { text-align: center; }
form p input { padding: 5px 10px; border: 1px solid #666; }