/* CSS Document */

body { font: normal 11px "tahoma", Arial, Helvetica, sans-serif; color: #323232; margin:0; text-decoration: none; line-height: 17px; }

/********* Common CSS Starts here *********/

a { outline: none; }

.input { font: normal 11px "tahoma", Arial, Helvetica, sans-serif;	border: 1px solid #B5B5B5; color: #1F1F1F; background:#ffffff; padding-left: 2px;}	
.textarea { font: normal 11px "tahoma", Arial, Helvetica, sans-serif;	border: 1px solid #B5B5B5; color: #1F1F1F; background:#ffffff; padding-left: 2px;}	

select {  font: normal 11px "tahoma", Arial, Helvetica, sans-serif;}

a{ font: normal 11px "tahoma", Arial, Helvetica, sans-serif; color:#F78000; text-decoration: underline; outline: none;}
a:hover { font: normal 11px "tahoma", Arial, Helvetica, sans-serif; color:#F78000; text-decoration: none; outline: none; }

img { border: none; outline: none; }
form { margin: 0; padding: 0;}

.copyright {font: normal 11px "tahoma", Arial, Helvetica, sans-serif; color:#6A6A6A; text-decoration: none; }
.button { background: #FFFFFF; border: 1px solid #AFBDC5; font: normal 11px "tahoma", Arial, Helvetica, sans-serif; color:#F78000; text-decoration: none; cursor: pointer; height: 20px; outline: none; padding-left: 4px; padding-right: 4px;}


/********* Common CSS End here *********/

.bluematternormal {font: normal 11px "tahoma", Arial, Helvetica, sans-serif; color:#1A9ED1; text-decoration: none;}

.bluematterlink {font: bold 17px Arial, Helvetica, sans-serif; color:#03426D; text-decoration: none;}
.bluematterlink:link {  font: bold 17px Arial, Helvetica, sans-serif; color:#03426D; text-decoration: none;}
.bluematterlink:visited { font: bold 17px Arial, Helvetica, sans-serif; color:#03426D; text-decoration: none;}
.bluematterlink:hover {  font: bold 17px Arial, Helvetica, sans-serif; color:#F78000; text-decoration: none;}

.logo { width: 195px; height: 94px; text-align: center; }
.toplinks { vertical-align: bottom; }
.gray-topcornerbg { background: #282A27;}
.gray-topcornerbg ul { margin: 0; padding:0; margin-left:22px;}
.gray-topcornerbg li { list-style-type: none; float: left; margin-right:22px;}
.gray-topcornerbg li a { font: bold 11px Arial, Helvetica, sans-serif; color:#FFFFFF; text-transform: uppercase; text-decoration: none;}
.gray-topcornerbg li a:hover { font: bold 11px Arial, Helvetica, sans-serif; color:#E7980F; text-transform: uppercase; text-decoration: none;}
.phoneno { font: bold 17px Helvetica, sans-serif; color:#E7980F; text-decoration: none; text-align: right; }

.midd-img { background: url(../images/midd-img.jpg) no-repeat; height: 224px;}
.main-divider-height { height: 30px; }

.bottpart { border-top: 1px solid #C3C3C3; height: 60px; font: normal 11px "tahoma", Arial, Helvetica, sans-serif; color:#6A6A6A; text-decoration: none; }
.bottpart a { font: bold 11px "tahoma", Arial, Helvetica, sans-serif; color:#6A6A6A; text-decoration: none; line-height: 22px; }
.bottpart a:hover { font: bold 11px "tahoma", Arial, Helvetica, sans-serif; color:#F78000; text-decoration: none; line-height: 22px; }

h1 { font: bold 22px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#021E45; text-decoration: none; margin:0; padding:0; padding-bottom: 5px; border-bottom: 1px solid #FDDB62; margin-bottom: 10px; }
h1 span { font: bold 22px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#F78000; text-decoration: none;  }

.midd-services { margin-top: 15px; }
.midd-services h1 { margin:0; padding:0;  font: bold 16px Arial, Helvetica, sans-serif; color:#353535; text-decoration: none; border-bottom: none; padding-top: 1px; }
.webdesignbg { background: url(../images/webdesignbg.gif) no-repeat left top; height: 71px; vertical-align: top; padding-left: 10px; padding-right: 10px; }
.webhostingbg { background: url(../images/webhostingbg.gif) no-repeat right top;  vertical-align: top; padding-left: 20px; padding-right: 10px;}
.ecommercebg { background: url(../images/ecommercebg.gif) no-repeat left top; height: 71px;  vertical-align: top; padding-left: 10px; padding-right: 10px; }
.businessidentitybg { background: url(../images/businessidentitybg.gif) no-repeat right top;  vertical-align: top; padding-left: 20px; padding-right: 10px;}
.seobg { background: url(../images/seobg.gif) no-repeat left top; height: 71px; vertical-align: top; padding-left: 10px; padding-right: 10px;;}
.emailsolutionbg { background: url(../images/emailsolutionbg.gif) no-repeat right top;  vertical-align: top; padding-left: 20px; padding-right: 10px;}

.readmore { padding-left: 8px; height:15px;}
.readmore a { font: normal 10px "tahoma", Arial, Helvetica, sans-serif; color:#374B7A; text-decoration: none;  }
.readmore a:hover { font: normal 10px "tahoma", Arial, Helvetica, sans-serif; color:#374B7A; text-decoration: underline;  }

.right-heading { font: bold 20px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#021E45; text-decoration: none; padding-bottom: 5px; }
.right-heading span { font: bold 20px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#F78000; text-decoration: none;  }

.right-topcornerbg { border-top: 1px solid #D4D4D4; background: #EDEDED; }
.right-bottcornerbg { border-bottom: 1px solid #D4D4D4; background: #EDEDED; }
.right-bodycornerbg { border-left: 1px solid #D4D4D4; border-right: 1px solid #D4D4D4; background: #EDEDED; text-align: center; line-height: 25px; }

.midd-topcornerbg { border-top: 1px solid #D4D4D4; background: #FFFFFF; }
.midd-bottcornerbg { border-bottom: 1px solid #D4D4D4; background: #FFFFFF; }
.midd-bodycornerbg { border-left: 1px solid #D4D4D4; border-right: 1px solid #D4D4D4; background: #FFFFFF; padding-left: 10px; padding-right: 10px;}


.ourwork-area { position:relative; text-align: left; }
.ourwork-leftarrow {
	position:absolute;
	top:59px;
	left:-3px;
}
.ourwork-rightarrow { position:absolute; top:45px; right:0px !important; right:-1px; }

.offer-border { border-bottom: 1px dashed #C7C7C7; }

.inner-middpart { border-top: 1px solid #AEB6BD; }
.inner-middbg { background: url(../images/inner-middbg.gif) no-repeat top; height: 215px; }
.inner-content-padding { padding: 30px; vertical-align: top; }

.inner-heading { font: normal 26px Arial, Helvetica, sans-serif; color:#1A9ED1; text-decoration: none; padding-bottom: 10px; }
.inner-heading span { font: normal 19px Arial, Helvetica, sans-serif; color:#F78000; text-decoration: none; }

.inner-topcornerbg { border-top: 1px solid #E7E7E7; background: #F2F2F2; }
.inner-bottcornerbg { border-bottom: 1px solid #E7E7E7; background: #FFFFFF; }
.inner-bodycornerbg { border-left: 1px solid #E7E7E7; border-right: 1px solid #E7E7E7; background: url(../images/inner-bodycornerbg.gif) repeat-x top #FFFFFF; height: 75px; vertical-align: top; padding-left: 15px; padding-right: 15px; padding-top: 7px; padding-bottom: 7px; height: 140px; }

.inner-bodycornerbg h1 { margin:0; padding:0;  font: normal 20px Arial, Helvetica, sans-serif; color:#353535; text-decoration: none; border-bottom: none; margin-bottom: 7px; }
.inner-bodycornerbg img { float: right; margin-left: 10px; }
.inner-bodycornerbg a { font: normal 11px "tahoma", Arial, Helvetica, sans-serif; color:#F78000; text-decoration: none; outline: none;}
.inner-bodycornerbg a:hover { font: normal 11px "tahoma", Arial, Helvetica, sans-serif; color:#F78000; text-decoration: underline; outline: none;}

.wahtwedo-img { background: url(../images/whatwedo-bg.jpg) no-repeat; height: 160px;}
.mid-bodybg { background: url(../images/mid-bodybg.gif) no-repeat; }
.border-devider { border-bottom: 1px solid #E9E9E9;  }
.title { font: normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#F09218; text-decoration: none; line-height:20px; }

.bluelink {font: normal 11px Arial, Helvetica, sans-serif; color:#03426D; text-decoration: none;}
.bluelink:link {  font: normal 11px Arial, Helvetica, sans-serif; color:#20A1D2; text-decoration: none;}
.bluelink:visited { font: normal 11px Arial, Helvetica, sans-serif; color:#20A1D2; text-decoration: none;}
.bluelink:hover {  font: normal 11px Arial, Helvetica, sans-serif; color:#F09218; text-decoration: underline;}

.servicelink-border { border-top: 1px solid #E9E9E9; border-bottom: 1px solid #E9E9E9; height:22px; font: normal 11px Arial, Helvetica, sans-serif; color:#9F9F9F; text-decoration: none;  }

.greylink-bold {font: bold 11px Arial, Helvetica, sans-serif; color:#9F9F9F; text-decoration: none;}
.greylink-bold:link {  font: bold 11px Arial, Helvetica, sans-serif; color:#9F9F9F; text-decoration: none;}
.greylink-bold:visited { font: bold 11px Arial, Helvetica, sans-serif; color:#9F9F9F; text-decoration: none;}
.greylink-bold:hover {  font: bold 11px Arial, Helvetica, sans-serif; color:#F09218; text-decoration: underline;}

.right-header { background: url(../images/headbg.gif) repeat-x; height: 30px; font: bold 14px Arial, Helvetica, sans-serif; color:#105F94; text-decoration: none;}
.rmenu-botbg { background: url(../images/rmenu-botbg.gif) repeat-x; height: 6px; }
.rmenu-border-lr {  border-right: 1px solid #E2E2E2; border-left: 1px solid #E2E2E2; }

.tabcontentcontainer ul {margin:0px; padding:0px;}
.tabcontentcontainer li {list-style-type:none; line-height:22px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#676767; text-decoration:none; border-bottom:1px dotted #DDDDDD; background-image:url(../images/service-bullet.gif); background-repeat:no-repeat; background-position:left center; padding-left:15px; margin-left:15px;}
.tabcontentcontainer li a {font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#676767; text-decoration:none;}
.tabcontentcontainer li a span {font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#676767; text-decoration:none; margin-left:150px;}
.tabcontentcontainer li a:hover {font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#E7980F; text-decoration:none;}


.grey-text {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #51585f;
	text-decoration: none;
	line-height:18px;
}
.main-heding-text {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #20a1d3;
	text-decoration: none;
	line-height:26px;
}

.sublink-text {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #006e98;
	text-decoration: none;
	font-weight:bold;
}

.sublink-text:hover {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #f09218;
	text-decoration: none;
	font-weight:bold;
}
.pri_border {
	border: 1px solid #e3e3e3;
}

.light-gray {
     font-family: Tahoma, Verdana;
	 font-size: 11px;
	 color: #6e6e6e;
	 text-decoration: none;
	 font-weight: normal;
}
.white-text{
     font-family: Tahoma, Verdana;
	 font-size: 11px;
	 color: #ffffff;
	 text-decoration: none;
	 font-weight: normal;
}

.border {
border-collapse:collapse;
}

.border td {
border:1px solid #ffffff;
}

.border td td {
border:none;
}

.row-1{
	font: Tahoma normal 11px;
	text-align:center;
	vertical-align:middle;
	color:#51585f;
	background:#f2f2f2;
}

.row-2{
	font:Tahoma normal 11px;
	text-align:center;
	vertical-align:middle;
	color: #51585f;
	background:#e8e8e8;
}

.left_panel {
	font: Tahoma normal 11px;
	text-align:left;
	vertical-align:middle;
	color:#51585f;
	background:#f2f2f2;
	padding-left:10px;
}

.left_panel_bg {
	font:Tahoma normal 11px;
	text-align:left;
	vertical-align:middle;
	color: #51585f;
	background:#e8e8e8;
	padding-left:10px;
}

.listmenu {
	font:Tahoma normal 11px;
	text-align:left;
	color: #51585f;
	border:1px solid #c0d0e2;
	text-decoration:none;
}


/*--------Image Javascript Start--------*/

.stepcarousel{
position: relative; /*leave this value alone*/
border: 3px solid #1298cc;
overflow: scroll; /*leave this value alone*/
width: 530px; /*Width of Carousel Viewer itself*/
height: 200px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 250px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

/*--------Image Javascript End--------*/


.boldbrownlinktext {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
text-decoration:none;
font-weight:bold;
padding-bottom:5px;
margin-bottom:10px;
color:#333333;
}

.boldbrownlinktext:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
text-decoration:none;
font-weight:bold;
color:#0487ba;
}