/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body { line-height: 1; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }

/* COMMONS */
.cleaner { clear: both; }
a { text-decoration:none; }
body { font: 12px Arial, Helvetica, sans-serif; }
.floatleft { float:left; }
.floatright { float:right; }
.hide {display:none;}

/* ESTRUCTURE */
#all { margin:0 auto; width:1024px; }

/* HEADER */
#header { height: 235px; position:relative; }
#header2 { height: 74px; position:relative; background-color: #1F230D; }
#header .logo { display:block; position:absolute; top:0; left:0; width:173px; height:99px; z-index:10; }
#header2 .logo { display:block; position:absolute; top:0; left:0; width:117px; height:70px; z-index:10; }
#header .searcharea, #header2  .searcharea { height:35px; width:1024px;	position:absolute; top:0; z-index:3; left:0; background-color: #1F230D; }
#header .searcharea .search, #header2 .searcharea .search { margin:6px 10px 0 0 ; float:right;  height:22px; background:#fff url(images/cv-search.gif) left no-repeat; padding-left:3px }
#header .contact, #header2 .contact  { margin:6px 7px 0 0; float:right; width:70px; height:22px; }
#header .text, #header2 .text { border:1px solid #fff; width:270px; margin:0px; height: 16px; float:left; color:#666666; }

/* Menu Principal */
#menu { height:38px; position:relative; background: #40491d; background-position: bottom; font-size: 12px; }
#menu ul { margin:0 0 0 10px; padding:12px 0px 0px 0px; width:500px; float:left; }
#menu li { float:left; position:relative; height:15px; }
#menu li a { font-weight: bold; padding:3px 7px; height:15px; margin-right:5px; }
#menu li a:hover { background-color:#e2eac5; -moz-border-radius: 2px; -webkit-border-radius: 2px; color:#414a1d; padding:3px 7px; height:15px; } 
#menu a.active { background-color:#e2eac5; -moz-border-radius: 2px; -webkit-border-radius: 2px; color:#414a1d; height:15px; padding:3px 7px; }
a.link { color:#FFF; }
a.bit { background:url(images/icon-circle2.png) no-repeat 70px 4px; display:block; float:right; 	margin:4px 7px 0 0;	padding:8px 30px 5px 0px; font-weight: bold; color:#FFF; height:17px; }

/* Submenu */
ul, li { margin: 0px;	padding: 0px; }
ul { list-style-type: none; padding-top: 2px; }
#submenu { background-color: #839545; -moz-border-radius: 0px 0px 5px 5px;  -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; height: 36px; font-weight:bold; position: relative; z-index: 100; }

/* 1 nivel------------------------------------------------------------*/
/* flota la lista para hacerla horizontal y con posicion relativa para poder controlar la posicion del menu dropdown */
#submenu ul li { float: left; list-style-position:outside; }
#submenu ul li.seccion { position:relative; margin-left: 15px; *position:absolute !important;  /* Sólo IE7 */; }
#submenu ul li.nivel1 { position:relative; *left: 63px; !important;  /* Sólo IE7 */; }
/* estilo para links del nivel 1 */
#submenu ul a.titulo { position: relative; display: block;
	text-decoration: none;
	color: #FFFFFF;
	height: 17px;
	padding: 7px 10px 0px 4px;
	font-size: 12px;
	margin: 5px 0px 0px 11px;
	z-index:10px !important;
		}
		/* estilo para hover del nivel 1 */
		#submenu ul a.titulo:hover {
	position: relative;
	display: block;
	height: 17px;
	color: #FFFFFF;
	cursor:pointer;
	background-color: #a1b16c;
	-moz-border-radius: 3px ;
	-webkit-border-radius: 3px ;
	padding:7px 10px 0px 4px;}

	#submenu ul a.here { position: relative;
	display: block;
	height: 17px;
	color: #FFFFFF;
	cursor:pointer;
	background-color: #a1b16c;
	-moz-border-radius: 3px ;
	-webkit-border-radius: 3px ;
	padding:7px 10px 0px 4px; }
	#submenu ul a strong {
	display: block;
	float:left;
	height: 24px;
	padding: 9px 10px 0px 2px;
	margin-top: -12px;

		}

	.flecha{
		*position:absolute !important;  /* Sólo IE7 */;
	float:right;
	display: block;
	height: 24px;
	width:17px;
	text-indent:-2000px;
	position:relative;
	background-repeat: no-repeat;
	background-position: right top;
	margin: 5px 0px 0px -80px;
	cursor:pointer;

}
a.flecha1, a.flecha2 , a.flecha1b {

*position:absolute !important;  /* Sólo IE7 */;
  position:relative;
  float:right;
	display: block;
	height: 25px;
	width:17px;
	text-indent:-2000px;
	background: url(images/flechaa.png) no-repeat right top;
	margin: 5px 0px 0px -80px;
	cursor:pointer;

}
a.flecha1 em {
    z-index:3;
}
a.flecha1:hover {
*position:absolute !important;  /* Sólo IE7 */;

  position:relative;
  float:right;
	display: block;
	height: 24px;
	width:75px;
	text-indent:-2000px;
	background:#a1b16c url(images/flecha2.gif) no-repeat right top;
	margin: 5px 0px 0px -80px;
	cursor:pointer;
	-moz-border-radius: 3px ;
	-webkit-border-radius: 3px ;
    filter: alpha(opacity=40);
    opacity: .4;
    *right:64px!important;  /* Sólo IE7 */;
}
a.flecha1b:hover {
*position:absolute !important;  /* Sólo IE7 */;

  position:relative;
  float:right;
	display: block;
	height: 24px;
	width:80px;
	text-indent:-2000px;
	background:#a1b16c url(images/flecha2.gif) no-repeat right top;
	margin: 5px 0px 0px -80px;
	cursor:pointer;
	-moz-border-radius: 3px ;
	-webkit-border-radius: 3px ;
    filter: alpha(opacity=40);
    opacity: .4;
    *right:64px!important;  /* Sólo IE7 */;


}
a.flecha2:hover {
*position:absolute !important;  /* Sólo IE7 */;

  position:relative;
  float:right;
	display: block;
	height: 24px;
	width:83px;
	text-indent:-2000px;
	background:#a1b16c url(images/flecha2.gif) no-repeat right top;
	margin: 5px 0px 0px -80px;
    padding-left:15px;
	cursor:pointer;
	-moz-border-radius: 3px ;
	-webkit-border-radius: 3px ;
    z-index:-2px;
    filter: alpha(opacity=40);
    opacity: .4;
    right:18px;
    *right:64px!important;  /* Sólo IE7 */;
}
.nivel1 a {
    color:#40491D;
}

