@charset "utf-8";

*{
margin:0px;
padding:0px;
}

body  {
background: url(/images/body_bg.gif) top repeat-x #039;
margin: 0; 
padding: 0;
text-align: center;
color: #000;
}

img{
border:0;
}

.jpd #sidebar2 img{
border:0;
padding:3px 3px 3px 3px;
}

.jpd #container { 
width: 850px;  
background: #fff;
margin: 0 auto;
text-align: left; 
} 

.jpd #header { 
background:transparent; 
width:1000px;
height:90px;
margin:0 auto;
padding:0; 
} 

.jpd #rest { 
width:1000px;
margin:0 auto;
padding:0; 
} 

.jpd #sidebar2 {
float: right; 
width: 120px;
background: #eee;
padding:0;
}

.jpd #mainContent {
margin:0px;
padding:0px;
}
 
.jpd #footer {
width:900px;
height:90px; 
margin:0 auto;
padding:0px 0px 0px 0px; 
background: url(/images/footer_bg02.jpg) center no-repeat transparent;
}
 
.jpd #footer p {
color:#999;
font:12px 'Verdana', Arial, Helvetica, sans-serif;
margin: 0;
padding-top:62px;
}

.fltrt {
float: right;
margin-left: 5px;
}

/* Fonts */
.jpd #mainContent p{
font:12px 'Verdana', Arial, Helvetica, sans-serif;
padding: 5px 5px 5px 5px;
}

.jpd #mainContent p.head{
color:#c60;
background:url(/images/font_bg_test02.gif) top left no-repeat #fff;
font-size:14px;
font-weight:bold;
line-height:5px;
}

.jpd #mainContent p.sub{
background:url(/images/font_bg_test03.gif) top left repeat-y #fff;
margin-bottom:15px;
border-bottom:1px solid #eee;
}

.jpd h1{
font:bold 17px 'Georgia', Times New Roman, Times, serif;
color:#006;
text-indent:25px;
letter-spacing:-1px;
}

.jpd h2{
font:bold 20px 'Georgia', Times New Roman, Times, serif;
color:#006;
text-align:center;
background-color:#eee;
text-indent:15px;
letter-spacing:-1px;
}

.jpd h3{
font:bold 18px 'Verdana', Arial, Helvetica, sans-serif;
letter-spacing:-1px;
color:#339;
background-color:#eee;
text-align:center;
}
/* /Fonts */

/* Gallery */
div.gallery_layout{
width: 700px;
margin-left:75px;
}

div.img{
margin: 2px;
border: 0px solid #ccc;
height: auto;
width: auto;
float: left;
text-align: center;
}

div.img img{
display: inline;
margin: 2px;
border: 1px solid #fff;
}

div.img a:hover img{
border: 1px solid #000;
}

div.desc{
text-align: center;
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#c00;
letter-spacing:-1px;
width: 130px;
margin: 2px;
}

div.desc a{
text-align: center;
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
color:#c00;
letter-spacing:-1px;
width: 130px;
margin: 2px;
}

div.desc a:hover{
text-align: center;
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#00f;
letter-spacing:-1px;
width: 130px;
margin: 2px;
}
/* /Gallery */
  
/* Horizontal Rule */
div.hr {
height: 3px;
margin:0;
background:transparent url(/images/hr.gif) repeat-x center;
}

div.hr hr {
display: none;
}
/* /Horizontal Rule */

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
clear:both;
height:0;
line-height: 0px;
}

/* Table Styles */
td.head{
background-color:#006;
color:#fff;
text-align:center;
}

td.center{
text-align:center;
}
/* /Table Styles */

/* Suite list table style */
table.suite th
{
	font:12px 'Verdana', Arial, Helvetica, sans-serif;
	background-color:#006;
	color:#fff;
	text-align:center;
}

table.suite td
{
	font:12px 'Verdana', Arial, Helvetica, sans-serif;
	text-align:center;
}