/*==================================================================

Project:		[29visual]
Version:		1.1
Last update:	10/06/2009
Assigned to:	[Carlos Rodriguez]

=====================================================================*/

/* Global Defaults
=====================================================================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,tr,th,td,embed,object {
	margin:0;
	padding:0;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img,abbr{
	border:0;
}
ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
a,a:link,a:visited,a:hover { 
	color:#000;
	text-decoration:none; 
}
a:focus,a:hover { 
	text-decoration:underline;
}
a img { 
	border:0; 
}
.clear { 
	clear:both; 
}

/* Global Elements
=====================================================================*/
body {
	background:#f5f6f7 url(/images/header.png) repeat-x;
	line-height: 1.6em;
	font:62.5% arial, verdana, serif;
}

body.backinner {
	background:#f5f6f7 url(/images/header2.png) repeat-x;
}
.replace{
	position:relative;
	margin:0;
	padding:0;
	/* \*/
	overflow:hidden;
	/* */
}
.replace span{
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
.skiplink{
	display:none;
}
.hideme
{
	display:none;
}
/* Start CSS Coding
=====================================================================*/
#topnav
{
	height: 2.4em;
	margin: 0 auto;
	width: 104.6em;
}
#topnav ul
{
	float: right;
	margin-top: 0.2em;
	width: 32em;
}
#topnav ul li
{
	border-right: 0.1em solid #fff;
	color: #fff;
	display: inline;
	font-size: 1.05em;
	float: left;
	margin-right: 0.6em;
	padding-right: 0.6em;
}
#topnav li a
{
	color:#fff;
}
#topnav li a:hover
{
	text-decoration: none;
}
#topnav li.nom
{
	border: none;
	margin-right:0;
}
#container {
	width:100%;
	background:url(/images/footer.png) repeat-x 0 100%;
}
#wrapper {
	width:88.3em;
	margin:0 auto;
}
#contentcontainer
{
	width:88.3em;
	min-height:30em;
  	height:auto !important;
  	height:30em;
}
#header {
	width:88.3em;
	height:11.5em;
	margin:0 auto;
}
#logo {
	width:12em;
	height:8.9em;
	font-size:1.2em;
	position:relative;
	overflow:hidden;
	display:inline;
	float:left;
	margin:0 0 0 0;
}
#logo span{
	background:url(/images/logo.png) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	cursor:pointer;
}
#headerright {
	width:50em;
	height:11.5em;
	float:right;
}
#headertop {
	width:50em;
	height:3.2em;
}
.linksupport, .linksupport:link, .linksupport:visited {
	width:12.2em;
	height:1.9em;
	display:inline;
	background:#757474;
	text-align:center;
	float:right;
	color:#f2f2f2;
	text-transform:uppercase;
	font-size:1.2em;
	padding:0.75em 0 0 0;
	margin-right:0.5em;
}
.linksupport:hover
{
	background:#fc592d;
	color:#fff;
	text-decoration:none;
}

#mainmenu {
	height:3em;
	float:right;
	margin:7.95em 0 0 0;
}
#mainmenu li {
	height:3em;
	display:inline;
	float:left;
	background:#e6e6e6;
	margin:0 0.1em 0 0;
}
#mainmenu li a, #mainmenu li a:link, #mainmenu li a:visited {
	height:1.6em;
	display:inline;
	float:left;
	padding:0.7em 1.2em 0 1.2em;
	text-transform:uppercase;
	font-size:1.4em;
	color:#413f3f;
}
#mainmenu li a:hover {
	background:url(/images/menu_hover.png) repeat-x;
	color:#fff;
	text-decoration:none;
}
#mainmenu li.active a {
	background:url(/images/menu_hover.png) repeat-x;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}
#introcontainer
{
	width:100%;
	height:26.1em;
	background:url(/images/back_intro.png) repeat-x;
}
#intro {
	width:100%;
	height:26.1em;
	background:url(/images/back_slider.png) no-repeat 50% 0;
}
#placeintro {
	width:88.3em;
	height:22.1em;
	margin:0 auto;
	padding:3em 0 0 0;
}
#placeintro h1 {
	width:20em;
	font-size:3.6em;
	color:#fff;
}
#placeintro h2 {
	font-size:2.4em;
	color:#fff;
	font-weight:lighter;
	width:24em;
	padding:0.7em 0 0 0;
}
#content {
	width:88.3em;
	padding:0 0 3em 0;
}
#loader {
	display:none;
	width:88.3em;
	margin-top:3em;
	padding:0 0 3em 0;
	text-align:center;
}
#loader p
{
	font-size:1.2em;
	color:#4c4a4a;
	margin-top:1em;
}
#maincontent,
.nobordernola{
	width:62.5em;
	float:left;
	border-right:0.1em solid #e3e4e5;
	margin:2.9em 0 0 0em;
}

