@charset "utf-8";
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	margin:0px auto;
	background-color:#006699;
}
#mainContainer{
	width:990px;
	height:auto;
	background-color:#FFFFFF;
	margin:0px auto;
}
#header{
	width:990px;
	height:127px;
	background-image:url(../images/headerBg.jpg);
	background-repeat:repeat-x;
}
.logo{
	float:left;
	width:400px;
	height:107px;
	padding:20px 0px 0px 20px;
}
.headRgt{
	float:right;
	width:500px;
	height:127px;
}
.headContNo{
	width:485px;
	height:40px;
	text-align:right;
	padding:10px 15px 0px 0px;
}
.headMessenger{
	width:485px;
	height:45px;
	padding:0px 15px 0px 0px;
	text-align:right;
}
.headNavigation{
	width:470px;
	height:18px;
	padding:13px 15px 0px 0px;
	margin-right:15px;
	text-align:right;
	color:#FFFFFF;
	background-image:url(../images/navBg.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
}
#flashBanner{
	width:970px;
	height:250px;
	background-color:#274164;
	padding:8px 10px 8px 10px;
}
#midContainer{
	width:970px;
	height:auto;
	background-image:url(../images/midGryStrp.jpg);
	background-repeat:repeat-x;
	padding:10px 10px 10px 10px;
}
#leftContainer{
	float:left;
	width:745px;
	height:auto;
}
.lftContent{
	height:auto;
	padding:10px 10px 5px 10px;
	line-height:18px;
	text-align:justify;
}
.innerBx{
	width:723px;
	height:auto;
	background-image:url(../images/gryStrp.jpg);
	background-repeat:repeat-x;
	border:1px solid #E0E0E0;
	padding-bottom:8px;
}
.whatwedo{
	float:left;
	width:330px;
	height:auto;
	padding:10px 10px 0px 20px;
}
.whatwedo img{
	margin:8px 0px 8px 0px;
}
.archieves{
	float:right;
	width:330px;
	height:auto;
	padding:10px 10px 0px 20px;
}
.archieves img{
	margin:8px 0px 8px 0px;
}

