/* CSS DOCUMENT */


/* Reset CSS */
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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/* D*Rock CSS */



*{ margin:0;

padding:0;}


body {
background: #1d0000;
margin: 0; padding:0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

#navigation{
width:989px;
height:auto;
padding:0;
margin:0 auto;
}

#navigation img {
margin: 0;
padding: 0;
border: 0;
display: inline;
list-style-type: none;
}

#navigation li {
display: inline;
list-style-type: none;
}

p { 
font-size:13px;
line-height:18px;
margin-top:15px;
}

h1 {
font-size:16px;
margin-top:10px;
}

h2 {
font-weight: normal;
font-weight:bold;
font-style:normal;
text-align:center;
text-transform: uppercase;
font-size:15px;
margin-top:10px;
}

h3 {
font-size:14px;
margin-top:10px;
}

h4 {
font-size:13px;
margin-top:10px;
}

h6 {
font-size:13px;
margin-top:10px;
}

#performance h2 {
text-align:left;
font-weight:bold;
font-style:normal;
text-transform: uppercase;
font-size:13px;
}

#performance td{
font-size:10px;
}

#performance h3 {
font-weight:bold;
font-style:normal;
font-size:12px;
margin-top:15px;
}

a.linkopacity {
text-decoration:none;
color:#000000;
filter:alpha(opacity=40);
-moz-opacity: 0.4; 
opacity: 0.4;
-khtml-opacity: 0.4;
}

a.linkopacity:hover {
text-decoration:none;
color:#000000;
filter:alpha(opacity=100);   
-moz-opacity: 1.0;   
opacity: 1.0;
-khtml-opacity: 1.0; 
}

#forward {
position: absolute;
margin-left: 270px;
top: 460px;
z-index:60;
width: 80px;
height:auto;
float:left;
}

#back {
position: absolute;
margin-right: 270px;
top: 460px;
z-index:60;
width: 80px;
height:auto;
float: left;
}

#show_image a img {
width:288;
height:124;
border-style:solid;
border-width:medium;
border-color:#978663;
}

.show_list {
margin-top:10px;
font-size:14px;
}

.show_list a {
text-decoration:none;
color:#666666;
}

.show_list a:hover{
text-decoration:none;
color:#000000;
}

.show_list li{
margin-top: 5px;
}

#home_wrapper {
background:url(../Images/homepage_bg.jpg) top left no-repeat;
width:989px;
height:529px;
padding:0;
margin:0 auto;
}

#wrapper {
background:url(../Images/page_bg.jpg) top left no-repeat;
width:989px;
height:529px;
padding:0;
margin:0 auto;
}

#mission {
margin-top: 25px;
}

#performance {
width: auto;
height: auto;
margin-top: 25px;
}

#meet {
width: auto;
height: auto;
margin-top: 25px;
}

#contact {
width: auto;
height: auto;
margin-top: 25px;
}

#booking {
width: auto;
height: auto;
margin-top: 25px;
}

#footer {
width:989px;
margin-top: 25px;
margin-left:auto;
margin-right:auto;
margin-bottom:25px;
padding:0;
color:#7a5c44;
}

#footer a{
text-decoration:none;
color:#7a5c44;
}

#footer a:hover{
text-decoration:underline;
color:#FFFFFF;
}

/* Popup image */

.thumbnail{
position: relative;
z-index: 20;
}

.thumbnail img{
width:288;
height:124;
border-style:solid;
border-width:medium;
border-color:#978663;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
position:absolute;
visibility: visible;
top: -190px;
left: -80px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.news {
position: relative;
background-color: transparent;
width: 330px;
height:325px;
left: 92px;
top: 90px;
z-index: 50;
padding: 5px;
overflow:scroll;
overflow-x:hidden;
}

.from_the_desk {
position: relative;
width: 330px;
background-color: transparent;
left: 92px;
top: 80px;
z-index: 55;
}

.news p{
font-size:10px;
margin-bottom: 10px;
}

.page_1 {
background:none;
width: 340px;
height: 465px;
margin-top:40px;
margin-left:130px;
padding: 0;
float: left;
}

.page_2 {
background:none;
width: 340px;
height: 465px;
margin-top:40px;
margin-right:115px;
padding: 0;
float: right;
}

h5{
font-weight: normal;
font-weight:bold;
font-style:normal;
text-transform: uppercase;
font-size:10px;
margin-top:11px;
}

.date{
color:#666666;
margin-bottom:15px;
}

#contact img{
width:288;
height:124;
border-style:solid;
border-width:medium;
border-color:#978663;
}

#title {
position: relative;
width: 330px;
background-color: transparent;
left: 0px;
top: 0px;
z-index: 30;
}

</style>