#listservice {
	width:61em;
}
#listservice li {
	width:61em;
	height:6.7em;
	margin:0 0 1.5em 0;
}
#listservice li a, #listservice li a:link, #listservice li a:visited {
	width:60.8em;
	height:6.5em;
	display:block;
	background:#e9e9e9 url(/images/sep_normal.png) no-repeat 18.2em 0.8em;
	border:0.1em solid #e5e5e5;
}
#listservice li a:hover {
	background:#999 url(/images/sep_hover.png) no-repeat 18.2em 0.8em;
	border:0.1em solid #999;
	text-decoration:none;
}
#listservice li a:hover strong, #listservice li a:hover span {
	color:#fafbfb;
	text-decoration:none;
}
#listservice li strong {
	display:inline;
	float:left;
	margin:1.2em 0 0 0.8em;
	font-size:1.8em;
	color:#4c4a4a;
	text-transform:uppercase;
}
#listservice li span {
	width:31.1em;
	float:right;
	margin:1.3em 1em 0 1.5em;
	font-size:1.2em;
	color:#4c4a4a;
}
#nav {
	width:24.2em;
	float:right;
	margin:2.9em 0 0 0;
}
.boxnav {
	width:22em;
	border:0.1em solid #d4e9a3;
	background:#f5faec url(/images/back_box.png) repeat-x;
	padding:0.6em 1em 0.4em 1em;
}
.wbox
{
	min-height:39.7em;
  	height:auto !important;
  	height:39.7em;
}
.cbox
{
	min-height:40.5em;
  	height:auto !important;
  	height:40.5em;
}
.boxnav h3 {
	color:#fc592d;
	font-size:1.6em;
	text-transform:uppercase;
}
#listtestimonial {
	padding:0.2em 0;
}
#listtestimonial li {
	margin:1.5em 0;
}
#listtestimonial .textquote,
.textquote {
	font-size:1.2em;
	font-style:italic;
	color:#413f3f;
}
#listtestimonial .textname,
.textname {
	padding:1.2em 0 0 0;
	font-size:1.3em;
	line-height:1.4em;
	color:#999;
}
#listtestimonial .textname strong {
	color:#413f3f;
}
/* Footer
=====================================================================*/
#footer {
	width:88.3em;
	height:27.4em;
}
#footertop {
	width:88.3em;
	height:22.5em;
}
#placetwitter {
	width:50em;
	height:17.9em;
	float:left;
	margin:3.1em 8.5em 0 0;
	display:inline;
	background:url(/images/back_twitter.png) no-repeat;
	padding:0 3em 0 2.8em;
}
#placetwitter h4 {
	float:left;
	font-size:1.6em;
	color:#f5f6f7;
	margin:1.4em 0 0 0;
}
.linktwitter, .linktwitter:link, .linktwitter:visited {
	float:right;
	color:#fc592d;
	font-size:1.1em;
	text-decoration:underline;
	text-transform:uppercase;
	font-weight:bold;
	margin:2.4em 0 0 0;
}
#placetwitter p {
	clear:both;
	font-size:1.4em;
	color:#f5f6f7;
	padding:0.5em 0;
}
#placetwitter p a
{
	color:#fff;
}
#placequote {
	width:24em;
	float:right;
}
#placequote h4 {
	font-size:1.8em;
	color:#f5f6f7;
	padding:1.6em 0 0 0;
}
#placequote p {
	font-size:1.4em;
	color:#f5f6f7;
	padding:0.2em 0 1.4em 0;
}
.linkquote, .linkquote:link, .linkquote:visited {
	width:11.6em;
	height:4em;
	background:url(/images/but_quote.png) no-repeat;
	text-align:center;
	font-size:1.8em;
	color:#fff;
	font-weight:bold;
	display:block;
	padding:0.87em 0 0 0;
}
.linkquote:hover {
	text-decoration:none;
}
#footerbottom {
	width:88.3em;
	height:3.4em;
	padding:1.5em 0 0 0;
}
#menufooter {
	height:1.3em;
}
#menufooter li {
	display:inline;
	padding:0 0.6em;
	background:url(/images/sep_footer.png) no-repeat 100% 0.2em;
	font-size:1.1em;
	color:#f5f6f7;
	float:left;
	height:1.3em;
}
#menufooter li a
{
	color:#fff;
}
#menufooter li.last {
	background:none;
	padding:0 0 0 0.6em;
}
#menufooter li a.linksimple, #menufooter li a.linksimple:link, #menufooter li a.linksimple:visited {
	width:13.4em;
	height:1.7em;
	display:inline;
	background:#636161;
	float:left;
	color:#96C03B;
	text-align:center;
	font-size:0.9em;
	padding:0.3em 0 0 0;
	margin:-0.3em 0 0 0;
}