/* 2 nivel------------------------------------------------------------*/
/* esconde el nivel 2y3 y da posicion absoluta asi no ocupan espacio */
#submenu ul ol.nivel2 {
	visibility: hidden;
	position: absolute;
	left: 0;
	padding:0px;
	margin:0;
	width: 168px;
	*padding-top: 9px !important  /* Sólo IE7 */;
	*top: 27px !important  /* Sólo IE7 */;
	top: 34px;
	*left: -140px !important  /* Sólo IE7 */;
	left: -75px /* Firefox y los demás */;
    border-top:2px solid #839545;
    *border-top:0px solid #839545 !important  /* Sólo IE7 */;
    -moz-border-radius-bottomleft:3px;
    -moz-border-radius-bottomright:3px;
    -webkit-border-bottom-left-radius:3px;
    -webkit-border-bottom-right-radius:3px;
    background:#839545;

}
#submenu ul ol.nivel2b {
	visibility: hidden;
	position: absolute;
	left: 0;
	padding: 0;
	margin:0;
	width: 168px;
	*padding-top: 9px !important  /* Sólo IE7 */;
	*top: 27px !important  /* Sólo IE7 */;
	top: 34px;
	*left: -160px !important  /* Sólo IE7 */;
	left: -98px /* Firefox y los demás */;
    border-top:2px solid #839545;
    *border-top:0px solid #839545 !important  /* Sólo IE7 */;
    -moz-border-radius-bottomleft:3px;
    -moz-border-radius-bottomright:3px;
    -webkit-border-bottom-left-radius:3px;
    -webkit-border-bottom-right-radius:3px;
    background:#839545;
}
#submenu ul ol.nivel2a {
	visibility: hidden;
	position: absolute;
	left: 0;
	padding: 0;
	margin:0;
	width: 168px;
	*padding-top: 9px !important  /* Sólo IE7 */;
	*top: 27px !important  /* Sólo IE7 */;
	top: 34px;
	*left: -160px !important  /* Sólo IE7 */;
	left: -80px /* Firefox y los demás */;
    border-top:2px solid #839545;
    *border-top:0px solid #839545 !important  /* Sólo IE7 */;
    -moz-border-radius-bottomleft:3px;
    -moz-border-radius-bottomright:3px;
    -webkit-border-bottom-left-radius:3px;
    -webkit-border-bottom-right-radius:3px;
    background:#839545;
}
	#submenu ul ol.nivel2 li, #submenu ul ol.nivel2b li, #submenu ul ol.nivel2a li  {
	font-size: 12px;
	padding-right: 16px;
	display:block;
	width: 157px;
	}
		/* estilo para links del nivel 2 */
		#submenu ul ol.nivel2  a, #submenu ul ol.nivel2  a:visited {

		display: block;
		height: auto;
		height: 24px;
		width: 157px;
	  color:#ffffff;
	  padding:5px 5px 1px 5px;
	  font:normal 11px;
	  line-height:24px;
	  background:#839545;
      border-top:1px solid #bac88c;
		}
		#submenu ul ol.nivel2b  a, #submenu ul ol.nivel2b  a:visited {

		display: block;
		height: auto;
		height: 24px;
		width: 157px;
	  color:#ffffff;
	  padding:5px 5px 1px 5px;
	  font:normal 11px;
	  line-height:24px;
	  background:#839545;
      border-top:1px solid #bac88c;
		}
        	#submenu ul ol.nivel2a  a, #submenu ul ol.nivel2a  a:visited {

		display: block;
		height: auto;
		height: 24px;
		width: 157px;
	  color:#ffffff;
	  padding:5px 5px 1px 5px;
	  font:normal 11px;
	  line-height:24px;
	  background:#839545;
      border-top:1px solid #bac88c;
		}
		/* estilo para hover del nivel 2 */
		#submenu ul ol.nivel2  a:hover {
			color:#ffffff;
			padding:5px 5px 1px 5px;
			width:157px;
			font:normal 11px;
			line-height:24px;
			background:#a4b275;
		}
				#submenu ul ol.nivel2b  a:hover {
			color:#ffffff;
			padding:5px 5px 1px 5px;
			width:157px;
			font:normal 11px;
			line-height:24px;
			background:#a4b275;
		}
        		#submenu ul ol.nivel2a  a:hover {
			color:#ffffff;
			padding:5px 5px 1px 5px;
			width:157px;
			font:normal 11px;
			line-height:24px;
			background:#a4b275;
		}
		#submenu .final {
			  -moz-border-radius: 0px 0px 5px 5px;
				-webkit-border-radius: 0px 0px 5px 5px;
				height:5px;

				}
/* hace visible el nivel 2 cuando active en lista o link del nivel 1 */
		#submenu ul li.nivel1:hover ol.nivel2, #submenu ul li.nivel1:hover ol.nivel2b , #submenu ul li.nivel1:hover ol.nivel2a{
	visibility: visible;
}


a.blog {
	background:url(images/ic-blog.gif) no-repeat right 0px;
	display:block;
	float: right;
	margin:8px 7px 0px 0px;
	padding:0px 25px 0px 0px;
	font-weight: bold;
	color:#FFF;
	line-height:18px;
}
a.blog:hover {
	text-decoration:underline;
}


/* Titles
.........................................................................*/

