*{margin:0;padding:0;border:none;outline:none;zoom:1;}

html, body {height:100%;}

body {
color:#333;
font-size:15px;
font-family:Segoe UI,Arial,sans-serif;
background:#f6f6e6 url(images/bg.gif) no-repeat top center;
}

input, select, textarea {font-family:Arial,sans-serif;}

.clear {
clear:both;
font-size:0px;
content:".";
height:0px;
}

/*===========================================  HEADER  ===========================================*/

#wrap {
width:875px;
margin:0 auto;
padding:65px 0 0 0;
}

#container {background:transparent url(images/bg1.gif) repeat-y top left;}

#bg {background:transparent url(images/bg2.gif) no-repeat top center;}

#header {
height:135px;
position:relative;
z-index:2;
}

#logo {
position:absolute;
z-index:999;
left:290px;top:-58px;
height:235px;
width:301px;
}

#details {
position:absolute;
right:25px;top:20px;
text-align:right;
}

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

#signUp {
position:absolute;
left:25px;top:20px;
}

#signUp a {
font-weight:bold;
color:#003366;
text-decoration:none;
}
#signUp b {color:#000;}


/*================  MENU  */


#menu_R a,
#menu_L a {
display:block;
color:#1f1f1f;
font-size:17px;
font-family:Times New Roman,serif;
text-transform:uppercase;
text-align:center;
text-decoration:none;
text-shadow:0 1px 0 #fff;
height:29px;
width:120px;
padding:8px 0 0 0;
border:1px solid #fff;
background:#eee url(images/button1.gif) repeat-x top left;

}

#menu_R a:hover,
#menu_L a:hover {
text-decoration:underline;
}

#menu_R a#active,
#menu_L a#active {text-decoration:underline;}

#menu_R a {
float:right;
margin:0 0 0 1px;
}
#menu_L a {
float:left;
margin:0 1px 0 0;
}

#menu_L {
position:absolute;
left:25px;top:80px;
width:260px;
height:39px;
padding:3px 4px;
background:#003366;
}

#menu_R {
position:absolute;
right:25px;top:80px;
width:260px;
height:39px;
padding:3px 4px;
background:#003366;
}


#submenu {
display:none;
position:absolute;
left:18px;top:42px;
z-index:999;
}

#submenu a {
float:none;
border-top:0;
}



/*===========================================  BODY  ===========================================*/


#bannerMC {

height:auto;
width:840px;
margin:0 auto;
background:transparent url(images/banner1.gif) no-repeat top left;
}

#banner {
height:214px;
width:820px;
padding:0 10px;
}

#bannerButton {
cursor:pointer;
height:33px;
padding:0 10px;
background:transparent url(images/banner2.gif) no-repeat bottom left;
}

#bannerButton a {
display:block;
color:#818181;
font-size:12px;
font-weight:bold;
height:25px;
padding:8px 0 0 20px;
background:transparent url(images/reveal.gif) no-repeat top left;
}

#bannerButton:hover a {background:transparent url(images/reveal.gif) no-repeat bottom left;}


/*================  CONTENT  */

#content {
position:relative;
min-height:320px;
padding:0 0 50px 0;
background:transparent url(images/bg3.gif) no-repeat bottom left;
}

#text {
font-size:13px;
padding:0 30px;
}

#content p {line-height:150%;}

#content h2 {
font-size:18px;
padding:15px 0 10px 0;
}

#content h3{
font-size:16px;
font-style:italic;
padding:15px 0 10px 0;
}

#content ul {padding:10px 0 10px 50px;}



/*===========================================  CONTACT  ===========================================*/

.contactTable {
float:right;
width:400px;
padding:0 0 0 20px;
}

.contactTable td {
font-size:14px;
padding:5px;
}

.contactTable label {font-size:18px;}

.contactTable input,
.contactTable textarea {
border:1px solid #ccc;
padding:3px;
background:#f2f2f2;
}

