/* CSS Document */

/*-----------------------------
***Created by Nosheen : nosheen.r007@gmail.com
------------------------------*/
body {
	font: 100% Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
	background-color: #ffffff;
	background-image: url(../images/pg-bg.png);
	background-repeat: repeat;
	font-size:100%;
	
}
.oneColFixCtrHdr #container {
	width: 989px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px none #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtrHdr #header {
	background: url(../images/header-bg.png) no-repeat;
	padding: 0 0px;
	height: 130px;
	position:relative;
}
.oneColFixCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.oneColFixCtrHdr #mainContent {
	padding: 10px 13px 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: url(../images/content-bg.png) repeat-y;
	padding-bottom: 3px;
}
.oneColFixCtrHdr #footer {
	padding: 0 40px;
	background:url(../images/footer.png) no-repeat;
	height: 70px;
	color:#999999;
	font-size:11px;
}
.oneColFixCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

.mrg-rgh-1{margin-right:10px;}
.pd-tp{padding-top:10px;} .pd-rgh-1{padding-right:10px;} .pd-lft-1{padding-left:10px;}
.n-line{line-height:1.5em;}
.font-12{font-size:12px;}
 .center{text-align:center;} 
 .full-width{width:100%;  }
 .icon{height:48px; width:48px;}
 .emphases b{color:#0A51A1; padding-bottom: 4px; display: block;}
 .detail-btn{ display:block; height:28px; width:82px; background:url(../images/org-btn.png) no-repeat;}
 .detail-btn:hover{background:url(../images/overlay-btn.png) no-repeat;}
.logo-ssi{top:0px; left:25px; position: absolute; z-index:10;} 
.logo-text{top:44px; left:175px; position: absolute;}
.top-rgh-contact {float:right; font-size: 12px; color:#666666; text-align:right; margin-top:47px; font-weight:bold;}
.sm-span{color:#999999; font-weight:normal; padding-left:5px;}
h3{font-size:12px; font-weight:bold; color:#666666; margin-bottom:2px; margin-top:0px;}
.rgh-pnl h3{font-size: 14px; color: #0A51A1;}
.partnerdiv{ float:left; margin-top:10px; width:660px; height:60px; background-color:#f4f4f4; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; padding:8px;} 
.contactdiv{ float:right; margin-top:10px; width:260px; height:60px; background-color:#000000; color:#999999 !important; font-size:11px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; padding:8px;} 
.partnerdiv img{margin-right:23px; }
.top-nav {
	background-image: url(../images/nav-bg.png);
	background-repeat: no-repeat;
	height: 45px;
	top:95px; 
	left:0px; 
	position: 
	absolute; width:100%;
}
ul, ol{padding:0px; margin:0px; list-type-style:none;}
.top-nav ul{ margin-left: 347px;    margin-top: 7px; }
.top-nav li{float:left; display:block; margin: 3px;}
.top-nav li a{
display: block;
padding: 6px 15px;
text-decoration: none;
color: #999;
font-size: 12px;
text-aligb:center;
}
.top-nav li a:hover{color:#ffffff;}
.top-nav li .active{background-color: #56585a; border-radius:4px; -moz-border-radius:4px; -webkit-border:4px; color:#FFFFFF; }
a img{border:none;}
.mainBanner{
	background-image:url(../images/banner.png);
	height: 175px;
	padding-left: 720px;
	padding-right:10px;
	margin-left: -2px;
    margin-right: -2px;
}
.about-us{background-image:url(../images/aboutus-banner.png);}
.contact{background-image:url(../images/map-banner.png);}
.project{background-image:url(../images/projects-banner.png);}
.services{background-image:url(../images/services-banner.png);}
.support{background-image:url(../images/support-banner.png);}
.salesmarketing{background-image:url(../images/marketing-banner.png);}
.mainBanner p{ color:#999999; font-size:12px; margin: 7px 0px;}
.mainBanner h1{ font-size:24px; color:#ffffff; margin:0px; padding-top:10px;}
.mainBanner h1 span{ font-size:18px;}
#footer ul{padding-top: 15px; margin:0 auto; width:424px; color: #999999;}
#footer li{float:left; display:block; margin: 5px 0px;}
#footer li+li{ border-left:1px solid #555555;}
#footer li a{
display: block;
text-decoration: none;
color: #999999;
font-size: 12px;
text-aligb:center;
padding: 0px 5px;
}
#footer li a:hover{color: #f3f3f3;}
.f-l{float:left;}
.f-r{float:right;}
.lft-pnl{}
.content-rd{
	margin-top:8px;
	background-color: #f4f4f4;
	border-radius:8px;
	background-image: url(../images/shadow-rgh.png);
	background-repeat: no-repeat;
	background-position: 680px top;
	padding: 8px 11px;
	position:relative;
-moz-border-radius:8px; -webkit-border:8px; color:#666666; min-height: 230px;
}
.lft-sm-img{float:left; margin-right:15px; margin-bottom:15px;}
.rgh-pnl{width:250px; float:right; font-size:12px;}
.lft-pnl{width:660px; float:left; font-size:12px;}
.a{color:#0a51a1; text-decoration:none; padding-top:4px; display: block;}
a{color:#0a51a1; text-decoration:none;}
.Inner-2ndbox{float:left; width:410px; border-right:1px solid #cccccc; min-height:71px; font-size: 12px; line-height: 1.5em;}
.Inner-2ndbox .left{width:200px; margin-right:10px; float:left;}
.Link2nd a{color:#006699 !important;}
.Link2nd a:hover{text-decoration: underline;}
h2{font-size:18px; color:#666666; margin-top:0px; margin-bottom:8px;}
p{margin-top: 10px; margin-bottom:10px;}
.blue{
list-style-type: circle;
font-weight: bold;
list-style-position: inside;
list-style-image:url(../images/blue-dot.png);
padding-top: 4px;
}
.blue li{line-height: 1.4em;}
.dotted li{line-height: 1.9em; border-bottom: 1px dotted #CCC;}
.dotted{
list-style-type: none;
font-weight: bold;
padding-top: 4px;
}
.lft-pnl .blue {padding-top:10px;}
.lft-pnl .blue li{line-height:1.6em;}