h1.fruits  {
	height: 43px;
	width: 215px;
	text-indent: -5000px;
	background: url(images/tit-fruits.png) no-repeat left top;
}
h1.upbringing {
	height: 43px;
	width: 265px;
	text-indent: -5000px;
	background: url(images/tit-upbringing.png) no-repeat left top;
}
h1.family {
	height: 43px;
	width: 235px;
	text-indent: -5000px;
	background: url(images/tit-family.png) no-repeat left top;
}
h1.signup {
	height: 43px;
	width: 180px;
	text-indent: -5000px;
	background: url(images/tit_signup.gif) no-repeat left top;
}
h1.creative {
	height: 43px;
	width: 310px;
	text-indent: -5000px;
	background: url(images/tit-creative.png) no-repeat left top;
}
h1.clients {
	height: 43px;
	width: 160px;
	text-indent: -5000px;
	background: url(images/tit-clients.png) no-repeat left top;
}
h1.services {
	height: 43px;
	width: 210px;
	text-indent: -5000px;
	background: url(images/tit-services.png) no-repeat left top;
}
h1.case{
	height: 43px;
	width: 310px;
	text-indent: -5000px;
	background: url(images/tit-case.png) no-repeat left top;
}
h1.contact{
	height: 43px;
	width: 310px;
	text-indent: -5000px;
	background: url(images/tit-case.png) no-repeat left top;
}
h1.sitemap{
	height: 43px;
	width: 200px;
	text-indent: -5000px;
	background: url(images/tit-sitemap.png) no-repeat left top;
}
h1.ourbit{
	height: 43px;
	width: 170px;
	text-indent: -5000px;
	background: url(images/tit-ourbit.png) no-repeat left top;
}
h1.terms{
	height: 43px;
	width: 600px;
	text-indent: -5000px;
	background: url(images/tit-terms.png) no-repeat left top;
}
h1.privacy{
	height: 43px;
	width: 400px;
	text-indent: -5000px;
	background: url(images/tit-privacy.png) no-repeat left top;
}
h1.data{
	height: 43px;
	width: 400px;
	text-indent: -5000px;
	background: url(images/tit-data.png) no-repeat left top;
}
h1.login{
	height: 43px;
	width: 400px;
	text-indent: -5000px;
	background: url(images/tit-login.png) no-repeat left top;
}
h1.contact{
	height: 43px;
	text-indent: -5000px;
	background: url(images/tit-contact.png) no-repeat left top;
}
/* Title
.........................................................................*/
.message { margin:3px auto 0; background-color:#D5E7BC; height:94px; position:relative; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: -1; }
.message h1 {
	font:normal 33px Arial, Helvetica, sans-serif;
	margin:0 0 0 7px;
	padding:8px 0 4px 0;
	color:#6C7E30;
}
.message h2{
	color:#40491D;
	font:normal 14px Arial, Helvetica, sans-serif;
	line-height:16px;
	margin: 0 8px;
}
.message h1 strong {
	color:#40491D
}

/*Our Services
.....................................................................................*/

.ouserv p.full {
  margin:20px 0px 0px 20px;
  padding: 7px 35px;
  background: url(images/more-services.gif) no-repeat;
  font-size: 14px;
}
.ouserv p.full a { color:#666; }
.ouserv p.full a:hover { text-decoration:underline; }
.ouserv h3   {
	padding:0 0 0 8px;
	margin:21px 0 0px 0;
	font:23px Arial, Helvetica, sans-serif;
}
.ouserv h3 a   {
	color:#40491D;
}
.ouserv .column {
	font:normal 14px color:#555555;
	float:left; width:223px;
	padding-left:26px

}
.ouserv .columnfirst {
	font:normal 14px color:#555555;
	float:left; width:223px;
	padding-left:10px

}
.ouserv .column h4, .ouserv .columnfirst h4 {
	color:#6C7E30;
	font:normal 19px;
	margin:10px 0px 0px;
	padding:0px 0 0 0;
	font-size: 14px;
	border-right: 1px solid #ccc;
}

.ouserv .column h4 a, .ouserv .columnfirst h4 a { color: #6C7E30; }
.ouserv .column p, .ouserv .columnfirst p {
	color:#515151;
	font:normal 14px;
	margin:0;
	padding:10px 8px 0 0;
	display:block;
	width:205px;
	line-height:16px
}
.ouserv
}
.sign{
	background:url(images/icon-circle.png) no-repeat 140px 0px;
	display:block;
	height:18px;
	color:#666;
	font:bold 12px Arial, Helvetica, sans-serif;
	padding:5px 32px 5px 0px;
	float: right;
	margin: 32px 8px 0px 0px;
}
a.sign:hover {
	text-decoration:underline;
}
/*Our Offices
......................................................................................*/
.ouroff{ background-color:#e6e6e6; height:330px; margin:8px 0px 10px 0px; position:relative; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.colright {
  width: 270px;
	height: 336px;
	float: right;
}
.ouroff h3 {
	color:#40491D;
	font-size: 23px;
	font-weight: normal;
	padding:15px 0 0 18px;
	margin:0;
}

.ouroff h3 a { color:#40491D;  }
.ouroff img { margin: 10px 0px 0px; }

.ouroff div.officesnames { width: 65px; float: left; margin-left: 10px; padding-top: 15px; }
.ouroff div.officesnames p { font-size: 10px; font-weight: bold; color: #839545; padding: 10px 0px;}

#twitterfeedlondon { float: right; width: 180px; margin-right: 5px; background: url(images/londonbg.png) no-repeat 2px 0px; height: 155px; position: absolute; bottom: 0px; right: 0px; }
#twitterfeedlondon p { padding: 10px 25px; }
#twitterfeedlondon p a { color: #839545; }
#twitterfeedlondon p a:hover { color: #1F230D; }


#twitterfeedny { float: right; width: 180px; margin-right: 5px; background: url(images/nybg.png) no-repeat 2px 0px; height: 155px;   display: none; position: absolute; bottom: 0px; right: 0px;}
#twitterfeedny p { padding: 10px 25px; }
#twitterfeedny p a { color: #839545; }
#twitterfeedny p a:hover { color: #1F230D; }


#twitterfeedba { float: right; width: 180px; margin-right: 5px; background: url(images/babg.png) no-repeat 2px 0px; height: 155px;  display: none; position: absolute; bottom: 0px; right: 0px; }
#twitterfeedba p { padding: 10px 25px; }
#twitterfeedba p a { color: #839545; }
#twitterfeedba p a:hover { color: #1F230D; }


#beaconlondon { position: absolute; top: 67px; left: 127px; background: url(images/beacon.png) no-repeat; height: 20px; width: 20px; }
#beaconny { position: absolute; top: 81px; left: 64px; background: url(images/beacon.png) no-repeat; height: 20px; width: 20px; display: none; }
#beaconba { position: absolute; top: 137px; left: 81px; background: url(images/beacon.png) no-repeat; height: 20px; width: 20px; display: none; }

/*Featured Works
........................................................................................*/
.featured { height:280px; width:1013px; background:#e8e8e8 url(images/fd-featured.jpg) bottom repeat-x; position:relative; clear: both; margin: 20px auto 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.featured h3 { color:#666; font:normal 22px; padding:18px 0 0 26px; font-size:16px; }
.featured dl { width:229px; height:180px; float:left; background-color:#fff; margin:10px 0 0 20px; position:relative;   -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.featured dt img {
	margin:7px 0 0 8px
}
.featured dd a:link {
	color:#6c7e30;
	margin:1px 0 0 8px;
	padding:5px 0 2px 0px;
	display:block;
	/*background:url(images/ic-camara.gif) no-repeat left;*/
	font:bold 11px;
}
.featured dd a:hover {
	color:#6c7e30;
}
.featured dd a:visited, .featured dd a:active {
	color:#6c7e30;
	margin:1px 0 0 8px;
	padding:5px 0 2px 32px;
	display:block;
	background:url(images/ic-camara.gif) no-repeat left;
	font:bold 11px;
}

.featured p.full { padding: 20px 0px 0px 20px; float: none; }
.featured p.full a { padding: 7px 35px; background: url(images/more-services.gif) no-repeat; font-size: 14px; color: #666666;}


/*Footer
........................................................................................*/
.footer { height:28px; background-color:#40491D; position:relative; padding:5px 0 5px 0; -moz-border-radius: 5px 5px 0px 0px; 	 -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; }
.footer a {
	color:#fff;
	font: bold 11px;
	margin:0 7px;
	float:left;
	padding:8px 0px 8px 0px;
}
.footer a:hover {
	text-decoration:underline;
}
.footer  div{ float: right;  }
.footer div a{ background:url(images/icon-circle2.png) no-repeat 70px 4px; display:block; margin:0 8px 0 0;
	color:#fff; font:bold 11px; padding:8px 28px 8px 0px; }
.footer div a.bit{ background:url(images/icon-circle2.png) no-repeat 45px 4px; display:block; margin:0 8px 0 0;
	color:#fff; font:bold 11px; padding:8px 28px 8px 0px; }

.footer a.creative { background:url('images/ic-blog.gif') no-repeat 0px 5px; padding:8px 0px 8px 26px; }

/*Interior*/

/*Header Internal
...............................................................................*/
.headerinternal{
	height:96px;
	position:relative;
}
.headerinternal .logo{
	width:184px;
	float:left
}
.headerinternal .curves{
	position:absolute;
	right:0;
	top:0;
	width:7px;
	height:96px;
	background:url(images/cv-header.gif);
}
.headerinternal .searcharea{
	height:35px;
	width:840px;
	position:absolute;
	z-index:3;
	right:3px;
	top: 0px;
	background-color: #40491D;
}
.headerinternal .searcharea .contact {
	margin:6px 7px 0 0 ;
	float:right;
}
.headerinternal .searcharea .search {
	margin:6px 10px 0 0 ;
	float:right;
	height:22px;
	background:#fff url(images/cv-search.gif) left no-repeat;
	padding-left:3px;
}
.headerinternal .searcharea .search .curve {
	background:url(images/cv-search.gif);
	width:3px;
	height:22px;
}
.headerinternal .searcharea .search .text {
	border:1px solid #fff;
	width:215px;
	float:left;
	font-size:11px;
	color:#CCC;
	margin-top:3px;
}
a.bit2 {
	display:block;
	float:right;
	height:24px;
	padding:0px 40px 1px 0px;
	font-weight: bold;
	color:#FFF;
	margin: 7px 0px 0px 0px;
	width: 45px;
	background: url(images/cv-header_a.gif) no-repeat right bottom;

}
a.bit2 img{
	float: right;
	position: absolute;
	margin: -2px 0px 0px 8px;

}
a.blog2 {
	display:block;
	float: right;
	height:16px;
	margin:7px 8px 0px 0px;
	padding:3px 27px 0px 0px;
	font-weight: bold;
	color:#FFF;
	background: url(images/ic-blog.gif) no-repeat right;
}
a.blog2:hover {
	text-decoration:underline;
}


/*About Us
...............................................*/
#title {
	background-color:#d5e7bc;
	height:44px;
	position:relative;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 6px auto 0px auto;
}
#title span {
	font-size:24px; color:#557133; display:block; padding-top:15px; letter-spacing:-2px; font-weight:bold;
}
#title  h1 {
	font:normal 28px  Arial, Helvetica, sans-serif;
	margin:0 0 0 10px;
	padding:7px 0 0 0;
	color:#6C7E30;
	float:left;
}
div.subsection {width:180px; float:left;}
.subsection ul{
	width:160px;
	padding: 0px 10px;
	position:relative;
	/*border-right: 1px solid #DFDAD0;*/
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    margin:0px 0px 10px 0px;
}
#all #internal {
	padding-top: 10px;
	font-size: 12px;
	line-height: 16px;
	color: #999;
	position: relative;
    min-height:500px;
}
#all #internal ol {margin:20px 0px;}
#internal h6 {margin:20px 0px 0px 0px;}
#internal .client-log {
	width:320px;
	background-color: #F1F2E6;
	border: 1px solid #DFDAD0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    margin:30px auto;
    height:150px;
    padding:20px;
}
#internal .client-log span  {
    display:block;
    width: 145px;
    float:left;
}
#internal #support {padding:10px 0px 0px 15px;}
#internal #support1 {float:right; width:340px; margin:15px 15px 0px 0px; background-color: #F1F2E6; border: 1px solid #DFDAD0; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding:20px;}
#internal #support ul {list-style-type:disc;margin:10px 0px 15px 40px;}
#internal #support form {margin:20px 0px; float:left; width:600px;}
#internal #support form em {font-size:11px; font-style:normal;}
#internal #support p.comment {font-size:11px; margin:-10px 0px 0px 200px;}
#internal #support .textarea {height:200px;}
#internal #support .screen {height:200px;}
#internal #support .textarea ul {font-size:11px;}
#internal #support textarea {width:380px; height:180px;}
#internal #support form span{width:200px; display:block; float:left;}
#internal #support form .input{width:380px; }
#internal #support form .input2{display:block; }
#internal  div.support {height:200px;padding:20px 15px;}
#internal a.support {background:transparent url(images/ic-client2.gif) no-repeat scroll 0 0; color:#1F230D; padding-left:25px; display:block; height:30px; line-height:20px; }
#internal a.support:hover {text-decoration:underline;}
#support .attach {margin-top:10px;}
#support .attach input {margin-bottom:3px;}
#internal .client-log input {
    margin-bottom:5px;
}
#internal .client-log input.log {
    width:170px;
}
#internal .client-log input.come {
    margin:5px 0px 0px 144px;
}
#internal .client-log p {
    margin:15px 0px 0px 144px;
    font-size:12px;
}
#internal .client-log p a {
    color:#999c9b;
}
#internal .client-log p a:hover {
    color:#999c9b;
    text-decoration:underline;
}
.subsection li {
	line-height:26px
}
.subsection li a {
	color:#625543;
	padding: 3px 6px;

}
.subsection li a:hover {
	color:#40372d;
}
.subsection li a.active {
	font-weight:bold;
    white-space:nowrap;
    background-color: #E2EAC5;
    color: #414A1d;
    -moz-border-radius: 5px; -webkit-border-radius: 5px;
  	border: 1px solid #A1B16C;
}
.text {
	float:left;
	width:512px;
	text-align:justify;
	margin:0px 30px 20px;
	color: #515151;
}

