/*
Theme Name: Tangelo 1.2
Theme URI: http://itangelo.com
Description: Custom Theme for Tangelo
Version: 1.2
Author: Tangelo
Author URI: http://itangelo.com
Tags: simple, red, black, white
*/

/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*----------------------------------------- TANGELO ---------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- 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, button {font-family:inherit; font-size:1em;}
		

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

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


		body {font:100% 'Helvetica Neue', Helvetica, Arial, sans-serif; background:#FFF;}
		
			.wrap {width:940px; margin:0 auto;}
		
			/*- Float Clears -*/
			.wrap,
			#menu ul,
			#slideNav,
			#sectionInfo,
			.aboutItem,
			.service,
			.person,
			#contactForm p,
			#extras {overflow:hidden;}
			
			/*- Hidden Text -*/
			#logo h1 a,
			#slideNav a {display:block; font-size:0; text-indent:-9999em;}
			
			/*- Links -*/
			a {text-decoration:none;}
			a:link, a:visited, .post-category a {
			    color: #F43E42;
			}
			a:hover {
			    text-decoration: underline;
			}
			
			/*- Accesible labels -*/
			.accesible,
			#search button {position:absolute; top:0; left:-9999em; z-index:1; width:0; height:0; overflow:hidden;}
			
			/*- Rounded Corners -*/
			#contactUs a,
			.more,
			#twitterMsg {border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
			#retweet {border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
			#blogFeed #feedTime a {border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px;}
			
			/*- Top Anchor -*/
			.topAnchor {color:#F43E42; padding-left:12px; background:url(images/arrows/top-arrow.gif) no-repeat 0 0;}
			.topAnchor:hover {color:#000; text-decoration:underline; background-position:0 -341px;}
			
			/*- Section subtitles -*/
			/*.subTitle {float:left; width:295px; padding:30px 0 0 25px; font-weight:normal; font-size:1.1em; background:url(images/dots/dot-black-big.gif) no-repeat 0 31px;}
			*/
			
			.subTitle {float:left; width:795px; padding:30px 0 0 25px; font-weight:normal; font-size:1.1em;}

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

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

		
		#header {padding:60px 0 0;}
		
			/*- Logo -*/
			#logo {float:left; }
				#logo h1 {}
				#logo h1 a {width:191px; height:40px; background:url(images/bgs/tangelo_logo.png) no-repeat 0 0;}
				
			/*- Menu -*/
			#menu {float:right; width:630px; margin-top: -7px;}
				#menu ul {padding:5px 0px;}
					#menu li {float:left; font-size:1em; margin-left:10px;}
					#menu .current_page_item a {background: url(images/buttons/buttons_states.png) 0px -40px no-repeat;}
					body.page-template-page-team-php #menu li#menu-item-215 a {background: url(images/buttons/buttons_states.png) 0px -40px no-repeat;} 					
					
					#menu a {display:block; padding:10px 10px; color:#fff; font-weight:bold; text-align: center;}
					#menu a:hover {color:#FFF;}
					#menu li{
						width: 147px;
						height: 40px;
						background: url(images/buttons/buttons_states.png) no-repeat;
					}
					
					#menu li:hover{
						background: url(images/buttons/buttons_states.png) 0px -40px no-repeat;
					}
					
			
			/*- Search -*/	
			#search {float:right; width:210px; padding:8px 0 0;}
				#search input {float:right; width:130px; font-size:0.7em; color:#F43E42; padding:2px 6px; outline:0;}
				
			/*- Phone -*/
			#phone {float:right;}
				#phone p {font-size: inherit; font-weight:bold; color: inherit; padding:8px 0;}


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

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

		
		#main {margin-top: 10px}
		
			/*- For Inner Pages -*/
			#sectionInfo {padding:30px 0; border-bottom:1px solid #1A1A1A;}			
				#sectionInfo h2,
				#sectionInfo p,
				#sectionInfo ul {float:left; width:320px; clear:left;}		
				/*- Title and Description -*/		
				#sectionInfo h2,
				#sectionInfo p {font-size:1.1em;}
				#sectionInfo h2 {font-weight:normal;font-size:34px;color:#EF3E42;}
				#sectionInfo p {color:#1A1A1A; padding-top:15px;font-size:22px;}			
				/*- Content List -*/
				#sectionInfo ul {width:220px; clear:none; margin-top:-20px; }
					#sectionInfo li {font-size:0.8em; border-bottom:1px solid #000;}
					#sectionInfo li a {display:block; padding:6px 0 4px 30px; color:#000; background:url(images/arrows/left-arrow-black.gif) no-repeat 5px 7px;}
					#sectionInfo li a:hover {color:#EF3E42;}
		

/*- End Main Content -------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- PAGE: HOME -------------------------------------------------------------*/
		
		/*-------------------------------*/
		/*	JOB POSTINGS				 */
		/*-------------------------------*/
		
		#jobpost {
			background: #FFFFCC;
			border: 1px solid #FFB84C;
			height: 150px;
    		position: relative;
    		width: 938px;
    		margin-top: 40px;
    		
		}
			#jobpost img{
				left: 15px;
    			position: absolute;
    			top: 15px;
			}
			
			#jobpost h3{
				color: #FFB84C;
    			font-size: 20px;
    			font-weight: normal;
    			left: 150px;
    			position: absolute;
    			top: 20px;
			}
			
			#jobpost h4{
				color: #665839;
    			font-size: 22px;
    			font-weight: normal;
    			left: 150px;
    			position: absolute;
    			top: 50px;
    			width: 570px;
				line-height: 1.2em;
			}
			
			#jobpost a{
				display: block;
    			left: 770px;
    			position: absolute;
    			top: 55px;
    			background: url(images/jobsReadmore.png) left top no-repeat;
    			text-indent: -2000px;
    			width: 140px;
    			height: 41px;
			}
			
			#jobpost a:hover{
				background: url(images/jobsReadmore.png) left bottom no-repeat;
			}			
						
			
			

		/*-------------------------------*/
		/*	TAGLINE						 */
		/*-------------------------------*/
		#tagline {
			margin-top: 30px;
			margin-bottom: 60px;
		}
			#tagline h2 {font-size:2em; letter-spacing:-0.05em; color:#F43E42;}
			#tagline h2 strong {color:#333;}
			
		#tagline div.tagText{
			float: left;
			width: 35%;
			margin-right: 2%;
			padding-top: 45px;
		}
		
		
		#tagButtons ul {margin-top: 50px;}
		#tagButtons li {float:left; font-size:1em; margin-right:20px;}
		#tagButtons a {display:block; padding:10px 10px; font-weight:bold; text-align: center;}
		#tagButtons a:hover {}
					#tagButtons li.tagLightGrey{
						width: 140px;
						height: 40px;
						background: url(images/buttons/button_gray-1.png) no-repeat;
					}
					
					#tagButtons li.tagLightGrey a{
						color: #000;
					}
					
					#tagButtons li.tagLightGrey:hover{
						background: url(images/buttons/button_gray-1.png) 0px -40px no-repeat;
					}
					
					#tagButtons li.tagDarkGrey a{
						color: #fff;
					}
					
					#tagButtons li.tagDarkGrey{
						width: 140px;
						height: 40px;
						background: url(images/buttons/button_gray-2.png) no-repeat;
					}
					
					#tagButtons li.tagDarkGrey:hover{
						background: url(images/buttons/button_gray-2.png) 0px -40px no-repeat;
					}									
					
		
		#tagline div.tagImage{
			float: left;
			width: 544px;
			height: 376px;
			background: url(images/bgs/ipad_iphone.jpg) no-repeat top left;
		}		
		
		
			
		/*-------------------------------*/
		/*	SLIDER						 */
		/*-------------------------------*/

		#slideshow {width:612px; margin-top:40px; position:relative;}
		
			/*- JS -*/
			.slideMe {position:relative;}
				.slideMe .wrapper {overflow:hidden; position:absolute; top:0; left:0;}
				.slideMe .wrapper ul {width:32700px; position:absolute; top:0; left:0;}
				.slideMe .wrapper ul li {float:left;}
				.arrow, #start-stop {display:none;}

			/*- Iphone Slide -*/
			#iphone {width:260px; height:460px !important; margin-right:20px; background:url(images/bgs/iphone.png) no-repeat 0 0; position:absolute; left:0; top:-260px; z-index:1;}
				#iphone .wrapper {left:31px; top:73px;}
				#iphone .wrapper,
				#iphone .wrapper li,
				#iphone .wrapper img {display:block; width:198px; height:290px;}
				#iphone .screenshot .wrapper {top:0; left:0;}
			
			/*- Apps -*/
			#apps {width:250px; height:150px; margin:0 60px 0 335px;}
				#apps .wrapper ul {width:2000px;}
				#apps .wrapper,
				#apps .wrapper li {width:550px; height:150px;}
				#apps li {position:relative;}
				#apps h3 {color:#F43E42; padding-bottom:8px;}
				#apps p {font-size:0.9em; line-height:140%; color:#333; padding:0 140px 5px 0;}
				#apps p a {color:#666; text-decoration:none; font-style:normal;}
				#apps p a:hover {color:#333;}
				#apps img {position:absolute; top:0; right:0; z-index:1;}
			
			/*- Circular buttons -*/
			#slideNav {width:655px; padding:20px 0 0 65px; margin:20px 0 20px 270px; border-top:1px solid #DADADA;}
				#slideNav a {float:left; width:14px; height:14px; margin-right:5px; background:url(images/buttons/nav.png) no-repeat 0 0;}
				#slideNav a.navCurrent {background-position:0 -14px;}	
				
		/*-------------------------------*/
		/*	CONTACT US					 */
		/*-------------------------------*/
		#contactUs {margin-left:320px; clear:both;}
			#contactUs a {float:left; width:360px; color:#FFF; margin-top:7px; background:#CD2E30 url(images/buttons/red-gradient.png) repeat-x 0 0; border:1px solid #EF3E42;}
			#contactUs a:hover {background:#F06569 url(images/buttons/red-gradient-hover.png) repeat-x 0 0;}
			#contactUs a em {font-style:normal; padding:8px 10px 7px 60px; float:left; background:url(images/buttons/envelope.png) no-repeat 10px 6px;}	
			#contactUs a span {float:right; padding:8px 30px 7px 10px;}
			#contactUs strong {float:right; font-size:1.6em; font-weight:normal; padding:7px 25px;}
			
		/*-------------------------------*/
		/*	SERVICES					 */
		/*-------------------------------*/
		#homeServices {clear:both; padding:10px 0 0; min-height:250px; position:relative;}
			#homeServices li {clear:both;}
				#homeServices li h3 {width:276px; padding:12px 12px 10px 32px; font-weight:normal; color:#999; cursor:pointer;}
				#homeServices li h3:hover {color:#EF3E42; background:url(images/dots/dot-red-big.gif) no-repeat 10px center;}
				#homeServices li div {width:580px; padding:20px 20px 35px; min-height:210px; font-size:1.5em; line-height:130%; position:absolute; top:10px; right:0; z-index:1; color:#FFF; background:#EF3E42;}
				#homeServices li .more {float:left; color:#EF3E42; font-size:0.7em; margin-top:10px; width:270px; background:#1C1C1C url(images/buttons/black-gradient.png) repeat-x 0 0; border:1px solid #333;}
					#homeServices li .more:hover {background:#4C4C4D url(images/buttons/black-gradient-hover.png) repeat-x 0 0;}
					#homeServices li .more strong {display:block; padding:4px 10px 4px 55px; background:url(images/buttons/tick.png) no-repeat 10px 6px;}
			
			/*- Selected Item -*/
			#homeServices .selected {}
				#homeServices .selected h3 {color:#FFF !important; background:#EF3E42 url(images/dots/dot-white-big.gif) no-repeat 10px center !important;}
		
		/*-------------------------------*/
		/*	EXTRAS						 */
		/*-------------------------------*/
		#extras {clear:both; margin:50px 0 0;}
			#extras h4 {font-size: 1.5em; color:#333; padding:20px 10px 10px;}
				
			/*- Twitter Updates -*/
				#twitterUpdates p {font-size:1em; marging-right:1em;}
				
				/*- Message -*/
				#twitterMsg {}
					#twitterMsg a {color:#EE3D42; text-decoration:none;}
					#twitterMsg a:hover {background: #F43E42; color:#fff;}
					
					#twitterMsg #retweet {margin-top: 5px;display: block; width: 60px; height: 20px; font-size:0.8em; font-weight:bold; font-style:normal; text-decoration:none; text-transform:uppercase; color:#333; text-shadow:1px 1px #FFEA62; padding:5px; line-height:100%; background: url(images/buttons/retweet.png) no-repeat 0 0;}
					#twitterMsg #retweet:hover {color:#000;}
					#twitterHidden {display:none;}
					
					div.twitBird{
						float: left;
						width: 120px;
						height: 25px;
						background: url(images/twitter/tweet-bird.png) no-repeat top left;
						padding-top: 75px;
						text-align: center;
					}
					
					div.twitBird a{color: #EE3D42; text-decoration: underline; font-size: 12px; font-weight: bold;}
					
					div.twittBubble{
						background: url(images/bgs/bubble_corner.png) no-repeat 0px 0px;
						width: 39px;
						height: 64px;
						float: left;				
					}
					
					div.twittBox{
						width: 761px;
						float: left;
						background: #eee;
						padding: 10px;
						font-size: 1.5em;
						color: #444;
					}				
					div.twittBox .twitter-timestamp {font-size: 0.5em; display:block; padding-top:10px; color:#999;}				
				/*- Follow 
				 -*/
				#twitterFollow {text-align:right; padding:14px 0; background:url(images/twitter/bird.gif) no-repeat 0 0;}
					#twitterFollow a {color:#333; text-decoration:none;}
					#twitterFollow a:hover {background: #F43E42; color:#fff;}
					
			/*- Blog Feed -*/
				#blogFeed { background: #eee; margin-top: 40px; font-size: 14px; line-height: 1.5em;}
				#blogFeed h4 {font-size: 1.2em; color:#797979; text-decoration:none; background: #fff; padding-left: 80px;}
				#blogFeed h4 a {color:#333; text-decoration:none; }
				#blogFeed h4 a:hover {text-decoration: underline;}
				#blogFeed h5 {font-size:1.2em; line-height: 150%; margin-top: 0.5em;}
				#blogFeed h5 a {color:#EE3D42;}
				#blogFeed h5 a:hover {background: #F43E42; color:#f8f8f8; text-decoration:none;}
				#blogFeed #feedTime {font-size:0.7em; color:#999; padding:3px 0 10px;}
				#blogFeed #feedTime a {color:#FFF; background:#eee; padding:1px 5px; margin-left:3px; font-weight:bold;}
				#blogFeed #feedTime a:hover {background:#F43E42;}
				/*#blogFeed #feedExcerpt {font-size:em; font-style:normal; color:#333; line-height:130%;}*/
				#blogFeed #feedExcerpt {font-family: Helvetica; font-style:normal; color:#333333; line-height: 1.4em; padding:10px 20px 10px 0px; background:#eee; position:relative;}
				#blogFeed #feedExcerpt p {display:none;}
				body.home #blogFeed #feedExcerpt p {display:block;margin-bottom: 12px;}	
				body.home #blogFeed #feedExcerpt h2 {font-size: 1.4em;}				
				#blogFeed #feedExcerpt a {color:#EE3D42;}
				/*#blogFeed #readMore {font-weight:bold; font-size:0.8em; font-style:normal; text-align:right; padding:19px 25px 0 0;}*/
				#blogFeed #readMore a {color:#EE3D42; text-decoration:none;}
				/*#blogFeed #readMore a:hover {background: #F43E42; color:#fff;}*/
				#blogFeed ul { padding: 15px 80px;}
				#blogFeed ul #feedExcerpt ul { list-style: disc;padding: 25px 40px;}
				#blogFeed ul #feedExcerpt ul li { margin-bottom: 8px;line-height: 1.4em;}
				#blogFeed iframe {vertical-align:middle}
				#blogFeed hr{ border-bottom: 1px solid #666; margin-bottom: 1em;}
				#blogFeed .statistic{ margin-bottom: 1.5em;}
				
				#blogFeed p.timestamp{color:#666666;font-size:12px;margin-bottom:10px;}
							

/*- End PAGE: HOME ---------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- PAGE: SERVICES (LIST) --------------------------------------------------*/

	
		.service {clear:both;}
			.service.last .serviceData {border:0;}
			.sBrief, .sExtended {float:left; width:730px;}
			
			.serviceData {float:left; width:620px; line-height:140%; padding:30px 0 40px; border-bottom:1px solid #EF3E42;}
				/*- Excerpt -*/
				.sBrief { color:#EF3E42; font-size:1.1em; padding-left:30px; background:url(images/arrows/left-arrow-red.gif) no-repeat 0 3px;}
				/*- Content -*/
				.sExtended {clear:both; font-size:0.8em; margin:15px 30px 0;}
					.sExtended p {padding-bottom:10px;}
				/*- Applied to -*/
				.sApplication {float:right; width:120px; font-size:0.8em; color:#EF3E42; line-height:120%; padding-top:3px;}
					.sApplication em {display:block; padding:0 0 25px 12px; font-style:normal; background:url(images/dots/dot-red-small.gif) no-repeat 0 3px;}


/*- End PAGE: SERVICES (LIST) ----------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/

/*- PAGE: CLIENT (SINGLE) --------------------------------------------------*/

		
		/*- Data -*/
		#projectData {float:left; width:320px; padding-top:72px; font-size:0.8em;}
			#projectData li {padding:0 0 10px 12px; color:#E4232F; background:url(images/dots/dot-red-small.gif) no-repeat 0 3px;}		
			#projectData span {color:#000;}
			#projectData a {font-weight:bold; color:#E4232F;}
			#projectData a:hover {color:#000; text-decoration:underline;}
			
		/*- Information -*/
		#projectInfo {float:right; width:620px; padding:30px 0 0; position:relative;}
			#projectInfo h3 {font-size:1.3em; padding-bottom:20px;}
			#projectInfo h4,
			#projectInfo h5 {font-weight:normal; width:500px;}
			#projectInfo h4 {font-size:0.95em; line-height:120%; padding-bottom:25px;}
			#projectInfo h5 {color:#E4232F; font-size:0.9em; padding:15px 0; margin-top:15px; border-top:1px solid #000;}
			#projectInfo p,
			#projectInfo li {font-size:0.8em; line-height:140%; width:500px;}
			#projectInfo ul li {padding:0 0 10px 12px; background:url(images/dots/dot-black-small.gif) no-repeat 0 6px;}
			#projectInfo ul li ul {padding:5px 0 0;}
			#projectInfo ul li ul li {font-size:1em; width:auto; margin-left:40px; background:url(images/dots/dot-red-small.gif) no-repeat 0 6px;}
			
		/*- Gallery -*/
		#projectGallery .gallery {width:320px; padding-top:10px;}
		#projectGallery .gallery-item {float:left; margin:0 10px 10px 0;}
		#projectGallery .gallery-item a {display:block; border:1px solid #DDD;}
		#projectGallery .gallery-item a:hover {border-color:#999;}
			
		/*- Iphone -*/
		.single-clients #projectGallery #iphone {position:relative; top:auto; left:auto; margin-top:20px;}
		.single-clients #projectGallery #iphone ul li {padding:0;}
		.single-clients #projectGallery #iphone ul li.screenshot {background:none;}
		.single-clients #projectGallery #iphone ul li.screenshot .wrapper {left:31px; top:73px;}
		
		/*- Iphone -*/
		.single-clients .page-work-single .aligncenter {
			text-align: center;
			width: 100%!important;
			
		}
		.single-clients .page-work-single .alignright {
			text-align: right;
			width: 100%!important;
			
		}
		.single-clients .page-work-single .alignleft {
			text-align: left;
			width: 100%!important;
			
		}
		.single-clients .wp-caption .wp-caption-text {
			font-size: 0.8em;
			color: #666;
			text-align: right;
			margin-right: 50px;
			margin-top: 20px;
		}
	

/*- End PAGE: CLIENT (SINGLE) ----------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- PAGE: ABOUT ------------------------------------------------------------*/


		.aboutItem {}
			.aboutItem.last .pageContent {border:0;}
			.pageContent {line-height: 180%; float:left; width:770px; padding:0 0 40px; border-top:1px solid #EF3E42; border-bottom:1px solid #EF3E42;}
			
				/*--------------------------*/
				/*	ABOUT US				*/
				/*--------------------------*/						
				#aboutUs {}
					#aboutUs .pageContent {background: #FEFDFF; padding:40px 40px 40px 40px;}
					#aboutUs h3 {font-size: 1.5em; color:#333; font-weight: bold; padding:20px 10px 20px;}
					
				#aboutUs .pageContent .companyRight .wp-caption p.wp-caption-text {
					font-size: 0.77em;
					font-family: Georgia, Times, serif;
					color: #666;
					line-height: 1.3em;
				}
				
				/*--------------------------*/
				/*	STAFF					*/
				/*--------------------------*/			
				.person {line-height:140%; padding:30px 0 10px; border-bottom:1px solid #000;}
				.person.last {border:0;}
					
					/*- Name -*/
					.person h4 {font-size: 1.5em; color:#333; font-weight: bold; padding: 0px 0px 10px;}	
						.person h4 span {color:#333;}
						.person h4 em {font-style:normal; font-size:0.8em;}
					
					/*- Info -*/
					.personInfo {float:left; width:600px; font-size:0.8em;}
						.personInfo p {padding-bottom:15px;}
						
					/*- Data -*/
					.personData {float:right; width:150px; font-size:0.8em;}
						.personData ul {padding-bottom:20px;}
						.personData li {padding:0 0 10px 15px; background:url(images/bgs/plus.gif) no-repeat 0 4px;}
						.personData a {color:#EF3E42;}
						.personData a:hover {color:#000; text-decoration:underline;}
						

/*- End PAGE: ABOUT --------------------------------------------------------*/				
/*-----------------------------------------------------------------------------------------------*/

/*- PAGE: CONTACT ----------------------------------------------------------*/


		.page-id-120 {}
			.page-id-120 #sectionInfo,
			#contactInfo {float:left; border:0; width:320px;}
			
			#contactInfo {clear:left;}
				#contactInfo p {font-size:0.8em; padding-bottom:15px;}
				#contactInfo a {color:#F43E42;}
				#contactInfo a:hover {color:#000; text-decoration:underline;}
			
			#contactForm {float:right; width:580px; padding-top:30px;}			

/*- End PAGE: CONTACT ------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- PAGE: SEARCH -----------------------------------------------------------*/

		
		.search .pageContent {padding-top:30px;}
			.searchResult .subTitle a {color:#EF3E42;}
			.searchResult .subTitle a:hover {color:#000; text-decoration:underline;}
			.searchResult.last .pageContent {border:0;}
			.search .pageContent h4,
			.search .pageContent h5,
			.search .pageContent li,
			.search .pageContent p {font-size:0.8em; padding-bottom:15px;}
		
		
/*- End PAGE: SEARCH -------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

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

	
		#footer {clear:both; padding:25px 0 100px; border-top:1px solid #ccc; color:#191919; font-size: 12px;position:relative;}
			#footertop {clear:both; padding:25px 0; font-size: 12px; position:relative; width: 960px; margin: auto;}
			#footertop a.gototop {
				left: 900px;
				position: absolute;
				display: block;
				background: url(images/gototop.gif) right 0 no-repeat;
				width: 40px;
				height: 12px;
				line-height: 12px;
				font-weight: normal!important;
			}
				#footertop a:hover.gototop {
					color: #000;
					background: url(images/gototop.gif) right -15px no-repeat;
				}
				
				
/*- End Footer -------------------------------------------------------------*/


/*- NEW HEAD  --------------------------------------------------------------*/

#topBar {
	background: #EF3E42;
	left: 0px;
	padding: 5px 0px;
	/*position: fixed;*/
	top: 0px;
	width: 100%;
	margin-bottom: 0px;
	/*z-index: 3;*/
	
}

#topBar h1 {
	float: left;
}

#topBar h1 a {
	overflow: hidden;
	display: block;
	font-size: 1em;
}

.clear {clear: both;}

#topBar p {
	float: left;
	font-size: 1em;
	font-weight: bold;
	color: white;
	text-shadow: #24757E 0px -1px;
	margin: 5px 10px 7px 0;
}
#topBar p span{
	text-shadow:none;
	font-size: 0.8em;
	font-weight: normal;
	color: #222;
}
#topBar p strong{
	text-shadow:none;
	font-size: 1em;
	color: #222;
}

#topBar p a.btn {
	font-size: 0.9em;
	text-decoration: none;
	text-shadow: #000 0px -1px;
	color: white;
	font-weight: bold;
	letter-spacing: 0.02em;
	padding: 5px 15px;
	/*background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#666666), to(#333333));

	/*-webkit-box-shadow: black 0px 0px 3px;*/
	box-shadow: black 0px 0px 3px;

	margin: 0 15px;

	border-bottom-left-radius: 12px 12px;
	border-bottom-left-radius: 12px 12px;
	border-bottom-right-radius: 12px 12px;
	border-bottom-right-radius: 12px 12px;
	border-top-left-radius: 12px 12px;
	border-top-left-radius: 12px 12px;
	border-top-right-radius: 12px 12px;
	border-top-right-radius: 12px 12px;
}


/*- END NEW HEAD --------------------------------------------------------------*/



/*- POSTS   -----------------------------------------------------------------*/

.post:after, .page:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.post .content h1, .post .content h2 {
   color: #333333;
   font-size: 1.5em;
   margin: 0.6em 0 0.6em;
   font-weight: bold;
}


.post h3 {
    color: #333333;
    font-size: 1.7em;
    margin: 2em 0 0.5em;
}
.post h4, .post h5, .post h6 {
    color: #333333;
    font-size: 1.4em;
    margin: 2em 0 0.5em;
}
.post table {
    border-collapse: collapse;
    font-size: 1.4em;
    line-height: 1.65;
    width: 100%;
}
.post table th {
    padding: 5px 0;
    text-align: left;
}
.post table td {
    padding: 5px 0;
}
.post table tr {
    border-bottom: 1px solid #DDDDDD;
}
.post dl {
    margin: 0 0 1.4em;
}
.post dt {
    font-size: 1.4em;
    font-weight: bold;
    line-height: 1.65;
    margin-top: 1.4em;
}
.post dt:first-child {
    margin: 0;
}
.post dd {
    font-size: 1.3em;
    line-height: 1.65;
}
.post ul, .post ol {
    margin: 0 0 1.4em 2em;
    color: #666;
}
.post ol {
    list-style:decimal;
}
.post ul {
    list-style:disc;
}
.post li {
    font-size: 14px;
    line-height: 1.65;
}
.post li ul, .post li ol {
    margin-left: 15px;
}
.post address {
    font-size: 1.2em;
    line-height: 1.65;
    margin: 0 0 1.4em 1em;
}
.post abbr, .post acronym {
    border-bottom: 1px dotted #CCCCCC;
}

.post pre {
    color: #6C8318;
    font-family: Monaco,"Courier New",fixed;
    font-size: 12px;
    margin: 0 0 1.4em;
}
.post kbd, .post tt {
    color: #666666;
    font-family: Monaco,"Courier New",fixed;
    font-size: 12px;
}
.post var {
    color: #892E12;
}
div.myclass strong {
    font-size: 1.4em;
    line-height: 1.65;
}
.post blockquote {
    border-left: 2px solid #DDDDDD;
    margin-left: 30px;
    padding-left: 15px;
}
.post img {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E9E9E9;
    height: auto;
    margin-bottom: 15px;
    margin-top: 15px;
    max-width: 500px;
    padding: 8px;
}

div.blog-page, div.blog-page-single{
	margin-top: 30px;
}

div.blog-page h2{
	display: none;	
}

div.blog-page-single .post-header h2 {
	padding: 0px 0 8px;
	margin: 0;
}

.archiveLeft .category-page .post-header h2 a:link, .archiveLeft .category-page .post-header h2 a:visited, div.blog-page-single .post-header h2 a:link, div.blog-page-single .post-header h2 a:visited {
	color:#EE3D42!important;
	font-size: 22px!important;
	line-height: 26px!important;	
	font-weight: bold!important;
}

div.blog-page p, div.blog-page-single p{
	line-height: 18px;
	font-size: 12px;
	margin-bottom: 15px;
}

div.blog-page .post-meta, div.blog-page-single .post-meta{
	border-bottom: 1px solid #eee;
	/*margin-top: 20px;*/
}

div.blog-page-single .post{
	margin-bottom: 30px;
}

div.blog-page-single .post-meta a{
	color: #EE3D42;
}

div.companyLeft{
	float: left;
	width: 540px;
	font-size: 18px;
	line-height: 20px;
}

div.companyRight{
	float: right;
	width: 300px;
}

body.page-template-page-about-us-php .tweetmeme_button{
	display: none;
}

div.companyRight #tagButtons{
	margin-left: 30px;
	margin-top:-110px;	
}

li#aboutUs h3.subTitle{
	color: #F43E42;
	border: none;
	font-weight: normal;
	padding: 0;
	line-height: 150%;
	margin-top: 30px;
	font-size: 32px;
	width: 540px;
	line-height: 38px;
}

#aboutUs .pageContent {
	border-top: none;
	padding: 0;	
	font-size: 14px;
	margin-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #333;
	background: none;
	width: 940px;
}

#staffGroup .pageContent{
	width: 940px;	
} 

#aboutUs p{
	font-size: 18px;
	line-height: 24px;
}

