/* =================================================================
 default.css
 
 Description: Stylesheet for the homepage
================================================================= */

@import url(global.css);
@import url(chf.css);

/* default.css */
body {
	color:#333;
	font:normal 62.5%/2em Arial, Helvetica, sans-serif;
	background:#fff url(../images/content_bg.jpg) no-repeat 0 -25px;
	background-attachment:fixed;
}
	body.main {
		padding:0 25px 25px 25px;
		background-color:#7d9184;
		background-image:none;
	}
	body.main table {
		width:auto;
	}

#container {
	position:relative;
	width:100%;
	text-align:left;
	background-color:#fff;
}

/* skip */
#skip {
	margin:0;
	width:100%;
	height:25px;
	line-height:25px;
	font-size:1em;
	background-color:#7d9184;
}
	#skip a {
		color:#3e4534;
		text-transform:uppercase;
		text-decoration:none;
	}
		#skip a:hover {
			color:#dad9b2;
		}
.inner {
	padding:25px;
}

/* --------------------------------------------------------------------------------
	HEADER ELEMENTS
----------------------------------------------------------------------------------*/
#header {
	width:100%;
	color:#333;
	background:#dad9b2 url(../images/header_bg.jpg) no-repeat 0 0;
}
	#logo {
		float:left;
		margin:0 0 25px 0;
	}


/* client login */
form#client_login_form {
	float:right;
	width:225px;
	padding:0 0 5px 0;
}
	#client_login fieldset {
		margin:0;
		padding:0;
		border-width:0px;
	}
	#client_login legend {
		color:#660000;
		text-transform:uppercase;
		font-size:1.4em;
		font-weight:bold;
		margin:0;
		padding:0 0 0 5px;
	}
		* html #client_login legend {
			padding:0;
		}
	#client_login label {
		float:left;
		margin:0;
		padding:0 0 2px 5px;
		width:107px;
		color:#333;
		font-weight:bold;
		font-size:1.2em;
		line-height:1.8em;
	}
	#client_login input {
		float:right;
		padding:1px 0;
		margin:0;
		width:105px;
	}
	#client_login input:hover {
	}
	#client_login input:focus {
	}
	#client_login input.button {
		float:right;
		margin:3px 0 0 0;
		width:76px;
		height:22px;
		color:#333;
		font:bold 1.2em Arial, Helvetica, sans-serif;
		line-height:22px;
		text-decoration:none;
		text-transform:uppercase;
		text-align:center;
		background:transparent url(../images/login_btn.gif) no-repeat 0 0;
		border-width:0;
	}
		#client_login input.button:hover {
			color:#fff;
			background:transparent url(../images/login_btn.gif) no-repeat 0 -22px;
		}
	#client_login p {
		margin:0;
		padding:0;
	}
	#client_login a {
		padding-left:5px;
	}
/* search form */
#search_box {
	float:left;
	width:100%;
	height:10px;
	background:#721414 url(../images/search_bg.gif) repeat-x 0 0;
}
form#search_form {
	float:right;
	padding:5px 25px 2px 0;
	margin:0;
	width:225px;
}
	#search_form fieldset {
		margin:0;
		padding:0;
		border-width:0px;
	}
	#search_form legend {
		color:#bcb98a;
		text-transform:uppercase;
		font-weight:bold;
		margin:0;
		padding:0 0 0 5px;
	}
		* html #search_form legend {
			padding:0;
		}
	#search_form label {
		float:left;
		margin:0;
		padding:0 0 2px 5px;
		width:auto;
		color:#fff;
		font-weight:bold;
		font-size:1.2em;
		line-height:1.8em;
	}
	#search_form input {
		float:left;
		padding:1px 0;
		margin:0 0 0 10px;
		width:110px;
	}
	#search_form input.button {
		float:right;
		margin:0;
		width:48px;
		height:22px;
		color:#203900;
		font:bold 1.2em/22px Arial, Helvetica, sans-serif;
		text-decoration:none;
		text-transform:uppercase;
		text-align:center;
		background:transparent url(../images/search_btn.gif) no-repeat 0 0;
		border-width:0;
	}
		#search_form input.button:hover {
			color:#336699;
			background:transparent url(../images/search_btn.gif) no-repeat 0 -22px;
		}
	
/* --------------------------------------------------------------------------------
	TABBED NAVIGATION
----------------------------------------------------------------------------------*/
#header ul.tab_nav {
	clear:both;
	margin:0;
}
	#header ul.tab_nav li {
		margin:0 1px;
		padding:0;
		float:left;
		display:inline;
		list-style:none;
		font-size:1em;
	}
	#header ul.tab_nav li a{
		position:relative;
		display:block;
		margin:0;
		padding:0 0 0 20px;
		text-decoration:none;
		color:#333;
		background:transparent url(../images/nav_l.gif) no-repeat 0 0; /* left side */
		font:bold 1.4em/1.1em Arial, Helvetica, sans-serif;
		border-width:0;
	}
		#header ul.tab_nav li a span.nav_category {
			display:block;
			padding:0 20px 0 0;
			background:transparent url(../images/nav_r.gif) no-repeat 100% 0; /* right side */
		}
		#header ul.tab_nav li a span.nav_category span{
			display:block;
			padding:16px 0 5px 0;
			background:transparent url(../images/nav_bg.gif) repeat-x 0 0; /* background */
		}
	#header ul.tab_nav li a:hover {
		color:#dad9b2;
		background:transparent url(../images/nav_l.gif) no-repeat 0 -59px; /* left */
		border-width:0;
		cursor:pointer;
	}
		#header ul.tab_nav li a:hover span.nav_category {
			background:transparent url(../images/nav_r.gif) no-repeat 100% -59px; /* right */
		}
		#header ul.tab_nav li a:hover span.nav_category span{
			background:transparent url(../images/nav_bg.gif) repeat-x 0 -59px; /* background */
		}
	#header ul.tab_nav li.active a,
	#header ul.tab_nav li.active a:hover {
		color:#3e4534;
		background:transparent url(../images/nav_l.gif) no-repeat 0 -118px; /* left */
		border-width:0;
	}
		#header ul.tab_nav li.active a span.nav_category,
		#header ul.tab_nav li.active a:hover span.nav_category {
			background:transparent url(../images/nav_r.gif) no-repeat 100% -118px; /* right */
		}
		#header ul.tab_nav li.active a span.nav_category span,
		#header ul.tab_nav li.active a:hover span.nav_category span {
			background:transparent url(../images/nav_bg.gif) repeat-x 0 -118px; /* background */
		}
		
	#header ul.tab_nav li ul.nav {
		display:none;
	}