a[href $='.pdf'] { 
	padding-right: 18px;
	background: transparent url(/images/icons/icon_pdf.gif) no-repeat center right;
}



/*=============================CONTACT=========================*/

#contact_us {
	margin:1em 0;
}

h3.h3bordered{
	border-bottom:0.1em solid #e0e0e0;
	margin:0 0 1em 0;
	padding:0.5em 0 0.2em 0;
	color:#595757;
	text-transform:none;
}
h3.uppercase{
	text-transform:uppercase;
}
#contact_us ul li label{
	display:block;
	font-size:1.1em;
	font-weight:bolder;
}

#placeform,
#placeformwork{
	background:#f2f2f2;
	border:0.1em solid #e4e4e4;
	width:49em;
	padding:0.7em 0.8em 0.3em 0.8em;
	line-height:1.4em;
	font-size:1.2em;
}
#placeformwork
{
	height:394px;
}
#placeform h3.h3bordered
{
	font-size:1.4em;
}
#placeform p
{
	color:#808080;
	margin-bottom:1em;
}
.placeleft{
	float:left;
	padding:0 2em 0 0;
	border-right: 0.1em solid #e0e0e0;
	color:#595757;
}
#oprojectcontainer
{
	display:none;
}

.placeleft ul li{
	margin:0 0 1em 0;
}

.placeright{
	float:right;
	width:21em;
}

.placeright p{
	font-size:0.9em;
	color:#808080;
	padding:0 2em;
}

#contact_us input[type=text]
{
	width:26.1em;
	height:1.4em;
	background:#fff;
	border: 0.1em solid #ccc;
	padding:0.6em;
}
#contact_us textarea
{
	border: 0.1em solid #ccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	padding:6px;
}

#message{
	width:24em;
	height:8em;
	background:#fff;
	border: 0.1em solid #ececec;
}

#btnsubmit{
	/*width:9.1em;
	height:3.1em;
	border: 0.1em solid #e8e8d9;
	background:#fdffe1;
	cursor:pointer;*/
	color:#595757;
	font-size:1.4em;
	padding:0.5em;
}

ul li.center{
	text-align:center;
}

#clientform{
	font-size:1.5em;
	color:#96c03b;
	background: url(/images/icon_form.png) no-repeat 100% 0;
	display:block;
	height:2.8em;
	width:10.3em;
	font-weight:bolder;
	padding: 1.5em 0 0 0;
	margin:0.5em 0 0 0;
}
p.textdetail a#clientform
{
	color:#96c03b;
}

#vcardlink{
	font-size:1.5em;
	color:#96c03b;
	background: url(/images/vcard.png) no-repeat 100% 0;
	display:block;
	height:2.8em;
	width:12.3em;
	font-weight:bolder;
	padding: 1.5em 0 0 0;
}

#content .noborder{
	border:none;
}

.boxnav .contact,
.boxnav .vcard
{
	font-size:1.2em;
	color:#595757;
	margin:0 0 1em 0;
	line-height:1.6em;
}
.vcard a{
	color:#595757;
}
.vcard ul
{
	margin-top:1em;
}
.type,
.nameme,
.note span
{
	font-weight:bolder;
}
.vcard .url,
.vcard .photo
{
	display:none;
}
.boxnav ul li label{
	font-weight:bolder;
}


/* Our Team
=====================================================================*/
.bigcontent {
	width:85.1em;
	background:#f2f2f2;
	border:0.1em solid #e3e3e3;
	padding:1em 1.5em 1.5em 1.5em;
	margin:4.5em 0 0 0;
}
.bigcontent h3 {
	font-size:1.7em;
	text-transform:uppercase;
	color:#595757;
	margin:0 0 0 0;
}

