/**	SITE		Haontech.com
	...................................................*/

/**	COLORS
	
	Blue		#226FB7
	Light Blue	#54A2E2
	Gray		#E6E7E8
	Light Gray	#F1F0F2
	Dark Gray	#A6A8AB
	
	...................................................*/
	
	@import url("reset.pak.css");
	
/**	=GLOBAL 
	...................................................*/
	
body {
	font-family:Arial, sans-serif;
	text-align:center;
	/* background:url(/images/bg.png) top center no-repeat #FFF; */
	margin:0;
}


#wrapper {
	width:840px;
	margin:-500px auto 0 auto;
	text-align:left;

	padding:0;
}

a, a:visited {
	color:#226FB7;
	text-decoration:none;
	font-weight:bold;
	cursor:pointer;
}

a:hover {
	color:#54A2E2;
}

a img {
	border:0;
}

.button, a.button, a.button:visited {
	background:url(/images/button.gif) top right repeat-y #226FB7;
	color:#FFF;
	padding:5px 10px;
	font-weight:normal;
	text-align:center;
	font-family: geosanslight, sans-serif;
	cursor:pointer;
}

a.button:hover, .button:hover {
	background:#519fdf;
}

#left
{
	background:url(/images/left-bg.gif) top right no-repeat;
	height:500px;
	width:50%;
}

#home #left
{
	background:url(/images/left-home-bg.gif) top right no-repeat;

}

#right
{
	background:url(/images/right-bg.gif) 420px 0 no-repeat transparent;
	height:500px;
	margin-top:-500px;
	margin-left:50%;
	width:50%;
}

.tr-corner {
	background:url(/images/curve.gif) top right no-repeat ;
	display:block;
	padding:20px;
	overflow:auto;
}

/** =HEADER
	.................................................................*/
	
	
#header {
	background:url(/images/header-bg.gif) right bottom no-repeat;
	margin:0;
	padding:0;
	height:225px;
	overflow:hidden;
	position:relative;
}

#home #header {
	background:url(/images/header-home-bg.gif) right bottom no-repeat;
	height:305px;
}

#logo {
	margin:15px 0 0 100px;
	overflow:auto;
}

#logo h1 {
	float:left;
}

#tagline {
	float:left;
	width:330px;
	margin-top:5px;
}

#tagline p {
	float:left;
	width:115px;
	font-size:10px;
	text-align:right;
	line-height:165%;
}

#tagline ul {
	float:right;
	width:210px;
}

#tagline ul li {
	float:right;
	margin:0 0 5px 5px;
	cursor:pointer;
}

#tagline ul li a, #tagline ul li a:visited {
	display:block;
	background:url(/images/tab.gif) top right #226FB7;
	color:#FFF;
	width:95px;
	text-align:center;
	font-size:12px;
	padding:3px 2px;
	font-family:geosanslight;
	font-weight:normal;
	cursor:pointer;
}

#tagline ul li a:hover {
	background:#519fdf;
}

#callnow {
	float:right;
}

#search {
	width:170px;
	clear:both;
	margin-right:30px;
	text-align:right;
	font-size:12px;
	position:absolute;
	bottom:50px;
}

#search a, #search a:visited {
	color:#A6A8AB;
	font-weight:normal;
	vertical-align:baseline;
	position:relative;
}

#search a:hover {
	color:#000;
}

#c#search form {
	margin-top:5px;
}

#search input#search_box {
	width:100px;
	font-size:10px;
	padding:1px 5px;
	opacity:.5;
	border:solid 1px #BBBDBF;
}

#search input#search_box:focus {
	opacity:1;
}

#search input#search_submit.button {
	padding:1px 2px;
	border:0;
	font-size:10px;
}



#billboard {
	float:right;
	width:635px;
	
	padding:0 0 20px 20px;
}

/* Change font size and style for the Billboard heading here. */

#billboard h2 {
	font-size:32px;
	font-weight:normal;
	padding-top: 15px;
}

#home #billboard h2 {
	font-size:35px;
	font-weight:normal;
	width:340px;
	float:left;
}

