/* -------------------------------------------------------------- 
  
   HR3 Concepts
   * Version:   March 2009
   * Website:   http://www.hr3concepts.com/
   * Leonardo Melendez, HR3 Concepts info@hr3concepts.com
   
-------------------------------------------------------------- */

body	{ margin:0; background:url(../i/bg.gif) repeat-x; font-family:Arial, Helvetica, sans-serif;}
ul 		{ margin:0; list-style-type:none; }
/*---IDs-----*/

#wrapper { }
	#head { height:45px; margin:30px 0 33px 0; padding:10px 0 15px 0; }
		#head h1	{ margin:0; font-size:18px; height:45px; width:270px; overflow:hidden;float:left;}
		#head h1 a	{ display:block;  padding-top: 45px; height: 0 !important; height /**/: 45px; overflow: hidden; background: url(../i/logo.gif) no-repeat;}

	#nav-wrapper { clear:both; float:left; font-size:18px;}		
		#nav { float:left; margin-right:5px; font-size:1.1em; }
			#nav li { float:left; padding:0; margin-left:1px;}
			#nav a { color:#444040; display:block; padding:14px 15px 11px 15px; height:30px; overflow:hidden; text-decoration:none;}
			#nav a:hover { }
			#nav a:hover, #nav a.here {  color:#000; background:url(../i/nav-here.gif) bottom repeat-x; }
			#nav a:hover.here { color:#000;} 					
		#utility { border-left:2px solid #fe0000; float:left;}
			#utility li { float:left; padding:0; margin-left:1px;}
			#utility a { color:#7f7c7c; display:block; padding:14px 16px 17px 16px; height:24px; overflow:hidden; text-decoration:none;}
			#utility a:hover { }
			#utility a:hover, #nav a.here {  color:#000; background:url(../i/nav-here.gif) bottom repeat-x; }
			#utility a:hover.here { text-decoration:underline;} 

	#home { background:#ecebe5 url(../i/home-bg.gif) top repeat-x; padding-bottom:40px;}
	
		#intro { font:normal 13px Georgia, "Times New Roman", Times, serif; line-height:1.4em; padding-bottom:50px; float:left; clear:both; }
			#intro img { margin-top:30px;}
			#intro p img { margin-top:60px;}
		
		#featured { float:left; font-size:12px; float:left; clear:both;}
			#featured h2 { background:url(../i/highlighted-bg.gif) 0 12px repeat-x; margin-bottom:15px; font:italic 19px Georgia, "Times New Roman", Times, serif;}
			#featured h2 em { background-color:#ecebe5; padding-right:8px;}
			#featured img { border:6px solid #000; }
			#featured h3 { font-size:18px; margin-top:15px; font-weight:normal;}
			.date { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#fe0000; }
			#featured p { margin-top:10px; line-height:1.35em;}
	
	#main { font-size:12px; margin-top:12px; float:left; padding-bottom:40px;}
		#main h2 { font-size:18px; margin-top:15px; font-weight:normal; }
		#main img { border:8px solid #000;}
		#main p { line-height:1.35em;}
		#main p img { border:0; margin-top:12px; }
		#main .showcase { margin-bottom:20px; margin-top:10px; float:left; height:200px; overflow:hidden; }
		#main .showcase p {line-height: 1.8em; }
	
	#about { font-size:14px; margin-top:12px; padding-bottom:60px; float:left;}
		#about h2 { font-size:20px; font-weight:normal; padding-bottom:8px; border-bottom:1px solid #fe0000; margin:18px 0;}
		#about h3 { font-size:20px; font-weight:normal; margin:32px 0 15px 0;}
		#about p  { margin-bottom:20px; line-height:1.4em;}
		
		#about .related { background-color:#f0f0f0; padding:20px 35px 35px 35px; margin-top:55px; color:#9b9889;}
			#about .related h4 { font:normal 16px Georgia, "Times New Roman", Times, serif; }
			#about .related ul { margin:10px 0 0 10px;}
			#about .related a { text-decoration:none; color:#9b9889;}

		#about .related-2 { background-color:#f0f0f0; padding:20px 15px 35px 15px; margin-top:55px; color:#9b9889;}
			#about .related-2 h4 { font:normal 18px Georgia, "Times New Roman", Times, serif; margin-bottom:8px; }
			#about .related-2 ul { margin:10px 0 0 10px;}
			#about .related-2 li { margin-bottom:6px;}
			#about .related-2 a { text-decoration:none; color:#9b9889;}

			
		form { font-size:16px;}
		form input { margin-top:10px; padding:3px; margin-left:10px;}]
		form textarea { background-color:#fff !important;}
		
		#errors p { font-weight:bold; border:1px solid #999; padding:16px; background-color:#ebebe5;}
		
		.to-top { margin-left:85px;}


	#footer-wrapper { background:url(../i/footer-bg.gif) repeat-x; }		
		#footer { width:800px; margin:0 auto; color:#fff; padding:20px 0 60px 0;}
		#footer p {}

	

	
	/*---CLASSES------*/
	.container { width: 800px;  margin: 0 auto;}
	.column { float: left; margin-right:40px; }
	.last   { margin-right:0 !important; }	
	.span-1 { width:240px; }
	.span-2 { width:560px;}
	.span-3 { width:520px;}
			
		

/* Clearing floats without extra markup*/
.clear { display: inline-block; }   
.clear:after, .container:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
* html .clear { height: 1%; }
.clear { display: block; }