.lmargin
{
	margin:1.5em 0 0 0;
}
.liststaff {
	width:40.7em;
	float:left;
}
.liststaffright {
	width:40.7em;
	float:left;
	display:inline;
	margin:0 0 0 3.3em;
}
.liststaff li, .liststaffright li {
	width:40.7em;
	height:14em;
	border-bottom:0.1em solid #e0e0e0;
	padding:1em 0 2em 0;
}
.liststaff li img, .liststaffright li img {
	float:left;
	margin:0.5em 1.8em 0.5em 0;
}
.liststaff li h4, .liststaffright li h4 {
	font-size:1.3em;
	color:#595757;
	padding:0.5em 0 0 0;
}
.liststaff li span.title, .liststaffright li span.title {
	font-size:1.3em;
	color:#595757;
	font-style:italic;
}
.liststaff li p, .liststaffright li p, #bigcontent p {
	font-size:1.2em;
	color:#595757;
	padding:0.2em 0 0 0;
	line-height:1.4em;
}
.liststaff li p.staffextra,
.liststaffright li p.staffextra
{
	clear:both;
}
.liststaff li.last, .liststaffright li.last {
	border:none;
}
.gravatar
{
	border:0.1em solid #e0e0e0;
	height:9.8em;
	width:9.8em;
}
/* Services
=====================================================================*/
#innercontent {
	padding:0.5em 0;
	width:58em;
}
#innercontent h3 {
	font-size:1.7em;
	text-transform:uppercase;
	color:#595757;
}
#innercontent p {
	font-size:1.2em;
	color:#595757;
	line-height:1.4em;
	padding:0 0 1em 0;
}
.textdetail {
	font-size:1.1em;
	color:#808080;
	line-height:1.4em;
	padding:1.8em 0.5em 0 0.5em;
}
#listabilities {
	padding:0 0 1.5em 0;
}
#listabilities li {
	font-size:1.2em;
	color:#595757;
	margin:0.3em 0 0.6em 0;
	padding:0 0 0 1.3em;
	background:url(/images/bullet.png) no-repeat 0.3em 0.6em;
}

/* WORK
=============================================*/
#placeform{
	background:#f2f2f2 url(/images/loading.gif) no-repeat center center;
	border:0.1em solid #e4e4e4;
	width:49em;
	padding:0.7em 0.8em 0.3em 0.8em;
	line-height:1.4em;
	font-size:1.2em;
	height:33em;
}

#placeform,
#placeformcontact{
	background:#f2f2f2;
	border:0.1em solid #e4e4e4;
	width:49em;
	padding:0.7em 0.8em 0.3em 0.8em;
	line-height:1.4em;
	font-size:1.2em;
	height:40em;
}
#placeformcontact
{
	height:33.6em;
}

#placework{
	padding:0 0 0 1em;
}
#placework li{
	float:left;
	vertical-align:middle;
	display:inline;
}
#placework li.imgwork{
	margin:0 1em;
}
#placework img{
	border:0.58em solid #e6e6e6;
}

#wprev {
	width:2em;
	height:2.05em;
	font-size:1.2em;
	position:relative;
	overflow:hidden;
	display:inline;
	float:left;
	text-indent:-500em;
	margin:10em 0 0 0;
}
#wprev span{
	background:url(/images/arrow_slideshow.gif) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	cursor:pointer;
}
#wprev:hover span{
	background:url(/images/arrow_slideshow.gif) no-repeat 0 -2em;
}


#wnext 
{
	width:2em;
	height:2.05em;
	font-size:1.2em;
	position:relative;
	overflow:hidden;
	display:inline;
	float:left;
	text-indent:-500em;
	margin:10em 0 0 0;
}
#wnext span
{
	background:url(/images/arrow_slideshow.gif) no-repeat -2em -2.1em;
	position:absolute;
	width:100%;
	height:100%;
	cursor:pointer;
}
#wnext:hover span{
	background:url(/images/arrow_slideshow.gif) no-repeat -2em 0;
}

#nav .otherproject a{
	text-transform:uppercase;
	color:#808080;
	background:#f2f2f2;
	border:0.1em solid #e3e3e4;
	border-bottom:none;
	padding:0.5em 0.5em 0.3em 0.5em;
	display:block;
	float:right;
}
#nav .otherproject a.oproject:hover
{
	background:#E9F7C6;
	text-decoration:none;
}

#nav p a{
	color:#595757;
}

.spacer{
	height:2.2em;
}
.disc{
	list-style:disc;
}
.disc li{
	margin-left:1.8em;
}

.fixheight{
	height:37em;
}

