/*******************************************/
/** Created By: Ton Nao                   **/
/** Created On: 19/12/2008                **/
/** Last Modified: 13/02/2009             **/
/** Email: tondon@greypathsolutions.com   **/
/**        ton.nao@gmail.com              **/
/*******************************************/

body{
	margin:0;
	background-image:url(../images/bg.gif);
	background-repeat:repeat;
}

#wrapper{
	width:990px;
	min-height:682px;
	height:auto !important;
	height:682px;
	background-color:#FFF;
	margin-left:auto;
	margin-right:auto;
	background:#FFF;
}

#wrapper1{
	width:990px;
	min-height:352px;
	height:auto !important;
	height:352px;
	background-color:#FFF;
	margin-left:auto;
	margin-right:auto;
	background:#FFF;
}

.wrapper-over{
	width:990px;
	min-height:634px;
	height:auto !important;
	height:634px;
	background-color:#FFF;
	margin-left:auto;
	margin-right:auto;
}

#logoportion {
	width:990px;
	height:69px;

}
#logogreypath {
	width:204px;
	height:38px;
	float:left;
	margin-top:8px;
	padding-left:16px;
}
#menu {
	width:286px;
	height:28px;
	float:left;
	padding:42px 0 0 484px;
}
.menuclass {
	width:286px;
	height:25px;
	padding:0;
	margin:0;
}
.hori-bar {
    width:1px;
	height:25px;
	float:left;
}
.home { 
	background-image:url(../images/home.gif);
	background-repeat:no-repeat;
	display:block; 
	width:54px; 
	height:25px;
	float:left;
}

#home .home { 
	background-image:url(../images/home-hvr.gif);
	background-repeat:no-repeat;
	display:block; 
	width:54px; 
	height:25px;
	float:left;
}

.ser { 
	background-image:url(../images/services.gif);
	background-repeat:no-repeat;
	display:block; 
	width:80px; 
	height:25px;
	float:left;
}

#ser .ser { 
	background-image:url(../images/services-hvr.gif);
	background-repeat:no-repeat;
	display:block; 
	width:80px; 
	height:25px;
	float:left;
}

.clients { 
	background-image:url(../images/clients-m.gif);
	background-repeat:no-repeat;
	display:block; 
	width:64px; 
	height:25px;
	float:left;
}

#clients .clients { 
	background-image:url(../images/clients-m-hvr.gif);
	background-repeat:no-repeat;
	display:block; 
	width:64px; 
	height:25px;
	float:left;
}

.contact{ 
	background-image:url(../images/contact.gif);
	background-repeat:no-repeat;
	display:block; 
	width:82px; 
	height:25px;
	float:left;
}

#contact .contact { 
	background-image:url(../images/contact-hvr.gif);
	background-repeat:no-repeat;
	display:block; 
	width:82px; 
	height:25px;
	float:left;
}


/*
.menuclass li a.services { 
	width:64px;
	height:25;
	display:block;
	background-image:url(../images/home.gif);
	
}
.menuclass li {
	display:inline;
}

.menuclass li a.home { 
	width:64px;
	height:25;
	display:block;
	background-image:url(../images/home.gif);
	
}

.menuclass li a.menuselect {
	font-family:Verdana;
	font-size:12px;
	color:#a35145;
	text-decoration:none;
}
.menuclass li a:hover {
	font-family:Verdana;
	font-size:12px;
	color:#a35145;
	text-decoration:none;
}
*/
.menufont {
	color:#828282;
}
#banner {
	width:990px;
	height:247px;
	float:left;
}

.banner {
	width:990px;
	height:247px;
}
.banner-left {
	width:450px;
	height:247px;
	float:left;
}

#wrapbody-left {
	width:778px;
	min-height:260px;
	height:auto !important;
	height:260px;
	float:left;
}
.for-firexox-bg {
	width:990px;
	min-height:292px;
	height:auto !important;
	height:292px;
	float:left;
	background-color:#FFF;
}
.wrapbody-left-over {
	width:778px;
	min-height:292px;
	height:auto !important;
	height:292px;
	float:left;
	padding-bottom:20px;
}