.lftGryExpt{
	width:670px;
	height:116px;
	background-image:url('../images/gryBx.jpg');
	background-repeat:no-repeat;
	padding:40px 20px 0px 20px;
	margin:8px 15px 0px 20px;
}
.hireSEO{
	float:left;
	width:157px;
	height:95px;
	padding:5px 65px 0px 3px;
}
.openSource{
	float:left;
	width:152px;
	height:95px;
	padding:5px 65px 0px 8px;
}
.hireWeb{
	float:right;
	width:140px;
	height:95px;
	padding:5px 65px 0px 3px;
}
#rightContainer{
	float:right;
	width:225px;
	height:auto;
}
.reqQuoteBx{
	width:200px;
	height:auto;
	border:1px solid #CECECE;
	padding:13px 11px 10px 12px;
	background-color:#F6F6F6;
}
.techExp{
	width:223px;
	height:auto;
	border:1px solid #CECECE;
	margin-top:8px;
}
.portfolio{
	width:223px;
	height:auto;
	border:1px solid #CECECE;
	margin-top:8px;
}
.clientSpk{
	width:223px;
	height:auto;
	border:1px solid #CECECE;
	margin-top:8px;
}
.rgtHd{
	width:210px;
	height:23px;
	background-image:url(../images/gryHd.jpg);
	background-repeat:repeat-x;
	padding:6px 0px 0px 13px;
}
.rgtBxCont{
	width:223px;
	height:140px;
	background-image:url(../images/rgtGry.jpg);
	background-repeat:repeat-x;
	background-position:bottom;	
}
.portCont{
	width:223px;
	height:172px;
	background-image:url(../images/rgtGry.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	padding-top:10px;
}
.clientSpkCont{
	width:200px;
	height:auto;
	background-image:url(../images/rgtGry.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	padding:12px 11px 10px 12px;
	text-align:center;
	line-height:16px;
}
.btmKeyword{
	width:990px;
	height:43px;
	background-image:url(../images/gryStrpKeyword.jpg);
	background-repeat:repeat-x;
	text-align:center;
	line-height:18px;
	padding-top:7px;
}
#footer{
	width:990px;
	height:auto;
	padding:0px 0px 10px 0px;
}
.footLft{
	float:left;
	width:290px;
	height:auto;
	padding:10px 0px 0px 10px;
}
.footRgt{
	float:right;
	width:680px;
	height:auto;
	padding:10px 10px 0px 0px;
	text-align:right;
	line-height:18px;
}

.portfolioBx{
height:auto;
padding:10px 10px 5px 10px;
line-height:18px;
text-align:justify;
}
.portfolioBx img{
border:1px solid #CCCCCC;
padding:4px;
}
.divider {
    background-image: url("../images/page_divider.png");
    background-position: left top;
    background-repeat: no-repeat;
    height: 28px;
    width: 716px;
}

 .srv {
	float: left;
	height: auto;
	width: 716px;
}
.rmarg{
	margin-right:20px;
}
 .srv_box {
	width:335px;
	height:80px;
	float:left;
	display: block;
	background-image: url(../images/service_btm_line.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom:15px;
	margin-bottom:10px;
}

 .srv_box h3 {
	color: #e47a09;
	text-decoration: none;
	cursor: pointer;
	text-decoration:none;
}

 .srv_box p {
	font-size: 11px;
	color: #666666;
}

 .srv_divider {
	background: url(../images/service_btm_line.png) center bottom no-repeat;   
    height: 16px;
    margin-left: 15px;
    position: relative;
    top: 61px;
    width: 45%;
}

 .icon_php {
	background: url(../images/sprite.png) no-repeat -61px -366px transparent;
	height: 54px;
	width: 60px;
	float:left;
	display:block;
}

 .icon_php a {
	background: url(../images/sprite.png) no-repeat 0px -366px transparent;
	height: 54px;
	width: 60px;
	float:left;
}

 .icon_php a:hover {
	background: url(../images/sprite.png) no-repeat -61px -366px transparent;
	height: 54px;
	width: 60px;
}

 .icon_joomla  {
	background: url(../images/sprite.png) no-repeat -61px -420px transparent;
	height: 54px;
	width: 60px;
	float:left;
}

 .icon_joomla a {
	background: url(../images/sprite.png) no-repeat 0px -420px transparent;
	height: 54px;
	width: 60px;
	float:left;
}

 .icon_joomla a:hover {
	background: url(../images/sprite.png) no-repeat -61px -420px transparent;
	height: 54px;
	width: 60px;
}

 .icon_magento {
	background: url(../images/sprite.png) no-repeat -61px -476px transparent;
	height: 54px;
	width: 60px;
	float:left;
}

 .icon_magento a {
	background: url(../images/sprite.png) no-repeat 1px -476px transparent;
	height: 54px;
	width: 60px;
	float:left;
}

 .icon_seo {
	background: url(../images/sprite.png) no-repeat -61px -531px transparent;
	height: 54px;
	width: 60px;
	float:left;
}

 .icon_seo a:hover {
	background: url(../images/sprite.png) no-repeat -61px -531px transparent;
	height: 54px;
	width: 60px;
}

 .icon_seo a {
	background: url(../images/sprite.png) no-repeat 0px -531px transparent;
	height: 54px;
	width: 60px;
	float:left;
}

 .icon_seo a:hover {
	background: url(../images/sprite.png) no-repeat -61px -531px transparent;
	height: 54px;
	width: 60px;
}

 .icon_web{
	background: url(../images/sprite.png) no-repeat -61px -585px transparent;
	height: 54px;
	width: 60px;
	float:left;
}

 .icon_web a {
	background: url(../images/sprite.png) no-repeat 0px -585px transparent;
	height: 54px;
	width: 60px;
	float:left;
}

 .icon_web a:hover {
	background: url(../images/sprite.png) no-repeat -61px -585px transparent;
	height: 54px;
	width: 60px;
}

 .icon_flash {
	background: url(../images/sprite.png) no-repeat -186px -367px transparent;
	height: 54px;
	width: 60px;
	float:left;
}

 .icon_flash a {
	background: url(../images/sprite.png) no-repeat -125px -367px transparent;
	height: 54px;
	width: 60px;
	float:left;
}

 .icon_flash a:hover {
	background: url(../images/sprite.png) no-repeat -186px -367px transparent;
	height: 54px;
	width: 60px;
}

 .icon_apple{
	background: url(../images/sprite.png) no-repeat -185px -422px transparent;
	height: 54px;
	width: 60px;
	float:left;
}

 .icon_apple a {
	background: url(../images/sprite.png) no-repeat -125px -422px transparent;
	height: 54px;
	width: 60px;
	float:left;
}

 .icon_apple a:hover {
	background: url(../images/sprite.png) no-repeat -185px -422px transparent;
	height: 54px;
	width: 60px;
}

 .icon_cake {
	background: url(../images/sprite.png) no-repeat -186px -477px transparent;
	height: 54px;
	width: 60px;
	float:left;
}

 .icon_cake a {
	background: url(../images/sprite.png) no-repeat -126px -477px transparent;
	height: 54px;
	width: 60px;
	float:left;
}

 .icon_cake{
	background: url(../images/sprite.png) no-repeat -186px -477px transparent;
	height: 54px;
	width: 60px;
	float:left;
}

 .icon_zn  {
	background: url(../images/sprite.png) no-repeat -187px -533px transparent;
	height: 54px;
	width: 60px;
	float:left;
}

 .icon_zn a {
	background: url(../images/sprite.png) no-repeat -127px -533px transparent;
	height: 54px;
	width: 60px;
	float:left;
}

 .icon_zn a:hover {
	background: url(../images/sprite.png) no-repeat -187px -533px transparent;
	height: 54px;
	width: 60px;
}

 .icon_e-com {
	background: url(../images/sprite.png) no-repeat -187px -587px transparent;
	height: 54px;
	width: 60px;
	float:left;
}

 .icon_e-com a {
	background: url(../images/sprite.png) no-repeat -127px -587px transparent;
	height: 54px;
	width: 60px;
	float:left;
}

 .icon_e-com a:hover {
	background: url(../images/sprite.png) no-repeat -187px -587px transparent;
	height: 54px;
	width: 60px;
}
.jg_row {
    float: left;
    height: auto !important;
    overflow: hidden;
    width: 240px;
}
.portdiv {
    height: auto;
    width: 230px;
}
.main_box {
    background-image: url("../images/sprite.png");
    background-position: -343px -903px;
    background-repeat: no-repeat;
    height: auto;
    padding-left: 11px;
}
.main_box .box1 {
    background-attachment: scroll;
    border-top: 5px solid #F48B38;
    float: left;
    height: 235px;
    padding-left: 20px;
    width: 210px;
}
.main_box .box1 h1 {
    border-bottom: 1px solid #E6E6E6;
    color: #363734;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 19px;
    margin-bottom: 13px;
    margin-top: 10px;
    padding-bottom: 5px;
}
.main_box .box1 p {
    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 19px;
    margin-top: 10px;
}
.main_box .box1 .port-btn {
    background-attachment: scroll;
    background-image: url("../images/sprite.png");
    background-position: -15px -988px;
    background-repeat: no-repeat;
    color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    height: 22px;
    line-height: 19px;
    padding-left: 8px;
    padding-top: 2px;
}