body /*internet explorer*/{
margin:0;
padding:0;
font-size: 11px;
font-family: "trebuchet ms", helvetica, sans-serif;
color: #fff;
line-height: 18px;
background-image:url(assets/images/a1.gif);
background-repeat:repeat-x;
margin-top:1em;
}

#wrapper {
position:relative;
text-align:left;
background-image:url(assets/images/wrapper_background.gif);
background-repeat:repeat-y;
width: 750px;
margin-right:auto;
margin-left:auto;
padding-left:10px;
padding-right:10px;
}

#wrapper_gallery {
position:relative;
text-align:left;
background-image:url(assets/images/wrapper_background_gallery.jpg);
background-repeat:repeat-y;
width: 750px;
margin-right:auto;
margin-left:auto;
padding-left:10px;
padding-right:10px;
}

#header {
width:750px;
background-image:url(assets/images/header.gif);
background-repeat:no-repeat;
margin-top:0px;
height:140px;
margin-bottom:0em;
padding-bottom:0em;
}

#left_content a:hover {
text-decoration:underline;
color: #b4e2fc;
}

#left_content a {
font-size:10px;
}


h1 {
position:relative;
color:#46461f;
font-size:8px;
top:1.1em;
margin-left:3.3em;
line-height:15px;
}

h2 {
float:right;
color:#CCFFCC;
font-size:16px;
padding-top:1.9em;
padding-right:19.6em;
line-height:20px;
}

h3 {
color:#CCFFCC;
margin-top:1em;
}

span {
color:#CCFFCC;
font-weight:bold;
}


/*NAVIGATION SECTION*/
.menu {
width:749px;
position:absolute;
margin:0px;
margin-top:10.2em;
padding:0px;
top:0px;
z-index:10;
border:1px solid #999;
}

/* remove the bullets, padding and margins from the lists */
.menu ul{
list-style-type:none;
padding:0;
margin:0;
}

/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
float:left;
position:relative;
z-index:100;
}

/* use the table to position the dropdown list */
.menu table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:18px;
}

/* style all the links */
.menu a, .menu :visited {
display:block;
font-size:10px;
width:105px;
padding:4px 0;
padding-top:0px;
padding-bottom:0px;
color:#000;
background:#fff;
text-decoration:none;
margin-right:1px;
margin-left:1px;
text-align:center;
}
/* style the links hover */
.menu :hover{
color:#333;
background:#f1f1f1;
}

/* hide the sub level links */
.menu ul ul {
visibility:hidden;
position:absolute;
width:149px;
height:0;
}
/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
}

#services {
text-align:left;
margin-bottom:-1em;
}

#services ul {
margin-left:-2em;
}

#services a{
color: #b4e2fc;
text-decoration:none;
}

#services a:hover{
color: #fff;
text-decoration:underline;
}

#services li{
color: #b4e2fc;
margin-left:-1.8em;
font-weight:bold;
text-decoration:none;
list-style:circle;
font-size:12px;
padding-bottom:.2em;
}

p#read {
display:inline;
font-size:11px;
}


/* BODY */
#content {
position:absolute;
background-color:#747272;
width:750px;
padding-left:10px;
padding-right:10px;
}


#left_content {
float:left;
background-color:#333;
width:505px;
margin-top:0px;
padding:1.5em;
padding-top:0em;
padding-right:1.2em;
margin-bottom: 15px;
}

#left_content_contact {
float:right;
width:60%;
right:10em;
padding:2em;
border-left: 1px solid #ccc;
color:#666;
margin-bottom: 10px;
}

#left_content_gallery {
float:right;
margin-top:8px;
padding:2em;
color:#666;
margin-bottom: 10px;
}

#left_content p, left_content_gallery p, #left_content_contact p {
color:#fff;
padding:0;
margin:0;
padding-top:0em;
}

#left_content h3, left_content_gallery h3, #left_content_contact h3 {
color:#CCFFCC;
font-size:18px;
padding-left:4px;
background:url(assets/images/dotted_line.gif) repeat-x;
background-position: 0px 27px;
padding: 3px 0px 16px 2px;
margin-bottom: 0px;
margin-top:1em;

}

#right_content {
position:absolute;
margin-left: 10px;
margin-top:-10px;
width:199px;
padding:1.5em;
padding-top:0em;
margin-right:0em;
padding-right:0em;
padding-bottom:1.1em;
margin-bottom:-2em;
float:right;
left:545px;
}