#inner-left {
	width:191px;
	min-height:195px;
	height:auto !important;
	height:195px;
	float:left;
	margin:16px 11px 16px 0;
	padding-left:16px;
	
}
.red-font {
	font-family:Verdana;
	font-size:11px;
	color:#983828;
	font-weight:bold;
}
.blue-arrow{
	width:18px; 
	height:10px; 
	float:left;
	background-image:url(../images/blue-arrow.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
}
.greylink {
	font-family:Verdana;
	font-size:12px;
	color:#919191;
	text-decoration:none;
}
.greylink11 {
	font-family:Verdana;
	font-size:11px;
	color:#919191;
	text-decoration:underline;
}

#inner-right {
	width:557px;
	height:226px;
	float:left;
}
.inner-right-over {
	width:557px;
	min-height:226px;
	height:auto !important;
	height:226px;
	float:left;
	padding-bottom:20px;
	padding-left:11px;
	margin-top:16px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #dcdcdc;
}
#wrapbody-right {
	width:212px;
	min-height:262px;
	height:auto !important;
	height:262px;
	float:left;
}
#footerwrap {
	width:990px;
	height:26px;
	background-color:#eaeaea;
	float:left;
}
.input1 {
	width:166px;
	height:16px;
	background-color: #f8f6f7;
	border: 1px solid #dddddd;
}
.input-btn {
	width:90px;
	height:24px;
	background-color: #7092b9;
	border: 1px solid #666;
	font-family:Verdana;
	color:#fff;
	font-size:11px;
	cursor:pointer;
}
.heading-font {
	font-family:Verdana;
	font-size:14px;
	color:#646464;
	font-weight:bold;
}

.redbox {
	width:198px;
	height:238px;
	float:left;
	padding-left:10px;
	margin-top:16px;
}
.redbox-hack {
	min-height:100px; 
	height:auto !important; 
	height:100px;
}
.t-l-c {
	width:18px;
	height:18px;
	float:left;
	background-image:url(../images/top-left-cnr.gif);
	background-repeat:no-repeat;
	font-size:0;
}
.t-r-c {
	width:18px;
	height:18px;
	float:left;
	background-image:url(../images/top-right-cnr.gif);
	background-repeat:no-repeat;
	font-size:0;
}
.b-l-c {
	width:18px;
	height:18px;
	float:left;
	background-image:url(../images/btm-left-cnr.gif);
	background-repeat:no-repeat;
	font-size:0;
}
.b-r-c {
	width:18px;
	height:18px;
	float:left;
	background-image:url(../images/btm-right-cnr.gif);
	background-repeat:no-repeat;
	font-size:0;
}
.m-bar {
	width:153px;
	height:18px;
	float:left;
	background-color:#953829;
	font-size:0;
}

.call-left {
	width:6px;
	height:42px;
	float:left;
	background-image:url(../images/left-border.gif);
	margin-left:10px;
	display:inline;
}
.call-mid-bar {
	width:176px;
	height:40px;
	float:left;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #eaeaea;
	border-bottom-color: #eaeaea;
}

.call-mid-bar a {
   display:block; 
   width:147px;
   height:33px;
   margin:7px 0 0 0;
   background-image:url(../images/phone.gif);
   background-repeat:no-repeat;
   background-position:left center;
   padding-left:30px;
   font-family:Verdana;
   font-size:9px;
   font-weight:normal;
   color:#a0a0a0;
   text-decoration:none;
   cursor:default;
}

.call-mid-bar a:hover {
   display:block; 
   width:146px;
   height:33px;
   margin:7px 0 0 0;
   background-image:url(../images/phone-hvr.gif);
   background-repeat:no-repeat;
   background-position:left center;
   padding-left:30px;
   font-family:Verdana;
   font-size:9px;
   font-weight:normal;
   color:#a0a0a0;
   text-decoration:none;
}
.call-right {
	width:6px;
	height:42px;
	float:left;
	background-image:url(../images/right-border.gif);
}
#phone{
	display:block; 
	width:30px; 
	padding-top:5px; 
	float:left;
}
.phonefont {
	font-family:Verdana;
	font-size:9px;
	font-weight:normal;
	color:#a0a0a0;
}
.arrowlink {
	font-family:Verdana;
	font-size:12px;
	color:#646665;
	font-weight:bold;
}
.normalfont{
	font-family:Verdana;
	font-size:11px;
	font-weight:normal;
	color:#919191;
	line-height:11px;
} 
.normallink{
	font-family:Verdana;
	font-size:11px;
	font-weight:normal;
	color:#919191;
	line-height:11px;
	text-decoration:none;
} 

.normallink:hover{
	font-family:Verdana;
	font-size:11px;
	font-weight:normal;
	color:#919191;
	line-height:11px;
	text-decoration:underline;
} 

