/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}

/******************************* Global properties ***************************/
html {width:100%;}

body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:100%; 
	/* color:#a5b7c2; */
	min-width:960px;
	background:#fff;
}

.main {
	width:960px;
	padding:0;
	margin:0 auto;
	font-size:13px;
	line-height:21px;
	position:relative;
}
/******************************table styles *********************************/


table
{
 width:96%;
 margin-left:2%;
  border:thin;
  border-color:#000099;
   background-color:#FFFFCC;  
   text-align:left;
}

 

th
{
font:Trebuchet MS, Helvetica, sans-serif;
font-weight:bold;
font-size:18px;
color:white;
text-align:left;
background-color:#000033;
text-transform:capitalize;
}
 
table .ths
{
font:Trebuchet MS, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
color:white;
text-align:left;
background-color:#000033;
text-transform:capitalize;
margin-left:2px;
} 
 td, tr
{
border:1px solid green;
font:Trebuchet MS, Helvetica, "sans-serif";
font-size:13px;
color:#000000;
padding: 8px;
margin-left:2px;
}



/*********************************header*************************************/
header {
	width:100%;
	position:relative; 
	z-index:999;
}
	header .indents{padding: 0 5px;}

h1{
	position:absolute;
	left:5px;
	top:37px;
	width:200px;
	height:200px;
	overflow:hidden;
	z-index:999;
}
	h1 a {
		display:block;
		/* background:url(../images/logo-bg.png) center top no-repeat;  */
		 background:url(../images/datametrics.png) center top no-repeat;  
		width:200px;
		height:200px;
		padding-top:52px;
		padding-left:12px;
		overflow:hidden;
		font: normal 72px/72px 'Yesteryear', cursive;
		color:#fff;
		letter-spacing:-1px;
		border-radius:100%;
		-moz-border-radius:100%;
		-webkit-border-radius:100%;
	}
	
	
	
		h1 a:hover{text-decoration:none;}
	h1 span{
		display:block;
		margin-top:-15px;
		padding-left:28px;
		font:normal 12px/15px 'Gentium Basic', serif;
		color:#fefefe;
		text-transform:uppercase;
		letter-spacing:0;
	}

.user-bar{
	position:absolute;
	top:65px;
	right:5px;
	font:12px/15px Arial, Helvetica, sans-serif;
	color:#a5b7c2;
	text-align:right;
	z-index:999;
}

/************ menu ************/
nav {
	position:absolute;
	top:112px;
	right:7px;
	z-index:9;
	width:200px;
}

	.menu > li {
		position:relative;
		font:16px/18px   "Trebuchet MS" , Helvetica, sans-serif;
		color:#fff;
		/* text-transform:uppercase; */
		text-align:center;
	}
		.menu > li > a {
			background:url(../images/menu-tail.gif) center top repeat-x #4a6f7f;
			display:block;
			color:#fff; 
			text-decoration:none;
			border:1px solid #bac3c7;
			border-radius:6px;
			-moz-border-radius:6px;
			-webkit-border-radius:6px;
			box-shadow:1px 1px 0px #e5e5e5;
			-moz-box-shadow:1px 1px 0px #e5e5e5;
			-webkit-box-shadow:2px 2px 0px #e5e5e5;
			cursor:pointer;
			position:relative;
			z-index:999;
		}
			.menu > li > a span{
				background:url(../images/menu-arrow.gif) 178px 20px no-repeat;
				display:block;
				width:100%;
				padding:11px 0 10px;
				border-radius:6px;
				-moz-border-radius:6px;
				-webkit-border-radius:6px;
			}
			.menu > li > a:hover{text-decoration:none;}

	/**submenu**/
	.menu ul {
		position:absolute;
		background:#fff;
		border:1px solid #e7ebed;
		padding-top:49px;
		padding-bottom:8px;
		top:-999em;
		width:202px;
		border-radius:7px;
		-moz-border-radius:7px;
		-webkit-border-radius:7px;
		box-shadow:1px 1px 0px #e7ebed;
		-moz-box-shadow:1px 1px 0px #e7ebed;
		-webkit-box-shadow:1px 1px 0px #e7ebed;
	}
		.menu ul li {
			position:relative;
			width:100%;
			font:16px/18px "Trebuchet MS" , Helvetica, sans-serif;
			color:#2d292a;
			text-align:left;
			border-bottom:1px solid #f0f0f0;
		}
			.menu ul li.last-item{border-bottom:none;}
			.menu li:hover {visibility: inherit;}
			.menu li li a {
				background:#fff;
				display: block;
				color:#2d292a;
				text-shadow:0 0 1px rgba(0, 0, 0, .2);
				text-decoration:none;
				 padding:9px 0 8px 30px; 
				white-space:nowrap;
			}
				.menu li li a span{
					display:block;
					background:url(../images/submenu-arrow3.png) 110px 4px no-repeat;
				}
				.menu li li > a.active, 
				.menu li li > a:hover, 
				.menu li li.sfHover > a,
				.menu li li li a:hover {
				color:#9191FF;
				text-decoration:none;
				}
				.menu li:hover ul, .menu li.sfHover ul {
					left:-2px;
					top:-2px;
					z-index:9;
				}
			/*subsubmenu*/
			.menu ul ul{
				background:url(../images/subsubmenu-tail.gif) center top repeat;
				width:260px;
				border: none;
				box-shadow: 1px 1px 1px rgba(0,0,0,.13);
				-moz-box-shadow: 1px 1px 1px rgba(0,0,0,.13);
				-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.13);
			}
				.menu ul ul li {
					width:100%;
					border-bottom:none;
					font:14px/16px "Trebuchet MS" , Helvetica, sans-serif;
					background: url(../images/pic1.gif) center bottom repeat-x;
				}
					.menu ul ul li.last-item{background:transparent;}
					.menu ul ul li.last-item a{padding-bottom:11px;}
				.menu ul ul li a {
					background:transparent;
					color:#fff;
					text-decoration:none;
					padding:10px 0 10px 20px;
					white-space:nowrap;
				}
					.menu ul ul li a:hover{color:#0687b7;}
				ul.menu li:hover li ul, ul.menu li.sfHover li ul {top:-999em;}
				ul.menu li li:hover ul, ul.menu li li.sfHover ul {
					padding:0;
					left:-260px;
					top:0px;
					z-index:9999;
				}
				ul.menu li li:hover li ul, ul.menu li li.sfHover li ul {top:-999em;}


/*****************slider***************/
.slider-box{
	width:100%;
	position:relative;
	overflow:hidden;
}

.slider{
	position:relative;
	z-index:2;
	width:950px;
	height:540px;
}

.items{display:none;}

.nextBu{
	display:block;
	position:absolute;
	height:51px;
	width:51px;
	z-index:10;
	top:470px;
	left:57px;
	background:  url(../images/nextBu.png) center bottom no-repeat;
}
.prevBu{
	display:block;
	position:absolute;
	height:51px;
	width:51px;
	z-index:10;
	top:470px;
	left:0px;
	background: url(../images/prevBu.png) center bottom no-repeat;
}
	.prevBu:hover, .nextBu:hover{background-position: center top;}

/*****************************************content**********************************************/
#content {
	width:100%; 
	position:relative;
	z-index:1;
	padding:0;
}

.newt1
{
	font:Trebuchet MS, Helvetica, sans-serif;
	font-size:20px;
	color:#61a64d;
	/* margin-left:20px */
}


.newt11
{
	font:Trebuchet MS, Helvetica, sans-serif;
	font-size:28px;
	color:#61a64d;
	/* margin-left:20px */
}

.newt2
{
	font:Trebuchet MS, Helvetica, sans-serif;
	font-size:14px;
	color:#0c5d7b;
	/* margin-left:20px */
}

.phead
{
	font:Trebuchet MS, Helvetica, sans-serif;
	font-weight:bold;	
	font-size:16px;
	color:#61a64d;
	margin-bottom:12px;
	/* margin-left:30px  */
}



.pbody
{
	margin-bottom:10px;
	font:Trebuchet MS, Helvetica, sans-serif;
	
	font-size:12px;
	color:#0c5d7b;
	/* margin-left:10px  */
}

.pbody1
{
	margin-bottom:10px;
	font:Trebuchet MS, Helvetica, sans-serif;
	
	font-size:15px;
	color:#0c5d7b;
	/* margin-left:10px  */
}

.pbody2
{
	margin-bottom:10px;
	font:Trebuchet MS, Helvetica, sans-serif;
	
	font-size:18px;
	color:#0c5d7b;
	/* margin-left:10px  */
}

.newtb
{
	font:Trebuchet MS, Helvetica, sans-serif;
	font-size:21px;
	color:#0c5d7b;	/* margin-left:20px */
}

.pmaccr
{
	font:Trebuchet MS, Helvetica, sans-serif;
	font-size:12px;
	color:#0c5d7b;	/* margin-left:20px */
}

/*tags*/
a {
	color:#0c5d7b;
	outline:none;
	text-decoration:none;
}
	a:hover {text-decoration:underline;}

p, .p3-1{margin-bottom:18px;}
.p0{margin-bottom:0 !important;}
.p1{margin-bottom:5px;}
	.p1-1{margin-bottom:8px;}
.p2{margin-bottom:10px;}
	.p2-1{margin-bottom:13px;}
.p3{margin-bottom:15px;}
.p4{margin-bottom:15px;}
	.p4-1{margin-bottom:19px;}
	

	
.p5{margin-bottom:10px;}
	.p5-1{margin-bottom:14px;}
.p5i{margin-bottom:15px; font-style:italic}
	.p5i-1{margin-bottom:15px;}
	
.p6{
	margin-bottom:20px;
}
	.p6-1{margin-bottom:32px;}
.p7{margin-bottom:35px;}
	.p7-1{margin-bottom:37px;}
.p8{margin-bottom:40px;}
	.p8-1{margin-bottom:42px;}
.p9{margin-bottom:20px;}
	.p9-1{margin-bottom:22px;}
	
	.p9i{margin-bottom:0px; font-weight:500;}
	.p9i-1{margin-bottom:0px;}
	
.p10{margin-bottom:50px;}
	.p10-1{margin-bottom:52px;}

h3{
	font:normal 24px/32px 'Gentium Basic', serif;
	color:#0c5d7b;
	letter-spacing:-1px;
	text-shadow:1px 1px 0px rgba(0, 0, 0, .08);
}

h4{
	font: 400 24px/29px 'Gentium Basic', serif;
	color:#1d1c23;
}

h5{
	margin-bottom:10px;
	color:#9191FF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	line-height: 28px;
	font-weight: normal;
	font-variant: normal;
	/*text-transform:uppercase; */
}
	h5.title1{
		background:url(../images/bullet1.png) 0 0px no-repeat;
		padding-left:28px;
		min-height:21px;
		text-decoration:none;
	}
	h5 a{
	color:#9191FF;
}

h6{
	font:bold 13px/21px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#0c5d7b;
}
	h6 a{color:#0c5d7b;}

blockquote{width:100%;}
	blockquote .quote{
		display:inline-block;
		font-size:23px;
		color:#0c5d7b;
	}
	.quote-caption{text-align:right; font-weight:bold;}
		.quote-caption span{letter-spacing:1px;}

time{
	display:block;
	font-weight:bold;
	color:#0c5d7b;
}

figure.img-indent {
	float:left;
	margin-right:10px;
}
figure.img-indent2 {float:left; margin-right:11px;}
figure.img-indent3-1 {float:left; margin-right:18px;}

/*classes*/
.wrapper {width:100%; overflow:hidden;position:relative;}
.wrapperpm {width:100%; overflow:visible ;position:relative; }
.extra-wrap {overflow:hidden;}

.fleft{float:left;}
.fright{float:right;}
.aright{text-align:right;}

.button{
	display:inline-block;
	background:url(../images/button-tail.gif) top center repeat-x #ecf2f5;
	padding:8px 25px 7px;
	margin-bottom:2px;
	font:700 18px/22px 'Gentium Basic', serif;
	color:#0c5d7b;
	text-transform:uppercase;
	text-shadow:0 0 1px rgba(12, 93, 123, .2);
	border:1px solid #ecf2f5;
	border-radius:12px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	box-shadow:1px 1px 0px #ccc;
	-moz-box-shadow:1px 1px 0px #ccc;
	-webkit-box-shadow:1px 1px 0px #ccc;
}
	.button:hover{
		background-position:center bottom;
		background-color:#2d3a53;
		border-color:#2d3a53;
		color:#fff;
		text-decoration:none;
	}

.color-1 {color:#61a64d;}/*green*/

.banner1{
	background:url(../images/banner1.jpg) center top no-repeat;
	position:relative;
	width:100%;
	height:81px;
	overflow:hidden;
}
	.banner1 a{
		background:url(../images/banner1-button-tail.gif) center top repeat-x;
		position:absolute;
		top:16px;
		left:691px;
		display:inline-block;
		padding:8px 23px;
		font:700 30px/36px 'Gentium Basic', serif;
		color:#1d1c23;
		text-transform:uppercase;
		border-radius:13px;
		-moz-border-radius:13px;
		-webkit-border-radius:13px;
		box-shadow:1px 1px 0px #bad0d8;
		-moz-box-shadow:1px 1px 0px #bad0d8;
		-webkit-box-shadow:1px 1px 0px #bad0d8;
	}
		.banner1 a:hover{
			background-position: center -65px;
			text-decoration:none;
			color:#0b4f68;
		}

/***************boxes****************/
.box1{
	padding:8px;
	text-align:center;
}

/****************lists***************/
.last-item{margin-right:0 !important; margin-bottom:0 !important;}

.listtp {
	
	padding-left:0px;
	font:normal 16px  "Trebuchet MS",Arial, Helvetica, sans-serif;
	font-weight:690;
	color:#0c5d7b;
	margin-bottom:0px;	
}

.listpm li{
	background:url(../images/marker-1.gif) 0 6px no-repeat;
	padding-left:0px;
	font:bold 16px  "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#0c5d7b;
	margin-bottom:8px;	
}



.listpm a{
	display:inline-block;
	color:#0c5d7b;
	}
	
	
.listpmm li{
	background:url(../images/marker-1.gif) 0 6px no-repeat;
	padding-left:20px;
	font:normal 15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:650;
	/* color:#a5b7c2; */
	color:#61a64d;
	margin-bottom:8px;
}

.listpmm a{
	display:inline-block;
	/* color:#a5b7c2; */
	color:#61a64d;
	}
	
.list-1 li{
	background:url(../images/marker-1.gif) 0 6px no-repeat;
	padding-left:11px;
	font:13px/19px Arial, Helvetica, sans-serif;
	margin-bottom:7px;
}
	.list-1 a{
	display:inline-block;
	color:#9191FF;
	}

/**************borders**************/
.border-bottom{border-bottom:1px solid #ebebeb;}

/**************indents**************/
.indent-lr1{padding:0 4px;}

.indent-top2-1{padding-top:12px;}
.indent-top9{padding-top:45px;}

.indent-right2-1{padding-right:8px;}

.indent-bottom7-1{padding-bottom:38px;}
.indent-bottom9-1{padding-bottom:48px;}
.indent-bottom12{padding-bottom:60px;}

.indent-bottom129{padding-bottom:16px;}

.indent-left2-1{padding-left:8px;}

/***** contact form *****/
#contact-form {
	position:relative;
	vertical-align:top;
	width:100%;
	z-index:1;
}
	#contact-form fieldset {border:none;padding:0;}
			#contact-form label {display:block;min-height:60px;}
			#contact-form .phone{min-height:62px;}
			#contact-form .message{min-height:200px;}
			#contact-form input, #contact-form textarea {
				padding:15px 16px;
				margin:0;
				font: 13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
				color:#a5b7c2;
				background:#fff;
				outline:none;
				border:1px solid #e7e7e7;
				width:267px;
			}
			#contact-form .area .error {float:none;}
			#contact-form textarea {
				padding-top:12px;
				width:476px;
				min-width:476px;
				max-width:476px;
				height:152px;
				max-height:152px;
				overflow:auto;
			}
			#contact-form .success {display:none; margin-bottom:20px;}
			#contact-form .error,
			#contact-form .empty {
				color:#f00;
				font-size:11px;
				line-height:1.27em;
				display:none;
				overflow:hidden;
				padding-bottom:5px;
			}
			
		
.buttons-wrapper{text-align:right; position:relative;}
.buttons-wrapper a {margin-left:18px; cursor:pointer; padding: 8px 17px 7px;}
	.buttons-wrapper a:first-child{padding: 8px 23px 7px;}  

/*****map*****/
dt{
	font: bold 13px/21px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#61a64d;
	text-transform:uppercase;
	margin-bottom:21px;
}
dl span {float:left; width:108px;}

/****************************aside************************/
aside {
	width:100%; 
	position:relative;
	z-index:1;
}
	aside .indents{padding:0 5px;}
	.aside-bg{
		background:url(../images/aside-tail.gif) center top repeat-x #fff;
		border-radius:12px 12px 0 0;
		-moz-border-radius:12px 12px 0 0;
		-webkit-border-radius:12px 12px 0 0;
	}
	aside .indents1{padding:5px 7px 39px;}

.box{
	background:url(../images/box-tail.gif) center top repeat-x #fff;
	border:1px solid #fff;
	float:left;
	margin-right:8px;
	width:226px;
	height:302px;
	overflow:hidden;
	font:13px/21px Arial, Helvetica, sans-serif;
	text-align:center;
	border-radius:12px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	box-shadow:1px 1px 2px #c7c8c8;
	-moz-box-shadow:1px 1px 2px #c7c8c8;
	-webkit-box-shadow:1px 1px 2px #c7c8c8;
	cursor:default;
}
	.box .indents2{padding:17px 30px 0;}
	.box .block1{
		background:url(../images/block1-bg.png) right top no-repeat;
		width:20px;
		height:20px;
		margin:0 auto 7px;
	}
		.box:hover .block1{background-position:left top;}
	.box h3{
		font:700 24px/32px 'Buenard', serif;
		color:#61a64d;
		letter-spacing:-2px;
	}
		.box:hover h3{color:#0c5d7b;}

/****************************footer************************/
footer{
	width:100%;
	font:12px/15px Arial, Helvetica, sans-serif;
	color:#a5b7c2;
}
	footer .indents{padding:26px 5px 50px;}
	.footer-text{padding-top:10px;}
		.footer-text a{color:#a5b7c2; text-decoration:none; text-transform:uppercase;}
			.footer-text a:hover{text-decoration:underline;}

/********* social icons *********/
.works-list{
	margin:0;
	list-style:none;
}
	.works-list li{
		float:left;
		margin-right:6px;
	}
		.works-list li a{
			display:block;
			width:28px;
			height:29px;
			background-image: url(../images/social-icons.jpg);
			background-repeat: no-repeat;
			cursor:pointer;
		}
		.icon-1 a{background-position:0 top;}			.icon-1 a:hover{background-position:0 bottom;}
		.icon-2 a{background-position:-34px top;}		.icon-2 a:hover{background-position:-34px bottom;}
		.icon-3 a{background-position:-69px top;}		.icon-3 a:hover{background-position:-69px bottom;}
		.icon-4 a{background-position:-103px top;}		.icon-4 a:hover{background-position:-103px bottom;}
		.icon-5 a{background-position:-137px top;}		.icon-5 a:hover{background-position:-137px bottom;}

/************Back to top*****************/
#toTop {
	display:none;
	background:url(../images/ui-totop.jpg) no-repeat center top;
	position:fixed;
	right:50%;
	bottom:77px;
	overflow:hidden;
	width:63px;
	height:63px;
	border:none;
	z-index:999;
}

#toTopHover {
	background:url(../images/ui-totop.jpg) no-repeat center bottom;
	width:63px;
	height:63px;
	display:block;
	overflow:hidden;
	opacity: 0;
}

#toTop:active, #toTop:focus {
	outline:none;
}