#home #billboard #slider {
	float:left;
	width:280px;
	height:170px;
	margin-left:15px;
	margin-top: 15px;
}

#home #billboard #slider.monitor {
	background:url(/images/display.png) center;
}

div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	width: 260px; 
	height: 170px;
	overflow: hidden;
	}
	div.scroller div.section {
		/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
		width:260px;
		height:170px;
		overflow:hidden;
		float:left;		
		}
		.monitor div.scroller { 
			/* modify width and height of scrolling section if necessary	*/		
			width: 210px; 
			height: 115px;
			overflow: hidden;
			text-align:center;
			vertical-align:middle;
			color:#FFF;
			font-weight:bold;
			font-size:22px;
			margin:4px 0 0 35px;
			position: absolute;
			}
			.monitor div.scroller div.section {
				/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
				width:210px;
				height:115px;
				overflow:hidden;
				float:left;		
				}

	div.scroller div.content {
		width: 10000px;
		}
		
		div.scroller div.section p {
	display: block;
	width: 210px;
	height: 115px;
	position: relative;
	z-index: 1;
}


#billboard a#glider-next, #billboard a#glider-prev {
	display:block;
	width:18px;
	height:30px;
	position:absolute;
	text-indent:-999999999px;
	background:url(/images/arrows.gif) no-repeat;
	overflow:hidden;
}

#billboard a#glider-prev {
	margin:60px 0 0 -18px;
}

#billboard a#glider-next {
	margin:60px 0 0 260px;
	background:url(/images/arrows.gif) -18px 0 no-repeat;
}




/** =NAVIGATION
	.................................................................*/
	
#nav-prime {
	clear:both;
}

#nav-prime ul {
	float:right;
	overflow:visible;
	width:510px;
	font-size:14px;
	margin-top:-7px;
	height:20px;
}

#nav-prime ul li {
	float:left;
	margin-right:20px;
	padding-bottom:3px;
}

#nav-prime a, #nav-prime a:visited {
	font-weight:lighter;
	color:#000;
	padding-bottom:3px;
}

#nav-prime a:hover {
	background:url(/images/highlight.gif) left bottom no-repeat;
}

#nav-prime ul li.highlight a, #nav-prime ul li.highlight a:visited {
	font-weight:bold;
	background:url(/images/highlight.gif) left bottom no-repeat;
}

/* reset default styles */
#menu,
#menu ul { margin: 0; padding: 0; }
#menu li { list-style-type: none; }

/* first level */
#menu li,
#menu a, #menu a:visited { float: left; color:#000;}
#menu a:hover { color:#000;}
#menu a { display: block;}


/* second level and up */
#menu ul { visibility: hidden; position: absolute; width: 100px; background:#F1F0F2; z-index:1; }
#menu ul li {
	background:#F1F0F2;
	padding:2px 5px;
	opacity:.8;
}

#menu ul li:hover { opacity:1;}
#menu ul a:hover,



/** =CORE
	.................................................................*/
	
#core {
	background:url(/images/line.gif) 193px 0 repeat-y;
	overflow:auto;
}
	
#sidebar {
	float:left;
	width:193px;
}

#content {
	float:left;
	width:615px;
	padding:20px 0 20px 15px;
	font-size:12px;
	line-height:160%;
	overflow:hidden;
}


#content a, #content a:visited {
	color:#226FB7;
}

#content h3 {
	font-size:28px;
	font-weight:normal;
	color:#A6A8AB;
	margin-bottom:5px;
}

#content h2 {
	font-weight:normal;
	font-size:24px;
	color:#226FB7;
}



#content h4 {
	margin-top:10px;
}

#content ul, #content ol {
	margin:0 0 20px 60px;
}

#content ul li {
	list-style-image: url(/images/bullet.gif);
}

#content ol li {
	list-style-type: decimal;
}

#content blockquote {
	background:url(/images/blockquote-right.gif) bottom left no-repeat #BBBDBF;
	font-style:normal;
	color:#000;
	margin:20px 0;
}

#content blockquote p {
	background:url(/images/blockquote-left.gif) top right no-repeat;
	padding:15px;
}