/* --------------------------------------------------------------------------------
	NAVIGATION
----------------------------------------------------------------------------------*/
ul#navigation {
	float:right;
	display:inline;
	margin:20px 0 0 0;
	padding:0;
	width:200px;
}
	ul#navigation li {
		float:left;
		margin:0;
		padding:0;
		width:200px;
		display:inline;
		list-style:none;
	}
	ul#navigation li span.nav_category {
		display:block;
		padding:5px 5px 3px 5px;
		color:#fff;
		background-color:#660000;
		font-weight:bold;
		font-size:1.2em;
		line-height:1.2em;
		border-bottom:2px solid #bcb98a;
	}
	ul#navigation li ul.nav {
		float:left;
		display:inline;
		margin:0;
		padding:0;
		width:100%;
	}
		ul#navigation ul.nav li {
			float:left;
			width:200px;
			margin:0;
			padding:0;
			border-bottom:1px solid #ccc;
		}
		ul#navigation ul.nav li.first {
			border-top:1px solid #ccc;
		}
	ul#navigation ul.nav li a {
		float:left;
		display:inline;
		width:100%;
		text-decoration:none;
		color:#333;
		font:normal 1em Arial, Helvetica, sans-serif;
	}
		ul#navigation ul.nav li a:hover {
			color:#fff;
			background-color:#3e4534;
		}
	ul#navigation ul.nav li.active a,
	ul#navigation ul.nav li.active a:hover {
		color:#333;
		background-color:#bcb98a;
	}
	ul#navigation ul.nav li a span.nav_title {
		display:block;
		padding:5px;
	}
		ul#navigation ul.nav li a:hover span.nav_title {
			
		}
	ul#navigation span.nav_desc{
		display:none;
	}
	ul#navigation ul.nav ul,
	ul#navigation li.over ul.nav ul,
	ul#navigation li:hover ul.nav ul {
		display:none;
	}


/* --------------------------------------------------------------------------------
	CONTENT ELEMENTS
----------------------------------------------------------------------------------*/
/* content */
#content {
	position:relative;
	z-index:100;
	clear:both;
	padding:25px 0;
	background:transparent url(../images/content_bg.jpg) no-repeat 0 0;
}
#content .inner {
	padding:0 25px 0 25px; 
	background:transparent url(../images/dashed.gif) repeat-y 100% 0;
}

#content_text {
	margin-right:250px;
	font-size:1.2em;
	color:inherit;
}
	/* added so that elements that have a width of 100% won't be pushed down */
	#content_text_inner {
		width:100%;
	}
	* html #content_text_inner {
		width:98%;
	}

#contact_footer {
	padding-top:20px;
	clear:left;
}

/* agent info */
#agent_info {
	float:right;
	width:200px;
	margin:0 0 0 50px;
	padding:0 0 25px 0;
	text-align:left;
	}
	#agent_info img {
		width:108px;
		height:124px;
	}
	#agent_info h2.agentname,
	#agent_info p.agentname {
		font-weight:bold;
		font-size:1.4em;
		line-height:1.2em;
		font-family:Arial, Helvetica, sans-serif;
		color:#333;
		margin:1em 0 .5em 0;
	}
	#agent_info h3.companyname,
	#agent_info p.companyname {
		font-weight:bold;
		font-size:1.2em;
		line-height:1.2em;
		font-family:Arial, Helvetica, sans-serif;
		color:#333;
		margin:.5em 0;
	}
	#agent_info p {
		margin:.5em 0;
	}
	#agent_info .phone_title {
		font-weight:bold;
	}
	#agent_info .phone_numbers,
	#agent_info .email_address {
		display:block;
		font-size:1em;
		clear:both;
	}


/* --------------------------------------------------------------------------------
	FOOTER ELEMENTS
----------------------------------------------------------------------------------*/
#footer {
	width:100%;
	color:#3e4534;
	background-color:#bcb98a;
}
	#footer a {
		text-decoration:none;
	}
	#footer a:hover {
	}

#footer ul.tab_nav {
	float:right;
	margin:0;
}
	#footer ul.tab_nav li {
		margin:0;
		padding:0 0 0 15px;
		float:left;
		display:inline;
		list-style:none;
		font-size:1.2em;
	}		
	#footer ul.tab_nav li ul.nav {
		display:none;
	}


/* footer login */
#footer_login {
	float:left;
}
#footer_login ul {
	margin:0;
	padding:0;
	}
	#footer_login ul li {
		margin:0;
		padding:0 10px 0 0;
		display:inline;
	}
#footer_copyright {
	clear:both;
}