#right_content p {
padding-left:.3em;
margin: 0;
font-size:12px;	
color: #b4e2fc;
}

#right_content h2 {
width:150px;
margin: 0;
padding-bottom:.5em;
margin-right:4.5em;
padding-left:.2em;
font-size:16px;
line-height:12px;
position:absolute;
color:#CCFFCC;
}

#boxout_dotted {
position:absolute;
margin:0em;
}


p.introduction:first-line {
color:#fff;
font-size:14.5px;
}

#right_content .disclaimer {
font-size:10px;
color:#999;
}


#right_content .readmore ul li a{
list-style-image:url(assets/images/a36.gif);
}

a{
text-decoration:none;
}

#date {
font-size:10px;
position:absolute;
top:5em;
left:44em;
color:#999;
}

/*IMAGES*/
.boxout {
position:relative;
margin-left:.5em;
margin-bottom:.4em;
margin-right:.5em;
margin-top:.6em;
float:left;
right:.5em;
display:inline;
border:2px solid #666;

}

.boxout1 {
position:relative;
margin-right:0em;
margin-left: 1em;
float:right;
right:0em;
display:inline;
margin-top: 1em;
margin-bottom: .5em;
border:2px solid #666;
}

#map {
float:left;
margin-left:1.7em;
margin-top:2em;
border:2px solid #666;
}

#advert {
padding-top:.3em;
text-align:center;
padding-bottom:.8em;
width:165px;
border: 1px solid #CCC;
margin-top:1em;
margin-left:1.5em;
color:#666;
font-size:12px;
}

#advert a {
color:#333;
text-decoration:underline;
}

/*footer section*/
#footer{
width:750px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
height:19px;
clear:both;
display:block;
padding-bottom:.5em;
background-color:#fff;
border-bottom:10px solid #424241;
}

#footer p{
padding:0px;
margin-top:.3em;
margin-left:29.5em;
position:absolute;
text-align:center;
font-size:10px;
color:#333;
}


/*GALLERY*/
/* needed for IE to make :active state work first time */
#gallery {
width:700px; 
height:399px; 
position:relative; 
border:1px solid #666; 
background:#333;
background-image:url(assets/gallery/background.jpg);
background-repeat:no-repeat;
background-position: 144px 18px;
}
#gallery ul {
list-style:none; 
padding:5px; 
margin:0;
margin-top: 5.8em;
width:185px;
margin-right:.5em;
float:right; 
height:240px; 
overflow:auto;
}
#gallery ul li {
display:inline; 
width:49px; 
height:77px; 
float:left; 
margin:0 4px 4px 0; 
border:1px solid #666; 
cursor:pointer;
}

#gallery ul li img {
display:block; 
width:49px; 
height:77px;
}
#gallery ul li span {
display:none; 
position:absolute; 
left:547px; 
top:235px; 
width:200px;
font-family:verdana, arial, sans-serif; 
color:#06a; 
font-size:11px; 
line-height:15px; 
text-align:justify;
}

#gallery ul li span b {
color:#444;
}

#gallery ul li.default {
width:0; 
height:0; 
border:0;
}
#gallery ul li.default i {
position:absolute; 
left:0; 
top:0; 
width:545px; 
height:355px;
}
#gallery ul li.default i img {
margin:5px auto 0 auto; 
width:400px; 
height:300px; 
}

#gallery ul li.off {
display:none;
}

#gallery ul li.click {
border-color:#FF0000; 
cursor:default;
}

#gallery ul li.click i {
position:absolute; 
left:19px;
margin-top:45px;
border: 5px solid #555; 
top:0; 
width:450px; 
height:300px;
}

#gallery ul li.click i img {
margin:0px auto 0 auto; 
width:auto; 
height:auto; 
}

#gallery ul li.default span,
#gallery ul li.click span {
display:block;
}

/*Contact page*/
#contact_form {
margin-top:.2em;
margin-left:1.8em;
margin-right:5em;
}

.formbox {
width:220px;
}

select, input, textarea {
border: 1px solid #ccc;
}

.send_button {
outline:none;
border:1px solid #999;;
width:88px;
height:20px;
cursor:pointer;
background-color:#CCC;
}

.warning {
color:#6699FF;
}

#disclaimer {
font-size:10px;
color:#666;
}