/* CSS Document */
body{
	margin:0;
	background-image:url(images/back.gif);
	background-color:#E2EDFB;
	background-repeat: repeat-x;
	/*text-align:center;*/
	font-family:verdana,arial,helvetica,lucida,tahoma,verdana,sans-serif;
}

h1{
	font-family:verdana,arial,helvetica,lucida,tahoma,verdana,sans-serif;
}
h2{
	color:#5B88BC;
}
h3{
	margin-top:-7px;
	margin-bottom:-13px;
}
	
		#menu{
			padding:20px;
			height:72px;
		}
		
		#content{
			padding:20px;
			background-color:#ffffff;
		}
		
/* =Navigation
============================================================================== */

			
	/* =Shadow Nav
	-------------------------------------------------------------------------- */
		
		#nav-shadow {
			margin: 0 auto 10px auto;
			padding: 0px 0 0 0px;
			width: 962px;
			/*text-align: center;*/
			list-style:  none;
			height:72px;
			}
			
		#nav-shadow li {
			margin-right: 10px;
			height: 72px;
			position: relative;
			float: left;
			}
			
		#nav-shadow a, #nav-shadow a:visited, #nav-shadow a, #nav-shadow a:hover {
			margin: 0 auto;
			width: 129px;
			height: 57px;
			text-indent: -9999px;
			overflow: hidden;
			background: url(images/menus.png) no-repeat;
			float: left;
			display: block;
			position: relative;
			z-index: 2;
			}
			
		/* Button Colors */
		
		#nav-shadow li.button-color-0 a, #nav-shadow li.button-color-0 a:visited, #nav-shadow li.button-color-0 a:hover {
			background-position: -7px -3px;
			width: 228px;
			}
			
		#nav-shadow li.button-color-1 a, #nav-shadow li.button-color-1 a:visited, #nav-shadow li.button-color-1 a:hover {
			background-position: -249px -3px;
			width: 130px;
			}
			
		#nav-shadow li.button-color-2 a, #nav-shadow li.button-color-2 a:visited, #nav-shadow li.button-color-2 a:hover {
			background-position: -393px -3px;
			width: 130px;
			}
			
		#nav-shadow li.button-color-3 a, #nav-shadow li.button-color-3 a:visited, #nav-shadow li.button-color-3 a:hover {
			background-position: -537px -3px;
			width: 130px;
			}
			
		#nav-shadow li.button-color-4 a, #nav-shadow li.button-color-4 a:visited, #nav-shadow li.button-color-4 a:hover {
			background-position: -682px -3px;
			width: 130px;
			}
			
		#nav-shadow li.button-color-5 a, #nav-shadow li.button-color-5 a:visited, #nav-shadow li.button-color-5 a:hover {
			background-position: -825px -3px;
			width: 130px;
			}
		/* Button Shadow */
		
		#nav-shadow li img.shadow {
			margin: 0 auto;
			position: absolute;
			bottom: 0;
			left: 0;
			z-index: 1;
			}
			
			#page{width:978px;margin:0 auto;text-align:left;}
			#page-inner{padding:0 8px;line-height:1.6em;}
			#page-inner .pg-content-top{
				background:url(images/contentBorder.gif) no-repeat 0 0;
				width:962px;
				height:9px;
				margin:0;
				overflow:hidden;
			}
			#page-inner .pg-content-btm{
				background:url(images/contentBorder.gif) no-repeat 0 -9px;
				width:962px;
				height:9px;
				margin:0;
				overflow:hidden;
			}
			#page-inner .pg-content-main{
				background:#fff;
				border-left:1px solid #e1e1e1;
				border-right:1px solid #e1e1e1;
				margin:0;
				padding:10px 50px 25px 50px;
				overflow:hidden;
				line-height:1.7em;
				color:#666;
			}
			#page-inner .pg-content-main{min-height:200px;}
			
			
			#demotip { 
				display:none; 
				background:transparent url(images/black_arrow_big.png); 
				font-size:12px; 
				height:163px; 
				width:320px; 
				padding:25px; 
				color:#fff;     
			}
			
			#definitionTip { 
				display:none; 
				background:transparent url(images/black_arrow.png); 
				font-size:12px; 
				height:120px; 
				width:220px; 
				padding:10px; 
				padding-left:20px;
				padding-top:12px;
				color:#fff;
				line-height:19px;     
			}
			
			#scroll {
				position:relative;
				height:460px;
				overflow:hidden;
				border:1px solid #ddd;
				width:830px;
				padding:15px;
				-moz-border-radius:5px;
				-webkit-border-radius:5px;
			}
			
			#tools {
				width:9999em;
				position:absolute;
				height:400px;
				margin-top:-30px;
			}
			
			.tool {
				float:left;
				width:830px;
				height:400px;
				padding:10px;
			}
			
			.details {
				background-color:#fff;
				color:#666;
				float:left;
				font-size:20px;
				margin:270px 0 0 0;
				padding:10px 60px;
				width:525px;
			}
			
			
			#thumbs {
				background:url(images/services_scroller.gif) no-repeat;
				height:90px;
				position:absolute;
				top:400px;
				width:860px;
				left:0px;
			}
			
			.t a {
				background:transparent url(images/services_scroller.gif) no-repeat scroll -21px -90px;
				margin-left:4px;
				display:block;
				width:102px;
				float:left;
				height:87px;
				cursor:pointer;
			}
			
			.t a.active {
				cursor:default !important;
			}
			
			.navi {
				margin-left:5px;
				_margin-left:5px;
			}
			
			/* CSS sprite for the navigation */
			
			#t1			{ background-position:-8px -93px; }
			#t1:hover 	{ background-position:-8px -186px; }
			#t1:active	{ background-position:-8px -279px; }
			#t1.active	{ background-position:-8px 0 !important; }
			
			#t2			{ background-position:-116px -93px; }
			#t2:hover 	{ background-position:-116px -186px; }
			#t2:active	{ background-position:-116px -279px; }
			#t2.active	{ background-position:-116px 0 !important; }
			
			#t3			{ background-position:-222px -93px; }
			#t3:hover 	{ background-position:-222px -186px; }
			#t3:active	{ background-position:-222px -279px; }
			#t3.active	{ background-position:-222px 0 !important; }
			
			#t4			{ background-position:-328px -93px; }
			#t4:hover 	{ background-position:-328px -186px; }
			#t4:active	{ background-position:-328px -279px; }
			#t4.active	{ background-position:-328px 0 !important; }
			
			#t5			{ background-position:-434px -93px; }
			#t5:hover 	{ background-position:-434px -186px; }
			#t5:active	{ background-position:-434px -279px; }
			#t5.active	{ background-position:-434px 0 !important; }
			
			#t6			{ background-position:-540px -93px; }
			#t6:hover 	{ background-position:-540px -186px; }
			#t6:active	{ background-position:-540px -279px; }
			#t6.active	{ background-position:-540px 0 !important; }
				
			#t7			{ background-position:-647px -93px; }
			#t7:hover 	{ background-position:-647px -186px; }
			#t7:active	{ background-position:-647px -279px; }
			#t7.active	{ background-position:-647px 0 !important; }
			
			#t8			{ background-position:-752px -93px; }
			#t8:hover 	{ background-position:-752px -186px; }
			#t8:active	{ background-position:-752px -279px; }
			#t8.active	{ background-position:-752px 0 !important; }
			
			#footer{
				font-size:10px;
				color:#666666;
				padding-left:5px;
				padding-right:5px;
			}
			
			#socailMediaDiv{
				float:right;	
				display:block;
			}
			
			#footer a{
				font-size:10px;
				color:#666666;
			}
			
			.modal { 
    background-color:#ffffff; 
    color:#333333;
    display:none; 
    width:450px; 
    padding:15px; 
    text-align:left; 
    border:2px solid #333; 
 
    opacity:0.8; 
    -moz-border-radius:6px; 
    -webkit-border-radius:6px; 
    -moz-box-shadow: 0 0 50px #ccc; 
    -webkit-box-shadow: 0 0 50px #ccc; 
}