.darkerfont{
	font-family:Verdana;
	font-size:11px;
	font-weight:normal;
	color:#4f4f4f;
	line-height:11px;
}
.redfont-b{
	font-family:Verdana;
	font-size:11px;
	font-weight:normal;
	color:#953829;
	line-height:11px;
	font-weight:bold; 
}
.bluefont-b{
	font-family:Verdana;
	font-size:11px;
	font-weight:normal;
	color:#16647b;
	line-height:11px;
	font-weight:bold;
}
.whitefont{
	font-family:Verdana;
	font-size:11px;
	font-weight:normal;
	color:#ffffff;
	line-height:11px;
}
.link-wht {
	font-family:Verdana;
	font-size:9px;
	font-weight:normal;
	color:#ffffff;
	text-decoration:underline;
	line-height:15px;
}
.greyfont {
	font-family:Verdana;
	font-size:11px;
	font-weight:normal;
	color:#909090;
}
#aboutcompany {
	width:557px;
	min-height:136px;
	height:auto !important;
	height:136px;
	float:left;
	/*padding-top:16px;*/
}
.thankyou-contact {
	width:557px;
	height:30px;
	float:left;
}

.client-box {
	width:553px;
	min-height:30px;
	height:auto !important;
	height:30px;
	float:left;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	padding:10px 0 10px 0;
}

#contact-form {
	width:557px;
	min-height:100px;
	height:auto !important;
	height:100px;
	float:left;
	padding-top:16px;
}

#contact-form .span-L{
	display:block;
	width:140px;
	height:26px;
	text-align:right;
	float:left;
	padding-top:16px;
	padding-right:10px;
}
#contact-form .span-R{
	display:block;
	width:407px;
	height:26px;
	float:left;
	padding-top:16px;
}
#casebox {
	width:556px;
	min-height:78px;
	height:auto !important;
	height:78px;
	float:left;
	margin-top:0px;
	border: 1px solid #eaeaea;
}
#casebox-left{
	width:226px;
	height:20px;
	float:left;
	padding-left:52px;
	padding-top:4px;
}
#casebox-right{
	width:231px;
	height:20px;
	float:left;
	padding-left:47px;
	padding-top:4px;
}
#casestudies{
	width:278px;
	min-height:51px;
	height:auto !important;
	height:51px;
	float:left;
}
#partners{
	width:278px;
	min-height:51px;
	height:auto !important;
	height:51px;
	float:left;
}
.footermenu {
	display:block;
	margin:0;
}
.footermenu li {
	display:inline;
}
.path {
	display:block;
	margin:0; 
	padding:0; 
	list-style:none;
	margin-top:12px;
}

.path li {
	display:inline;
	margin-right:8px;

}
.path-inside {
	display:block;
	margin:0; 
	padding:0;
    height:22px;
}

#searchBox {
	background-color: #fff;
	width: 220px;
	position: absolute;
	top: 34px;
	left: 108px;
	padding: 10px;
	height:30px;
	border: 1px solid #666;
	border-top: 0px;
}
#search-holder {
	height:24px; 
	width:190px; 
	float:left; 
	display:block;
}

#topic-holder {
	width:778px; 
	height:34px; 
	float:left;
	
}

.topic-holder {
	width:970px; 
	height:34px; 
	padding:10px 0 0 10px;
}
.services {
	display:inline; 
	width:188px; 
	height:18px; 
	float:left; 
	border-bottom-width: 2px; 
	border-bottom-style: solid; 
	border-bottom-color: #dcdcdc; 
	margin-left:14px;
	margin-top:14px;
}
.company {
	display:inline; 
	width:554px; 
	height:18px; 
	float:left; 
	border-bottom-width: 2px; 
	border-bottom-style: solid; 
	border-bottom-color: #dcdcdc; 
	margin-left:18px;
	margin-top:14px;
}

.company1 {
	display:inline; 
	width:554px; 
	height:18px; 
	border-bottom-width: 2px; 
	border-bottom-style: solid; 
	border-bottom-color: #dcdcdc; 
	margin-left:18px;
	margin-top:14px;
}
.domain {
	width:187px;
	height:18px;
	float:left;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #dcdcdc;
	margin-left:10px; 
	margin-top:14px;
	display:inline; 
}
.domain-r {
	width:187px;
	height:26px;
	float:left;
	margin-left:10px; 
	margin-right:15px;
	display:inline; 
}
.center-content {
	width:153px;
	height:200px;
	float:left;
	padding:0 18px 0 18px;
	background-color:#953829;
}

