@charset "utf-8";
/* CSS Document */

body{	
    background:#C0C0C0;
    margin:0;
    padding:0;
    font: 11px/16px Arial, Tahoma, Verdana;
    color:#666;
}

h1,h2,h3,h4,p,ul,liimg, input{	
    margin:0;
    padding:0;
    border:0;}


ul
{
    list-style: none;
}

ul.all
{
    list-style: circle;
    margin: 5px 0 0 35px;
    padding: 0;
}

a{
    text-decoration:none;}

a:hover{
    text-decoration:underline;}

h3{font:bold 14px/20px arial!important;}	
h4{font:bold 12px/18px arial!important;}	

.clear{
    clear:both;}

.no-border{
    border:none!important;}

.FloatLeft{
    float:left;}

.FloatRight{
    float:right;}
.no-bgimage{
    background:none!important;}

.blue-link{
    color:#3366cc;
    font:normal 11px/18px Arial;}

.gray-link{
    color:#999;}
.gray-link:hover{
    color:#000;}

/*.........................................................................................*/

#wrapper{
    margin:0 auto;
    width:920px;
	background: #fff;
	}

#Header{
    width:920px;
    padding:10px 0 5px 0;
    margin-bottom:2px;
	height: 90px;}

#Header h1{
    background:url(../images/logo.jpg) no-repeat top left;
    width:227px;
    height:75px;
    float:left;
    margin:7px 0 0 7px;
    cursor:pointer;}


.header-content{
    float:right;
    width:580px;}

.top-menu{
    background:url(../images/left-menu-bg.gif) no-repeat top left;
    height:24px;
    width:6px;
    float:left;
    padding:0 0 0 6px;}

.top-menu-bg{
    background:url(../images/right-menu-bg.gif) no-repeat top right;
    width:550px;
    float:left;}

.top-menu ul{
    float:left;
    background:url(../images/menu-body-bg.gif) repeat-x top left;
    height:24px;
    width:544px;}