body.archive .archiveLeft h2.pagetitle{
	display: none;
}

div.archiveRight{
	float: right;
	width: 260px;
}

div.archiveLeft{
	float: left;
	width: 620px;
	margin-top: 10px;
}


div.archiveLeft h3{
	padding: 30px 0 8px 0;
	font-size: 18px;
	line-height: 22px;
}


div.archiveLeft h3 a:visited, div.archiveLeft h3 a:link{
	color: #EE3D42; 
}


div.archiveLeft h3 a:hover{
	color: #333333; 
}


div.archiveLeft .post-header p.timestamp, div.blog-page-single .post-header p.timestamp{
	color: #666;
	font-size: 12px;
	margin-bottom: 10px;
}


div.archiveLeft div.content{
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 10px;
	padding-right: 20px;	
}

div.archiveLeft div.content p{
	margin-bottom: 15px;
}

div.archiveLeft div.content em{
	color: #888888;
}


p.postedin {
	font-size: 12px;
	margin-bottom: 30px;
}

p.postedin a:link, p.postedin a:visited{
	font-size: 12px;
	color: #EE3D42; 
}

p.postedin a:hover{
	color: #333333; 
}

hr.postDiv{
	width: 15%;
	color: #999;
	border: 1px solid #ccc;
	margin-bottom: 5px;
}

div.archiveRight{
	padding: 30px 0 1px 0;
	font-size: 12px;
}


div.archiveRight a:link, div.archiveRight a:visited{
	font-size: 12px;
	color: #EE3D42; 
}

div.archiveRight li{
	margin-bottom: 10px;
}	

div.archiveRight li.pagenav{
	display: none;
}



/*- BLOG: SINGLE & COMMENTS ----------------------------------------------------*/


#comments {
    padding: 0 20px 0 0;
    position: relative;
}
#comments h3 {
    color: #999999;
    font-weight: bold;
    margin-bottom: 30px;
    margin-left: 30px;
}
#comments .comment.thread-even {
}
#comments .comment {
    list-style-type: none;
    margin-top: 20px;
    width: 100%;
}
#comments .comment .comment-container {
    -moz-border-radius: 5px 5px 5px 5px;
    background: url("images/comment-overlay.png") repeat-x scroll left bottom #FAFAFA;
    border: 1px solid #E0E0E0;
    padding: 20px;
    position: relative;
}
#comments .comment.thread-odd .comment-container {
    background: url("images/comment-overlay.png") repeat-x scroll left bottom #F2FAFC;
    border: 1px solid #D5E9ED;
}
#comments .comment-head {
    margin: 0 0 15px;
}
#comments .avatar {
    float: left;
    margin: 0 15px 10px 0;
}
#comments .avatar img {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DDDDDD;
    margin: 0;
    padding: 3px;
    vertical-align: middle;
}
#comments .comment-head .name {
    font-size: 15px;
    font-weight: bold;
    margin: 0;
}
#comments .comment-head .date, #comments .comment-head .edit, #comments .comment-head .perma {
    font-size: 11px;
}
#comments .comment-entry p {
    margin: 0 0 10px;
}
#comments .reply {
    padding-top: 10px;
}
#comments .reply a {
}
#comments .reply a:hover {
}
#comments ul.children {
    margin: 20px 20px 0;
    padding: 0;
}
#comments ul.children li {
}
#comments .cancel-comment-reply {
    margin: 10px 0;
}
#comments .navigation {
}
#comments .navigation a {
    display: block;
    margin: 15px 0 0;
    text-decoration: none;
}
#comments .navigation a:hover {
}
#comments h3#pings {
    margin-top: 25px;
}
#comments .pingbacks li.pingback {
    margin: 10px 0;
}
#comments .pingbacks li.pingback .reply {
    display: none;
}
#comments .nocomments {
    color: #999999;
}
#respond {
    background-color: #FFFFFF;
    border: 1px solid #E3E3E3;
    margin: 40px 0 0;
    padding: 20px;
}
#respond h3 {
    color: #333333;
    font-weight: normal;
    margin-bottom: 20px;
    padding: 0 !important;
}
#respond .left {
    float: left;
    margin-right: 15px;
    width: 200px;
}
#respond .right {
    float: left;
    width: 380px;
}
#respond label {
    color: #777777;
    font-size: 11px;
}
#commentform {
    margin: 15px 0 0;
}
#commentform label {
    display: inline-block;
    margin-top: 5px;
    position: relative;
    vertical-align: top;
}
#commentform input.txt, #commentform textarea {
    border-color: #E3E3E3;
    border-style: solid;
    border-width: 1px;
    font: 12px/14px Arial,Helvetica,sans-serif;
}
#commentform input.txt {
    background: none repeat scroll 0 0 #FCFCFC;
    color: #666666;
    margin: 0 5px 10px 0;
    padding: 5px 7px;
    width: 170px;
}
#commentform textarea {
    background: none repeat scroll 0 0 #FCFCFC;
    color: #666666;
    padding: 5px 7px;
    width: 95% !important;
}
#commentform p {
    margin-bottom: 10px;
}
#commentform #submit {
    margin: 15px 0 0;
}

.button, .button:visited, .medium.button, .medium.button:visited {
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
}
.button, .button:visited, .reply a {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-radius: 5px 5px 5px 5px;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35);
    border-style: solid;
    border-width: 1px;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
    background-color: #555555;
    
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    padding: 5px 10px 6px;
    position: relative;
    text-decoration: none;
    
    font-size: 13px;
	font-weight: bold;
    line-height: 1;
}
.button:hover, .reply a:hover {
    opacity: 0.9;
    background: #EF3E42;
}



/*- BLOG: SIDEBAR ----------------------------------------------------*/


#sidebar {
    color: #777777;
    float: right;
    font-family: "Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
    font-size: 1.1em;
    line-height: 1.5;
    padding: 15px 20px;
    width: 250px;
}
#sidebar h2 {
    color: #EE3D42;
    font-family: "Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
    font-size: 0.7em;
    line-height: 1.4;
    margin: 0 0 0.9em;
    text-transform: uppercase;
}

#sidebar h2 a{
    color: #EE3D42;
    border: none;
}

#sidebar a {
    color: #333333;
    border-bottom: 1px dotted #EE3D42;
}
#sidebar a:hover {
    color: #111111;
    text-decoration: none;
}
#sidebar p {
    font-size: 1em;
    line-height: 1.5;
}
#sidebar ul {
    list-style-type: none;
}
#sidebar li {
    margin: 0 0 0.4em;
    font-size: 0.7em;
    line-height: 1.4em;
}
#sidebar .section {
    background: url("images/line.gif") no-repeat scroll left top transparent;
    margin: 0 0 20px;
    padding: 15px 0;
}


#searchform input {
    border-color: #999999 #DDDDDD #DDDDDD #999999;
    border-left: 1px solid #999999;
    border-style: solid;
    border-width: 1px;
    color: #444444;
    font-family: "Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
    font-size: 13px;
    padding: 6px;
    width: 90%;
}

p#readMore{
	margin-bottom: 10px;
	line-height: 22px;
}


body.search p{
	font-size: 12px;
}

body.search p.timestamp{
	color:#666666;
	font-size:12px;
	margin-bottom:10px;
}

body.search #sectionInfo {
	border-bottom:1px solid #1A1A1A;
	padding:10px 0;
	margin-bottom: 10px;
}


body.archive h2{
	margin-bottom: 8px;   
   
}
body.archive h1 a, body.archive h2 a{
	color:#EE3D42 !important;
	font-size:22px;
	font-weight:bold;
	line-height:26px;   
   
}

body.archive #main{
	margin-top: 30px;
}

ul.archivePostedIn {
	margin: 0 0 4em 0;
	list-style: none;
}

ul.archivePostedIn li{
	font-size: 12px;
	margin: 0;
	list-style: none;
}

p a.more-link {
	display: block;
	margin: 0.5em 0;
	font-size: 1.3em;
	text-indent: -5000px;
	background: url("images/readmore.png") no-repeat left top;
}

p a:hover.more-link {
	background: url("images/readmore.png") no-repeat left -20px;
}

.contactLeft {
	width: 150px;
	float: left;
	font-size: 12px;
}

.contactRight {
	width: 150px;
	float: left;
	margin-left: 10px;
	font-size: 12px;
}



























#contactForm .entry_container {
float:left;
margin-right:40px;
width:270px;
}

#contactForm .entry_container  label {
display:block;
font-size:12px;
padding-bottom:6px;
}
#contactForm .entry_container.no_gutter {
margin-right:0;
}
#contactForm .entry {
float:left;
margin-bottom:2px;
padding-bottom:10px;
padding-top:10px;
}

#contactForm form input {
color:#454647;
font:12px/24px Arial,Helvetica,Geneva,sans-serif;
height:24px;
margin:0;
padding:0px 5px 0;
width:255px;
border: 1px solid #ccc;
}
#contactForm form input:focus {
}

#contactForm .entry {
padding-bottom:0px;
}
#contactForm form .entry_container select {
color:#454647;
font:14px Arial,Helvetica,Geneva,sans-serif;
}
#contactForm form .entry_container select {
width:560px;
}
#contactForm .entry_container textarea {
border:1px solid #E0E1E2;
padding:0 0 0 10px;
width:100%;
height: 300px;
}
#contactForm #message-box.entry_container {
width:565px;
}
#contactForm #message-box .entry {
padding-bottom:0px;
padding-top:15px;
width:100%;
}

