/****************************************/
/* client */
/* copyright (c) the worx group - 2009 */
/* base.css */
/****************************************/
img	{ border:0px; }
img, div, input { behavior: url("/style/iepngfix.htc"); }
.clear { clear:both; }
form { margin:0; }

body { margin:0; padding:0 0 325px 0; text-align:center; min-width:960px; background:#c2c2c2 url(/images/background.jpg) top no-repeat; font:normal 13px arial; color:#333; }
div.wrapper { width:960px; margin:0 auto; text-align:left; position:relative; }
	img.paper { position:absolute; top:0px; left:-15px; z-index:8; }
	img.logo { position:absolute; top:35px; left:30px; z-index:9; }
	div.tagline { position:relative; z-index:7; border-bottom:1px solid #bad9e3; margin-bottom:1px; padding:55px 0 4px 0; text-align:right; color:#666; font-weight:bold; }
	
	div.content { position:relative; z-index:7; border-top:1px solid #abd5c3; border-bottom:1px solid #abd5c3; height:575px; }
		div.text { border-top:1px solid #abd5c3; margin-top:100px; }
			div.text div { border-top:1px solid #abd5c3; margin-top:1px; padding:20px 600px 20px 20px; background:url(/images/bg_text.jpg) 0 0 no-repeat; }
			div.text h1 { color:#39aa78; font-size:24px; margin:10px 0 0 8px; }
			div.text p { margin:10px 0 0 8px; }
			div.text a { color:#39aa78; }
			div.text a:hover { color:#000; }
			div.text ul { margin:10px 0 0 8px; color:#39aa78; font-weight:bold; }
			div.text ul li { background:url(/images/arrow_bullet.png) 0 6px no-repeat; padding-left:12px; }
			div.text a.arrow { color:#FFF; display:block; background:url(/images/arrow_link.gif) 0 0 no-repeat; margin:25px 0 0 8px; padding:4px 4px 4px 8px; width:232px; height:16px; font-size:11px; text-transform:uppercase; font-weight:bold; letter-spacing:.1em; color:#FFF; text-decoration:none; }
			div.text a.arrow:hover { color:#FFF; text-decoration:underline; }
		div.video { position:absolute; top:50px; right:0; background:#eee; border:1px solid #abd5c3; widows:500px; height:400px; }
			div.video div.flash { position:relative; z-index:9;  }
			div.video div.reflection { position:absolute; z-index:8; bottom:-31px; left:-68px; width:637px; height:178px; background:url(/images/bg_video.png) 0 0 no-repeat; }
			
		div.fpo-image { position:absolute; top:50px; right:0; background:#eee; border:1px solid #abd5c3; widows:500px; height:440px; }
			div.fpo-image img { position:relative; z-index:9;  }
			div.fpo-image div.reflection { position:absolute; z-index:8; bottom:-31px; left:-68px; width:637px; height:178px; background:url(/images/bg_video.png) 0 0 no-repeat; }
			
	div.form { position:relative; border-top:1px solid #abd5c3; border-bottom:1px solid #bad9e3; padding:20px 90px 30px 90px; height:253px; }
		div.form div.bg { position:absolute; z-index:8; top:-49px; bottom:0; left:0; width:956px; height:362px; background:url(/images/bg_form2.png) no-repeat; }
		div.form form { position:relative; z-index:9; }
			div.form h2 { color:#007ca5; font-size:20px; margin:10px 0; }
				div.form h2 span { color:#666; font-size:13px; font-weight:bold; margin:0 0 0 6px; }
			div.form fieldset { border:1px dotted #8b8c8c; border-width:1px 0; padding:20px 0 0 0; margin:20px 0; }
			div.form table { width:100%; }
			div.form td { padding:6px 0; vertical-align:top; }
			div.form label { cursor:pointer; display:block; float:left; width:125px; }
			div.form input.text { display:block; float:left; width:215px; border:1px solid #666; background:url(/images/bg_input.gif) 0 0 no-repeat; padding:2px; cursor:pointer; }
			div.form div.submit { position:relative; margin:6px 0; border-top:1px dotted #666; padding:10px 0; text-align:right; }
			div.form div.submit span { display:block; float:left; font-style:italic; font-size:11px; }
			div.form div.submit input { cursor:pointer; background:url(/images/arrow_link.gif) right 0 no-repeat; padding:4px 14px 4px 8px; font-size:11px; text-transform:uppercase; font-weight:bold; letter-spacing:.1em; color:#FFF; text-decoration:none; border:0; }

	div.footer { margin-top:1px; border-top:1px solid #bad9e3; font-size:11px; padding:10px 0; color:#666; }
		div.footer p { float:left; }
		div.footer ul { float:right; }
		div.footer ul li { display:inline; }
		div.footer ul li a { color:#666; text-decoration:none; }
		div.footer ul li a:hover { text-decoration:underline; }