#content img {
	display:block;
	text-align:center;
	margin:10px auto;
}

#content .alignleft {
	float:left;
	text-align:left;
	margin:0 15px 15px 0;
}

#content .alignright {
	float:right;
	text-align:right;
	margin:0 0 15px 15px;
}

#content .product {
	background:url(/images/curve.gif) bottom left no-repeat;
	margin-bottom:15px;
	overflow:auto;
}
#content .product h2 {
	font-weight:normal;
	font-size:24px;
	color:#226FB7;
}

#content div.product p  {
	margin:10px 0 0 0;
	padding:0;
}

/** =TABLES
	.................................................................*/


#content table {
	clear:both;
}

#content table#style1 {
	width:100%;
	font-size:14px;
	margin-bottom:15px;
	clear:both;
	border:solid 1px #BBBDBF;
	border-right: 0;
}

#content table#style1 td, #content table#style1 th {
	border-right: solid 1px #BBBDBF;
}

#content table#style1 tbody {
	border:solid 1px #BBBDBF;
	background:#FFF;
}

#content table#style1 tbody tr td {
}


#content table#style1 tbody tr.alt td {
	
	background-color: #F2F2F2;
}

#content table#style1 td {
	border-right:solid 1px #BBBDBF;
	border-top:solid 1px #BBBDBF;
	margin:0;
	padding:5px;
	background:transparent;
}

#content table#style1 thead {
	font-size:16px;
	color:#226FB7;
	font-weight:bold;
	padding:0;
	margin:0;
}



#content table#style1 thead th {
	padding:5px;
}


#content table#style1 tfoot {

}

#content table#style1 tfoot tr td {
	font-weight:bold;
	border-top:solid 1px #BBBDBF;

}

#content #content-sidebar {
	float:right;
	width:250px;
	margin: 0 0 20px 20px;
}


#content #content-sidebar #callout-quote {
	margin-bottom:20px;
}

#content #content-sidebar #callout-quote h2 {
	color:#000;
	font-weight:normal;
	font-size:36px;
}

#content #content-sidebar #callout-quote p {
	margin:15px 0;
}

#content #content-sidebar #callout-quote a.button, #content #content-sidebar #callout-quote a.button:visited {
	color:#FFF;
	font-size:16px;
	width:100%;
}

#content div.callout {
	background:url(/images/curve.gif) bottom left no-repeat;
	margin-bottom:10px;
	width:250px;
	overflow:auto;
}


/** =SIDEBAR
	.................................................................*/


#sidebar #nav-sub {
	background:url(/images/nav-sub-bg.gif) bottom left no-repeat;
	text-align:right;
	padding-bottom:5px;
	margin-bottom:10px;
}

#sidebar #nav-sub a, #sidebar #nav-sub a:visited {
	color:#808184;
	font-weight:normal;
}

#sidebar #nav-sub ul {
	padding:20px 15px 0 0;
	font-size:18px;
	margin:5px 0;
	line-height:100%;
}

#sidebar #nav-sub ul li {
	margin:10px 0;
	background:transparent;
}

#sidebar #nav-sub ul li ul {
	font-size:14px;
	padding:0 0 5px 0;
	margin-left:15px;
	background:url(/images/nav-sub-bg.gif) bottom left no-repeat;
	border-top:solid 1px #E6E7E8;
}

#sidebar #nav-sub ul li ul li ul {
	font-size:12px;
	padding:0 0 5px 15px;
	background:url(/images/nav-sub-bg.gif) bottom left no-repeat;
	border-top:solid 1px #E6E7E8;
}


#sidebar #nav-sub li.highlight a:hover, 
#sidebar #nav-sub li.highlight ul li.highlight a:hover,
#sidebar #nav-sub li.highlight ul li.highlight ul li.highlight a:hover,
#sidebar #nav-sub a:hover {
	color:#000;
}