.text p { padding: 5px 0px; }

p.getintouch { text-align: right !important; background: url(images/icon-circle2.png) no-repeat 490px 18px !important; padding: 20px 25px 10px 0px !important; font-size: 16px; font-weight: bold; }
p.getintouch a { color: #40491D; }

p.getintouchlong { text-align: right !important; background: url(images/icon-circle2.png) no-repeat 675px 18px !important; padding: 20px 30px 10px 0px !important; font-size: 16px; font-weight: bold; }
p.getintouchlong a { color: #40491D; }

.text h2 { font-size: 16px; margin: 10px 0px 0px; }
.text h3 { font-size: 23px; color: #40491D; margin-top: 20px !important; font-style: normal; line-height: normal; font-weight: normal; }
.text2 {
	float:left;
	width:765px;
	text-align:justify;
	margin:0px 0px;
	color: #515151;
}

.text2 p { padding: 5px 0px; margin-left: 35px; }
.text2 p a.getintouch { background: url(images/icon-contact.png) no-repeat scroll 0 3px; color:#5A4C39; font-size:18px; height:18px; line-height:28px; padding:5px 0 10px 30px; color: #40491D; }

.text ul { margin: 10px 20px }
.text ul li { list-style-type: disc; padding: 5px 0px; }

.text3 {
	width:950px;
	margin:0px 8px 0px 10px;
	color: #515151;
}
.text3 p a.getintouch { background: url(images/icon-contact.png) no-repeat scroll 0 3px; color:#5A4C39; font-size:18px; height:18px; line-height:28px; padding:5px 0 10px 30px; color: #40491D; }
.text3 p { padding: 5px 0px; }
.text3 h2 { margin: 20px 0px 0px; }
.text3 ol { list-style-type: disc; padding-left: 30px; margin: 10px 0px !important;}
.text3 ol li { padding: 5px 0px; }

.text4 { width: 700px; float: left; margin: 0px 0px 20px 20px; color: #515151; }
.text4 p { padding: 5px 0px; }
.text4 p.ourbit { padding: 10px 0px 0px; display: block; margin-bottom: 0px; height: 66px; vertical-align: middle; font-size: 14px; }
.text4 p.ourbit img { float: left; margin: 0px 10px 10px 0px; font-size: 14px;}
.text4 h3 { margin-top: 20px !important; }
.text4 ol { list-style-type: disc; padding-left: 30px; margin: 10px 0px !important;}
.text4 ol li { padding: 5px 0px; }


.text2 div.testimonial { margin: 0px 0px 10px 35px; }
.text2 h3 { margin-left: 35px !important; }

.text6 { width: 540px; float: left; margin-left: 20px; color: #515151; }
.text6 p { padding: 5px 0px; }
.text6 p a.getintouch { background: url(images/icon-contact.png) no-repeat scroll 0 3px; color:#5A4C39; font-size:18px; height:18px; line-height:28px; padding:5px 0 10px 30px; color: #40491D; }
.text6 p.ourbit { padding: 10px 0px 0px; display: block; margin-bottom: 0px; height: 66px; vertical-align: middle; font-size: 14px; }
.text6 p.ourbit img { float: left; margin: 0px 10px 10px 0px; font-size: 14px;}
.text6 div.testimonial { margin: 0px 0px 10px 35px; }
.text6 h3 { margin-left: 35px; }


.extraCol { float: right; width: 267px; }
.extraCol .image { text-align: right; float:right; }
.extraCol .image img { display:block; margin:0px 0px 10px 0px;}

/* Clients
............................................................................*/
.pager {float:right; margin:5px 10px 5px 0px; }
.pager li  {float:left; margin-left:1px;}
.pager li a {display:block; padding:1px 4px; color:#FFFFFF; background-color:#f61615; font-weight:bold;}
.pager li a.here{background-color:#c8bfb5; font-weight:bold; display:block; padding:1px 4px; color:#FFFFFF;}

.clients {
		float:left;
		width:756px
}

.clients .clientLogo { float: left; width: 180px; background: url('images/fd_clients.gif') no-repeat top left; position: relative; margin-right: 9px; cursor: default; }
.clients .clientLogo .logo { height: 110px; overflow: hidden; margin: 7px 0px 0px 0px; cursor: default; }
.clients .clientLogo .logo img { margin: 0px 0px 0px 6px;  cursor: default;}
.clients .clientLogo p { padding: 20px 0px; text-align: center; cursor: default; }
/*
ul.client a { display:block;

}
ul.client span { position:absolute; bottom:0px; font-size:12px;}

.client li {
		background:url(images/fd_clients.gif) no-repeat top left;
		width:180px;
		height:135px;
		float:left;
		padding:0px 9px 9px 0px;
		position:relative;
    margin-bottom: 20px;
}
.client li a.imgBG { height: 110px; overflow: hidden; }
.client li a img { overflow: hidden; position: absolute; top: 7px; left: 6px; z-index: 0;}

*/
.testimonialInt {
	background-color: #fff;
		/*width:260px;
		float:right;
		background-color: #F1F2E6;*/
		border: 1px solid #DFDAD0;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
}
.testimonialInt h3 {
	margin:0;
	font:normal 22px Arial, Helvetica, sans-serif;
	color:#5a4c39;
  padding: 10px 0px 0px 10px !important;
}

.testimonialInt h3 a { color: #5A4C39; }

.testimonialInt dt {
		margin:8px 0 0;
		padding:8px 18px 10px 45px;
		line-height:16px;
		color:#424140;
		background:url(images/fd-testimonial.gif) top left no-repeat;
}
.testimonialInt dd {
		margin:0;
		padding:0px 0 15px 45px;
		font-size:11px;
		line-height:14px;
		display:block
}
.testimonialInt dd strong {
        font-weight:bold;
}

.text2 em{font-weight:bold; }
.text2 small {display:block; margin:10px 0px 0px 0px; }

/* Portfolio
...........................................................*/
#pages { height: 20px; padding: 0px 5px 5px 6px; position: absolute; bottom: 40px; }

#pages p { font-size: 16px; font-weight: bold; color: #40491D; padding-bottom: 15px;  }

#pagesclients {
	height: 20px;
	margin: 332px 0px 30px 0px;
	padding: 6px 5px 5px 6px;
}

#pagesclients p { font-size: 16px; font-weight: bold; color: #40491D; padding-bottom: 10px; }

#pages1 {
	float: right;
	height: 20px;

	padding: 6px 5px 5px 6px;
    margin:20px 10px 10px 0px;

}
#pages1 li {float:left;}
#pages a.next2  {
    color:#666666;
	display:inline;
	height: 15px;
	font-size: 13px;
	border: 1px solid #bbbbbb;
	margin-right: 1px;
	padding: 3px 7px 3px 6px;
   background:white;
	}
#pages a, #pages1 a  {
    color:#666666;
	display:inline;
	width:15px;
	height: 15px;
	font-size: 13px;
	border: 1px solid #bbbbbb;
	margin-right: 1px;
	padding: 3px 7px 3px 6px;
	background: white;
	cursor: pointer;
	}
#pages a:link , #pages1 a:link {
	}
#pages a:hover, #pages1 a:hover {
	background-color: #eaebeb;
    color:#666666;
    text-decoration:none;
    cursor: pointer;
	}

#pages a.here, #pages1 a.here {
	background-color: #40491D;
    color: white;
	}


#title ul {
	margin:0;
	padding:0;
	list-style-type:none;
	position:absolute;
	bottom:0;
	right:15px;
}
#title li {
	margin:0;
	float:left;
	padding:10px 14px 0 13px;
	height:19px;
	position:relative;
}
#title li a {
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#6c7e30;
}
#title li.here {
	background-color:#fff;
}
#title li.here a {
	color:#666666;
}
#title li.here .r {
	display:block;
	position: absolute;
	width:8px;
	height:29px;
	background:url(images/cv-porfolio.gif) no-repeat right;
	left:0;
	top:0;
}
#title li.here .l {
	display:block;
	position: absolute;
	width:8px;
	height:29px;
	background:url(images/cv-porfolio.gif) no-repeat left;
	right:0;
	top:0;
}