.cc-override {
	min-height:100px; 
	height:auto !important; 
	height:100px; 
	padding:0 8px 0 8px;
	width:173px; 
}
#slider-content {
	width:173px; 
	min-height:120px;
	height:auto !important;
	height:120px; 
	float:left; 
	display:block;
	
}
#copyright {
	display:block; 
	width:180px; 
	height:20px; 
	float:left; 
	margin-top:6px; 
	margin-left:10px;
}
#fm {
	display:block; 
	width:280px; 
	height:20px; 
	float:right; 
	margin-right:10px; 
	text-align:right;
}
#phonedisplay {
	display:block; 
	width:144px; 
	height:20px; 
	float:left; 
	margin-left:2px; 
	padding-top:10px; 
}
.contact-txt-box{
	width:300px;
	height:80px;
	border:1px solid #CCC;
}
.squre-box {
	float:left;
	padding-left:10px;
	padding-bottom:22px;
	width:189px;
	min-height:100px;
	height:auto !important;
	height:100px;
    margin-top:12px;
}
.square-box-over {
	float:left;
	padding-left:10px;
	width:260px;
	min-height:100px;
	height:auto !important;
	height:100px;
    margin-top:12px;
}
.pathheading {
	float:left;
	width:238px;
	height:16px;
	display:inline;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	font-weight:bold;
	line-height:12px;
}

.pathcontent {
	float:left;
	width:238px;
	min-height:36px;
	height:auto !important;
	height:36px;
	margin-top:4px;
}
.topleft{
	width:10px;
	height:10px;
	float:left;
	background-image:url(../images/bwn-top-left.gif);
	background-repeat:no-repeat;
}

.topright{
	width:10px;
	height:10px;
	float:left;
	background-image:url(../images/bwn-top-right.gif);
	background-repeat:no-repeat;
}

.btmleft{
	width:10px;
	height:10px;
	float:left;
	background-image:url(../images/bwn-btm-left.gif);
	background-repeat:no-repeat;
}

.btmright{
	width:10px;
	height:10px;
	float:left;
	background-image:url(../images/bwn-btm-right.gif);
	background-repeat:no-repeat;
}

.longbar{
	width:169px;
	height:10px;
	float:left;
	background-image:url(../images/mid-bar.gif);
	background-repeat:repeat-x;
}
.longbar-b{
	width:169px;
	height:10px;
	float:left;
	background-image:url(../images/mid-bar-b.gif);
	background-repeat:repeat-x;
}
.border-ontop{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #eaeaea;
	float:left;
}
.somecontent {
	width:167px;
	min-height:200px;
	height:auto !important;
	height:200px;
	float:left;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #eaeaea;
	border-left-color: #eaeaea;
	padding:10px;
}
.protfilo {
	width:167px;
	min-height:110px;
	height:auto !important;
	height:110px;
	float:left;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #eaeaea;
	border-left-color: #eaeaea;
	padding:10px;
}
.protfilo-height-override {
	min-height:150px;
	height:auto !important;
	height:150px;
}
.org-font{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#ff6600;
}
.give-border-onleft{
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #CCC;	
}
.givemargin{
	width:559px; 
	min-height:200px; 
	height:auto !important; 
	height:200px; 
	float:left; 
	padding-left:11px; 
	margin-top:16px; 
}
.input18 {
	height: 18px;
	width: 150px;
	border: 1px solid #a5acb2;
}
.required {
	color:#F00;
}
.msgbox {
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #060;
	text-decoration: none;
	padding:2px;
	height:18px;
	width:200px;
	display:inline;
	border: 1px solid #FF9F9F;
	float:left;
	margin-left:100px;
}

.pathlink {
	font-family:Verdana;
	font-size:11px;
	font-weight:normal;
	color:#16647b;
	line-height:11px;
	font-weight:bold;
	text-decoration:none;
}
.pathlink:hover {
	font-family:Verdana;
	font-size:11px;
	font-weight:normal;
	color:#16647b;
	line-height:11px;
	font-weight:bold;
	text-decoration:underline;
}

.clientalk {
    min-height:100px; 
	height:auto !important; 
	height:100px; 
	width:180px; 
	padding-left:0; 
	margin-top:22px; 
	/*padding-bottom:10px;*/
	background-color:#dae6f4;
	float:left;
}

.clientalk1 {
 	height:135px; 
	width:180px; 
	float:left;
	
}

.clientalk2 {
 	height:108px; 
	width:170px; 
	float:left;
	background-image:url(../images/squre-bg.gif); 
	background-repeat:no-repeat; 
	padding:13px 5px 14px 5px;
}