.contactTable input:hover,
.contactTable textarea:hover,
.contactTable input:focus,
.contactTable textarea:focus {
border:1px solid #003366;
background:#fff;
}

.contactTable input {
float:right;
width:175px;
}

.contactTable textarea {width:400px;}

.contactTable input.contactSubmit {
float:none;
cursor:pointer;
color:#fff;
font-size:18px;
text-align:center;
font-family:Times New Roman,serif;
text-transform:uppercase;
text-shadow:0 1px 3px #000;
width:175px;height:40px;
margin:10px 0 0 120px;
background:#003366;
border:0;
}




/*===========================================  GALLERY  ===========================================*/

#album {
padding:20px 0;
}

.album {
float:left;
text-align:center;
height:174px;
width:179px;
padding:2px;
margin:0 10px;
background:transparent url(images/galleryTile.gif) no-repeat top left;
}

.album_image {
display:block;
width:179px;
height:128px;
overflow:hidden;
}

.albuminfo {
display:block;
padding:5px 20px 0 20px;
}
.albuminfo a {
display:block;
color:#000;
font-size:18px;
width:139px;
overflow:hidden;
}

#outter {
position:relative;
margin:20px 0 0 0;
width:380px ! important;
height:110px;
}

#inner {
position:relative; 
overflow:hidden; 
width:380px ! important;
}

#thumbs {
display:block; 
position:relative; 
}

.back_button {
cursor:pointer;
position:absolute; 
left:15px;bottom:0;
width:16px;
height:15px;
background:transparent url(images/back.gif) no-repeat top left;
}
.forth_button {
cursor:pointer;
position:absolute; 
right:20px;bottom:0;
width:16px;
height:15px;
background:transparent url(images/forth.gif) no-repeat top right;
}

.small_album {
position:relative; 
float:left;
text-align:center;
width:115px;
margin:0 5px;
}

.small_album_image {
display:block;
height:90px;
}
.small_album_image img {border:2px solid #fff;}

.small_albuminfo {
display:none;
padding:0;
}
.small_albuminfo a {
display:block;
color:#fff;
font-size:14px;
width:115px;
overflow:hidden;
}


/*================  FOOTER  */
#footer {
color:#fff;
text-shadow:0 0 3px #000;
padding:20px 5px;
margin:50px 0 0 0;
background:#003366 url(images/bg4.gif) no-repeat top left;
}

#footer h3 {
font-size:18px;
font-weight:normal;
font-family:Times New Roman,serif;
text-transform:uppercase;
text-decoration:none;
}

#footer ul {
list-style:none;
padding:0 0 0 10px;
margin:0 0 0 5px;
}

#footer li {
padding:0 0 4px 20px;
margin:0 0 2px 0;
background:transparent url(images/sitemap.gif) no-repeat top left;
}

#footer ul ul {
margin:5px 0 0 0;
}

#footer li a {
color:#fff;
font-size:14px;
}
#footer li a:hover {text-decoration:none;}

#quickLinks h3 {
padding:0 0 15px 30px;
background:transparent url(images/quickLinks.gif) no-repeat top left;
}

#quickGallery h3 {
padding:0 0 15px 37px;
background:transparent url(images/quickGallery.gif) no-repeat top left;
}

#quickContact h3 {
padding:0 0 15px 34px;
background:transparent url(images/quickContact.gif) no-repeat top left;
}

#quickLinks {
width:200px;
float:left;
padding:0 10px;
}

#quickGallery {
width:390px;
height:165px;
float:left;
padding:0 10px;
}

#quickContact {
float:left;
width:210px;
height:165px;
padding:0 10px;
}

#contactNumber {
display:block;
font-size:20px;
text-align:center;
margin:15px 0 0 0;
}

#contactEmail {
display:block;
color:#fff;
font-size:13px;
font-weight:bold;
text-align:center;

}