/* PORTFOLIO */
.porfolio { width: 600px; float: left; }
.porfolio .main { padding: 5px 0px 10px 10px; }
.porfolio .image { width:560px; float:left; margin:0px 0px 0px 0px; padding:0; }
.porfolio .image img { float: left; margin: 5px 5px; border: 1px solid #ccc; cursor: pointer !important: }
.porfolio .image img#here { float: left; margin: 5px 5px; border: 1px solid #40491D; cursor: pointer !important; }
.porfolio .image img:hover { float: left; margin: 5px 5px; border: 1px solid #40491D; cursor: pointer !important: }

.porfolio .image img.bigimage { margin: 0px !important; border: 1px solid #40491D; cursor: default; }
.portfolioSwitch { cursor: pointer !important; }
.porfolio .image img.active { float: left; margin: 5px 5px; border: 1px solid #40491D; cursor: pointer !important;  }

.portfolioSide { margin: 0px 0 0 0; width: 400px; float: right;}
.portfolioSide .info { margin:10px 20px 0px 0px; }
.portfolioSide .info h3 { color:#C0C0C0; margin:0; padding:0 0 5px; font-weight: bold 20px Arial, Helvetica, sans-serif; }
.portfolioSide .info a { color:#9BB447; margin:0 0 15px; padding:0 0 5px; display:block; 	font:11px Arial, Helvetica, sans-serif; cursor: default; border-bottom:1px solid #e4e6d5; cursor: default; }
.portfolioSide .info a:hover { color:#9BB447; margin:0 0 15px; padding:0 0 5px; 	display:block; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }

/* CONTACT US */
.contactUs .callnow { border: 1px dotted #839545; padding: 10px; color: #839545; width: 120px; text-align: center; float: left; }
.contactUs p { float: right; width: 530px !important; padding: 10px !important; margin: 0px !important; }

.text4 form { width: 600px; margin: 20px auto; }
.text4 form p { padding: 10px 0px; }
.text4 form label { float: left; width: 150px; font-size: 14px; }
.text4 form label .error { clear: both; display: block; width: 150px; font-size: 14px; }
.text4 form input { border:1px solid #DCD6D6; color:#5A4C39; font-size:14px; padding:6px 5px 7px; width: 380px; }
.text4 form input.checkbox { border:1px solid #DCD6D6; color:#5A4C39; font-size:14px; padding:6px 5px 7px; width: auto; margin-right: 10px; }
.text4 form select  { color:#5a4c39; font-size: 14px; border:1px solid #dcd6d6; width:392px; padding:6px 5px 7px; }
.text4 form textarea { height:125px; color:#5a4c39; font-size: 14px; border:1px solid #dcd6d6;
width:380px; padding:9px 5px 4px; }
.text4 form input.button {  background: url(images/submit.gif) no-repeat; padding:10px 0px 20px 30px; width: 180px; height: 60px; cursor: pointer; line-height:28px; color:#5A4C39; text-indent:-99999px; display:block; border: none}

a.sendCV {
    background: url(images/icon-circle2.png) no-repeat 0px 4px;
    padding:5px 0px 10px 28px;
    height:18px;
    line-height:28px;
    color:#5A4C39;
    font-size:18px;
}

/*Sitemap
................................................................*/
.sitemap{
	padding-top: 10px;
	font-size: 14px;
	line-height: 17px;
	color: #616161;
	}
.sitemap .col {
	width:236px;
	float:left;
	margin-top:12px;
	height:300px;
}
.sitemap .col a {
	background:url(images/fd-sitemap.gif);
	width:220px;
	height:23px;
	display:block;
	margin:3px 0 0 ;
	padding:4px 0 2px 16px;
	font:16px Arial, Helvetica, sans-serif;
	color:#5a4c39;
}
.sitemap .col ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
.sitemap .col li {
	margin:0;
	padding:0;
	width:198px;
}
.sitemap .col li a {
	border-bottom:1px solid #dedede;
	font:12px Arial, Helvetica, sans-serif;
	color:#6c7f30;
	padding:4px 0 0 18px;
	margin:0 0 0 16px;
	height:19px;
	width:168px;
	background: url(images/plus_sitemap.gif) no-repeat;
	background-position: left 8px;
}
.sitemap .mgr35 {
	margin-right:26px;
}
#all #internal h3 {
	font-size: 16px;
	font-weight: bold;
	color: #40491D;
	padding: 0px 0px;
	margin: 0px;
	line-height: normal;
}

/* Our Bit
........................................*/

ul.logosBit {
	background:#f1f2e6;
    border:1px solid #EDEEDF;
    width: 300px;
    text-align:right;
    margin:20px 20px 20px 0px;
    float:left;
}
ul.logosBit li a {
    display:block;
    padding:10px 40px 10px 0px;
    border-bottom:1px solid #F1F2E6;
    background:#e8e8dc url(images/arrow-bit.gif) no-repeat 275px 18px;
}
ul.logosBit li a:hover {
    background:#e8e8dc url(images/arrow-bit.gif) no-repeat 275px 18px;
}
ul.logosBit li a.here {
    background:#e8e8dc url(images/arrow-bit.gif) no-repeat 275px 18px;
}

ul.textBox li { clear: both; display: block; background: url('rsrc/images/ourbitbg.jpg') no-repeat 0px 0px; }
ul.textBit img { float: left; margin: 0px 10px 10px 0px; }

div.suggestions {
   width:222px;
   float:right;
   border: 1px solid #DFDAD0;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   padding:20px;
   margin-top:0px;
   color: #515151;
}
div.suggestions p { padding-bottom: 10px; }
div.suggestions p strong { color: #839545; }

/* Newsletter
.......................................*/
div.newsletter{ border: 1px solid #DFDAD0; -moz-border-radius: 5px; -webkit-border-radius: 5px;  /*   background-color: #F1F2E6; */ padding:0px; margin:0px 0px 20px 0px; color: #515151; }
div.newsletter h3 { font-size: 16px !important; color: #40491D; padding: 10px !important; margin: 0px !important; }
div.newsletter p { padding: 0px 10px 10px; }
div.newsletter p strong { color: #839545; }
div.extraCol p.map { background: url(images/icon-circle2.png) no-repeat scroll 165px 1px; color:#5A4C39; font-size:16px; height:18px; line-height:13px; padding:5px 0 10px 0px; font-weight: bold; }
div.extraCol p.map a { color: #40491D; }
div.extraCol p.map small { font-size: 11px; font-style: italic; color: #666; }

div.newsletter label  {
    display:block;
    width:110px;
    float:left;
}
div.newsletter input.signup  {
    margin-bottom:5px;
    width:200px;
}
div.newsletter .btn-sign  {
    margin:0px 0px 0px 0px;
}
div.newslettersubs input.error  {
    border:1px solid red;
}

/*Testimonials
...................................*/
#internal div.testimonial { margin-bottom: 40px; }
#internal div.testimonial p { margin-left: none !important; }
#internal div.testimonial small { padding-bottom: 10px; }

ul.star-rating  {height:20px; margin:0px 0px 40px 0px;}
ul.star-rating li{margin:0px 3px 0px 0px; width:15px; height:15px; float:left;}
ul.star-rating li.full{background:url('images/start1.png') no-repeat;}
ul.star-rating li.empty{background:url('images/start2.png') no-repeat;}

/*FOLLOW US .......................*/
div.follow  {color:#fff; text-align:right; padding:2px 3px 0px 0px; width:210px; float:right;}
div.follow  a{margin:3px 5px 0px 0px; }
div.follow  p{width:100px; float:left; padding-top:8px;}

/* DISCLAIMER */
.disclaimer { background: #1F230D; }
.disclaimer p.floaterL { font-size: 11px; color: white; float: left; padding: 10px 10px 10px 9px; width: 20%; }
.disclaimer p.floaterR { font-size: 11px; color: white; float: right; padding: 10px 8px 10px 10px; width: 70%; text-align: right; }

/* CONTENT LINK */
a.contentlink { color: #6C7E30; }
a.contentlink:hover { color: #40491D; }

/* CAREERS TABLE */
table.rolestable { width: 100%; border: 1px solid #ccc; margin: 20px 0px; }
table.rolestable th { width: 50%; background: #F1F2E6; font-size: 16px; padding: 8px 4px; border-bottom: 1px solid #ccc; }
table.rolestable td { padding: 8px 4px; border-bottom: 1px solid #ccc; }

/* FAMILY */`
div.text4 p.partner { margin-bottom: 30px !important; display: block;  }
p.partner img { display: block; margin-bottom: 10px; }
p.partner span { text-align: center; }

/* eCOMMERCE */
p.magento { font-size: 16px; color: #40491D; padding: 10px 0px; margin: 0px; font-style: normal; line-height: normal; font-weight: bold; }
p.magento img { float: right; margin: 0px 0px 10px 20px; }

/* CONTACT */
.text6 form label { width: 170px; float: left; }
.text6 form input.textField { width: 340px; }
.text6 form select { width: 340px; }
.text6 form textarea { width: 340px; font-family: Arial; padding: 3px; font-size: 12px; }
.text6 form input.buttonform { background: url('images/button-contact.png') no-repeat 0px 3px; width: 118; height: 40px; border: none; color: white; font-size: 16px; font-weight: bold; padding: 0px 40px 0px 43px; cursor: pointer; }
.text6 form small { font-size: 11px; font-style: italic; width: 350px; float: right; margin: 0px 20px 20px 0px;}
.text6 form small.smaller { font-size: 11px; font-style: italic; width: 170px; padding: 3px 0px 0px 0px; color: #999; float: right; margin: 0px 20px 20px 0px;}
p.disclaimer { font-size: 11px; font-style: italic; padding: 20px 0px 10px; text-align: center; background: none; color: #999; }
p.error { font-size: 11px; display: block; width: 338px; padding: 2px 4px; color: white; background: red; margin: 0px 0px 10px 170px; clear: both; }

/* NEWSLETTER SUBSCRIPTION */
.newslettersubs { background: url('images/newsletterbg.png') no-repeat; width: 100%; margin: 20px 0px 3px; }
.newslettersubs p { float: left; width: 160px; padding: 14px 10px 10px; font-size: 12px; font-weight: bold; color: #666; }
.newslettersubs div.firstname { float: left; padding-top: 10px; }
.newslettersubs div.firstname label { float: left; padding: 5px 5px 0px 25px; font-size: 12px; font-weight: bold; color: #666; }
.newslettersubs div.lastname { float: left; padding-top: 10px; }
.newslettersubs div.lastname label { float: left; padding: 5px 5px 0px 25px; font-size: 12px; font-weight: bold; color: #666; }
.newslettersubs div.email { float: left; padding-top: 10px; }
.newslettersubs div.email label { float: left; padding: 5px 5px 0px 25px; font-size: 12px; font-weight: bold; color: #666; }
.newslettersubs div.button { float: right; padding-right: 5px; }
.newslettersubs input.submitnews2 { background: url('images/button-news2.png') no-repeat 3px 8px; width: 100px; height: 40px; border: none; font-size: 12px; padding: 0px 15px 0px 0px; cursor: pointer; font-weight: bold; color: #666; float: right;}
/*

.newslettersubs p {  }
.newslettersubs p
.newslettersubs p input.newsfield { border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 5px 3px; width: 155px; }
.newslettersubs p input.newsfield2 { border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 5px 3px; width: 175px; }
.newslettersubs p input.submitnews { background: url('images/button-news.png') no-repeat 3px 8px; width: 100px; height: 40px; border: none; color: white; font-size: 12px; font-weight: bold; padding: 0px 25px 0px 0px; cursor: pointer; margin-left: 40px; }
*/
input.submitform { background: url('images/button-news.png') no-repeat 3px 8px; width: 100px; height: 40px; border: none; color: white; font-size: 12px; font-weight: bold; padding: 0px 25px 0px 0px; cursor: pointer; margin-left: 0px; }


/* PAGINATION */
#pages1 li { float:left; }
#pagesclients a.next2 { color:#666666; display:inline; height: 15px; font-size: 13px; border: 1px solid #bbbbbb; margin-right: 1px; padding: 3px 7px 3px 6px;  }
#pagesclients a, #pages1 a  { color:#666666; display:inline; width:15px; height: 15px; font-size: 13px; border: 1px solid #bbbbbb; margin-right: 1px; padding: 3px 7px 3px 6px; }
#pagesclients a:link , #pages1 a:link { }
#pagesclients a:hover, #pages1 a:hover { background-color: #eaebeb; color:#666666; text-decoration:none; }
#pagesclients a.here, #pages1 a.here { background-color: #eaebeb; color: #666666; }

/* SERVICES COLS HOME */
.servicecol { height: 240px; border-right: 1px solid #ccc; }
.servicecollast { border-right: 0px; }
p.readmore { text-align: right; border-right: 1px solid #ccc; width: 214px !important; }
p.readmore a { color: #6C7E30; text-decoration: none; }
p.readmore a:hover { color: #40491D; }


/* CONTACT BOX DETAILS */
div.contactdetails { width:180px; float:left; background-color: #F1F2E6; border: 1px solid #DFDAD0; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #515151; }
div.contactdetails h2 { padding: 10px; font-size: 16px; color: #40491D; }
div.contactdetails p { padding: 0px 10px 10px; }
div.contactdetails p strong { color: #839545; }

/* HOMEPAGE */
#mainContent { width:750px; float:left; }
img#portfolioImage { border: 1px solid #ccc !important; }