.clientcontent {
   min-height:36px; 
   height:auto !important; 
   height:36px; 
   width:164px;
   float:left;
   display:block;
   padding:0 8px 0 8px;
}

.clientcontent1 {
  
   height:66px; 
   width:160px;
   float:left;
   display:block;
   padding:30px 4px 0 8px;
}
.darkbar {
	width:180px;
	height:6px;
	display:inline;
	float:left;
	background-color:#8cbef8;
	font-size:0;
}

.clienttalkheading {
	width:164px;
	height:20px;
	display:block;
	float:left;
	padding:8px 8px 0 8px;
}
.clientheadingfont {
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #1d3b60;
	text-decoration: none;	
}

.ch-normal-font {
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #1d3b60;
	text-decoration: none;	
}
.btm-bar-border {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;	
}
.oldman {
	/*min-height:100px; 
	height:auto !important; */
	height:231px; 
	width:127px; 
	margin-top:22px; 
	float:left;
	background-image:url(../images/client-talk.gif);
	background-repeat:no-repeat;
	padding:40px 12px 32px 30px;
}

.oldman .heading{
	height:26px; 
	width:127px; 
	float:left;
}

.oldman .content{
	/*min-height:200px;
	height:auto !important;*/
	height:169px; 
	width:127px; 
	float:left;
	padding-bottom:10px;
}

.oldman .quoteby{
	/*min-height:200px;
	height:auto !important;*/
	height:26px; 
	width:127px; 
	float:left;
	text-align:right;
}
.normal-font-darkar {
	color:#666;
}

.started {
	float:left;
	width:180px;
	height:80px;
	display:block;
	
}

.bullet-points {
	margin:0 0 0 16px;
	padding:0; 
	list-style-type: disc; 
	line-height:15px;
	font-family:Arial; 
	font-size:11px;
}

.bp {
	list-style-image: url(../images/grey-arrow.gif);	
}

.bulletforpopup {
	margin:0 0 0 20px;
	padding:0;
	line-height:15px;
	font-family:Arial;
	font-size:11px;
	list-style-image: url(../images/arw.gif);
}

.more {
   display:block; 
   width:165px; 
   height:12px; 
   float:left; 
   margin-top:10px; 
   padding-right:8px; 
   text-align:right;	
}

.morelink {
	font-family:Verdana;
	font-size:11px;
	font-weight:normal;
	text-decoration:underline;
	color:#FFF;
}
.formvalue {
	margin:10px 0 4px 8px; 
	display:block; 
	width:170px; 
	height:93px;
	background-image:url(../images/sign-up.gif);
	background-repeat:no-repeat;
}
.invisible-input {
	margin:36px 0 0 6px; 
	background:none; 
	border:none; 
	display:inline; 
	width:160px;
	height:22px;
}

/******************/

.hidden
{
display: none;
}

#prevNext
{
margin-bottom: -2.5em;
}

#prevNext img
{
position: relative;
z-index: 2;
cursor: pointer;
}

/********input tips*************************/

.somdv {
   
    width: 170px;
    margin: 0;
	padding:0;
	display:block;
	float:left;
	height:30px;
 
}

/* The hint to Hide and Show */
.hint {
   	display: none;
    position: absolute;
    left: -230px;
    width: 200px;
    margin-top: -4px;
    border: 1px solid #c93;
    padding: 10px 12px;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #ffc url(../images/pointer.gif) no-repeat -10px 5px;
}

/* The pointer image is hadded by using another span */
.hint .hint-pointer {
    position: absolute;
    left:224px;
    top: 6px;
    width: 10px;
    height: 19px;
    background: url(../images/pointer.gif) left top no-repeat;
}
/*********end input tips**********************/


/****************rss feed**********************/

#scrollerContainer {
  height:86px; 
  width:163px; 
  margin-left:auto;
  margin-right:auto;
}

#scrollerContainer a{
	font-family:Arial;
	font-size:11px;
	color:#16647b;
	margin-bottom:2px;
	display:block;
}

#scroller {
  height:86px; 
  width:163px; 
  float:left; 
  font-family:Arial;
  font-size: 11px;
  line-height:12px;
  font-weight: normal;
  color:#919191;
  text-decoration: none;
  overflow:scroll;
}

#sd {
  height:132px; 
  width:163px; 
  float:left; 
  font-family:Arial;
  font-size: 11px;
  line-height:12px;
  font-weight: normal;
  color:#919191;
  text-decoration: none;
  overflow:scroll;
}
/****************end rss feed*********************/