/*
Company:	
File:		main.css - This contains all the main styles for the website.

All the styles are separted into the following groups:
Global Browser Reset - this is handled by the reset-fonts.css file from YUI
HTML, Body - for the html and body tags
Layout - styles that define the layout of the site
Modules - styles for content modules
Nav - navigation bar
Default Headings - headings like h1, h2, etc
Common Text Styles - Styles for text
Default Lists - unordered and ordered lists
Forms - html forms
Default Links - links
Misc - anything that doesn't fit elsewhere
*/

/* @group HTML, Body */
html, body {
	background: url(../images/bg.jpg) repeat-x 50% 0 #602402;
}

#main_wrap {
	width: 700px;
	margin: 0 auto;

}
/* @end */

/* @group Layout */
/* Head */

#head {
	width: 700px;
	height: 129px;
	background: url(../images/header.jpg) no-repeat;
}

#head h1{
	display: block;
	width: 700px;
	height: 129px;
	text-indent: -9000px;
}

#head h1 a{

	display: block;
	width: 100%;
	height:100%;
	
}

/* Body */

#right {
float: right;
margin-right:10px;
}

#page_wrap{
	width: 682px;
	background-color: #feffff;	
	border: 1px solid #880f18;
	padding: 8px;
	
}


#nav_wrap {
	height: 62px;
	background: url(../images/navbg.jpg) no-repeat;
	
}


.inside h3{
	display: block;
	width: 50px;
	height: 50px;
	text-indent: -9000px;
	margin-left: 135px;
	margin-top: 215px;
	}


.inside h3 a {
	display: block;
	width: 150px;
	height:150px;
	}

/* Main */

#body_wrap {
	width: 679px;
	border: 1px solid #c9cabc;
	background: url(../images/lr_fade.jpg) repeat-y;	

}

#bd_top {
	background: url(../images/bd_top.jpg) no-repeat;
	height: 10px;
}

.inside {
	margin-left: 10px;
}

#body_columns{
	width: 669px;
	float: left;

}

#bc_left{
	width: 185px;
	float:left;
	height: 400px;

}

#bc_left_contact{
	width: 180px;
	float:left;
	height: 400px;

}

#bc_right {

	width: 468px;
	min-height: 250px;
	margin-left: 10px;
	_height: 250px;
	float: right;
	background: url(../images/copy_fade.jpg) no-repeat;

	}

#bc_right_contact {

	width: 468px;
	min-height: 600px;
	margin-left: 10px;
	_height: 250px;
	float: right;
	background: url(../images/kl_map.jpg) no-repeat;

	}

#bc_right_contact2 {

	width: 468px;
	min-height: 600px;
	margin-left: 10px;
	_height: 250px;
	float: right;
	background: url(../images/kl_map-seattle.jpg) no-repeat;

	}


#bd_bottom {
	background: url(../images/bd_bottom.jpg) no-repeat;
	height: 10px;
	clear: both;
	
	}
	
.footer h5{
	behavior: url(iepngfix.htc);
	text-indent: -9000px;
	background-image: url(../images/address.png);
	background-repeat: no-repeat;
	height: 100px;
}
	
	
/* Nav */

#nav ul {
	margin: 0;


}

#nav li {
	float: left;
	list-style: none;
	padding-left: 38px;
	font-family: Georgia, "Times New Roman", Times, serif;             
text-decoration: none;
color: #939289;

}



#nav ul a{

font-family: Georgia, "Times New Roman", Times, serif;             
text-decoration: none;
color: #939289;
letter-spacing: 3px;
font-weight: normal;
font-size: 14px;
	
	display: block;
	
	height: 20px;
	padding-top: 15px;

}

#nav ul a:hover,
#nav ul a.active{
 color: #880e1b;
 border-bottom: 1px solid #939289;
 background-image: url(../images/nav.png);
 background-position: top;
 background-repeat: no-repeat;
}


/* begin css tabs */

ul#tabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 1em 0 1em 0; /* set margins as desired */
font: bold 11px verdana, arial, sans-serif; /* set font as desired */
border-bottom: 1px solid #c9cabc; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { /* do not change */
display: inline;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4 { /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a { /* settings for selected tab link */
background-color: #fff; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #c9cabc; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #eae7de; /* set unselected tab background color as desired */
color: #666; /* set unselected tab link color as desired */
margin-right:5px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
background: #fff; /* set desired hover color */
}

/* end css tabs */



/* Feature */

#featured {
	width: 659px;
	height:173px;
	border-bottom: 1px solid #c9cabc;
	margin-bottom: 10px;
}

