/* CSS Document */



body {

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

margin:0;

padding:0;

margin:0 auto;

background-color:#28292B;

color:#FFF7CF;

text-align:justify;

}



#top_wrapper {

width:100%;

height:80px;

background-image:url(images/top_bg.jpg);

background-repeat:repeat-x;

margin-bottom:10px;

}



.logo_style {

height:150px;
font-size:32px;
color:#E2E2EA;

font-family:"Trebuchet MS";

text-align:center;

padding-top:150px;

}



.logo2_style {

font-size:14px;

font-family:"Trebuchet MS";

color:#8B8B95;

}



a:link {

	color: #40B3FF;

	text-decoration: none;

}

a:visited {

	text-decoration: none;

	color: #40B3FF;

}

a:hover {

	text-decoration: none;

	color: #D6CECE;

}

a:active {

	text-decoration: none;

	color: #D6CECE;

}



/*----------------CONTENT------------------*/



#content_wrapper {

width:850px;

height:auto;

margin:0 auto;

}



/*----------------RIGHT BOX----------------------*/



#rb {

width:598px;

height:auto;

float:right;

}



#rb1 {

padding:10px 10px 27px 10px;

width:620px;

height:auto;

float:right;

background-color:#222325;

border-bottom:#434445 1px solid;

border-top:#434445 1px solid;

margin-bottom:10px;

}



h1 {

font-size:1.6em;

font-family:"Trebuchet MS";

color:#FCE7AE;

margin:0;

padding:0;

padding-left:10px;

padding-top:8px;

padding-bottom:8px;

margin-bottom:10px;

border-bottom:#434445 1px solid;

}



#rb2 {

padding:10px;

width:620px;

height:auto;

float:right;

background-color:#222325;

border-bottom:#434445 1px solid;

border-top:#434445 1px solid;

margin-bottom:10px;

}



#about {

width:290px;

height:auto;

float:left;

margin-right:5px;

}



h2 {

font-size:1.3em;

font-family:"Trebuchet MS";

color:#FFDF9A;

margin:0;

padding:0;

padding-left:10px;

padding-top:10px;

padding-bottom:10px;

margin-bottom:10px;

border-bottom:#434445 1px dotted;

}



.nstyle {

font-size:1.3em;

font-family:"Trebuchet MS";

color:#414445;

float:left;

padding-right:5px;

}



#serv {

width:290px;

height:auto;

float:right;

}



h3 {

font-size:1.3em;

font-family:"Trebuchet MS";

color:#FCE7AE;

margin:0;

padding:0;

padding-left:10px;

padding-top:10px;

padding-bottom:10px;

margin-bottom:10px;

border-bottom:#434445 1px dotted;

}



.n2style {

font-size:1.3em;

font-family:"Trebuchet MS";

color:#414445;

float:left;

padding-right:5px;

}



/*---------------------LEFT BOX---------------------*/



#lb {

width:200px;

height:auto;

float:left;

}



#menu {

width:200px;

height:auto;

background-color:#222325;

}



.menu {

font-family:Arial, Helvetica, sans-serif;

font-size:11px;

font-weight:bold;

}



.menu ul{

margin:0;

padding:0;

display:block;

list-style-type:none;

font-family:Arial, Helvetica, sans-serif;

font-size:11px;

font-weight:bold;

width:200px;

}



.menu ul li{

width:150px;

border-bottom:1px #28292B solid;

}



.menu ul li a{

font-family:Arial, Helvetica, sans-serif;

font-size:11px;

font-weight:bold;

padding-left:20px;

padding-top:8px;

padding-bottom:8px;

line-height:30px;

}



.menu ul li a:hover{

padding-top:8px;

padding-bottom:8px;

padding-left:20px;

border-left:5px solid #d79109;



}





/*-----------------------NEWS---------------------------*/



#news {

width:170px;

height:26px;

background-color:#3E3F42;

margin-top:10px;

margin-bottom:10px;

}



.news {

font-size:18px;

font-family:"Trebuchet MS";

font-weight:normal;

padding-left:30px;

padding-top:2px;

}



#news01 {

width:200px;

height:auto;

border-bottom:1px dotted #3E3F42;

}



.news01 {

font-weight:normal;

font-size:11px;

padding-bottom:10px;

margin-bottom:12px;

}

#news02 {

width:200px;

height:auto;

border-bottom:1px dotted #3E3F42;

}



.news02 {

font-weight:normal;

font-size:11px;

padding-bottom:10px;

margin-bottom:12px;

}

#news03 {

width:200px;

height:auto;

border-bottom:1px dotted #3E3F42;

}



.news03 {

font-weight:normal;

font-size:11px;

padding-bottom:10px;

margin-bottom:12px;

}


.style2 {color: #FFFFFF}



/*----------------------------FOOTER-----------------------*/



#footer_div {

width:100%;

height:144px;

background-image:url(images/bottom_bg.jpg);

background-repeat:repeat-x;

}



#footer {

text-align:center;

padding-top:15px;

font-size:11px;

color:#ABB4B7;

}



.footer a {

color:#ABB4B7;

text-decoration:none;



}



.footer a:hover {

color:#ABB4B7;

text-decoration: underline;

}



.footer a:visited {

color:#ABB4B7;

}



.footer a:active {

color:#ABB4B7;

}



.style3 {color: #515759}

.imgborder {
    border: 1px solid #333333;
    margin: 5px;
    padding: 4px;
}

/* Dynamic Integration */

table.gallery
{
    table-layout: fixed;
    width: 594px;
	text-align: center;
}

.gallery img {
    border: 1px solid #333333;
    margin: 25px 6px 4px 6px;
    padding: 4px;
}

.gallery .red { color: red; }

.gallery .header{
text-align: left;
text-decoration: underline;
font-size: 130%
}


table.main
{
    table-layout: fixed;
    width: 620px;
	
	}
	

.centeredImage
    {
    text-align:center;
    display:block;
    }


.floatleftborder{
float: left;
border: 1px solid #333333;
margin: 6px;
padding: 4px;
}

.floatrightborder{
float: right;
border: 1px solid #333333;
margin: 6px;
padding: 4px;
}

.floatcenterborder{
border: 1px solid #333333;
margin: 6px;
padding: 4px;
}

.floatcenter{
margin: 1px;
}

.floatright{
float: right;
margin: 1px;

}

.floatleft{
float: left;
margin: 1px;

}
/* Gallerry Dynamic Integration */
table.gallery
{
    table-layout: fixed;
    width: 620px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	color: #999999;
}

.gallery img {
    border: 1px solid #333333;
    margin: 25px 6px 4px 6px;
    padding: 4px;
}

.gallery.red { color: red; }

.gallery .header{
text-align: left;
text-decoration: underline;
font-size: 1.4em;
}


/*custom*/

table.dic
{
    table-layout: fixed;
    width: 550px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	color: #999999;
}

.dic img {
    border: 1px solid #333333;
    margin: 25px 6px 4px 6px;
    padding: 4px;
}

h3 {
	font-size: 1.3em;
	color: #999999;
}

.sold{
color: red;
}

.link{
color: #0099FF;
}


/*lightbox*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; 
 background-color: #000; width: 250px; height: 250px; margin: 0 auto;  }
#imageContainer{ border: 1px solid #333333; padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 12px Arial, Helvetica, sans-serif; /*background-color: #fff*/; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #fff; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: normal;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }