@charset "utf-8";
/* CSS Document */

*		{ margin:0px; padding:0px; outline:none; border:0px;}
body	{ margin:0px; padding:0px; background:#f99c1c url(../images/bg.jpg) repeat-x top center;}
ul		{ list-style:none;}


	.page					{ width:100%; background:url(../images/page.jpg) top center no-repeat;}
	.page_template			{ width:100%; background:url(../images/page_template.jpg) top center no-repeat;}
	.page_template_about	{ width:100%; background:url(../images/page_template_about.jpg) top center no-repeat;}
	.page_template_contact	{ width:100%; background:url(../images/page_template_contact.jpg) top center no-repeat;}

		.inner		{ position:relative; margin:0px auto; width:792px;}
	
	
		.logo						{ float:left; width:187px;}
			.logo ul				{ float:left; width:152px; height:113px; background:url(../images/logo_ul.jpg);}
				.logo ul li			{ float:left; padding:0 0 1px 0; width:152px;}
					.logo ul li a	{ float:left; display:block; padding:6px 0 0 0; width:152px; height:27px;
									  font-family:Georgia, "Times New Roman", Times, serif; font-size:105%; color:#fff;
									  letter-spacing:-1px; text-align:center; text-decoration:none;}
					.logo ul li a:hover		{ color:#9b3902;}
					
					
		.menu				{ float:left; width:605px; height:51px;}
			.menu ul		{ float:left; width:605px; height:51px;}
				.menu ul li			{ float:left; padding:0 22px 0 0;}
					.menu ul li a	{ float:left; display:block; padding:12px 0 0 0; height:39px;
									  background-image:url(../images/btn.gif); background-repeat:no-repeat; background-position:center 52px;
									  font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#a7650c; text-decoration:none;}
					.menu ul li a:hover	{ color:#e69930; background-position:center 39px;}
					
		div.right		{ position:relative; float:left; padding:13px 0 0 0; width:605px;}
		
			.right h1		{ float:left; padding:0 0 10px 0; width:605px; font-family:Georgia, "Times New Roman", Times, serif; font-size:30px; color:#fff; 
							  letter-spacing:-1px; font-weight:lighter; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);}
			.right h2		{ float:left; clear:left; width:600px; padding:0 0 18px 5px; font-family:Georgia, "Times New Roman", Times, serif; font-size:21px; color:#6e3d03; 
							  font-weight:lighter; line-height:21px; text-align:justify;}
			.right h2.services	{ float:left; clear:left; width:515px; font-family:Georgia, "Times New Roman", Times, serif; font-size:19px; color:#7c4c03; font-weight:lighter; line-height:24px; text-align:justify; letter-spacing:-1px;}
			.right h2.services span	{ color:#923e00;}
			.right h2 span	{ color:#cc4d00;}
			.right a.learn_more		{ float:left; margin:0 0 31px 6px;}
			
			.right ul.portfolio			{ float:left; margin:-3px 0 0 0; padding:0 0 0 1px; height:30px;}
			.right ul.portfolio li		{ float:left; height:30px;}
			.right ul.portfolio li a	{ float:left; display:block; padding:5px 9px 0 9px; height:25px;
										  font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#542b12; font-weight:lighter; text-decoration:none;}
			.right ul.portfolio li a:hover	{ color:#ac4b11; background-image:url(../images/btn_portfolio.gif); background-repeat:no-repeat; background-position:center;}
			
			div.right_contact	{ float:left; width:605px;}
			div.right_contact h1{ float:left; padding:0 0 10px 0; width:605px; font-family:Georgia, "Times New Roman", Times, serif;  font-size:30px; color:#fff; letter-spacing:-1px; font-weight:lighter; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);}
			div.right_contact div.general		{ float:left; padding:0 0 18px 0; width:220px; background-image:url(../images/contact_divider.jpg); background-position:top right; background-repeat:no-repeat;}
			div.right_contact div.general h2	{ margin:0px; padding:0 0 10px 0; font-family:Georgia, "Times New Roman", Times, serif; font-weight:lighter; font-size:110%; letter-spacing:-1px; color:#98310d;}
			div.right_contact div.general p	{ margin:0px; padding:0 0 15px 0; font-size:110%; color:#6e3d03; line-height:130%;}
			div.right_contact div.general a	{ margin:0px; padding:0px; color:#FFFFFF; text-decoration:none;}
			div.right_contact div.general a:hover	{ color:#FF6600;}
			a.vcard			{ display:block; width:109px; height:28px; text-indent:-9999px; background-image:url(../images/vcard.jpg); background-position:0px 0px;}
			a.vcard:hover	{ background-position:0px 28px;}
			
			div.right_contact div.sales	{ float:left; padding:0 0 0 24px;}
			div.right_contact div.sales h2		{ margin:0px; padding:0 0 10px 0; font-family:Georgia, "Times New Roman", Times, serif; font-weight:lighter; font-size:110%; letter-spacing:-1px; color:#98310d;}
			div.right_contact div.sales p	{ margin:0px; padding:0 0 15px 0; font-size:110%; color:#6e3d03; line-height:130%;}
			div.right_contact div.sales a	{ color:#FFFFFF; text-decoration:none;}
			div.right_contact div.sales a:hover	{ color:#FF6600;}
			
			div.right_contact div.chat	{ float:left; padding:15px 0 0 0; width:605px; 
										  background-image:url(../images/chat.jpg); background-repeat:no-repeat; background-position:top left;}
			div.right_contact div.chat div.skype	{ float:left; padding:0 30px 0 60px; height:63px; 
													  background-image:url(../images/skype.gif); background-position:top left; background-repeat:no-repeat;}
			div.right_contact div.chat div.skype h2	{ padding:5px 0 0 0; 
			font-family:Georgia, "Times New Roman", Times, serif; font-weight:lighter; font-size:110%; letter-spacing:-1px; color:#98310d;}	
			div.right_contact div.chat div.skype p	{ font-family:Georgia, "Times New Roman", Times, serif; font-weight:lighter; font-size:110%; letter-spacing:-1px; color:#fff;}	
			
													  
			div.right_contact div.chat div.messenger	{ float:left; padding:0 0 0 74px; height:63px; 
														  background-image:url(../images/messenger.gif); background-position:top left; background-repeat:no-repeat;}
			div.right_contact div.chat div.messenger h2	{ padding:5px 0 0 0; 
			font-family:Georgia, "Times New Roman", Times, serif; font-weight:lighter; font-size:110%; letter-spacing:-1px; color:#98310d;}	
			div.right_contact div.chat div.messenger p	{ font-family:Georgia, "Times New Roman", Times, serif; font-weight:lighter; font-size:110%; letter-spacing:-1px; color:#fff;}	
														  
														  
														  
														  
														  
														  
			
			.request			{ float:left; margin:-4px 0 0 94px;}
			.request_services	{ position:absolute; top:75px; left:550px;}
			
		h3.selwork		{ clear:left; padding:0 0 0 192px; display:block; width:600px; height:41px; font-family:Georgia, "Times New Roman", Times, serif; 
						  font-size:21px; font-weight:lighter; color:#382118;
						  background:url(../images/selected_work.gif) no-repeat 8px 30px;}
		h3.selwork span	{ color:#7b3317;}
			
		#image		{ position:relative; float:left; width:792px; height:216px; background-color:#FFF; background-image:url(../images/loader.gif); background-position:center; background-repeat:no-repeat;}
		#image	img	{ position:absolute; top:7px; left:7px; float:left;}
		#thumbs			{ float:left;}
		#thumbs li		{ float:left; margin:3px 3px 0 0; padding:5px 5px 1px 5px; cursor:pointer; background-color:#FFF;}
		#thumbs li.last	{ margin:3px 0 0 0;}
		
		
		.columnas			{ float:left; padding:20px 0 0 0; width:792px;}
			.columna		{ float:left; width:247px; background:url(../images/separador.gif) no-repeat right top;}
			.medio			{ padding:0 0 0 12px;}
			
			.columna div	{ float:left; padding:10px 0 0 0; width:231px; background:url(../images/dotedline.gif) no-repeat bottom;}
			.columna h3		{ font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; font-weight:lighter; color:#812b0a;}
			.columna div a		{ float:left; width:231px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#462907; font-weight:bold; text-decoration:none;}
			.columna div p a	{ float:left; padding:3px 0 15px 0; width:231px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; text-decoration:none;
								  font-weight:lighter; text-align:justify; letter-spacing:-0.1px;}
			.blog			{ float:left; padding:0 0 0 16px; width:249px; background:url(../images/pluma.png) no-repeat top right;}
			.blog h3		{ font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; font-weight:lighter; color:#fff;
							  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);}
			.blog p			{ padding:7px 0 14px 0; width:160px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#553a03; text-decoration:none;
							  font-weight:lighter; line-height:18px;}
			.visit			{ display:block;}
			.sobre			{ float:left; clear:left; margin:26px 0 0 0;}
			.cu				{ float:left; margin:39px 0 0 10px; font-family:Georgia, "Times New Roman", Times, serif;
							  font-size:20px; color:#91610a; font-weight:lighter; text-decoration:none;}
			.cu span		{ color:#812b0a;}
			
			.fix			{ clear:both;}
			.footer			{ margin:40px 0 0 0; padding:20px 0 0 0; width:792px; height:80px; background:url(../images/footer.gif) no-repeat top center;}
				.footer p	{ float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF;}
				.footer ul			{ float:right;}
				.footer ul li		{ float:left;}
				.footer ul li a		{ float:left; padding:0 5px 0 5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; text-decoration:none;}
				
		.empty			{ clear:both; width:759px; height:20px;}		
		.client			{ clear:left; float:left; width:759px;}
		.company		{ float:left; width:759px;}
		.client p		{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#5a430a; line-height:18px; text-align:justify;}
		.client h3		{ float:left; display:block; padding:7px; background-color:#ffd538; 
						  font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#693715; font-weight:lighter; letter-spacing:-0.5px;}
		.client h4		{ font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; color:#954a06; font-weight:lighter;}
		.client h4 span	{ color:#4f2c0b;}
		.imgclient		{ clear:both; float:left; padding:4px 0 0 0;}
		.summary		{ float:left; margin:8px 19px 0 19px; width:275px;}
		.case			{ float:left; padding:14px 0 0 0;}
		.tasks			{ float:left; margin:8px 0 0 0; width:140px;}
			.tasks ul		{ float:left; padding:0 0 0 3px;}
			.tasks ul li	{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#985105; line-height:18px; font-weight:lighter;}
		.client_sep		{ padding:13px 0;}
		
		.service			{ float:left; margin:0 0 13px 0; padding:14px 16px 14px 8px; width:683px; /*background-color:#ffd121;*/}
		div.service.hover 	{ background: #ffd121;}
		.oculto	{ width:450px;}
		
		.service_left		{ float:left; padding:0 0 10px 0; width:174px; background-image:url(../images/sep_services.gif); background-repeat:no-repeat; background-position:top right;}
			.btn_portfolio	{ float:left; padding:10px 0 0 38px;}
		.service_right		{ float:left; padding:0 0 0 10px; width:490px;}
			.service_right h2	{ float:left; padding:0 0 5px 0; width:490px; font-family:Georgia, "Times New Roman", Times, serif; font-size:36px; color:#FFF; font-weight:lighter; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);}
			.service_right p	{ font-family:Georgia, "Times New Roman", Times, serif; font-size:17px; color:#7c4c03; font-weight:lighter; line-height:21px; text-align:justify;}
			.service_right p strong	{ color:#952e01;}
			.service_right a.learn	{ float:left; padding:18px 0 0px 0;}
			
		.work		{ float:left; position:absolute; top:160px; left:-13px; width:182px; height:190px; z-index:999; 
					  background-image:url(../images/see_our_work.jpg); background-position:top left; background-repeat:no-repeat;}
		.work p		{ padding:23px 0 0 0; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#7d4a08;  
					  text-align:center; line-height:20px;}
		.work p span	{ color:#842b00;}
		.see		{ display:block; margin:32px 0 0 40px; width:95px; height:50px;}
		
		
		.team_tittle		{ float:left; padding:20px 0 15px 185px; width:507px;}
			.team_tittle h3	{ font-family:Georgia, "Times New Roman", Times, serif; font-size:21px; color:#FFF; font-weight:lighter; letter-spacing:-0.5px; 
							  text-shadow: 1px 1px 1px rgba(187, 140, 75, 0.5);}
		.team			{ float:left; margin:0 0 40px 0; width:692px; background:url(../images/about_team_bg.gif) repeat-y 168px 0px;}
			.team_left		{ float:left; padding:62px 0 0 8px; width:160px;}
			.team_left h4	{ font-family:Georgia, "Times New Roman", Times, serif; font-size:17px; color:#6f3a12; font-weight:lighter; 
							  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3);}
				a.twitter	{ float:left; display:block; width:103px; height:30px; 
							  background-image:url(../images/follow.gif); background-repeat:no-repeat;}
				a.twitter:hover	{ background-image:url(../images/follow_hover.gif); background-repeat:no-repeat;}
			.team_right		{ float:left; width:517px;}
				.picture		{ float:left; padding:0 0 0 18px; width:157px;}
				.bio			{ float:left; width:340px;}
				.bio h4		{ padding:0 0 4px 0; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#652303; letter-spacing:-1px;
							  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3);}
				.bio p		{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#675309; line-height:18px; text-align:justify;}


/*------------ADDED BY ALAN------------*/


				div.right_contact div.generalForm		{
	float:left;
	padding:0 0 18px 0;
	width:605px;
	background-image:url(../images/contact_divider.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	font-family: Georgia, "Times New Roman", Times, serif;
}
				div.right_contact div.generalForm h2	{ margin:0px; padding:0 0 10px 0; font-family:Georgia, "Times New Roman", Times, serif; font-weight:lighter; font-size:110%; letter-spacing:-1px; color:#98310d;}
				div.right_contact div.generalForm p	{ margin:0px; padding:0 0 15px 0; font-size:110%; color:#6e3d03; line-height:130%;}
				div.right_contact div.generalForm a	{ margin:0px; padding:0px; color:#FFFFFF; text-decoration:none;}
				div.right_contact div.generalForm a:hover	{ color:#FF6600;}