/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*------------------------------------- JEFFREY GROUP -------------------------------------------*/
/*----------------------- css by Ignacio Ricci (www.ignacioricci.com) ---------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- Reset Styles -----------------------------------------------------------*/
	
	
		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, hr, button
		{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align: baseline; background:transparent;}
		
		ol, ul {list-style:none;}
		h1, h2, h3, h4, h5, h6, li {line-height:100%;}
		blockquote, q {quotes:none;}
		table {border-collapse:collapse; border-spacing:0;}
		input, textarea {font-family:inherit; font-size:1em;}
		

/*- End Reset Styles -------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- General Styles ---------------------------------------------------------*/

		
		body {font:76% Arial, sans-serif; background:#FFF;}
		
			/*- Page width -*/
			#topBar,
			#header,
			#main,
			#footer {font-size:1.1em; width:880px; margin:0 auto;}
			
			/*- Accesible labels -*/
			.accesible {width:1px; height:1px; position:absolute; top:0; left:-9999px; z-index:1; overflow:hidden;}
			
			/*- Hide Text -*/
			#search button,
			#header h1,
			.city #cityAddress h2 {font-size:0; text-indent:-9999em;}
			
			/*- Float clears -*/
			#topBar,
			#cityMenu ul,
			#mainMenu ul,
			#marquee,
			#subMenu,
			#main,
			#content,
			#teamList li,
			#digitalTeam li,
			#officeList,
			#footer {overflow:hidden;}
			
			/*- Last elements -*/
			#cityMenu li.last,
			#footer li.last {border:none;}
			
			/*- ESPANOL -*/
			.espanol #marquee p {width:200px}
			.espanol #marquee div {width:615px;}
			.espanol #search button {background-image:url(../images/searchBtn-espo.png);}
			
			/*- PORTUGUES -*/
			.portugues #marquee p {width:180px}
			.portugues #marquee div {width:615px;}
			.portugues #search button {background-image:url(../images/searchBtn-espo.png);}
			
			/*- FIX MENU FOR INTERNAL PAGES -*/
			#page-about #header h1, #page-latinAmerica #header h1, #page-usHispanic #header h1, #page-clients #header h1, #page-services #header h1, #page-city-miami #header h1,
			#page-city-newyork #header h1, #page-city-mexico #header h1, #page-city-bsas #header h1, #page-city-saopaulo #header h1 {margin-bottom:40px;}
			
		
/*- End General Styles ----------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- Top Bar ---------------------------------------------------------------*/

		
		#topBar {padding:15px 0;}
		
			#language,
			#contactUs {float:left;}
			
			/*- Language -*/
			#language {color:#999; margin-right:40px;}
				#language a {color:#666;}
				#language a:hover {color:#333;}
				
			/*- Contact Us -*/
			#contactUs {}
				#contactUs a {font-weight:bold; color:#521B8C;}
				#contactUs a:hover {color:#333;}
				
			/*- Search -*/
			#search {float:right; padding-right:10px;}
				#search p * {float:left;}
				#search input {width:180px; height:17px; color:#666; padding:0 5px; margin-right:12px; background:#FFF url(../images/googleSearch.gif) no-repeat 5px 3px; border-top:2px solid #848484; border-right:2px solid #FAFAFA; border-bottom:2px solid #FAFAFA; border-left:2px solid #848484;}
				#search .fieldFocus {background:#FFF;}
				#search button {width:55px; height:15px; cursor:pointer; margin-top:1px; background:url(../images/searchBtn.png) no-repeat 0 0;}
		
			
/*- End Top Bar -----------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- Header ----------------------------------------------------------------*/
			
		#header {padding-top:5px; background:#C7D5D6;}
		
			/*- Logo -*/
			#header h1 {margin:0 0 106px;}
				#header h1 a {display:block; width:295px; height:116px; background:url(../images/logo.png) no-repeat 0 0;}
		
			/*- City Menu -*/
			#cityMenu {}
				#cityMenu ul {padding:10px 20px;}
				#cityMenu li {display:inline; text-transform:uppercase; letter-spacing:-0.03em; padding-right:7px; margin-right:6px; border-right:1px solid #666;}
				#cityMenu a {text-decoration:none; color:#666;}
				#cityMenu a:hover {color:#333;}
			
			/*- Main Menu -*/
			#mainMenu {float:left; background:url(../images/mainMenu.png) no-repeat 100% 0;}
				#mainMenu ul {padding:0 20px; margin-right:45px; background:#5E1FA0;}
				#mainMenu li {float:left; font-size:1.1em; letter-spacing:-0.04em; text-transform:uppercase; font-weight:bold;}
				#mainMenu a {display:block; text-decoration:none; color:#FFF; padding:10px 16px; background:url(../images/mainMenu-bullet.gif) no-repeat 5px 10px;}
				#mainMenu a:hover {color:#FFCC33;}
				
				/*- Current section -*/
				#mainMenu .current a {color:#FFCC33;}
				
			#marquee,
			#subMenu {clear:both; background:url(../images/subMenu-Marquee.png) repeat-y 0 0;}
			
			/*- Home Marquee -*/
			#marquee {padding:8px 20px; height:20px; overflow:hidden;}
				
				#marquee p {float:left; width:100px; font-weight:bold; text-transform:uppercase; color:#333; margin-right:20px;}
				/*#marquee div {float:left; width:505px; height:16px !important; margin-top:-15px; position:relative; left:110px; overflow:hidden;}*/
				/*#marquee li {position:absolute; left:0; top:-999em; white-space:nowrap;}*/
				#marquee div {float:left; width:700px; overflow:hidden;}
				#marquee div div {width:2100px !important; padding-left:25px;}
				#marquee span.newsElement {float:left; margin-right:20px;}
				#marquee a {color:#666;}
				#marquee a:hover {color:#333;}
			
			/*- Sub Menu -*/
			#subMenu {min-height:21px;}
				#subMenu ul {padding-left:20px;}
				#subMenu li {float:left; font-size:0.8em; text-transform:uppercase; font-weight:bold;}
				#subMenu a {display:block; text-decoration:none; color:#666; padding:4px 8px; background:#FFCC33; border-top:1px solid #FFE683; border-right:1px solid #A68500; border-bottom:1px solid #A68500; border-left:1px solid #FFE683;}
				#subMenu a:hover {color:#FFF; background:#5E1FA0; border-top-color:#8657B9; border-right-color:#3D1469; border-bottom-color:#3D1469; border-left-color:#8657B9;}
				

/*- End Header ------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- Main Menu image swap --------------------------------------------------*/

		
		/*- English Menu Images -*/		
		.english #header.page-home-header {background:url(../images/menu/en/home.jpg) no-repeat 0 0;}
		.english #header.page-about-header {background:url(../images/menu/en/about.jpg) no-repeat 0 0;}
		.english #header.page-latinAmerica-header {background:url(../images/menu/en/latin-america.jpg) no-repeat 0 0;}
		.english #header.page-usHispanic-header {background:url(../images/menu/en/us-hispanic.jpg) no-repeat 0 0;}
		.english #header.page-clients-header {background:url(../images/menu/en/clients.jpg) no-repeat 0 0;}
		.english #header.page-services-header {background:url(../images/menu/en/services.jpg) no-repeat 0 0;}
		
		/*- Spanish Menu Images -*/		
		.espanol #header.page-home-header {background:url(../images/menu/es/inicio.jpg) no-repeat 0 0;}
		.espanol #header.page-about-header {background:url(../images/menu/es/acerca-de.jpg) no-repeat 0 0;}
		.espanol #header.page-latinAmerica-header {background:url(../images/menu/es/america-latina.jpg) no-repeat 0 0;}
		.espanol #header.page-usHispanic-header {background:url(../images/menu/es/us-hispanic.jpg) no-repeat 0 0;}
		.espanol #header.page-clients-header {background:url(../images/menu/es/clientes.jpg) no-repeat 0 0;}
		.espanol #header.page-services-header {background:url(../images/menu/es/servicios.jpg) no-repeat 0 0;}	
		
		/*- Portuguese Menu Images -*/		
		.portugues #header.page-home-header {background:url(../images/menu/po/home.jpg) no-repeat 0 0;}
		.portugues #header.page-about-header {background:url(../images/menu/po/sobre-nos.jpg) no-repeat 0 0;}
		.portugues #header.page-latinAmerica-header {background:url(../images/menu/po/america-latina.jpg) no-repeat 0 0;}
		.portugues #header.page-usHispanic-header {background:url(../images/menu/po/us-hispanico.jpg) no-repeat 0 0;}
		.portugues #header.page-clients-header {background:url(../images/menu/po/clientes.jpg) no-repeat 0 0;}
		.portugues #header.page-services-header {background:url(../images/menu/po/servicios.jpg) no-repeat 0 0;}
		

/*- End Main Menu image swap ----------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- Main ------------------------------------------------------------------*/


		#main h3 {text-transform:uppercase; font-size:1.1em; letter-spacing:-0.04em; color:#693AAC; padding-bottom:15px;}
				
		/*- Content -*/
		#content {float:left; width:620px; padding:35px 20px 20px;}
			#content h2 {font-size:1.85em; font-weight:normal; line-height:120%; letter-spacing:-0.05em; color:#5E1FA0; padding-bottom:25px;}
			#main #content h3 {text-transform:none; line-height:120%; padding-bottom:7px;}
			#content p {line-height:130%; font-size:1.1em; color:#555; padding-bottom:15px; clear:both;}
			#content a {color:#5E1FA0;}
			#content a:hover {color:#000;}
			
			
/*- End Main --------------------------------------------------------------*/		
/*-----------------------------------------------------------------------------------------------*/

/*- Services --------------------------------------------------------------*/

				
		#services {float:right; width:170px; padding:15px; margin-top:15px; background:#EEE;}
			#services h3 {padding:9px 0 7px; margin-bottom:15px; border-top:2px solid #875BB5; border-bottom:2px solid #875BB5;}
			#services li,
			#services p {font-size:0.9em; color:#555;}
			#services a {color:#693AAC;}
			#services a:hover {color:#000;}
			#services li {line-height:130%; padding-bottom:12px;}
			#services li a {display:block; padding:1px 0 5px 25px; margin-top:3px; background:url(../images/services-bullet.gif) no-repeat 0 0;}
			

/*- End Services ----------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- If the page is HOME ---------------------------------------------------*/
		

		/*- Home Photo Slider -*/		
		#page-home #header {position:relative; padding-top:0;}		
			#page-home #menuHolder {position:absolute; z-index:10; top:0; left:0;}	
			#page-home #homeSlider {}
				#page-home #homeSlider ul {height:330px; overflow:hidden;}
				#page-home #homeSlider img {width:880px; height:330px;}
		
		#page-home #main a {color:#551A8B;}
		#page-home #main a:hover {color:#333;}	
		#page-home #main img {border:1px solid #826D9F;}
		#page-home #main a:hover img {border-color:#666;}
		
		#corporateVideo,
		#jeffreyNews,
		#successStories {float:left; color:#666; padding:0 15px; margin-top:20px; min-height:330px;}
		
		/*- Corporate Video -*/	
		#corporateVideo {width:258px; padding-left:20px;}
		
		/*- Jeffrey News -*/
		#jeffreyNews {width:262px; border-left:1px solid #DDD; border-right:1px solid #DDD;}
			#jeffreyNews ul {padding-top:15px;}
			#jeffreyNews li {line-height:130%; padding-bottom:15px;}
					
		/*- Success Stories -*/
		#successStories {width:263px;}
			#successStories p {line-height:130%; padding-bottom:15px;}
			
			
/*- End If the page is HOME -----------------------------------------------*/		
/*-----------------------------------------------------------------------------------------------*/

/*- If the page is CLIENTS ------------------------------------------------*/


		#clientList {padding-top:25px;}
			#clientList li {float:left; width:155px; height:50px; text-align:center; margin-bottom:15px;}
			#clientList img {line-height:50px;}
			

/*- End If the page is CLIENTS --------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- If the page is LEADERSHIP TEAM ----------------------------------------*/

	
		#teamList {}
			#teamList li {clear:both; padding-bottom:30px;}
			#teamList h3,
			#teamList p {float:left; width:470px; clear:none;}
			#teamList img {float:right;}
			

/*- End If the page is LEADERSHIP TEAM ------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- If the page is CONTACT ------------------------------------------------*/

		
		#officeList {padding-top:15px;}
			#officeList li {float:left; width:290px; min-height:220px; margin:0 20px 5px 0;}


/*- End If the page is CONTACT --------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- If the page is A CITY ------------------------------------------------*/

		
		.city {}
			.city #main {padding-bottom:20px;}
			.city #content {float:none; width:auto;}
				.city #content div {float:left; margin-right:20px;}
			
				/*- Adress -*/
				.city #cityAddress {font-size:0.9em; width:200px;}
					.city #cityAddress h2 {width:136px; height:64px; background:url(../images/officeInfoTitle.gif) no-repeat 0 0;}
					.city #cityAddress p {padding-bottom:8px;}
					
				/*- Leader and Info -*/
				.city #cityLeader {width:130px;}			
				.city #cityInfo {width:450px;}
			
				/*- Services -*/
				.city #services {clear:both; width:610px;}
					.city #services h3 {padding:0 0 0 30px; border:0;}
					.city #services li {padding-left:30px; line-height:140%; background:url(../images/cityBullet.gif) no-repeat 0 -2px;}
					.city #services a {display:inline; padding:0; background:none;}
					.city #services p {display:none;}
				
			/*- Header image for each city -*/
			#page-city-miami #header {background:url(../images/menu/city/miami.jpg) no-repeat 0 0;}
			#page-city-newyork #header {background:url(../images/menu/city/newyork.jpg) no-repeat 0 0;}
			#page-city-mexico #header {background:url(../images/menu/city/mexico.jpg) no-repeat 0 0;}
			#page-city-bsas #header {background:url(../images/menu/city/bsas.jpg) no-repeat 0 0;}
			#page-city-saopaulo #header {background:url(../images/menu/city/saopaulo.jpg) no-repeat 0 0;}
			
			/*- Divider -*/
			.city hr {height:25px; margin-bottom:25px; border-bottom:1px solid #DDD; clear:both;}
			
			/*- Weather, News, Directions -*/
			#googleWeather,
			#googleNews,
			#directions {float:left; margin-right:30px;}
			
			#directions p {padding-top:30px;}
			#directions a {color:#666;}
			#directions a:hover {color:#333;}
			
			
/*- End If the page is A CITY ---------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- If the page is SEARCH RESULTS -----------------------------------------*/

		
		#page-search {}
			#page-search #main {padding-top:30px;}
			#page-search .page-search-header {background:url(../images/home/en/slider/slide1.jpg) no-repeat 0 0;}
			
			
/*- End If the page is SEARCH RESULTS -------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- If the page is VIDEOS -------------------------------------------------*/

		
		#page-videos {}
			#page-videos #header {background:url(../images/home/en/slider/slide1.jpg) no-repeat 0 0;}
			#page-videos #content {width:auto; float:none;}
		

/*- If the page is VIDEOS -------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- If the page is DIGITAL COMMUNICATION ----------------------------------*/

		
		.digitalCommunications {}
			.digitalCommunications #content {width:520px; padding:0 0 20px; margin-top:36px; background:url(../images/digitalBar.gif) repeat-y 0 0;}
			.digitalCommunications #content h2 {background:#FFF; padding-left:20px;}
			.digitalCommunications #content p {padding:0 20px 15px;}
			.digitalCommunications #content .subTitle {margin-left:20px;}
			.subTitle {float:left; font-weight:normal; font-size:1.4em !important; text-shadow:1px 1px #FBDE83; padding:8px 15px; margin-bottom:15px; background:#F8C21D url(../images/subTitle.png) repeat-x 0 0;}
			.digitalService {font-weight:normal; display:block; color:#4A068D;}
			
			/*- Digital Team -*/
			#digitalTeam {}
				#digitalTeam li {clear:both; padding-left:20px;}
				#digitalTeam img {float:left;}
				#digitalTeam li p {float:right; width:380px; margin-bottom:10px; padding:0 20px 0 0; clear:none;}
				
			/*- Connect with us -*/
			#connectWithUs {float:right; color:#333; width:340px; padding:10px; margin-top:90px; background:url(../images/connectWithus.jpg) repeat-y 0 0;}
				#connectWithUs h3 {color:#333; font-size:1em;}
				#socialIcons {padding-bottom:15px; margin-bottom:25px; border-bottom:1px solid #D2C1E3;}
					#socialIcons li {display:inline; margin-right:10px;}
					
			/*- Form -*/
			#connectForm {}
				#connectDetail {font-size:0.9em; padding-bottom:15px;}
				#connectForm p {padding-bottom:10px; clear:both;}
				#connectForm label {display:block; padding-bottom:3px;}
				#connectForm .fieldLine p {float:left; width:165px; clear:none;}
				#connectForm .fieldLine input {width:140px;}
				#connectForm textarea {width:330px; height:120px; overflow:auto;}
				#connectVideo {background:#FFF; width:330px; height:250px; margin-bottom:25px;}
		
		
/*- End If the page is DIGITAL COMMUNICATION ------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- CORRP ID --------------------------------------------------------------*/

		
		.corpId #content {float:none; width:auto; padding:35px 0 0;}
			#corpidGuidelines {padding:30px; min-height:368px; background:url(../images/corpid.jpg) no-repeat 0 0;}
				#corpidGuidelines p {padding-right:270px;}
		

/*- End CORRP ID ----------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*- Footer ----------------------------------------------------------------*/

	
		#footer {width:840px; padding:10px 20px; margin:15px auto 20px; background:#DDD; clear:both;}		
			#footer ul {float:left;}
			#footer li {display:inline; padding-right:6px; margin-right:5px; border-right:1px solid #CCC;}
			#footer a {color:#666;}
			#footer p {float:right; color:#FFF;}
			

/*- End Footer ------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------*/

/*- Safari Fix ------------------------------------------------------------*/

	@media screen and (-webkit-min-device-pixel-ratio:0) {
	#connectVideo iframe {display:block; width:331px !important; height:254px !important;}
	}

/*- End Safari Fix --------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*------------------------------------ END JEFFREY GROUP ----------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/