#contactForm #submit-bar {
overflow:hidden;
padding-top:10px;
width:100%;
margin-bottom: 60px;
}

#contactForm form #submit-bar input.button {
font:18px Arial,Helvetica,Geneva,sans-serif;
height:40px;
margin:0;
padding:0px;
width:200px;
border: none;
}



/* Staff */
#staff h3, #offices h3{
	color: #ccc;
	padding: 15px 0;
	font-size: 22px;
	border-top: 1px solid #ccc;
}
#staff ul li.photo{
	width: 220px;
	float: left;
	margin-right: 20px;
	margin-bottom: 15px;
	cursor: pointer;
}

#staff ul li a.plus{
	width: 220px;
	height: 148px;
	display: block;
}


#staff ul li.photo ul li{
	height: 40px;
	font-size: 14px;
	line-height: 16px;
	padding-top: 5px;
	padding-left: 7px;
	cursor:auto;	
}

.showplus{
	background: url("images/plus.png") top left no-repeat;
	
}
.liHover{
	color: #fff;
	background: #000;
}

#staff ul li.photo ul li a:link, #staff ul li.photo ul li a:visited{
	color: #EE3D42;
}

#staff ul li.antonio{
	background: url(images/antonio.jpg) no-repeat top left;
}

#staff ul li.leandro{
	background: url(images/leandro.jpg) no-repeat top left;
}

#staff ul li.juan{
	background: url(images/juancruz.jpg) no-repeat top left;
}

#staff ul li.hernan{
	background: url(images/hernan.jpg) no-repeat top left;
	margin-right: 0;
}

#staff ul li.leila{
	background: url(images/leila.jpg) no-repeat top left;
}

#staff ul li.diego{
	background: url(images/diego.jpg) no-repeat top left;
}


#offices{
	margin-bottom: 40px;
	height: 250px;
}

#offices li{
	width: 460px;
	float: left;
	margin-right: 15px;
	font-size: 13px;

}

#offices li.usa{
	background: url("images/map_usa.jpg") no-repeat top left;
	padding-top: 190px;
}

#offices li.arg{
	background: url("images/map_arg.jpg") no-repeat top left;
	margin-right: 0;
	padding-top: 190px;
}

/* Jobs */

#staff ul li.jobs{
	width: 420px;
	float: left;
	margin-right: 0px;
	margin-bottom: 15px;
	background: #ccc;
	height: 148px;
	padding: 20px;
}

#staff ul li.jobs h4{
	margin-bottom: 10px;
}

#staff ul li.jobs p{
	font-size: 13px;
	margin-bottom: 10px;
}

#staff ul li.jobs span.tag{
	background: #333;
	padding: 5px 13px;
	font-size: 12px;
	color: #fff;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;	
}


body.page-template-page-team-php div.teamPhoto{
	float: left;
	width: 330px;
	margin-right: 20px;
	height: 309px;
}

body.page-template-page-team-php h2{
	display: none;
}

body.page-template-page-team-php h3{
	margin: 0;
	margin-top: 20px;
	margin-bottom: 10px;
	color: #F43E42;
}

body.page-template-page-team-php h3 span{
	color: #999;
}

body.page-template-page-team-php h4{
	margin: 0;
	margin-bottom: 30px;
	color: #999;
	font-size: 16px;
}

body.page-template-page-team-php div.teamText{
	float: left;
	width: 590px;
	font-size: 14px;
	line-height: 1.5em;
}

body.page-template-page-team-php div.antonio{
	background: url(images/profilepic_antonio.jpg) no-repeat bottom left;
}

body.page-template-page-team-php div.leandro{
	background: url(images/profilepic_bochenn.jpg) no-repeat bottom left;
}

body.page-template-page-team-php div.juan{
	background: url(images/profilepic_juan.jpg) no-repeat bottom left;
}

body.page-template-page-team-php div.hernan{
	background: url(images/profilepic_hernan.jpg) no-repeat bottom left;
}

body.page-template-page-team-php div.leila{
	background: url(images/profilepic_leilaergo.jpg) no-repeat bottom left;
}

body.page-template-page-team-php div.diego{
	background: url(images/profilepic_miolas.jpg) no-repeat bottom left;
}

body.page-template-page-team-php p.teamLinks a:link, body.page-template-page-team-php p.teamLinks a:visited{
	color: #F43E42;	
	margin-right: 50px;
	text-decoration: underline;		
}

body.page-template-page-team-php p.teamLinks{
	padding-top: 20px;
	font-size: 14px;
}


/* Footer New Styles */

#footer div.footerSymbol{
	float: left;
	background: url("images/tangelo_symbol.gif") top left no-repeat;
	width: 270px;
	margin-right: 20px;
	padding-top: 40px;
}

#footer div.footerSymbol p{
	margin-bottom: 5px;
}

#footer div.footerLinks{
	float: left;
	width: 110px;
	margin-right: 20px;
	padding-top: 40px;
}

