/* @override http://www.sightmaxlivechat.com/css/main.css */

/* ----------------------------------------------
	Template Name : SightMax
	Version : 1.0
	Design and Developed by: Enhancedlabs.com	
 ------------------------------------------------ */
 
*{margin: 0px; padding: 0px;}

body {background: #f1f3f4 url('/images/site_bg.jpg') repeat-x top left; font-family: Helvetica, Verdana, sans-serif; font-size: 12px; color: #333; margin: 0px; padding: 0px;}

.clear {clear: both; height: 0px; visibility: hidden;}

a {color: #333; text-decoration: none; outline: none;}

img {border: 0px;}

.wrapper {width: 1024px; margin: auto; }

.content_wrapper {width: 857px; margin: auto; z-index: 1;}

.left {float: left;}

.right {float: right;}

h1 {font-weight: normal; font-size: 20px}


/* Header */

#header {position: relative; z-index:9;}

.logo {float: left; width: 124px; height: 45px; margin: 20px 0 0 6px}

.menu {float: right; width: 727px;}
	.menu ul {width: 552px; margin-top: 28px; }
	.menu li.parent {float: right;  display: block; width: 128px; height: 46px; list-style-type: none; text-align: center; text-transform: uppercase; font: normal 17px Calibri; margin-left: 0px;}
	.menu li.parent a {position: relative; top: 10px;}
		.menu li:hover {background: url('/images/buttons/menu_hover.png');}
		.menu li#nosub:hover {background: url('/images/buttons/menu_hover_nosub.png');}
		
	/* Drop Down */	
		.menu ul li ul {position: relative; visibility: hidden; z-index: 9; top: -4px; left: -1px;}
		.menu ul li:hover ul {visibility: visible;}
		.menu ul.subprod {background: url('/images/subprod_bg.png') no-repeat top center; width: 204px; height: 120px; padding-top: 8px;}
		.menu ul.subprod li {background: none; width: 177px; height: 29px; list-style-type: none; text-transform: none; text-align: left; font-size: 13px; font-family: "Trebuchet MS"; margin: 3px 0 0 13px;}
				.menu ul.subprod li img {position: relative; top: -5px; left: 8px; vertical-align: middle;}
				.menu ul.subprod li span {position: relative; top: -4px; left: 20px;}
			.menu ul.subprod li:hover {background: url('/images/sub_hover.png') no-repeat;}
			
		.menu ul.sub {background: url('/images/sub_bg.png') no-repeat top center; width: 204px; height: 170px; padding-top: 8px;}
		.menu ul.sub li {background: none; width: 177px; height: 28px; list-style-type: none; text-transform: none; text-align: left; font-size: 13px; font-family: "Trebuchet MS"; margin: 3px 0 0 13px;}
				.menu ul.sub li img {position: relative; top: -5px; left: 8px; vertical-align: middle;}
				.menu ul.sub li span {position: relative; top: -4px; left: 20px;}
			.menu ul.sub li:hover {background: url('/images/sub_hover.png') no-repeat;}
		
		
	
	
	.live_chat {position: absolute; top: 25px; right: 0px; width: 143px; height: 33px;}
	
	
/*banner*/	

.banner {position: relative; background: url('/images/banner_bg.png') no-repeat; margin-top: 28px; width: 857px; height: 312px; z-index:1; overflow:hidden}

	.banner_content {width: 845px; height: 302px; margin: 4px 6px 5px 6px; }
		.banner_content #left {position: absolute; width: 845px; height: 302px; margin: 0; z-index: 3; overflow:hidden}
			.banner_content #left .holder {width: 845px; height: 175px; text-align: left; line-height: 30px; margin: 55px 0 0 185px;}
				.banner_content #left .holder span#title {color: #454f96; font-size: 26px;}
				.banner_content #left .holder span#subtitle {color: #4d4d4d; font-size: 18px;}
				.banner_content #left .holder span#tagline {color: #e38500; font-size: 18px;}
				.banner_content #left .holder span#title_ondemand {color: #ffffff; font-size: 28px;}
				.banner_content #left .holder span#subtitle_ondemand {color: #ffffff; font-size: 18px;}
				.banner_content #left .holder span#tagline_ondemand {color: #ffffff; font-size: 19px;}
			 		ul.links {position: absolute; width: 360px; top: 210px; left: 180px; text-transform: uppercase; text-align: center; font-size: 12px; font-weight: bold; z-index: 2;}
					.links li {float: left; display: block; width: 120px; height: 32px; list-style-type: none; }
					.links li span {text-decoration: underline; margin-left: 8px;}
				
		#background {position: relative; top: 0px; width: 845px; height: 302px; z-index: 2;}
		#background img {top: 0px; right: 0px; position: absolute; z-index: 2;}
		
		.iama {background: #fff;}
		#banner_quickmenu {position: absolute; top: 130px; width: 817px; height: 30px;  z-index: 3; }
			#banner_quickmenu span {float: left; color:#454f96; margin-left: 40px;}
			#banner_quickmenu #iama_title {margin-left: 5px;}
			
#shadow {position: absolute; background: url('/images/shadow.png'); display: block; top: 275px; width: 922px; height: 155px; margin: 0 51px; z-index: 0;} 



/*title - Quick Menu*/
#title_quickmenu {position: relative; width: 845px; height: 30px; margin: 15px 6px 0 6px; z-index:9}
	
	#title_quickmenu span {float: left; width: 400px;}
	
	#quick_menu {float: right; position: relative; top: 5px; right: 0px; text-transform: uppercase; height: 20px; font-size: 12px; vertical-align: middle; text-align: right; width: 425px;}

		ul.choose_one {position: relative; border: none; width: 209px; height: 36px; top: -8px; left: 6px; z-index: 9;}
		.choose_one li.parent {cursor: pointer; z-index: 9; background: url('/images/choose_one.png'); float: right;  display: block; width: 209px; height: 36px; list-style-type: none; margin-left: 0px;}
		.choose_one li.parent a {position: relative; top: 10px;}
		
		 ul.choose_one li ul {position: relative; display: none; z-index: 8; top: -3px; left: -1px;}
		.choose_one ul.sub {position: relative; background: url('../images/select_bg.png') no-repeat bottom center; z-index: 8; width: 204px; margin-top: 30px; margin-left: 3px; padding: 15px 0;}
		.choose_one ul.sub li {background: none; width: 177px; height: 28px; list-style-type: none; text-transform: none; text-align: left; font-family: "Trebuchet MS"; margin: auto;}
			
				.choose_one ul.sub li a {position: relative; width: 200px; top: 6px; left: 20px;}
			.choose_one ul.sub li:hover {background: url('/images/sub_hover.png') no-repeat;}
		
		
/* Products */
	
.tabs {width: 857px; height: 38px; margin: 30px 0 -1px 0}	
	.tabs ul  {width: 760px; height: 38px; margin: auto; text-align: center;}
	.tabs li {list-style-type: none; float: left; display: block; width: 238px; height: 38px; margin-right: 15px; z-index: 1;}
	.tabs li a {cursor: pointer; background: url('/images/tab_off.png') no-repeat; display: block; width: 238px; height: 38px; text-align: center; text-transform: uppercase; font-size: 13px; font-weight: bold;  margin: 0; margin-right: 15px; z-index: 1;}
	.tabs li a.active {background: url('/images/tab_on.png') no-repeat;}	
		.tabs img {margin-top: 12px; vertical-align: middle;}
		.tabs span {position: relative; top: 6px; left: 8px; z-index: 1;}
		.tabs h2 {text-align: center; text-transform: uppercase; font-size: .8em; font-weight: bold;}
	.tabs img.left {cursor: pointer; margin: 5px 0 0 6px; z-index: 0;}
	.tabs img.right {cursor: pointer; margin: 5px 8px 0 0; z-index: 0;}
	

.product_content_top {background: url('/images/products_bg_top.png') no-repeat top center; width: 857px; height: 10px; margin: 0;}
.product_content {background: url('/images/products_bg.png') repeat-y center; width: 857px; height: auto; overflow: auto; overflow-x: hidden; margin: 0; }
.product_content_bottom {background: url('/images/products_bg_bottom.png') no-repeat bottom center; width: 857px; height: 10px; margin: 0;}
	.product_content .holder {background: none; width: 825px; margin: auto; position: relative;}
		.slider div.pane {width: 772px; padding: 10px 40px;}
		.slider div.pane p#intro {width: 670px; margin: 12px 0; line-height: 20px; font-size: 12px; font-family: "Trebuchet MS"; color: #616362;}
		.slider div.pane span {font-size: 15px; color:#454f96;}
		.slider div.pane ul.intro li {float: left; display: block; width: 101px; height: 32px; list-style-type: none; margin-right: 10px;}
#details { margin-top: 20px;}
	.slider #submenu {float: right; width: 390px;}
	.slider #submenu li {float: left; list-style-type:none; line-height: 20px; font-size: 12px; font-family: "Trebuchet MS"; color: #a0a0a0; margin-left: 35px; }
	.slider #submenu li a {color: #a0a0a0 ;}
	.slider #submenu li:hover a {color: #4d4d4d;}



/* Company */

.company_content_top {background: url('/images/products_bg_top.png') no-repeat top center; width: 852px; height: 10px; margin: 0; margin-top: 25px;}
.company_content {background: url('/images/products_bg.png') repeat-y center; width: 852px; height: auto; margin: 0;}
.company_content_bottom {background: url('/images/products_bg_bottom.png') no-repeat bottom center; width: 852px; height: 10px; margin: 0;}
	.company_content .holder {background: none; width: 755px; margin: auto; padding-top: 15px;}
	.company_content .holder #submenu {float: right; width: 610px;}
		.company_content .holder #submenu li {float: left; list-style-type:none; line-height: 20px; font-size: 12px; font-family: "Trebuchet MS"; color: #a0a0a0; margin-left: 35px; }
		.company_content .holder #submenu li a {color: #a0a0a0 ;}
		.company_content .holder #submenu li#on a {color: #4d4d4d;}
/*ew changed from: .holder #submenu2 {float:  right; width: 755px;} */
.holder #submenu2 {width: 755px;}
.holder #submenu2 li {float: left; list-style-type:none; line-height: 20px; font-size: 12px; font-family: "Trebuchet MS"; color: #A0A0A0; margin-left: 10px; }
 .holder #submenu2 li a {color: black;}
 .holder #submenu2 a:hover {border-bottom: 0 solid #fff; color: #bbbbbb; }
 .holder #submenu2 li#on a {color: #4d4d4d;}	
	.company_content .holder span {font-size: 18px; color:#454f96;}
	.company_content .reasons {background: none; width: 645px; margin: auto; padding-top: 15px; font-size: 1.1em;}
	.company_content .reasons span {font-size: 14px;}
	.company_content .reasons p.reasons_verbage { line-height: 16px; font-weight: bold; color: #333; margin: 30px 0 0 12px;}
	.company_content .customers p {margin: 0px;}
	.company_content .holder #case_info {float: right; width: 200px; text-align: right; }
	.company_content .holder #case_info p {line-height: 16px;}
	.company_content .holder #case_info span {font-size: 12px; color:#454f96}
	
	
/* Content */

.content {width: 857px; height: 240px; color: #616362; font-size: 11px; line-height: 20px; margin-top: 20px; font-family: "Trebuchet MS";}
.content h1 {color:#454f96; font-size: 18px;}
.content h3 {color:#585858; font-size: 13px;}
	#clients {background: url('/images/client_bg.jpg') no-repeat; width: 436px; height: 237px;}
	
		#clients .header {width: 396px; height: 30px; margin:auto; margin-top: 10px; border-bottom	: solid #daddde 1px;}
			#clients .header img {vertical-align: top; margin: 3px 5px 0 0;}
		#fade {margin: auto; width: 385px;}	
		#clients .testimony {width: 385px; height: 125px; margin: auto; margin-top: 15px;}
			#clients .testimony .left img {margin-top: 15px;}
			#clients .testimony .right p {width: 240px; height: 90px; text-align: left; margin-left: 2px;}
			
		#clients .lights {margin: auto; text-align: center; font-size: 3em; height: 20px; font-weight: bold; color: #b9b9b9; }
			.lights span#on {color: #e38500;}
		
	#news {background: url('/images/news_bg.jpg') no-repeat; width: 401px; height:237px; margin-right: 6px;}
	
			#news .header {width: 361px; height: 30px; margin:auto; margin-top: 10px; border-bottom: solid #daddde 1px;}
				#news .header img {vertical-align: top; margin: 3px 5px 0 0;}
				
			#news .most_recent {width: 330px; height: 125px; margin: auto; margin-top: 15px;}
				.most_recent p {margin-top: 5px;}
				.most_recent a {text-decoration: underline; color:#454f96;}
				.most_recent img {margin:2px 5px 0 0;}
	

/* Tag Cloud */



.cloud {
text-align: justify;
line-height: 2.0em;
position:relative;
display:  inline;
background:transparent;
margin: 15px 2px 2px 2px;
height:205px;
width:840px;
font-family: Trebuchet, Tahoma, Arial, Helvetica, sans-serif;
}

.cloud a {text-decoration: none; padding: 0 3px; }
.cloud a:hover {border-bottom: 0 solid #fff; color: #bbbbbb; }

.tagcloud1 {font-size: 35px; color: #cccccc}
.tagcloud2 {font-size: 29px; color: #cccccc}
.tagcloud3 {font-size: 27px; color: #cccccc}
.tagcloud4 {font-size: 24px; color: #cccccc}
.tagcloud5 {font-size: 22px; color: #cccccc}
.tagcloud6 {font-size: 19px; color: #cccccc}
.tagcloud7 {font-size: 21px; color: #cccccc}
.tagcloud8 {font-size: 18px; color: #cccccc}
.tagcloud9 {font-size: 16px; color: #cccccc}
.tagcloud10 {font-size: 14px; color: #cccccc}

	
/* Footer */
.footer_wrapper {width: 857px; height: 125px; margin: auto; margin-top: 20px;}
	.footer_content  {position: relative; height: 120px; margin: 2px;}
		.footer_content img.guarantee {position: absolute;}
	.list_wrapper {width: 520px; margin: 0 125px 0 148px;}
		.list_wrapper #left {width: 250px;}
		.list_wrapper #right {width: 240px; margin-right: 0px}
		
		.footer_content ul {font-size: .9em; line-height: 17px;}
		.footer_content ul span {text-transform: uppercase; font-weight: bold; font-size: 1.1em; }
			.footer_content li {list-style-type: none;}
			.footer_content li a {color: #666;}
			.footer_content li a:hover {border-bottom: 0 solid #fff; color: #bbbbbb; }
			.footer_content ul#contact {list-style-type: none;}