.top-menu ul li{
    display:inline;
    float:left;
    font:bold 9px/24px Verdana, Geneva, sans-serif;
    color:#9c9c9c;}

.top-menu ul li a, .graylink a{
    color:#333!important;
    font:bold 10px arial;
    margin:0 1px;}

.top-menu ul li span{color:#eee!important; 
                     visibility:hidden;}
.top-menu ul li input{font-size:12px; _margin-top:2px; float:left;}

/*.top-menu-demo{
    background:url(../images/left-menu-bg-demo2.gif) no-repeat top left;
    height:24px;
    width:6px;
    float:left;
    padding:0 0 0 6px;}

.top-menu-bg-demo{
    background:url(../images/right-menu-bg-demo2.gif) no-repeat top right;
    width:550px;
    float:left;}

.top-menu-demo ul{
    float:left;
    background:url(../images/menu-body-bg-demo2.gif) repeat-x top left;
    height:24px;
    width:544px;}
.top-menu-demo ul li{
    display:inline;
    float:left;
    font:bold 9px/24px Verdana, Geneva, sans-serif;
    color:#7E4F0E;}

.top-menu-demo ul li a, .graylink a{
    color:#7E4F0E !important;
    font:bold 10px arial;
    margin:0 1px;}

.top-menu-demo ul li span{color:#eee!important; 
                     visibility:hidden;}

.top-menu-demo ul li input{font-size:12px; _margin-top:2px; float:left;}


.menu-separator-demo{background:url(../images/menu-separator-bg-demo.gif) no-repeat top right;
                height:24px; padding-right:8px; margin-right:8px;}
.arrow-btn-demo{background:url(../images/arrow-demo2.gif) no-repeat top right; cursor:pointer; height:21px; width:21px; border:none; float:left; margin-left:3px;}
.arrow-btn{background:url(../images/arrow.gif) no-repeat top right; cursor:pointer; height:21px; width:21px; border:none; float:left; margin-left:3px;}

*/
.top-menu-demo{
    background:url(../images/left-menu-bg-demo.gif) no-repeat top left;
    height:24px;
    width:6px;
    float:left;
    padding:0 0 0 6px;}

.top-menu-bg-demo{
    background:url(../images/right-menu-bg-demo.gif) no-repeat top right;
    width:550px;
    float:left;}

.top-menu-demo ul{
    float:left;
    background:url(../images/menu-body-bg-demo.gif) repeat-x top left;
    height:24px;
    width:544px;}
.top-menu-demo ul li{
    display:inline;
    float:left;
    font:bold 9px/24px Verdana, Geneva, sans-serif;
    color:#FFF;}

.top-menu-demo ul li a{
    color:#fff !important;
    font:bold 10px arial;
    margin:0 1px;}

.top-menu-demo ul li span{color:#eee!important;
                     visibility:hidden;}

.top-menu-demo ul li input{font-size:12px; _margin-top:2px; float:left;}
.menu-separator-demo{background:url(../images/menu-separator-bg-demo.gif) no-repeat top right;
                height:24px; padding-right:8px; margin-right:8px;}
.arrow-btn-demo{background:url(../images/arrow-demo.gif) no-repeat top right; cursor:pointer; height:21px; width:21px; border:none; float:left; margin-left:3px;}
.arrow-btn{background:url(../images/arrow.gif) no-repeat top right; cursor:pointer; height:21px; width:21px; border:none; float:left; margin-left:3px;}

.menu-separator{background:url(../images/menu-separator-bg.gif) no-repeat top right;
                height:24px; padding-right:8px; margin-right:8px;}


.countries{
    float:right;
    width:580px;}

.countries ul {float:left;}
.countries ul li{ 
    display:inline;
    float:left;
    margin:20px 0 0 4px;
    width:68px;}

.countries ul li span{
    color:#999999;
    font:normal 10px Arial;}

#Container{
    width:920px;}

.left-container{
    float:left;
    width:250px;
    margin:0 10px 0 10px;
}

.left-container-detail{
    float:left;
    width:244px;
    border-top:2px solid #E2AF14;
    border-bottom:2px solid #E2AF14;
    margin-bottom:10px;}

.left-container-detail ul{width:220px;}

.left-container-detail ul li{
    width: 220px;
    /*background:url(../images/square-bg.gif) 10px 8px no-repeat #FAEABB;*/
    background:#FAEABB;
    border-bottom:1px solid #F2D273;
    padding:0 10px 0 14px;}

.left-container-detail ul li a{
    font:normal 11px/16px Arial, Helvetica, sans-serif;
    color:7E4F0E8;
    padding: 4px;
    display:block;}


.top-video-clips{
    float:left;
    background:url(../images/top-video-bg.gif) no-repeat top left;
    width:250px;
    height:7px;
	}

.video-clips{
    float:left;
    background:#eee url(../images/bottom-video-bg.gif) no-repeat bottom left;
    width:240px;
    _margin-top:-12px;
	padding:0 5px 5px 5px;}

.video-clips img{
    border:1px solid #666;
    /*	padding:3px;*/
    margin:0 10px;
    padding:0;}

.video-clips h2{
    margin:2px 0 4px 8px;
    color:#D2AC2A;}
.video-clips p{
	float:right;}

/*.video-clips h2 span{
						visibility:hidden;}*/
/*.border-imgplayer{
						border-right:1px solid #666;
						border-left:1px solid #666;
						border-bottom:1px solid #666;}
				.border-imgvideoclip{
						border-right:1px solid #666;
						border-left:1px solid #666;
						border-top:1px solid #666;}*/

.related-links{
    margin:0 10px 10px 10px;}

.related-links a{
    font-weight:bold!important;
    line-height:20px;}

.related-links img{
    border:none;}

.right-container-demo{
    float:left;
    width:640px;
	_width:630px;
    background-color:#DDD;
    border-top:2px solid #cbcbcb;
    border-bottom:2px solid #cbcbcb;
    padding-bottom:10px;}

.right-container{
    float:left;
    width:640px;
	_width:630px;
    background-color:#dddddd;
    border-top:2px solid #cbcbcb;
    border-bottom:2px solid #cbcbcb;
    padding-bottom:10px;}

.update{
    float:left;
    margin:10px 0 0 10px;
    _margin:10px 0 0 5px;}

.update-topbar{
    background:url(../images/top-mid-bg.gif) no-repeat top left;
    width:620px;
    height:8px;
    float:left;
    _margin-bottom:-6px;
}

.latest-update{
    background:#fff url(../images/bottom-mid-bg.gif) no-repeat bottom left;
    width:599px;
    _width:600px;
    float:left;
    min-height: 420px;
    _height: 420px;
    padding:5px 10px 10px 10px;
    margin-left:1px;
    _margin-left:0px;}

.latest-update h2, .area span{
    color:#02581B;}

.latest-update h2, .area h2, .video-clips h2{
    font:normal 18px/24px Arial;}
/*
					.latest-update img{
							float:right;
							border:1px solid #333;}
					*/
.bold-h3 {
    font:bold 12px/18px Arial!important;}

.latest-update p{
   color:#333;
     /*color:#000;*/
    font:normal 11px arial;
    margin-bottom:15px;}

.area span{
    margin-left: 10px;
    font-size: 14px;}

.update-detail{width:279px; float:left; margin:0 10px 10px 0;}
.update-detail span{color:#999;}
.update-detail p a, .update-detail p{
    color:#333;}

.new-update{
    width:310px;
    float:right;
    text-align:center;}

.new-update p{
    margin-top:218px;}
.new-update p a{
    color:#fff;
    font:bold 10px/13px Verdana, Geneva, sans-serif;
    text-decoration:underline;}
.new-update p a:hover{
    text-decoration:none;}
.areaof-cooperation{
    float:left;
    margin-left:10px;
    _margin-left:5px;}

.top-area{
    background:url(../images/top-footer-bg.gif) no-repeat top left;
    width:620px;
    height:9px;
    float:left;
    margin-top:10px;
    _margin-bottom:-11px;
}

.area{
    background:#a6d3ff url(../images/bottom-body-bg.gif) no-repeat top left;
    width:598px;
    border-left:1px solid #72b9ff;
    border-right:1px solid #72b9ff;
    float:left;
    padding:0 10px 10px 10px;}


.bottom-area{
    background:url(../images/bottom-footer-bg.gif) no-repeat bottom left;
    width:620px;
    height:9px;
    float:left;
    _margin-top:-11px;
}

.area h2{
    color:#3399ff;}


.area ul li{
    background:url(../images/blue-square.jpg) no-repeat center left;
    padding:0 0 0 15px;
    margin-right:10px;
    float:left;}



#Footer{
    width:920px;
    /*	padding-left:260px;*/
    margin:10px 0;
	background: #fff;
}

.inner-footer{
    width:920px;
    float:right;
	background: #fff;}

.footer-left{
    width:280px;
	float: left;
	background: #fff;}

#Footer p{color:#666;}
#Footer p, #Footer a{
    font:normal 10px/15px Arial, Helvetica, sans-serif;}

#Footer a{
    color:#3366cc;}

/* css for areas of cooperation start */	
.area-detail{
    float:left;
    width:inherit;}

.area-detail select{margin-bottom:10px;}

.area-detail .area-detail1{margin-right:15px;width:300px;float:left;}

.area-detail .area-detail2{
    width:280px;
    float:left;
}

.area-detail1, .area-detail2{margin-top:10px;}


.area-detail .area-detail2 ul{
    float:left;
    margin:10px 0;}
/* css for areas of cooperation end */

.contentdetail, .contentdetail .innerde{	
    float:left;
    width:599px;}

.contentdetail .innerdetail img{
    float:right;
    margin:0 0 10px 10px;}

.innerleft{
    float:left;
    width:385px;}
.innerright{
    width:210px;
    float:right;}

/*CSS for Inner page*/

.box{
    float:right;
    margin:0 0 20px 0;
    width:200px;
}

.inner-box-top{
    background:url(../images/innerbox-bgtop.jpg) no-repeat top left;
    width:200px;
    height:6px;
    float:left;}
.innerbox{
    background:#f6f6f6 url(../images/innerbox-bgbottom.jpg) no-repeat bottom left;
    width:190px;
    float:left;
    padding:5px 5px 10px 5px;
    _margin-top:-13px;
    text-align: center;
}

.innerbox h2{
    padding:0;
    margin:0;
    text-align:left;
    color:#3399ff;
    font:normal 14px/20px Arial, Helvetica, sans-serif;}

.innerbox img{
    float:left;
    margin-left:5px;
    margin-bottom:5px;}

.innerbox dl{
    float:left;
    padding:0;
    margin:0;
    text-align:left;}

.innerbox dl dt{
    font:normal 9px/ 18px Arial, Helvetica, sans-serif;
    color:#909090;
    padding:0;
    margin:0;
    text-align:left;}

.innerbox dl dd {
    font:normal 10px/18px Arial, Helvetica, sans-serif;
    color:#ff9900;
    padding:0 0 0 10px;
    margin:0 0 0 0;
    text-align:left;
    background:url(../images/square-orange.jpg) no-repeat 1% 21%;

}

.innerbox dl dd a, .innerbox a{
    font:normal 10px/18px Arial, Helvetica, sans-serif;
    text-decoration:underline;
    color:#ff9900;}

.innerbox dl dd a:hover, .innerbox a:hover{
    text-decoration:none;}

.innerbox ul{
    list-style-position:outside;
    list-style-image:none;
    list-style-type:square!important;}

.innerbox ul li{
    color:#fcb956;
    font-size:11px;
    text-align:left!important;
    margin:0 0 0 15px;}

.inner-gallery h2{padding:0;
    margin:0;
    text-align:left;
    color:#3399ff;
    font:normal 14px/20px Arial, Helvetica, sans-serif;
}

.inner-gallery ul li img{border: 0px;}

a.bluelink{
    color:#3366cc;
    font:normal 11px arial;}




.textNormal p, .textNormal p a
{
    font-size: 11px !important;
}

.textBig p, .textBig p a
{
    font-size: 14px!important;
}

/*...................CSS for Admin Panel.........................*/
.add-btn{
    color:#fff;
    padding:3px;
    background:#3399FF;}

.add-btn:hover{
    background:#DDDDDD;
    text-decoration:none!important;
    color:#000;}

.admin-tbl td{
    padding:2px 4px;}
.submit-btn{
    cursor:pointer;}


/*Table*/


/* Table Properties */

.dataTable
{
    border-collapse: collapse;
}

tr.rowtitle td
{
    color: #fff;
    background: #C4A15D;
    font: bold 13px/20px Arial, Tahoma, Verdana;
    border-top: 1px #ffffff solid;
    border-bottom: 1px #ffffff solid;
}

tr.rowtitle td a{
    color:#fff;
}
tr.rowtitle1 td
{
    color: #896A32;
    background: #E2D0AF;
    font: 11px Arial, Tahoma, Verdana;
    border-top: 1px #ffffff solid;
    border-bottom: 1px #ffffff solid;
}

tr.row td
{
    color: #666;
    font: 11px Arial, Tahoma, Verdana;
    background: #eee;
    border-top: 1px #ffffff solid;
    border-bottom: 1px #ffffff solid;
}






/* =Form Properties */

form
{
    margin: 0;
}

input
{
    font: 11px Tahoma, Verdana, Arial;
    color: #000;
    border: 1px #C4A15D solid;

}

select
{
    font: 11px Tahoma, Verdana, Arial;
    color: #000;
    border: 1px #C4A15D solid;
}

textarea
{
    font: 11px Tahoma, Verdana, Arial;
    color: #000;
    border: 1px #C4A15D solid;
}

.btn
{
    font: 11px Tahoma, Verdana, Arial;
    color: #333;
    background-color: #EFD6A6;
    border: 1px #C4A15D solid;
}

.btnsearch
{
    font: 11px Tahoma, Verdana, Arial;
    color: #fff;
    background-color: #EFD6A6;
    border: 1px #C4A15D solid;
    height: 20px;
}

.noborder
{
    border: none;
}


/*** Gallery CSS Starts Here ****/
.photo-archive { width: 550px; border: 0px #ccc solid; margin: 0 0 10px 12px; padding: 0 0 7px 0; }
.photo-archive h1{color:#0052A4; font:16px Arial; font-weight:bold;text-align:left; padding: 0 0 5px 10px; }
.photo-archive ul {
    padding: 0 0 0 10px;
}

.photo-archive ul li {padding: 0 3px 3px 0; float: left; height: 160px;list-style:none }

.photo-archive ul li img {border: 1px solid #ccc; padding:5px; margin-right:25px; }
.photo-archive ul li img.last{border: 1px solid #ccc;  padding:5px; margin-right:5px; }
.photo-archive ul li p { text-align:center; width:150px; color:#666666; font-size:11px; clear:both; }
/*** End Gallery Css**/


label.error{
    color:#FF3333; display:block;
    font-size:0.8em;
}

.imgR
{
    float: right;
    margin-left: 10px;

}

.imgL{
    float: left;
    padding-right: 10px;
}

 #q{width: 150px!important;}
 #cse-search-results *{width: 580px;padding-left: 20px;}
 #stat-counter{float:right; padding: 5px 10px;}

label.captcha-error{ color:#FF3333; display:block;font-size:0.8em;}

#feedBackDialog { width: 300px; background-color:#ECEFF5; }
#thanx-refer { background-color:#ECEFF5; }

/*css */
.col1{width:290px; float:left;}
.col2{float:left;}
.col1-detail{}
.col1-detail{float:left; padding:4px 10px 10px 0;}
.col2-detail{float:left; padding:0 10px 0 0;}
.col2-detail img{padding:0 0 0 5px;}
.col1 .col1-detail div{/*text-align:center;*/ padding:10px 0 10px 0;}
.col1 .col1-detail p, .col2 .col2-detail p{text-align:left!important;}
.col2 .col2-detail li{ padding:10px 10px 10px 0px; border-bottom:1px dashed #ccc; float:left;width: 100%;}


.button
{
	padding-bottom: 10px;
}

.success-stories{width: 230px; float: left; background: #333; height: 230px; margin-bottom: 5px; padding:0 5px 0 5px;}
.success-stories h2{color: #D2AC2A; font: 18px/24px Arial;}
.success-stories ul{padding: 5px 0;}
.success-stories ul li{border-bottom: 1px dotted #DDD; padding: 5px; color: #ddd;}
.success-stories ul li a{color: #D2AC2A; font: bold 11px/16px Arial;}
.success-stories ul li img{float: right; padding-left: 5px; clear: both; }
