/*----- Global reset ---------------------------------------------------------------*/		
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, 
form, fieldset, input, textarea, label, p, blockquote, th, td 						{ margin:0;padding:0; }

table { border-collapse:collapse;border-spacing:0; }
fieldset, img{ border:0; }
address, caption, cite, code, dfn, em, strong, th, var 								{ font-style:normal;font-weight:normal; }
strong 																				{ font-weight:bold; }
ol, ul 					{ list-style:none; }
caption, th 																		{ text-align:left; }
q:before, q:after 			{ content:''; }
abbr, acronym 							{ border:0; }



/*----- Clearfix ------------------------------------------------------------------*/		
.clearfix:after, .section:after, .fixed:after, .row:after							{ content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;	}
.clearfix, .section, .fixed, .row													{ display: inline-block; 	}
html[xmlns] .clearfix, html[xmlns] .section, html[xmlns] .fixed, html[xmlns] .row	{ display: block; 			}
* html .clearfix, * html .section, * html .fixed, * html .row						{ height: 1%; 				}
* 							 														{ outline: none; 			}
  

  
/*----- Typography ----------------------------------------------------------------*/		

	h1, h1 span																		{ font-size:22px;line-height:28px; }
	h2, h2 span																		{ font-size:18px;line-height:26px; }
	h3, h3 span																		{ font-size:16px;line-height:24px; }
	h4, h4 span																		{ font-size:14px;line-height:22px; }
	h5, h5 span																		{ font-size:12px;line-height:20px; }
	h6, h6 span																		{ font-size:10px;line-height:18px; }
	
	blockquote, blockquote p														{ font-size:24px;line-height:26px; } 

	
	h1, h1 span, h2, h2 span, h3,h3 span, h4, h4 span, h5, h5 span, 
	h6, h6 span																		{ margin-bottom:20px; }
	
	
	body, p, span, div 																{ font-family: 'Droid Sans', arial, serif;line-height:18px;} 
	p 																				{ margin-bottom:15px; }
	
	a 																				{ color:#2b2b2b;text-decoration:none; }
	a:link 																			{  }
	a:visited 																		{  }
	a:hover 																		{ text-decoration:underline; }
	a:active 																		{ color:#000; } 
	
	body 																			{ background:#e9e9e9; }
	body, html{ margin:0;padding:0;position:relative;height:100%; }
	
	
	/*----- General ----------------------------------------------------------------*/
	
	.text-center 																	{ text-align:center !important; }
	.text-center-blue			{ text-align:center !important; color:#008ac9 !important; font-size:26px !important; }
	.text-center-red			{ text-align:center !important; color:#db5b5b !important; font-size:26px !important; }	
	
	.last 																			{ margin-right:0px !important; }
	.hr 																			{ height:1px;background:#e0e0e0;margin:25px 0; }
	.strong																			{ text-weight:bold !important; }
	.no-margin																		{ margin:0 !important; }
	.text-left																		{ text-align:left !important; }
	.text-right																		{ text-align:right !important; }
	.text-center																	{ text-align:center !important; }
	.inpad																			{ padding:15px !important; }
	.topad																			{ padding-top:15px !important; }
	.bopad																			{ padding-bottom:15px !important; }
	.hpad																			{ padding:15px 0 15px 0 !important; }
	.vpad																			{ padding:0 15px 0 15px !important; }
	.img																			{ background:grey; }
	
	
	/*----- Header ----------------------------------------------------------------*/
	
	
	#wrapper-layout 																{ padding:25px 0 50px 0 ;  }
	#wrapper-content 																{ width:782px;height:480px;background:url('images/back-content.png') no-repeat;margin:auto;padding-top:40px; }
	
	
	/*----- Content ----------------------------------------------------------------*/
	
	#content 	{ padding-bottom:25px;height:350px; }
	#content h1 { font-size:30px;color:#00cb5c; font-family:'Droid Serif', serif; font-weight:normal; font-style:italic; line-spacing:10pt; text-align:center; }
	#content p 	{ font-size:18px;color:#a9a8a8;font-family:Tahoma, Geneva, sans-serif; font-weight:bold;line-height:25px; }
	
	
	
	
	/*----- Footer ----------------------------------------------------------------*/
	
	
	#footer { padding:18px 0 20px 0;position:relative;height:60px; }


#footer-left{
	width:30px;
	float:left;
	margin-left:30px;
	margin-top:10px;
}
	
#footer-right{
	width:30px;
	float:right;
	margin-right:50px;
	margin-top:10px;
}	

#footer-left p{
	padding:5px;
	background:#008ac9;
	width:50px;
	border:1px solid #e3f5fc;
	color:#fff;
	-webkit-border-radius: 6px; /* Safari prototype */
	-moz-border-radius: 6px; /* Gecko browsers */
	border-radius: 6px; /* Everything else - limited support at the moment */

}

#footer-left p a{
	color:#fff;
}
#footer-left p a:hover{
	color:#eeeeee;
	text-decoration:none;

}
	
#footer-right p{
	padding:5px;
	background:#db5b5b;
	width:50px;
	border:1px solid #e3f5fc;
	color:#fff;
	-webkit-border-radius: 6px; /* Safari prototype */
	-moz-border-radius: 6px; /* Gecko browsers */
	border-radius: 6px; /* Everything else - limited support at the moment */

}
#footer-right p a{
	color:#fff;
}
#footer-right p a:hover{
	color:#eeeeee;
	text-decoration:none;

}	
	/*----- Credits ----------------------------------------------------------------*/
	
	#credits 																		{ width:780px;margin:auto; }
	#credits span 																	{ font-size:11px;color:#b1b1b1;text-shadow:0 1px #fff;padding-left:40px;font-family:arial; }
	#credits a 																		{ font-size:11px;color:#b1b1b1;text-shadow:0 1px #fff;float:right;padding-right:40px;font-family:arial; }