/* 
	CSS 2.1 per landing pages template
	ver.: 1.0
	author: Marinella Dal Sasso
	*/
	
	/* http://meyerweb.com/eric/tools/css/reset/ *****************************************/
	/* v1.0 | 20080212 */
	
	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 {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	
	/* remember to define focus styles! */
	:focus {
		outline: 0;
	}
	
	/* remember to highlight inserts somehow! */
	ins {
		text-decoration: none;
	}
	del {
		text-decoration: line-through;
	}
	
	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	/* fine reset ********************************************************/
	
	/* base ********************************************************/
	html, body								{ height: 100%; }

	/* Creating white space (vertical gutters) via padding */
	/*h1, h2, h3, h4, h5, h6, p, 
	pre, ul, ol, dl, fieldset, address 		{ padding: 0 30px; }*/
	/* this is to reset the left/right gaps (created by the previous and next rules) on nested elements */
	dd p, dd pre, dd ul, dd ol, dd dl, 
	li p, li pre, li ul, li ol, li dl, 
	fieldset p, fieldset ul, fieldset ol 	{ padding-right: 0; padding-left: 0; }
	/* top margin solution */
	h1, h2, h3, h4, h5, h6, p, pre, dt, 
	/*li,*/ hr, legend, /*input,*/ button, 
	textarea, /*select,*/ address, table 	{ margin-top: 1.2em; }
	
	
	/* form elements ***********/
	/*label 								{ padding-top: 1.2em; }*/
	/* line height helps to set the vertical alignment of radio buttons and check boxes (remember to group these in fieldsets)*/
	fieldset 								{ line-height: 1; }
	/* vertical alignment of checkboxes (a different value is served to IE 7) */
	input[type="checkbox"] 					{ vertical-align: bottom; *vertical-align: baseline; }
	/* vertical alignment of radio buttons */
	input[type="radio"] 					{ vertical-align: text-bottom; }
	/* vertical alignment of input fields for IE 6 */
	input 									{ _vertical-align: text-bottom; }
	/* this is to fix IE 6 and 7 which create extra right/left padding on buttons
 	* IMPORTANT: because IE 6 does not understand the first selector below, you need to apply the class "inputButton" to all input of type="button" in your documents
 	* the first declaration is for IE 6 and 7, the second one for IE 6 only, the third one is for all browsers.
 	*/
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"],
	.inputButton 							{ *overflow: visible; _width: 0; padding: .2em .4em; }
	
	.displayNone							{ display: none; }
	.displayBlock							{ display: block; }
	
	/* fine base ********************************************************/
	
	/* layout elements ********************************************************/
	#wrapper								{ width: 960px; min-width: 960px; }
	#container								{ margin: 40px auto 0; }
	
	/* header ********************/
	#header									{ padding: 15px; }
	#header p								{ padding: 0; margin: 0; }
	
	/* header: txt */
	#header.txt								{ text-align: center; }
	
	/* header: img txt */
	#header.img_txt img						{ float: left; margin: 0 10px 10px 0; }
	
	/* header: txt img */
	#header.txt_img img						{ float: right; margin: 0 0 10px 10px; }
	
	/* panel ********************/
	#panel									{ padding: 0 15px 15px 15px; } 
	#panel div								{ width: 50%; }
	#panel form,
	#panel .notify_form						{ width: 340px; }
	#panel .notify_form	p					{ padding: 1em; }
	#panel p,
	#panel img								{ display: block; clear: both; }
	
	/* panel: txt form */
	#panel.txt_form div						{ float: left; }
	
	/* panel: form txt */
	#panel.form_txt div						{ float: right; }
	#panel.form_txt img 					{ float: right; }
	
	/* form elements ***********/
	form,					
	#panel div.notify_form					{ float: none; padding: 12px; }
	.form li								{ padding-bottom: 1.2em; }

	form input,
	form textarea							{ padding: 6px 0; }
	
	form input,
	form option								{ text-indent: 4px; }
	
	form select								{ padding: 6px 0 0 6px; height: 30px; }
	form select option						{ padding: 3px 0 3px; padding-right: 2px; }
	
	form input,
	form textarea,
	form select								{ display: block; clear: both; width: 100%; }
	form input[type="checkbox"]				{ display: inline; clear: none; width: auto; height: auto; padding: 0; }
	
	input[type="button"],
	.button									{ width: 332px; height: 45px; padding: 0; padding-bottom: 15px; margin: 1.2em auto 0; text-indent: 0; }
	
	/* footer ********************/
	#footer									{ width: auto; clear: both; }
	#footer ul								{ width: 890px; padding: 1em 0; }
	#footer p								{ width: 860px; }
	
	#footer	ul #logo						{ float: left; }
	#footer	ul li							{ display: block; float: right; margin: 0 .4em; line-height: 60px; }
	#footer	ul li.fl						{ float: left; }
	#footer	ul li a							{ margin: 0 1em; }
	#footer p								{ padding-bottom: 1em; }
	
	/* div popup ****************/
	.popup									{ display: none; position: absolute; width: 700px; height: 400px; top: 0; left: 50%; margin: 100px 0 0 -350px; padding: 1em 2em; z-index: 100; }
	.popup .popup-content					{ margin: 0 auto; width: auto; height: 360px; overflow: auto; }
	
	/* generic ********************************************************************/
	
	/* generic overflow */
	#wrapper,
	#header,
	#container,
	#footer,
	#panel,
	ol, ul									{ overflow: hidden; }
	
	/* centered elements (with 0 vertical margins) */
	#wrapper,
	#panel form,
	#panel .notify_form,
	#footer,
	#footer ul,
	#footer p								{ margin: 0 auto; }
	
	/* content alignment */
	#wrapper,
	#panel .notify_form	p					{ text-align: center; }
	
	#header,
	#panel form,
	#panel .notify_form,
	#panel.txt_form #panelContent,
	#footer p								{ text-align: left; }
	
	.right,
	#panel.form_txt #panelContent			{ text-align: right; }