#listportfolio {
	width:auto;
	height:361px;
	margin:1.8em 0 0 0;
	overflow:hidden;
}
#listportfolio li {
	background:#fff;
	border:0.8em solid #E6E6E6;
	display:inline;
	float:left;
	height:6.5em;
	margin:0 1.3em 1.3em 0;
	width:10.5em;
}
#listportfolio li.odd
{
	margin-right:0;
}
#listportfolio li.active
{
	border:0.1em solid #333;
}
#listportfolio li.last {
	/*margin:0;*/
}

/* CLIENT FORM
=============================================*/
#accordion
{
	margin:1em 0;
}
.client_form_list
{
	color:#595757;
	font-size:1.2em;
	list-style:disc;
	margin-left:2em;
}
.client_form_list li
{
	margin-bottom:0.4em;
}

#text div.bigcontent p
{
	color:#808080;
	font-size:1.2em;
	line-height:1.2em;
	margin:1em 0;
}
#text div.bigcontent #essay p
{
	line-height:1.4em;
}
#frmcontact_submitbutton{
	/*width:9.1em;
	height:3.1em;
	border: 0.1em solid #e8e8d9;
	background:#fdffe1;
	cursor:pointer;*/
	color:#595757;
	font-size:1.4em;
	padding:0.5em;
}

form#client_form
{
	color:#595757;
	font-size:1.2em;
	margin:1em 0;
}
form#client_form legend
{
	display:none;
}
#accordion a.opener,
h3.nolatitle
{
	background:#e9e9e9;
	border:0.1em solid #e5e5e5;
	color:#595757;
	display:block;
	font-size:1.2em;
	font-weight: bold;
	padding:0.5em;
	text-transform: uppercase;
}
a.opener:hover
{
	text-decoration: none;
}
div#innercontent.nolacontent p
{
	font-size:1.3em;
	line-height:2em;
}

#accordion p
{
	font-size:1em;
}
#accordion ol
{
	height:auto;
	margin-left:2em;
}
#accordion ol li
{
	margin:1em 0 0.3em 0;
}
form#client_form input[type=text]
{
	display:block;
	width:26.7em;
	height:1.7em;
	background:#fff;
	border: 0.1em solid #ccc;
	padding: 0.3em 0 0 0.3em;
}
form#client_form textarea
{
	width:22.5em;
	height:7em;
	background:#fff;
	border: 0.1em solid #ccc;
	padding: 0.3em 0 0 0.3em;
}
div.nolasideform form#client_form label
{
	font-size:1.4em;
	text-transform:capitalize;
	display:block;
}
div.nolasideform form#client_form input[type=text]
{
	display:inline;
	width:16em;
}
div.nolasideform form#client_form textarea
{
	width:14em;
}

#rcontact
{
	margin: 1em 0 0 0.3em;
}
#rcontact label
{
	text-transform: capitalize;
}
.field
{
	display: block;
	margin: 0.6em 0;
}
.actions
{
	margin:1em 0 0 0.3em;
}

.formError {
	position:absolute;
	top:300px; left:300px;
	width:150px;
	padding-bottom:15px;
	display:block;
	z-index:5000;
}
.formError .formErrorContent {
	width:100%; 
	background:#000;
	color:#fff;
	font-family:tahoma;
	font-size:10px;
	box-shadow: 1px 1px 6px #000;
	-moz-box-shadow: 1px 1px 6px #000;
	-webkit-box-shadow: 1px 1px 6px #000;
	padding:4px 10px 4px 10px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
.formError .formErrorArrow{
	position:absolute;
	bottom:0;left:20px;
	width:15px; height:15px;
	
}
.formError .formErrorArrow div{
	box-shadow: 1px 4px 5px #000;
	-moz-box-shadow: 1px 4px 5px #000;
	-webkit-box-shadow: 1px 1px 5px #000;
	font-size:0px; 
	
}
.formError .formErrorArrow .line10{width:15px;height:1px; background:#000;margin:0 auto; font-size:0px; display:block;} 
.formError .formErrorArrow .line9{width:13px;height:1px; background:#000;margin:0 auto;display:block;} 
.formError .formErrorArrow .line8{width:11px;height:1px; background:#000;margin:0 auto;display:block;} 
.formError .formErrorArrow .line7{width:9px;height:1px; background:#000;margin:0 auto;display:block;} 
.formError .formErrorArrow .line6{width:7px;height:1px; background:#000;margin:0 auto;display:block;} 
.formError .formErrorArrow .line5{width:5px;height:1px; background:#000;margin:0 auto;display:block;} 
.formError .formErrorArrow .line4{width:3px;height:1px; background:#000;margin:0 auto;display:block;} 
.formError .formErrorArrow .line3{width:1px;height:1px; background:#000;margin:0 auto;display:block;}