@import url(../_css/reset.css);

body { font-family: Arial, Helvetica, sans-serif; color: #666666; background: #fff url(../_images/bg-body.jpg) repeat-x 0 131px; }
body.send-email { background: #fff; padding: 1em 2em 0; }
	body.send-email label { margin-right: 1em; display: -moz-inline-box; display: inline-block; width: 5em; }

	.vx_block { margin-bottom: 10px; }
	
	.content p { margin-bottom:25px; }
	.content a { color: #bad23c; text-decoration: none; }
	.content a:hover { color: #666; text-decoration: underline; top: 0px; }
	.center { text-align: center; }
	.right { text-align: right; }
	.content h1 { font-size: 1.6em; color:#bad23c; margin-bottom:.9em; }
		.content h1 strong, .content strong h1 { color:#bad23c; font-weight:bold; }
			#home .content h1 { margin-top:0; }
			
	.content h2 { font-size: 1.4em; color: #bad23c; }
	.content h3 { font-size: 1.3em; }
	.content h4 { font-size: 1.2em; color:#666; line-height:1.4em }
		.content h4 strong, .content strong h4 { color:#bad23c; }
	.content h5 { font-size: 1em; line-height:1.4em; }
	
	#content .content ul li { list-style: none; }
	#content #column-main .content ul li { list-style: url(../_images/bullet.jpg); margin-bottom:10px; padding:0 }
	#content .newsbox.content ul li { list-style: url(../_images/bullet.jpg); margin-bottom: 0.5em; }
	
#wrapper { width:980px; margin:0 auto; position: relative; }
	#wrapper:after { content:" "; display:block; clear:both; }

#header { height: 11em; position: relative; }
	#header .logo { position: absolute; left: 10px; top: 10px; }
				
	#header .menu { clear:both; position: absolute; width: 740px; right: 0px; text-align: right; top: 70px; }
		#header .menu li { float:left; padding: 0px 9px; text-align: center; border-left: solid 1px #bad23c; }
		#header .menu li.first { border-left: none; }
		#header .menu a { font-size:3mm; color:#333; text-decoration:none; font-weight:normal; }
		#header .menu a:hover { color:#bad23c; }
	
	#banner { height:205px; }
	#inside #banner { background:url(../_images/bg-banner-inside.jpg) top no-repeat; position:relative; }
		#inside.profile #banner { background:url(../_images/bg-banner-inside-profile.jpg) top no-repeat; position:relative; }
	 	#inside #banner img { margin-top:21px }
		
		.strapline { position:absolute; top:50px; width: 400px; left: 40px; height: 150px; overflow: hidden; }
		
		.profile .strapline { height: 70px; }
		.profile .strapline h1, .profile .strapline h2, .profile .strapline h3, .profile .strapline p { color:#fff; margin-top:.3em; margin-bottom:.5em; }
		
		.profile .strapline.profile-tools { height: 60px; top: 140px; width:350px; }
			.profile .strapline.profile-tools p { float:left; text-align: center; margin: 0 10px 10px 0; }
				.profile .strapline.profile-tools a { color:#fff; width:110px; background:#a5d7f2; display:block; }
				.profile .strapline.profile-tools a:hover { text-decoration:none; background:#777; }
				.profile .strapline.profile-tools a.disabled { color:#666; background: #aaa; }
				.profile .strapline.profile-tools a.disabled:hover { text-decoration:none; color:#666; background: #aaa; cursor: default; }
				
				.profile-block { background:#f6f6f6; border-bottom:solid 2px #a5d7f2; padding: 0 10px; margin: 0 0 0 -10px; }
					.vx_block.profile-block { margin-bottom:-18px; }
				.profile-block h3 { border-bottom:dotted 1px #ccc; padding: 10px 0; }
					.profile-block .more p { text-align:right; margin-top: -2em; margin-bottom: 0.5em; float: right; }
					.profile-block .more a { color:#bad23c; }
					.profile-block .more a:hover { color:#666; }
				
				.profile-photo { position:absolute; right:0; }
				
#content { padding:10px 0; }
	#content .intro-title { width:290px; float:left; text-align: right; padding:.9em 0; font-size: 1.5em; }
		#content .intro-title.content h1 { margin:0; font-weight:normal; text-transform: uppercase; font-size:1.3em; }
			#content .intro-title .content strong h1, #content .intro-title .content h1 strong { font-size:1.6em; }
	#content .intro-text { width:600px; float:right; padding:1em 0; }

	#inside #content { background: url(../_images/bg-right.jpg) repeat-y top right; padding-top: 0px; padding-bottom: 0px; border-bottom: solid 10px #fff; }
		#inside.wide #content { background:none; }
		
		#inside.two-columns #content { padding:10px 0; background:url(../_images/bg-content.jpg) repeat-y -530px 0; margin: 10px 0 0 0; }
		
		#inside.two-columns-boxes #content { padding:10px 0; background:url(../_images/bg-content.jpg) repeat-y 530px 0; margin: 10px 0 0 0; }
			
		#inside.three-columns #content { padding:10px 0; background:url(../_images/bg-content.jpg) repeat-y; margin: 10px 0 0 0; }
			#inside.three-columns #column-left { padding-top: 35px; }
	
	.content-fix { content:" "; display:block; clear:both; width:980px; }
	
	#column-left { width:190px; float: left; margin: 0; }
		#column-left .box { margin:0; width:170px }
		
	#column-main { width:490px; float: left; margin: 0 0 0 30px; }
		#inside.two-columns #column-main { width:700px; }
		#inside.two-columns-boxes #column-main { width:690px; margin-left: 10px; }
		#column-main .box { margin:inherit 0; }		
		.wide #column-main { width:100%; margin-right: 0px; }
		#column-main h1 { margin-top:0; }
		
	#column-right { width:240px; float: right; margin-top: 35px; }
		#column-right .box { margin: 0 0 10px 0; }

	.submenu ul { margin:0 0 1.5em 0; list-style:none; }
		.submenu li { font-weight:bold; margin:0 0 1em 0; list-style: none; border-bottom: dotted 1px #ccc; padding: 0 0 1em 1em; }
		.submenu li a { text-decoration:none; color: #bad23c; }
			.submenu li a:hover { text-decoration:none; color: #666; }
		#column-main .submenu li { margin:0 0 1em 2em; border-bottom: none; padding: 0 0 1em 0em; }
		
		#column3 .submenu.lowercase li { text-transform: none; margin-bottom:.1em; }
			
			.splitCol { width:310px; float: left; margin-right: 10px; }
			
	#boxes { clear:both; margin-right:-20px; width:990px; }
		.box { width:220px; float:left; margin:10px; background:#ececec; padding:0 10px; }
			.box.wide { width:460px; margin-right:10px; position: relative; background:url(../_images/imagebox-bg.jpg) bottom repeat-x; }
			.box img { padding:10px 0; }
				.box.cv { background:#ececec url(../_images/pdf.jpg) no-repeat right center; }
			.box h2 { color: #666; padding:15px 10px 10px 10px; border-bottom:dotted 1px #ccc; margin: 0 -10px 15px -10px; }
			
		.newsbox { height:140px; overflow:hidden; }
			.newsbox li { text-transform:uppercase; margin-bottom:10px; margin-left:-5px }
				.newsbox a { color:#666; }
				.newsbox a:hover { text-decoration:none; color:#bad23c; }
					.newsbox .more p { text-align:right; }
					.newsbox .more a { color:#bad23c; }
					.newsbox .more a:hover { color:#666; }
			.imagebox { margin:0 -10px; background: #e3e3e3; height: 100px; }
				.imagebox .vx_text { width:330px; float: left; margin-right: 10px; padding:5px 10px 0 10px; }
					.imagebox .vx_text h3 { margin-top: 0px; }
					.imagebox .vx_text p { margin-bottom: 0px; }
					.imagebox a { color:#666; }
					.imagebox a:hover { color:#bad23c; text-decoration:none;  }
				.imagebox .vx_image { width:120px; float: right; margin-top: -5px; }
					.imagebox .vx_image img { margin:0; padding: 0; }
				
		#boxes .box { margin: 10px 10px 10px 0; height: 213px; overflow: hidden; border-bottom: solid 4px #bad23c; padding-bottom: 10px; }
			.white { background:white; }
			#home .intro { height:140px; overflow: hidden; }
			
			.form { padding: 0; }
				form.form  { margin:0; width: 205px; }
					fieldset { border: none; }
					legend { display: none; }
						.form label { display: none; }
						.form p { text-align: right; position: relative; }
							.form input { border: 1px solid #999999; padding: 3px 6px; position: relative; bottom: 0; clear: both; }
							.form input.registerbox { width:190px; margin-bottom: 10px; }
							.form input.submit { padding: 2px 6px 2px; }
							.form select { padding: 2px; width: 220px; clear: both; margin: 10px 0 15px; }
							#column-left .form select { padding: 2px; width: 170px; clear: both; margin: 10px 0 15px; }
								#column-left .form select option { z-index:999; }

#footer { border-top:solid 2px #a5d7f2; clear: both; background:#fff; font-size:.9em; }
	#home #footer { margin-top:10px; }
	#footer hr { display:none; }
	#footer p { line-height: 1.3em; }
		#footer p strong { color:#bad23c; }
	#footer a { color:#666; }
	#footer a:hover { color:#bad23c; text-decoration:none; }
	#footer .content li { margin:0 0 0 -23px; list-style:none; }
		
	.footer-left { float:left; width:430px; padding: 10px 0 0 0; }
	.footer-right { float:right; width:430px; padding:10px 0 0 0; text-align: right; }

	#content #column-main .members-list li { width:190px; float:left; padding-right:10px; }

#tools { position:absolute; top:333px; right: 0px; width: 120px; z-index: 999; }
	#tools .tool { float:right; margin:0 10px 10px 10px; }

body.mceContentBody { background:none; font-size:.6em; } /*TinyMCE*/

#\_blocks { padding-bottom:10px; }
#\_blocks .splitCol { width:150px; float: left; margin-right: 10px; }
#\_blocks .cms-fix { height:100px; }
#\_blocks .vx_block  { clear: both; float:none; }
#\_blocks .content li { list-style: url(../_images/bullet.jpg); }
#\_blocks h1, #\_blocks h2, #\_blocks h3  { margin-top:0; }
#\_blocks .vx_block.profile-block { margin-bottom:10px; }
#\_blocks .submenu ul { margin-left:1em; list-style-position:outside; }
#\_blocks .submenu ul li { padding-left:1em; list-style-position:outside }

#column-main .thumbnail { float:left; margin:0 65px; width: 180px; }
#column-right .thumbnail { float:none; margin:0; width: 180px; clear: both; }
#column-left .thumbnail { float:none; margin:0; width: 180px; clear: both; }
	.thumbnail img { margin-bottom:10px; }
	.thumbnail strong { color:#bad23c; font-size: 1.2em; }

	/* booking form */

		#booking { margin:4em 0; }
			#booking p { clear:none; float: left; display:block; }
				#booking select { padding:2px; }
				#booking input[type=text] { padding:2px; width: 160px; margin:0; }
				#booking label { padding:3px; font-weight:bold; }
				#booking input[type=image] { float:right; clear:both; margin: 1em 45px; }
				
					#booking .name_section p { padding-right: 44px; }
					#booking .seminar_section p, #booking .code_section p, #booking .details_section div p { float:none; clear:both; width:100%; }
					#booking .seminar_section { margin-top: 1em; }
					#booking .seminar_section label { display:inline;float:none;width:auto;cursor:pointer;font-weight:400;}
					#booking .seminar_section label strong { color: #bad23c; }
					#content #column-main .content form li { color:#BAD23C; font-weight:bold; list-style:none; }
					
					#booking .code_section input[type=text] { width:100px; }
					#booking .details_section div { float:left; width:330px; margin-right:20px; }
						#booking .details_section div label { width:130px; display: block; float: left; }
					
					#booking .total_section p { float:right; width:115px; clear:both; font-size:1.2em; margin:0 45px; font-weight:bold; }
						#booking .total_section p strong { color:#BAD23C; }
					
					
					#booking .designed_select_box { border: 1px solid #666; font-size: 11px; color: #666; padding: 0; margin: 0 3px 0 0; }
						#booking .designed_select_box option { font-size: 11px; color: #666; }

	/* contact form */
	
		.contact_form { position:relative; padding-top:10px } 
			.contact_form label { color:#bad23c; width:140px; float:left; }
			.contact_form textarea, .contact_form input[type=text] { width:180px; }
				.contact_form input[type=text]:focus { border:solid 1px #bad23c; padding: 2px 3px .2em; }
				.contact_form textarea:focus { border:solid 1px #bad23c; padding: 2px 4px .2em 2px; }
			.contact_form select { padding:.1em;}
			.contact_form .form_box { position: absolute; top:48px; right:5px; }
				.contact_form .form_box label { width:100px; }
				.contact_form .form_box textarea { width:210px; height:368px; }
					.contact_form .form_box textarea:focus { border:solid 1px #bad23c; padding: 2px 4px .2em 3px; }
			.contact_form input[type="checkbox"] { margin-right:5px; }