/* Accordion */
#accordion {
	width: 650px;
	margin-left: 10px;
	background-color: #ffffff;
	border: 1px solid #d1d0c3;
	padding: 3px;

}

.toggler h2{
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-top: 0px;
	padding-top: 0px;
	margin-left: 30px;
	padding: 6px;

}

/* @group Default Headings */
.inside h1 { min-height: 28px; letter-spacing: 1px; font-style: normal; font-weight: normal; padding-left: 0px; padding-bottom: 0px; padding-right: 0px; padding-top: 10px; margin-left: 12px; margin-bottom: 15px; margin-right: 12px; margin-top: 8px; border-bottom-color: #d1d0c3; border-bottom-width: 1px; border-bottom-style: solid; color: black; font-size: 13pt; font-family: "Georgia",  Times, serif; }
h1 { color: black; letter-spacing: 1px; height: 28px; font-style: normal; font-weight: normal; padding-left: 0px; padding-bottom: 0px; padding-right: 0px; padding-top: 0px; margin-left: 12px; margin-bottom: 15px; margin-right: 12px; margin-top: 8px; border-bottom-color: #d1d0c3; border-bottom-width: 1px; border-bottom-style: solid; font-size: 13pt; font-family: "Georgia",  Times, serif; }
.inside h2 { min-height: 18px; letter-spacing: 1px; font-style: normal; font-weight: normal; padding-left: 0px; padding-bottom: 0px; padding-right: 0px; padding-top: 5px; margin-left: 12px; margin-bottom: 8px; margin-right: 12px; margin-top: 8px; border-bottom-color: #d1d0c3; border-bottom-width: 1px; border-bottom-style: solid; color: black; font-size: 10pt; font-family: "Georgia",  Times, serif; }
h2 { }
h3 { }
h4 { }
h5 { }
h6 { }
/* @end */


/* @group Common Text Styles */
div.main p, div.main ul, div.main ol {
	font-size: 93%;
	color: #100c0c;
	font-family: Verdana, Arial, sans-serif;
	line-height: 180%;
}

#bc_left ul {
	margin: 0;
	padding: 0;

}

#bc_left li {
	list-style: none;
	padding-left: 12px;
	font-family: Georgia, "Times New Roman", Times, serif;             
text-decoration: none;
color: #939289;

}



#bc_left ul a{

font-family: Georgia, "Times New Roman", Times, serif;             
text-decoration: none;
color: #939289;
font-weight: normal;
font-size: 12px;
display: block;
height: 28px;

}

#bc_left ul a:hover{
 color: #880e1b;
 background-position: top;
 background-repeat: no-repeat;
}




.element ul {
	margin: 0;
	padding: 0;
	margin-left: 220px;


}

.element li {
	padding-bottom: 10px;
	margin-bottom: 0px;
	font-style: italic;
	font-size: 12px;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	list-style: none;             
	text-decoration: none;
	color: #930718;
	margin-left: 30px;

}

.inside ul {
	margin: 0;
	padding: 0;


}

.inside li {
	padding-bottom: 5px;
	margin-bottom: 0px;
	font-style: italic;
	font-size: 12px;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	list-style: none;             
	text-decoration: none;
	color: #930718;
	margin-left: 25px;

}


.inside li a:link, a:visited{
	padding-bottom: 5px;
	margin-bottom: 0px;
	font-style: italic;
	font-size: 12px;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	list-style: none;             
	text-decoration: none;
	color: #930718;

}

.inside li a:hover, a:active{
	padding-bottom: 5px;
	margin-bottom: 0px;
	font-style: italic;
	font-size: 12px;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	list-style: none;             
	text-decoration: none;
	color: #97acc0;

}


.element img{
	float: left;
	margin-left: 12px;
	padding-bottom: 15px;
	margin-bottom: 300px;
}

.element p{
	width: 370px;
	float: left;
}

/* @group Default Links - link visited hover active */
a:link, a:visited {
	color: #24201d;
}
a:hover {
	text-decoration: none;
}

/* @end */

/* @group Misc */
.clear {
	clear: both;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
p {  font-size: small;  margin-right: 12px; margin-left: 12px; line-height: 20px; color: #000; font-style: normal; font-weight: normal; font-family: georgia; }
/* End hide from IE-mac */
/* @end */