#footer div.footerLinks a:link, #footer div.footerLinks a:visited{
	color: #F43E42;
	font-weight: bold;
}

#footer div.footerLinks li{
	margin-bottom: 7px;
}

#footer div.footerSocial{
	float: left;
	width: 230px;
	margin-right: 20px;
	padding-top: 40px;
	font-weight: bold;
	color: #666;	
} 

#footer div.footerSocial li{
	margin-bottom: 7px;
	padding-left: 20px;
	height: 16px;
}

#footer div.footerSocial li.find{
	padding-left: 0px;
}

#footer div.footerSocial a:link, #footer div.footerSocial a:visited{
	color: #000;
	font-weight: bold;
}

#footer div.footerSocial li.facebook{
	background: url(images/facebook_16.png) top left no-repeat;
	
}

#footer div.footerSocial li.linkedin{
	background: url(images/linkedin_16.png) top left no-repeat;
	
}

#footer div.footerSocial li.twitter{
	background: url(images/twitter_16.png) top left no-repeat;
	
}

#footer div.footerCopy{
	float: left;
	width: 270px;
	padding-top: 40px;
	color: #000;	
}



/*- PAGE: CLIENT (LIST) ----------------------------------------------------*/

		.client {float:left; width:298px;margin-bottom: 10px; margin-right: 12px;}
		.client h3 {text-align:left;}
		.client span{line-height: 1.5em; display: block; width: 268px; height: 116px; border: 1px solid #ccc; padding: 15px;	color: #F43E42;	font-size: 20px;	font-weight: normal;	margin-bottom: 5px;}
		.client img{border: 1px solid #ccc; border-bottom:0}
		.client a{text-decoration: none;}		
			

/*- End PAGE: CLIENT (LIST) ------------------------------------------------*/

div.page-work{
	padding-top: 40px;
}

div.page-work div.workCol{
	float: left;
	width: 300px;
	margin-right: 20px;
}

div.page-work div.workCol2{
	float: left;
	width: 620px;
}

div.page-work div.workCol .last{
	margin-right: 0;
}

div.page-work h2{
	color: #F43E42;
	font-size: 35px;
	font-weight: normal;
	margin-bottom: 25px;
}

div.page-work p{
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.5em;
}

div.page-work p span{
	margin-right: 10px;
	background: #F43E42;
	margin-bottom: 10px;
	line-height: 3em;
	border-radius: 5px;
	-moz-border-radius: 5px;	
	padding: 5px;
	color: #fff;
}

div.page-work div.workCol div.floatPrev{
	float: left;
	margin-right: 20px;
}


div.page-work div.preview_img{
	width: 298px;
	height: 146px;
	border: 1px solid #ccc;
}

div.page-work div.preview_txt{
	width: 268px;
	height: 116px;
	border: 1px solid #ccc;
	padding: 15px;
	margin-bottom: 20px;
	border-top: 0;
}

div.page-work div.preview_txt p{
	font-size: 20px;
	color: #F43E42;
	margin-bottom: 0px;
}

div.page-work div.preview_txt p.copy{
	color: #999;
	font-size: 12px;
}

div.page-work li span:hover{
	background: #333;
}

.preview_txt_hover{
	background: #333;
	color: #fff;
}



div.page-work div.proverbio{
	background: url("images/proverbio.jpg") top left no-repeat;
}

div.page-work div.pregnancy{
	background: url("images/pregnancy.jpg") top left no-repeat;
}

div.page-work div.twittday{
	background: url("images/twittday.jpg") top left no-repeat;
}

div.page-work div.gopayment{
	background: url("images/gopayment.jpg") top left no-repeat;
}


div.workClients{
	border-top: 1px solid #ccc;
	padding-top: 20px;
}

div.workClients h2{
	color: #666;
	font-size: 20px;
	font-weight: normal;
}

div.workClients p{
	color: #F43E42;
	font-weight: bold;
}

div.workClientsList ul{
	padding-top: 48px;
}

div.workClientsList ul li{
	float: left;
	width: 170px;
	font-size: 12px;
	color: #333;
	margin-bottom: 10px;
} 


div.page-work-single{
		padding-top: 40px;
}

div.page-work-single h2{
		display: none;
}

div.page-work-single h3{
	color: #F43E42;
	font-size: 20px;
	margin: 0;
	margin-bottom: 25px;
}

div.page-work-single div.workSingleData{
	float: left;
	width: 305px;
	margin-right: 20px;
	margin-top: 45px;
}

div.page-work-single div.workSingleInfo{
	width: 610px;
	float: left;
}

div.page-work-single div.workSingleInfo p{
	line-height: 1.5em;
	font-size: 13px;
}

div.page-work-single div.workSingleInfo{
	color: #000;
}

div.workSingleData table{
	border: 0;
	font-size: 12px;
	width: 100%;
}

div.workSingleData table tr{
	border-bottom: 0;
}



.clear{
	clear: both;
}

#stickyfooterWrapper{
	margin: auto;
	width: 960px;
	height: 100px;
}

#twitterMsg span.twitter-timestamp a:link, #twitterMsg span.twitter-timestamp a:visited{
	color: #999;
}

#twitterMsg span.twitter-timestamp a:hover{
		color: #999;
		background: none;
}


/*        Jobs Postings Page       */

body.page-template-page-job-postings-php div.jobIcon{
	float: left;
	width: 330px;
	margin-right: 20px;
	height: 309px;
}

body.page-template-page-job-postings-php h2{
	display: none;
}

body.page-template-page-job-postings-php h3{
	margin: 0;
	margin-top: 20px;
	margin-bottom: 10px;
	color: #F43E42;
}

body.page-template-page-job-postings-php h3 span{
	color: #999;
}

body.page-template-page-job-postings-php h4{
	margin: 0;
	margin-bottom: 30px;
	color: #999;
	font-size: 16px;
}

body.page-template-page-job-postings-php div.jobText{
	float: left;
	width: 590px;
	font-size: 14px;
	line-height: 1.5em;
}

body.page-template-page-job-postings-php div.ios{
	background: url(images/iosIcon.png) no-repeat bottom left;
}

body.page-template-page-job-postings-php p.teamLinks a:link, body.page-template-page-job-postings-php p.teamLinks a:visited{
	color: #F43E42;	
	margin-right: 50px;
	text-decoration: underline;		
}

body.page-template-page-job-postings-php p.teamLinks{
	padding-top: 20px;
	font-size: 14px;
}