#sidebar #nav-sub li.highlight a, 
#sidebar #nav-sub li.highlight ul li.highlight a,
#sidebar #nav-sub li.highlight ul li.highlight ul li.highlight a 
 {
	font-weight:bold;
	color:#000;
	background:url(/images/nav-highlight.gif) center left no-repeat;
	padding-left:13px;
}

#sidebar #nav-sub li.highlight li, #sidebar #nav-sub li.highlight li a, #sidebar #nav-sub li.highlight ul li.highlight li a {
	font-weight:normal;
	color:#808184;
	background:none;
}

#sidebar #quote-box {
	text-align:right;
	font-size:15px;
	font-weight:bold;
	color:#808184;
	padding-right:15px;
	margin-bottom:20px;
}

#sidebar #quote-box b {
	color:#000;
	display:block;
}

#sidebar #quote-box a, #sidebar #quote-box a:visited {
	display:block;
	margin-top:10px;
	color:#54A2E2;
	font-size:18px;
	font-weight:normal;
	font-family:geosanslight;
}

#sidebar #quote-box a:hover {
	background:#519fdf;
	color:#FFF;
}

/** =FORMS
	.................................................................*/

fieldset {
	background:url(/images/curve.gif) bottom left no-repeat #E6E7E8;
	margin:50px 0 50px 0;
	padding:0;
	position:relative;
	overflow:visible;
}

fieldset legend {
	display:block;
	margin-top:-30px;
	font-weight:normal;
	font-size:24px;
	color:#226FB7;
	background:transparent;
	line-height:26px;
}

#content fieldset ul {
	margin:0;
	padding:0;
	overflow:auto;
}

#content fieldset ul li {
	list-style:none;
	float:left;
	clear:both;
	margin:0 0 10px 0;
	padding:0;
	width:100%;	
	overflow:auto;
}

#content fieldset ul li input, #content fieldset ul li textarea {
	width:470px;
	border:solid 1px #929497;
	background:#FFF;
	padding:3px 5px;
}

#content fieldset ul li.twocolumn {
	width:250px;
	clear:none;
	padding-right:20px;
}

#content fieldset ul li.twocolumn input {
	width:200px;
}

#content fieldset ul li input.phone {
	width:20px;
}

#content fieldset ul li input.phone_3 {
	width:28px;
}

#content fieldset ul li input.checkbox {
	width:15px;
	display:inline;
	border:0;
	background:0;
}

#content fieldset ul li label.checklabel {
	display:inline;
	margin-right:10px;
	color:#6C6C6C;
}

#content fieldset ul li input.checkbox-other {
	width:200px;
}

#content fieldset ul li.divider {
	margin:5px 0 10px 0;
	border-top:solid 1px #BBBDBF;
}

label {
	display:block;
	color:#000;
	font-size:12px;
}

#content fieldset input.submit {
	clear:both;
	background:url(/images/button.gif) top right repeat-y #226FB7;
	right:0;
	padding:0;

	border:0;
	cursor:pointer;
}

#content fieldset .required {
	color:#A50613;
}

#content fieldset div.form-footer {
	clear:both;
	bottom:-30px;
	position:absolute;
	right:0;
	vertical-align:middle;
}

#content fieldset div.form-footer a.form-cancel, #content fieldset div.form-footer a.form-cancel:visited {
	color:#A6A8AB;
	margin:0 15px;
	font-size:14px;
	vertical-align:middle;
}

#content fieldset div.form-footer a.form-cancel:hover {
	color:#000;
}

#content fieldset div.form-footer input {
	vertical-align:middle;
}


/** =FOOTER
	.................................................................*/

#footer {
	clear:both;
	background:url(/images/footer-bg.gif) right top no-repeat;
	overflow:auto;
	height:100%;
}

#footer a#client-login {
	margin:10px 0 0 20px;
	font-size:12px;
	float:left;
	width:160px;
	text-align:right;
}

#footer ul {
	float:right;
	overflow:auto;
	margin:10px 50px 10px 0;
}

#footer ul li {
	float:left;
	margin-left:20px;
}

#footer a, #footer a:visited {
	font-weight:normal;
	font-size:14px;
	color:#A6A8AB;
}

#footer a:hover {
	color:#000;
}