@charset "utf-8";
@charset "utf-8";
/* CSS Document */
* {
	margin:0;
	padding:0;
}
body {
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-size:13px;
	color:#999999;
	background-color:#000000;
}
img, a img { border:none; margin:0; }
a { color:#989795; text-decoration:none; }


/************ layout and positioning *************************/
#wrapper_outer {
	width:840px;
	margin:20px auto;
}
	#page_top, #page_bottom {
		height:20px;
		background-repeat:no-repeat;
	}
	#page {
		background-repeat:repeat-y; 
	}
	#page_top 		{	background-image:url(/asset/images/top.gif);	}
	#page_bottom 	{	background-image:url(/asset/images/bottom.gif);	}
	#page 			{	background-image:url(/asset/images/page_bg.gif);	}
	#wrapper_inner {
		width:815px;
		margin:0 auto;
	}
		#header {
			height:120px;
			padding:20px 44px;
		}
			#phone {
				float:right;
				margin-top:85px;
			}
		#tabs {
			height:35px;
		}
			#nav {
				list-style-type:none;
				float:right;
				width:380px;
			}
				#nav li {
					float:left;
				}
		#content_top {
			background-repeat:no-repeat;
			height:25px;
		}
		#content_bottom {
			background-repeat:no-repeat;
			height:30px;
		}
		#content {
			background-repeat:repeat-y;
			padding:0 36px 5px 31px;
		}
			#panel_left {
				border:2px solid #FFF;
				width:240px;
				min-height: 363px;
				height: auto !important;
				height: 363px;
				float:left;
				margin-right:12px;
				padding: 10px;
			}
			#panel_right {
				width:458px;
				float:left;
				min-height: 337px;
				height: auto !important;
				height: 337px;
				border:2px solid #FFF;
				padding:5px;
			}
		#copyright {
			font-size:11px;
			font-weight:bold;
			padding:0 0 10px 10px;
			color:#AFAFAF;
		}
	/* darkblue styles */
	.darkblue #content_top 		{	background-image:url(/asset/images/home_top.jpg);	}
	.darkblue #content_bottom 	{	background-image:url(/asset/images/home_bottom.jpg);	}
	.darkblue #content			{	background-image:url(/asset/images/home_1pix.jpg);	}
	.darkblue #panel_left 		{	background-color:#D5DBEE;	}
			
	/* green styles */
	.lime #content_top 	{	background-image:url(/asset/images/samples_top.jpg);	}
	.lime #content_bottom 	{	background-image:url(/asset/images/samples_bottom.jpg);	}
	.lime #content			{	background-image:url(/asset/images/samples_1pix.jpg);	}
	.lime #panel_left 		{	background-color:#D9E5A8;	}

	/* orange styles */
	.orange #content_top 	{	background-image:url(/asset/images/contact_top.jpg);	}
	.orange #content_bottom {	background-image:url(/asset/images/contact_bottom.jpg);	}
	.orange #content		{	background-image:url(/asset/images/contact_1pix.jpg);	}
	.orange #panel_left 	{	background-color:#FBCC98;	}

				
			
			

/************ ganaral formatting *****************************/
.darkblue h2 	{	color:#7190C7;	}
.green h2 	{	color:#96CD10;	}
.orange h2 	{	color:#ED9B06;	}
p {
	padding:5px 0px;
}
#panel_left {
	color:#999999;
}
#panel_right {
	color:#FFF;
}
#panel_right, #panel_left {
	line-height:19px;
	font-weight:bold;
	
}
h1 {
	font-size:22px;
	font-weight:bold;
	height:35px;
	color:#FFF;
	width:472px;
	float:left;
}
h2 {
	font-style:italic;
	font-weight:bold;
	font-size:19px;
	line-height:22px;
	padding:5px 0;
}

/************ wrapper ****************************************/
html #wrapper {
	background: white;
	padding: 0px;
    margin: 0px;
}

#wrapper_return, #wrapper_remove {
	float: right;
	margin: 0px 20px;
    color: white;
    background: #989795;
    padding: 3px 8px;
}

#wrapper_return a, #wrapper_remove a {
	color: white;
}

#wrapper_links { 
	padding-top: 70px;
}

#wrapper_logo {
	float: left;
	padding-top: 10px;
}

/************ hacks ******************************************/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }