*{margin:0; padding:0;}
body{background:#000 url(../images/bg.gif); font:normal 12px/18px Arial; text-align:justify; color:#001b2b;}
img{border:none; outline:none;}
form, input, select, textarea, button{ border:none; outline:none;}
p{padding-bottom:10px; overflow:hidden;}
.clear{clear:both;overflow:hidden; height:0px;}
.left{float:left;}
.right{float:right;}
.Mtop{margin-top:5px;}
.Mtop10{margin-top:10px;}
.Pleft20{padding-left:15px;}
.Mright10{margin-right:10px;}
#container{width:1003px; margin:20px auto 5px auto;}
#nav{overflow:hidden; margin-left:22px; font-weight:bold; height:33px;}
#nav ul{list-style:none;}
#nav li{float:left; color:#FFFFFF;}
#nav li a{float:left; color:#FFFFFF; text-decoration:none; outline:0; top:5px; cursor:pointer; position:relative; background:url(../images/circar-images.gif) left -106px no-repeat; padding:0 0 0 34px; margin:0 1px 0 1px;}
#nav li a span{display:block; float:left; position:relative; cursor:pointer; outline:0; color:#FFFFFF; background:url(../images/circar-images.gif) right -106px no-repeat; padding:6px 34px 9px 0px; _padding-bottom:4px; !padding-bottom:4px;}
#nav li a:hover{background-position:left -68px; top:0 }
#nav li a:hover span{background-position:right -68px; padding-bottom:9px; top:0;}
#nav .selected a{background-position:left -68px; top:0 }
#nav .selected a span{background-position:right -68px; padding-bottom:9px; top:0;}
#content{background-color:#FFFFFF; overflow:hidden; height:100%;}
.images{background:url(../images/circar-images.gif)}
.con-lefttop-cor{width:27px; height:100px; background-position:left -261px; float:left;}
.con-righttop-cor{width:25px; height:100px; background-position:-23px -261px; float:left;}
.con-midtop-cor{width:951px; background-position:left -382px; background-repeat:repeat-x; float:left; padding:30px 0 0 0;}
.con-leftbottom-cor{width:20px; height:20px; background-position:left -362px; float:left;}
.con-rightbottom-cor{width:20px; height:20px; background-position:-28px -362px; float:left;}
.con-midbottom-cor{width:963px; height:20px; float:left; background-color:#FFFFFF;}
.logo{width:239px; height:68px; float:left; background-position:left top;}
.bbb{width:137px; height:53px; float:right; background-position:-239px top;}
.est{float:left; text-align:right; width:708px;}
.est a{color:#001b2b; text-decoration:none;outline:0;}
.est a:hover{color:#77a33b; text-decoration:none;}
.PH{color:#025a78; font-weight:bold; padding-top:5px;}
.menu-left-cor{width:40px; height:30px; background-position:-100px -261px; float:left;}
.menu-right-cor{width:20px; height:30px; background-position:-150px -261px; float:left; margin-right:17px;}
.menu-mid-cor{width:250px; height:13px; padding-top:7px; float:left; background-color:#5491c7; font-weight:bold;}
.menu-mid-cor a{color:white; text-decoration:none; outline:0;}
.menu-mid-cor a:hover{color:#a9e359; text-decoration:none;}
.menu-mid-cor .active a{color:#a9e359; text-decoration:none;}
.left-con{width:300px; float:left;}
.right-con{width:635px; float:right; margin-top:10px;}
.right-con a{color:#48b9df; text-decoration:none; outline:0;}
.right-con a:hover{color:#77a33b; text-decoration:none;}
.left-con_sub{width:635px; float:left; margin-top:10px;}
.right-con_sub{width:300px; float:right; color:#858788; font-size:11px;}

.left-cor-LT{width:25px; height:25px; background-position:-101px -299px; float:left;}
.left-cor-RT{width:25px; height:25px; background-position:-123px -299px; float:left;}
.left-cor-MT{width:248px; height:24px; float:left; border-top:1px solid #e9eff4; background-color:#f6fbff;}

.left-cor-LB{width:25px; height:25px; background-position:-101px -320px; float:left;}
.left-cor-RB{width:25px; height:25px; background-position:-123px -320px; float:left;}
.left-cor-MB{width:248px; height:24px; float:left; border-bottom:1px solid #e9eff4; background-color:#f6fbff;}

.left-base{width:255px; border-right:1px solid #e9eff4; border-left:1px solid #e9eff4; background-color:#f6fbff; padding:0 20px 0 20px;}

.small{font-size:11px;}
.small a{color:#77a33b; text-decoration:none; outline:0;}
.small a:hover{color:#506c7b; text-decoration:none;}
h1{font-size:18px; font-weight:normal; color:#77a33b; text-transform:uppercase;}
.box{background-color:#fcfcfc; border:1px solid #e5e5e5; padding:15px 15px 10px 15px;}
.boxW{background-color:#fff; border:1px solid #f1f1f1; padding:15px 15px 10px 15px;}
.stylish-font{font:bold italic 14px/20px Georgia; color:#77a33b;}
.more{width:100px; height:25px; float:right; background-position:-50px -347px;}

.footer-left-cor{width:30px; height:51px; background-position:-49px -261px; float:left;}
.footer-right-cor{width:30px; height:51px; background-position:-69px -261px; float:left;}
.footer-mid-cor{width:941px; height:51px; background-position:left -145px; background-repeat:repeat-x; float:left;}
ul.footer-link{list-style:none;  padding-top:15px;}
.footer-link li{display:inline; font-size:11px; color:#000;}
.footer-link li a{display:inline; color:#000; text-decoration:none; outline:0;}
.footer-link li a:hover{color:#77a33b; text-decoration:none;}

#marqueecontainer{height:290px; position:relative; overflow:hidden;}
#vmarquee{position:relative; overflow:hidden; }



#inner-page-banner{background:url(../images/inner-page-header.jpg) left top no-repeat; width:919px; font: italic 36px Georgia; text-transform:uppercase; color:#bee0f4; padding:15px 0 0 30px; height:70px;}
h2{font-size:12px; font-weight:bold; color:#77a33b;}
.gray-bullet{background-position:-170px -283px; width:10px; height:10px; margin-right:5px;}
#text_base{width:100%;}
#text_base a{color:#48b9df; text-decoration:none; outline:0;}
#text_base a:hover{color:#77a33b; text-decoration:none;}
ul.list{list-style:none; margin:5px 0 15px 0;}
.list li{ font-size:11px; color:#666; font-weight:bold; padding:5px 0 5px 0;}
.list li span{ background:url(../images/circar-images.gif) -170px -265px no-repeat; float:left; width:18px; height:20px; margin-left:20px;}
q:before{content:open-quote; font:bold 16px Georgia; color:#77a33b}
q:after{content:close-quote; font:bold 16px Georgia;  color:#77a33b}
.pdf{background-position:-150px -305px; width:10px; height:30px; width:30px;}
#circar-form{width:100%}
#circar-form label{font-weight:bold;}
#circar-form input[type=text]{background:white; border:1px solid #ccc;}
#circar-form textarea{background:white; border:1px solid #ccc; font:normal 12px Arial;}
#circar-form select{background:white; border:1px solid #ccc;}
#circar-form button{background:red; border:1px solid #ccc;}
.w1{width:80px; float:left;}
.w2{width:120px; float:left;}
.w3{width:290px; float:left;}
.sub_bt{background:url(../images/circar-images.gif) left -226px no-repeat; border:1px solid #086195; padding:5px 20px 5px 20px; color:white; font-weight:bold;}
.CNN{background-position:-155px -340px; height:20px; width:20px;}
.right-con_sub q:before{content:open-quote; font:bold 16px Georgia; color:#77a33b}

/*--<<<<<<<<<<<<<<<<<< 02-11-09 >>>>>>>>>>>>>>>>>>>>>>--*/
/*--------usability page-------------*/
table.usuability-des {width:582px; margin:20px 0 0 0; text-align:left;}
table.usuability-des th{border:1px solid #abd7ee; padding:5px; font-size:18px;}
table.usuability-des th.web-characteristic{width:230px; font-size:18px; font-weight:bold;}

table.usuability-des td {border-bottom:1px solid #abd7ee; border-left:1px solid #abd7ee; border-right:1px solid #abd7ee; padding:5px 3px; font-size:12px;}
table.usuability-des td.characteristic_point {width:230px;}

/*--------web evalution page-------------*/
.field-left-gap {
	font:normal 12px/18px Arial;
	color:#77a33b !important;
	width:300px;
	margin:10px;
	background-color:#e0effb;
	border:solid 1px #bbe1ff;
	color:#FFFFFF;
	padding:3px;
	}
.info-fields {
	margin-left:10px !important;
	}	

.right-con_sub q:after{content:close-quote; font:bold 16px Georgia;  color:#77a33b}
.BOR_img{padding:5px; background:#e9e9e9; border:1px solid #c5c5c5;}
.BOR_img:hover{border:1px solid #77a33b;}