html {
margin: 0px; 
padding: 0px;
}
body {

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

/* Subpage elements
---------------------------------------------------------------------- */
h1 {
font-family:verdana; 
color:#807859;
font-size: 12px;
text-align:center;
letter-spacing: 0.05em;
}

h2 {
font-family:verdana; 
color:#BDAE63;
font-size: 11px;
text-align:left;
letter-spacing: 0.05em;
}

p {
font-family:verdana; 
color:#A89A57;
font-size: 12px;
text-align:left;
letter-spacing: 0.0em;
margin: 15px 10px 10px 25px;
line-height: 1.3em;
}

a {
font-size:11px;
font-weight:normal;
color:#A89A57;
text-decoration:none;
}
 
a:hover {
font-size:11px;
font-weight:normal;
color:#ffffff;
text-decoration:none;
}

blockquote {
font-family:verdana; 
color:#A89A57;
font-size: 12px;
text-align:left;
letter-spacing: 0.0em;
margin: 25px 50px 30px 50px;
line-height: 1.3em;
}

#main_wrap { 
position: absolute; left: 50%; width: 770px; margin-left: -385px;top: 0px; height:100%; 
background-image: url(images/bg_shadow.gif);
background-repeat: repeat;
border: 0px;
}

div#inside_main_wrap {

position:relative; left:10px;
width: 750px;
height:100%;
background-image: url(images/sub_page_bg.jpg);
background-repeat: no-repeat;
background-color: #313031;
border-top: 0px solid #ffffff;
border-bottom: 0px solid #ffffff;
border-right: 1px solid #000000;
border-left: 1px solid #000000;
}

div#col_1 {
display:block;
padding:0px;
width: 161px;
height: 100%;
float:left;
border-right: 1px solid #807859;
}

div#page_id {
text-align:right;
margin: 0px 20px 0px 0px;
font-family:verdana; 
color:#BDAE63;
font-size: 11px;
letter-spacing: 0.05em;
font-weight:bold;
}

div#left_content_logo{
width:161px;
height:162px;
border-bottom: 1px solid #807859;
}
div#left_content_logo img{
margin: 45px 0px 0px 62px;
}

div#address {
width:161px;
position:absolute; bottom:0px; left:0px;
margin: 40px 0px 20px 0px;
font-family:verdana; 
color:#807859;
font-size: 10px;
text-align:center;
letter-spacing: 0em;
}

div#col_2 {
width: 480px;
height:100%;
float:left;
}

div#main_content {
margin: 30px 20px 30px 23px;
}

div#main_content a{
font-size:12px;
color: #9D925E;
text-decoration:none;
}

div#main_content a:hover{
font-size:12px;
color: #ffffff;
text-decoration:none;
}

div#main_content h2{
margin: 0px 0px 0px 0px;
font-size: 12px;
}

div#top_middle {
width: 485px;
height: 45px;
border-bottom: 1px solid #807859;
}

.port_id a{
line-height: 18px;
font-size:11px;
font-weight:normal;
color:#A89A57;
text-decoration:none;
margin-right:6px;
}

.port_id a:hover{
color:#ffffff;
text-decoration:none;
}

.port_id_active {
font-size:11px;
padding: 4px;
font-weight:normal;
color:#BDAE63;
}

.port_id_active a{
font-size:11px;
padding: 3px;
font-weight:normal;
color:#BDAE63;
text-decoration:none;
}

.port_id_active a:hover{
font-size:11px;
padding: 3px;
font-weight:normal;
color:#ffffff;
text-decoration:none;
}


div#port_image {
margin: 50px 0px 120px 20px;

}

div#col_3 {
width: 105px;
float:right;
height:100%;
}

div#col_3 ul{
display:block;
list-style-type: none;
line-height: 1.3em;
position:relative; top:0px;
}

.spec_line_height {
line-height: 1.1em;
}

div#col_3 ul li{
font-family:verdana; 
color:#A89A57;
font-size: 10px;
position:relative; right:27px; top:0px;
}

div#col_3 ul li a{
color:#A89A57;
text-decoration:none;
}

div#col_3 ul li a:hover{
color:#ffffff;
text-decoration:none;
}

.link_box {
position:absolute;top:44px;
width: 25px;
height: 200px;
margin: 0px 0px 0px 2px;
background-image: url(images/link_border.gif);
background-repeat: no-repeat;
}

div#col_2 ul {
color:#A89A57;
font-size: 12px;
font-family:verdana; 
}
div#col_2 ul li{
line-height:15px;
margin-bottom:8px;
}
div#col_2 ul li em{
color:#A89A57;
font-size:12px;
}

.left {
float:left;
}
.right {
float:right;
}
---------------------------------------------------------------------- */

/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */