@charset "utf-8";
body {
	font: 75% Arial, Helvetica, sans-serif, Tahoma; background: #FFF url(../image/bg_main.gif) repeat; margin: 0; padding: 0; text-align: center; color: #000000;}

#container {width: 800px; background:url(../image/bg_main.png) repeat-y; margin: 0 auto; text-align: left;}

#header {height:90px; width:764px; margin:0 auto;}
	#logo {float:left; margin:.4em auto 0 1em;}
	#search {float:right; width:65%; height: 30px; margin:1em 1em 0 0; text-align:right; overflow:hidden;}
		#search form{margin:0; padding:0;}
	#headtxt {float:right; width:55%; margin:5px 1em 0 0; text-align:right;}

#flash {height:225px; width:764px; margin:0 auto; padding:0; background:url(../image/flash_bg.gif) no-repeat;}
#nav {height:45px; width:764px; margin:0 auto; padding:0; background:url(../image/nav_bg.jpg) no-repeat; overflow:hidden;}
	#nav img {margin:.4em .7em;}
#services {height:111px; margin:.5em 0; padding:0;}
	#audio {float:left; height:111px; width:246px; margin:0 .4em; padding:0; background:url(../image/services_bg.jpg) no-repeat;}
	#video {float:left; height:111px; width:246px; margin:0 .3em; padding:0; background:url(../image/services_bg.jpg) no-repeat;}
	#light {float:right; height:111px; width:246px; margin:0 .3em; padding:0; background:url(../image/services_bg.jpg) no-repeat;}
	#thumb {float:left; margin:.60em auto auto .90em; padding:0;}
	#thumbtxt {float:right; width:45%; margin:1em 1em 0 0; padding:0;}
#mainContent {height:100%; width:764px; margin: 0 auto; padding:0; background: #FFFFFF;}
	#prodbox1 {float: left; width:246px; height:auto; margin:.5em 0 0 .5em;}
		#newstop {margin:0; padding:0;}
		#newsbody {margin:-3px 0; padding:0; background:url(../image/news_body.jpg) repeat-y; text-align:center;}
			#newsbody p{margin:0; padding:10px;}
		#newsbtm {margin:0; padding:0;}
	#prodbox2 {float: left; width:246px; height:auto; margin:.5em;}
		#newstop {margin:0; padding:0;}
		#newsbody {margin:-3px 0; padding:0; background:url(../image/news_body.jpg) repeat-y;}
			#newsbody p{margin:0; padding:10px; word-spacing:15px;}
		#newsbtm {margin:0; padding:0;}
	#prodbox3 {float: left; width:246px; height:auto; margin:.5em 0 0 0;}
		#newstop {margin:0; padding:0;}
		#newsbody {margin:-3px 0; padding:0; background:url(../image/news_body.jpg) repeat-y;}
			#newsbody p{margin:0; padding:10px;}
		#newsbtm {margin:0; padding:0;}
	#intro {float: none; width:100%; height:auto; margin:1em 0; padding:0; text-align:justify;}
		#intro p{margin:0; padding:5px;}
		#intropic {float:left; margin:.5em; padding:0;}
		#introtxt {float:right; width:57%; margin:.5em .5em 0 0; padding:0; overflow:hidden;}
			#introtxt p{margin:0; padding:5px;}
	#clientbox1 {float: left; width:246px; height:auto; margin:.5em 0 0 .5em;}
		#clienttop {margin:0; padding:0;}
		#clientbody {margin:-3px 0; padding:0; background:url(../image/news_body.jpg) repeat-y; text-align: justify;}
			#clientbody p{margin:0; padding:10px;}
		#clientbtm {margin:0; padding:0;}
	#clientbox2 {float: left; width:498px; height:auto; margin:.5em 0 0 .5em;}
		#clienttop2 {margin:0; padding:0;}
		#clientbody2 {height:95em; margin:-3px 0; padding:0; background: url(../image/clientbox_bg.gif) repeat-y;}
			#clientbody2 p{margin:0; padding:10px;}
		#bullet1 {float:left; width:95%; margin:1em 0 0 1em;}
			#bullet1 li{list-style: url(../image/bullet_arrow.gif) outside; padding:2px; text-align:left;}
		#bullet2 {float:right; width:48%; margin:1em .5em 0 0; overflow:hidden;}
			#bullet2 li{list-style: url(../image/bullet_arrow.gif) inside; margin:.65em 0 0 -2.5em; padding:0; text-align:left; background:url(../image/bullet_hr.gif) 			no-repeat bottom;}
		#clientbtm2 {float:none; margin:0; padding:0;}
	#contactbox1 {float: right; width:246px; height:auto; margin:.5em; overflow:hidden;}
		#contacttop {margin:0; padding:0;}
		#contactbody {margin:-3px 0; padding:0; background:url(../image/news_body.jpg) repeat-y; overflow:hidden;}
			#contactbody p{margin:0; padding:10px;}
		#contactbtm {margin:0; padding:0;}
	#contactbox2 {float: left; width:498px; height:auto; margin:.5em 0;}
		#contactbox2 p{margin:0; padding:5px;}
		
#partners {height:auto; margin:0 auto; padding:0;}
	#partners p{margin:1em auto; padding:0; text-align:center; word-spacing:2.5em;}
	#time {margin:0 auto; padding:0; text-align:center;}
	#time1 {float:left; margin:1em .6em; padding:0; text-align:center;}
	#time2 {float:left; margin:1em .4em; padding:0; text-align:center;}
	#time3 {float:left; margin:1em .4em; padding:0; text-align:center;}
	#time4 {float:left; margin:1em .4em; padding:0; text-align:center;}
	#time5 {float:left; margin:1em 0; padding:0; text-align:center;}
	
/*products accordion*/
.toggler {cursor:pointer; font-weight:bold; color:#000; margin: 0; padding:0; font-size:16px; font-family:Arial, sans-serif;}
.toggler:hover {background:#FFF;}
.element {padding:0; background:url(../image/bg_acc.jpg) repeat-y; width:706px;}


/*clients accordion*/
.toggler2  { cursor:pointer; font-weight:bold; color:#585d63; margin: 0; padding:5px; font-size:14px; font-family:Arial, sans-serif; }
.toggler2:hover	 { background:#eee; }
.element2	 { padding:0 5px; }


/*solutions slider*/
#solslide1 {margin:1em auto; padding:0; width:700px; height:210px;}
#solslide2 {margin:1em auto; padding:0; width:700px; height:126px;}

#footer {height:60px; width:764px; margin:0 auto; padding:0; background: url(../image/bg_footer.gif) no-repeat; overflow:hidden;}
#footer p {margin:2.2em 2em; padding: 0; word-spacing:3px;}

.content {font:10pt Arial, Helvetica, sans-serif, Tahoma;}
.content2 {font:8pt Arial, Helvetica, sans-serif, Tahoma; color:#666666;}
	.content2 a{text-decoration:none; color:#666666;}
	.content2 a:hover {text-decoration:none; background:#F3F3F3; color:#333;}
.content3 {font:9pt Arial, Helvetica, sans-serif, Tahoma; color:#666666;}
	.content3 a{text-decoration:none; color:#666666;}
	.content3 a:hover {text-decoration:none; background:#F3F3F3; color:#333;}
.listtxt {font:9pt Arial, Helvetica, sans-serif, Tahoma; color:#000;}
	.listtxt a{text-decoration:none; color:#000;}
	.listtxt a:hover {text-decoration:none; background:#b3e6ff; color:#333; font-weight:bold;}	
