@charset "utf-8";
/* Aress Software Typography Styles
   Updated: Thu 18.06.08 @ 04:21 p.m.
   Author: Aress Design Studio
   Version: 1.1
   ----------------------------------------------------*/


/* GENERIC
   ----------------------------------------------------*/
body { font: 11px/15px Arial, Helvetica, sans-serif; color: #3e4247; margin: 0px; padding: 0px; background-color: #fff; }

ul, li {margin:0px; padding:0px;}

a {outline:none;}

img {border:0px;}

.mainFrame { width: 900px; margin: 0px auto; padding: 17px 0 17px 0 }

.clear { clear:  both }

h1, h2 { margin: 0px; padding: 0px; font-size: 12px }

* html h2 { margin: inherit; padding: inherit; font-size: 12px }

/*img, div { behavior: url(iepngfix.htc) }*/

p { margin-top: 0px; margin-bottom: 10px }


/* TOP LOGO
   ----------------------------------------------------*/
.logo { background:url(../images/aress-logo.jpg) no-repeat; width: 250px; height: 63px; float: left; text-indent:-2000px; }

.topnavbox { width: 650px; float: right }

.contactbox { text-align: right; padding-right: 11px; height: 26px }

.topnav { background: url(../images/topnav-bg.jpg) no-repeat; height: 37px; padding-right: 11px; text-align: right; color: #fff; font-size: 12px }

.topnav a{ padding: 6px; color: #fff; text-decoration: none; line-height: 37px }

.topnav a:hover{ color: #999; text-decoration: none;}



/* HOME HEADER
   ----------------------------------------------------*/
.homeheader { background: url(../images/page-bg.jpg) no-repeat; height: 448px; margin-top: 9px; padding: 12px 11px 0 8px }

* html .homeheader { background: url(../images/page-bg.jpg) no-repeat; height: 448px; margin-top: -45px; padding: 12px 11px 0 8px }

.homeheaderleft { width: 240px; float: left }

.indexheaderright { width: 631px; float: right }
.indexheaderright h2 {background:url(../images/home-header-pic.jpg) no-repeat; width:631px; height:272px; text-indent:-2000px;}

.innerheaderright {width:631px; float:right;}
.innerheaderright h2 {width:631px; height:161px; }

.homeheaderright { width: 631px; float: right;}
.homeheaderright1 { width: 631px; float: right; position:relative; }
.mobileportfolio { position:absolute; width:223px; height:57px; top:10px; right:10px; text-indent:-3000px;}
.mobileportfolio a {display:block; width:223px; height:57px; }


.servicestab { background: url(../images/servicestab-bg.jpg) repeat-y; padding: 0 9px 0 9px }

.servicestext { padding-left: 24px; background: url(../images/icon-zoom.jpg) no-repeat top left; padding-bottom: 10px; display: block }

.servicestext a{ text-decoration: none; color: #3e4247; }

.servicestext a:hover{ border-bottom: dotted #9abfe1 1px  }

.servicestext2 { border-top: dotted #c8c7c7 1px; height: 10px }

.bluebold { color: #2767a4; font-weight: bold }

.showcasebox { padding: 10px; border-top: solid #dee1e2 1px; margin-top: 20px; margin-bottom: 9px }

.showcase { background: url(../images/showcase-bg.png) repeat-y; height: 124px }

* html .showcase { background: url(../images/showcase-bg.jpg) repeat-y; height: 124px }

.post {
	float: left;
	width: 190px;
	height: 94px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-top: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center
}

.post2 {
	float: left;
	width: 190px;
	height: 94px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 15px;
	margin-top: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center
}


.post img, .post img a{
	padding: 0px;
	margin: 0px;
	border: 1px solid #fff;
}
.post img:hover {
	border: 1px solid #ccc;
	padding: 0px;
	margin: 0px;
	
}

.post2 img, .post2 img a{
	padding: 0px;
	margin: 0px;
	border: 1px solid #fff;
}
.post2 img:hover {
	border: 1px solid #ccc;
	padding: 0px;
	margin: 0px;
	
}


/* HOME CONTAINER
   ----------------------------------------------------*/
.homecontainer { width: 881px; margin: 0px auto; padding-top: 9px }

*:first-child+html .homecontainer { width: 881px; margin: 0px auto; padding-top: 19px }

* html .homecontainer { width: 881px; margin: 0px auto; padding-top: 0px }

.homecontainerleft { width: 240px; float: left; border-top: solid #e5e5e5 1px; margin-top: 10px; padding-top: 10px }

.homecontainerright { width: 631px; float: right; border-top: solid #e5e5e5 1px; background: url(../images/right-container-bg.jpg) repeat-y; margin-bottom: 25px }

*:first-child+html .homecontainerright { width: 631px; float: right; border-top: solid #e5e5e5 1px; background: url(../images/right-container-bg.jpg) repeat-y; margin-bottom: 25px; margin-top: 10px }

* html .homecontainerright { width: 631px; float: right; border-top: solid #e5e5e5 1px; background: url(../images/right-container-bg.jpg) repeat-y; margin-bottom: 25px; margin-top: 10px }

.partner { margin-bottom: 10px }

.tag { border-top: solid #e6e6e6 1px; padding: 18px 12px 12px 12px; text-align: justify }

.taglinks { text-align: justify; font-family:Arial, Helvetica, sans-serif; line-height: 17px }

.taglinks a{ color:#208ac9; text-decoration: none }

.taglinks a:hover{ border-bottom: dotted #9abfe1 1px; color: #999 }

.coreexpertisetab { width: 274px; float: left; margin: 11px 0 0 10px }

.coreexpertisetitle { height: 55px; background: url(../images/title-expertise.jpg) no-repeat top }

.coreexpertisetext { padding: 0 12px 0 12px; text-align: left }

.coreexpertisetext ul { padding-left: 0px; list-style: none; margin-top: 0px }

*:first-child+html .coreexpertisetext ul { margin-left: 0px; list-style: none; margin-top: 0px }

* html .coreexpertisetext ul { margin-left: 0px; list-style: none; margin-top: 0px }

.coreexpertisetext li { background: url(../images/tick.jpg) no-repeat; border-bottom: dotted #b2b2b2 1px; line-height: 23px; list-style: none; margin: 0px; display: block }

.coreexpertisetext li a { padding-left: 33px; height: 23px; text-decoration: none; color: #3e4247; display: block }

.coreexpertisetext li a:hover{  background: url(../images/tick-hover.jpg) no-repeat; background-color: #f7f7f7 }


.engagetab { width: 283px; float: right; margin: 11px 10px 0 0 }

.engagetitle { height: 55px; background: url(../images/title-engage.jpg) no-repeat top }

.engagetext { padding: 0 12px 0 12px; text-align: justify }

.engagetext ul { color: #3571aa; list-style-type: square; line-height: 17px; }

.quotebox { border-top: solid #e6e6e6 1px; padding-top: 20px; text-align: center; margin-top: 20px; padding-bottom: 7px; }

.quotebox img { border: solid #fff 0px }

.newsbox { border-top: solid #e6e6e6 1px; padding-top: 20px; text-align: center; margin-top: 20px; padding-bottom: 20px; }

.newsbox img { border: solid #fff 0px }

.quotebox1 { border-bottom: solid #e6e6e6 1px; padding-top: 10px; text-align: center; margin-top: 10px; padding-bottom: 10px; }

.quotebox1 img { border: solid #fff 0px }

.newsbox1 {  padding-top: 0px; text-align: center; margin-top: 10px; }

.newsbox1 img { border: solid #fff 0px }

.mtbox { padding-top: 20px; text-align: center; margin-top: 20px; padding-bottom: 7px; }

.mtbox img { border: solid #fff 0px }


/* FOOTER
   ----------------------------------------------------*/
.footerbox { border-top: solid #4c4c4c 2px; padding-top: 14px; color: #a4a4a4; text-align: center }

*:first-child+html .footerbox { border-top: solid #4c4c4c 2px; padding-top: 4px; color: #a4a4a4; text-align: center }

.footerbox a{ color: #668092 }

.footerbox a:hover{ color: #a4a4a4 }

.footerbox h1 { color: #a4a4a4; font-size: 11px; margin: 0px; padding: 0px; font-weight:lighter }



/* INSIDE STORY
   ----------------------------------------------------*/

.insideheader { background: url(../images/inner-bg.jpg) repeat-x top; height: auto; margin-top: 9px; padding: 12px 11px 0 8px }

* html .insideheader { background: url(../images/inner-bg.jpg) repeat-x top; height: auto; margin-top: -25px; padding: 12px 11px 0 8px }

.insideheader li { line-height: 17px; margin-right: 20px }

.leftnavtab { background: url(../images/leftnavtab-bg.jpg) repeat-y; padding: 0 9px 0 9px }

.leftnavtext { padding: 0px; text-align: left }

.leftnavtext ul { padding-left: 0px; list-style: none; margin-top: 0px; margin-bottom: 0px }

*:first-child+html .leftnavtext ul { margin-left: 0px; list-style: none; margin-top: 0px }

* html .leftnavtext ul { margin-left: 0px; list-style: none; margin-top: 0px }

.leftnavtext li { background: url(../images/icon-sq.jpg) no-repeat; border-bottom: dotted #b2b2b2 1px; line-height: 23px; list-style: none; margin: 0px; display: block; }

.leftnavtext li a { padding-left: 24px; height: 23px; text-decoration: none; color: #2767a4; display: block; font-weight: bold }

.leftnavtext li a:hover{  background: url(../images/icon-sq-hover.jpg) no-repeat; background-color: #ebeaea }


.insidecontentbox { padding: 5px; border-top: solid #dee1e2 1px; margin-top: 20px; margin-bottom: 9px; text-align: justify; color:#3e4247 }
.insidecontentbox a {color:#3e4247; text-decoration:underline;}
.insidecontentbox a:hover {text-decoration:none;}

.insidecontentbox img { border: solid #ddd 1px; float: left; margin-right: 12px }

.insidecontentbox ul {margin-left:20px; padding:0px;}
.insidecontentbox ul li {margin-left:20px;}

.t {background: url(../images/dot.jpg) 0 0 repeat-x; width: 100%}
.b {background: url(../images/dot.jpg) 0 100% repeat-x}
.l {background: url(../images/dot.jpg) 0 0 repeat-y}
.r {background: url(../images/dot.jpg) 100% 0 repeat-y}
.bl {background: url(../images/bl.jpg) 0 100% no-repeat}
.br {background: url(../images/br.jpg) 100% 100% no-repeat}
.tl {background: url(../images/tl.jpg) 0 0 no-repeat}
.tr {background: url(../images/tr.jpg) 100% 0 no-repeat; padding:10px} 

h3 { font-size: 18px; margin-top: 0px; margin-bottom: 0px; padding: 0px }

.lightgrey { color: #979797 }

   
   
   
#in418 {  color: #3e4247; text-align: justify }

#in418a {  color: #919191; text-align: justify; padding-left: 30px }

.proLink { background-image: url(../images/pro-ico.jpg); padding-left: 25px; font-weight: bold; background-repeat: no-repeat; color: #3ba3eb }

.proDes { font-size: 10px; padding-left: 26px; }

.bluelink { border-bottom: dotted #2767a4 1px; text-decoration: none; color: #3f83ea; font-weight: bold }

.liner { border-bottom: solid #ccc 1px }

.linertr:hover { background-color: #fff }


.snipnet { background-color: #f4ffde; padding: 10px }

.greytabbox { width: 620px }

.greytabbox-top { background: url(../images/grey-tabbox-top.jpg); height: 30px; padding-left: 10px; color: #565657; line-height: 30px; font-weight: bold }

.greytabbox-mid { background-color: #fff; border-left: solid #e7e6e6 1px; border-right: solid #e7e6e6 1px; padding: 10px; }

.greytabbox-bottom { background: url(../images/grey-tabbox-bottom.jpg); height: 15px }

.greytabbox-title { font-family: "Trebuchet MS"; text-transform: uppercase; color: #999761 }

.sitegrey { color: #3e4247; text-decoration: none }

.sitegrey a{ color: #3e4247; text-decoration: none }

a:hover.sitegrey { color: #3e4247; text-decoration: none; border-bottom: dotted #3e4247 1px }



.features {
	float: left;
	width: 290px;
	margin-left: 0px;
	margin-right: 36px;
	margin-bottom: 0px;
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify
}

.features2 {
	float: left;
	width: 290px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify
}

.features img, .features2 img { border: none; }

.featuresright{
	float: right;
}
.featuresclear {
	clear: both;
}
/*-------------------- new 15-07-09 ----------------------*/
.bas{width:400px; margin:5px 0px 10px 0px; padding:24px 25px 3px 210px; background:url(../images/bas.jpg) 0 0 no-repeat; height:290px;}
.bas h1 { font:bold 20px/22px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#265f83; text-decoration:none;}
.bas h2 {font:normal 14px/17px Verdana, Geneva, sans-serif; color:#1385b6; text-decoration:none; font-weight:bold;}
.bas img { border:none;}
.bas a {color:#2a5d7d; font-family:Verdana, Geneva, sans-serif; font-weight:bold; text-decoration:none;}
.bas a:hover {border-bottom:1px dotted #2a5d7d;}
.bas img {margin-top:15px;}
.bas p {padding:15px 20px 0px 0px; color:#000; font-family:Arial, Helvetica, sans-serif; line-height:14px;}


/*------------------------------ New CSS for Mobile Developmen-----------------------*/
.mobiledevelopmentbox { color:#3e4247; font-size:12px; text-align:justify; }
.mobileappbox { margin:0px 10px; color:#3e4247; font-size:12px; text-align:justify; }

.mobappd_left {width:300px; height:auto; float:left; margin:10px 0px 10px 5px; text-align:left;}
.mobappd_left img {border:0px; margin:0px; float:none}

.mobappd_right {width:300px; height:auto; float:right; margin:10px 5px 10px auto; text-align:left;}
.mobappd_right img {border:0px;  margin:0px; float:none}

.mobileimage {float:left; width:73px;}
.mobiledetails {float:right; width:225px; color:#5d5d5d; text-indent:0px; font-size:12px}
.mobiledetails p {margin:0px; padding:0px;}
.mobiledetails a {color:#5d5d5d;}

.mobapp_casestudy {background:url(../images/casestudy_bg.jpg) no-repeat; width:auto; height:131px; margin:15px 0px; padding:50px 0px 0px 27px;}
.mobapp_casestudy ul {margin:0px; padding:0px; list-style:none;}
.mobapp_casestudy ul li {float:left; padding:0px 25px 0px 0px; margin:0px;}

.overview {margin-bottom:15px; font-size:12px}
.overview ol {margin:0px 0px 0px 20px; padding:0px 0px 0px 10px;}

.casestudy { width: 621px; float: right; background:url(../images/casestudy_header.jpg) no-repeat #fff; height:auto; padding:190px 5px 0px 5px; color:#333; font-size:12px;}
.casestudy ol {margin:0px 0px 0px 15px; padding:0px 0px 0px 12px;}
.casestudy ul {margin:0px 0px 0px 15px; padding:0px 0px 0px 12px;}

.castudyheader {font-size:14px; font-weight:bold}

.screenshot {background:#f6f6f6; border:1px solid #c3c3c3; padding:10px 15px 0px 16px; margin-bottom:10px; }
.screenshot ul {margin:0px; padding:0px; list-style:none;}
.screenshot ul li {float:left; padding:0px; margin:0px 18px 10px 0px;}
.screenshotblock {width:127px; background:#FFF; height:auto;border:1px solid #e5e5e5; text-align:center;min-height:250px; font-size:11px; }
* html .screenshotblock  {height:250px;}
.screenshotblocklast {width:127px; background:#FFF; height:auto; padding:5px; border:1px solid #e5e5e5; margin:0px; text-align:center;min-height:250px; font-size:11px;}
* html .screenshotblocklast{height:250px;}
.screenshotblock1 {width:127px; background:#FFF; height:auto;border:1px solid #e5e5e5; text-align:center;min-height:210px; font-size:11px; }
* html .screenshotblock1  {height:210px;}
.screenshotblocklast1 {width:127px; background:#FFF; height:auto; padding:5px; border:1px solid #e5e5e5; margin:0px; text-align:center;min-height:210px; font-size:11px;}
* html .screenshotblocklast1{height:210px;}

.poslist {background:#f7f7f7; border:1px solid #ccc; padding:5px; margin-bottom:15px; text-align:left!important;}