/**********************************************************************************************

	1. General Elements
	
	2. Layout
		2.1 Header
		2.2 Content
		2.3 Footer

	3. 	Miscellaneous	
		
***********************************************************************************************/


/* 1. General Elements
-----------------------------------------------------------------------------------------------
===============================================================================================*/	
	html{font-size:100.01%; overflow-y:scroll;}

	body {
		font-family: Helvetica, Arial, "Helvetica Neue", sans-serif;
		font-size: 62.5%;
		line-height: 1.25;
		text-align: center;
		color: #050404;
		background:#1a1a1a url(../images/bg-body.jpg) 0 0 repeat;
		padding-top:40px;
	}

	hr {display: none;}
		
	strong {font-weight: bold;}
		
	em {font-style: italic;}
	
	address {font-style: normal;}

	input, textarea, select {font: 1em Arial, Helvetica, sans-serif;}

	a:link {color: #191919; text-decoration: underline; outline: none;}
	a:visited {color: #191919; text-decoration: underline; outline: none;}
	a:hover {text-decoration: none;	}
	a:active {color: #191919; text-decoration: underline; outline: none;}
	
/* 2. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

	.wrapper {
		position:relative;	
		width: 960px;
		margin: 0 auto;
		text-align: left;
		font-size: 1.2em;
	}
	
	.clear {clear:both;}
	
	#shadow-top, #shadow-bottom{width:100%; height:31px;}
	#shadow-top{background:transparent url(../images/shadow-sp.png) 0 0 no-repeat;}
	#shadow-bottom{background:transparent url(../images/shadow-sp.png) 0 -31px no-repeat;}
	#rounders-top{width:100%; height:3px; overflow:hidden; background:transparent url(../images/rounders-top.png) 0 0 no-repeat;}

/* 2.1 HEADER
------------------------------------------------------------------------------------------------ */
	#header{position:relative; padding:10px 0 8px 33px; font-size:1.2em; background-color:#000;}
	
		/* Logotype */
		#header .logo{}
			#header .logo strong {display:block; width:181px; height:73px; overflow:hidden; text-indent:-9999px; background:#000 url(../images/main-logo.png) 0 0 no-repeat;}		
			#header .logo a{display:block; height:100%;}	

		/* Navigation */
		#header .nav{position:absolute; right:0; top:0; float:right; margin:-7px 10px 0 0; _display:inline;}
			#header .nav ul{display:inline;}
			#header .nav ul li{float:left;}			
			#header .nav ul li a{float:left; padding:60px 0 15px 10px; color:#fff; text-decoration:none; background:url(../images/bg-nav.png) 0 0 no-repeat;}
			#header .nav ul li a span{float:left; margin-top:-60px; padding:60px 20px 0 6px; background:url(../images/bg-nav.png) right top no-repeat; cursor:pointer; _cursor:hand;}
			#header .nav ul li#active a, #header .nav ul li a:hover{background-position:0 -99px; text-decoration:none;}
			#header .nav ul li#active a span, #header .nav ul li a:hover span{background-position:100% -99px;}
			
/* 2.2 CONTENT
------------------------------------------------------------------------------------------------ */
	#content{overflow:hidden; background-color:#f7f7f7; _zoom:1;}
		.full-pic{line-height:0;}
		.page-title{margin:1em 0 1.3em; text-align:right;}
			.page-title h1{position:absolute; left:-9999px;}
			
		.form-header{padding-left:50px; font-size:1.2em; text-transform:uppercase;}
			.form-header img{float:right;}		
			
		ul.customize-list{list-style-image:url(../images/bullet-disc.gif); list-style-position:outside;}
			ul.customize-list li{line-height:183%;}		
		
		/* Article */
		.page-pic{float:left; width:420px;}
		.page-pic.no-img{height:560px;}
			.page-pic.no-img span{display:block; padding:100px 0 0 100px; font-weight:bold;}
		.page-text{position:relative; float:right; padding-bottom:20px; width:540px;}
		.page-text.full-width{float:none; padding-bottom:20px; width:auto; height:525px;}
			.page-text p{padding:0 50px 15px; text-align:justify;}
			.page-text .list-header{padding:0 0 20px 80px; font-weight:normal; font-size:1.2em; text-transform:uppercase;}
			.page-text ul.customize-list{padding:0 0 20px 100px;}
				.page-text ul.customize-list a{text-decoration:none;}
				.page-text ul.customize-list a:hover{text-decoration:underline;}				
			.page-text .service-selector{margin:20px 0; line-height:44px; text-align:center; background:#f7f7f7 url(../images/services-line.png) 0 0 no-repeat;}
				.page-text .service-selector .separator{padding:0 10px; color:#C31775; font-size:1.2em;}
				.page-text .service-selector a{text-decoration:none; font-size:1.3em;}
				.page-text .service-selector a:hover{text-decoration:underline;}
			.page-text .service-selector-top{position:absolute; left:-25px; top:0; width:185px; height:50px; line-height:3.3em; text-align:center; background:transparent url(../images/service-selector.png) 0 0 no-repeat;}
				.page-text .service-selector-top .separator{padding:0 10px; color:#fff; font-size:1.2em;}
				.page-text .service-selector-top a{text-decoration:none; font-size:1.1em; color:#fff;}
				.page-text .service-selector-top a:hover{text-decoration:underline;}				
			.page-text p.quotes{}	
				/*.page-text p.quotes .author{display:block; padding:1.5em 0 .5em 0; text-align:right; font-weight:bold;}	*/
				.page-text p.quotes .author{display:block; padding:0 0 .5em 0; text-align:right; font-weight:bold;}				
				
		/* Contact form */				
		#contact-form{padding-left:50px; width:340px;}
			#contact-form #contacts{padding:10px 0; font-size:1.1em; overflow:hidden;}		
				#contact-form #contacts div{float:left; width:50%;}
					#contact-form #contacts div a{text-decoration:none;}
					#contact-form #contacts div a:hover{text-decoration:underline;}					
					#contact-form #contacts img{margin-right:10px; vertical-align:middle;}
			#contact-form .form-line{margin-bottom:5px;}
			#contact-form label{font-weight:bold;}			
			#contact-form label span{color:#F00;}
			#contact-form .inputs, #contact-form textarea{width:330px; border:1px solid #0E4867;}						
			#contact-form textarea{height:50px; overflow:auto;}
			#contact-form .button{float:right; margin-right:10px; width:80px; height:20px; background:#f7f7f7 url(../images/button-submit.jpg) 0 0 no-repeat; cursor:pointer; border:none;}
			
		/* Login form */			
		#login-form{padding:170px 0 0 50px}
			#login-form label{padding-right:10px; font-size:1.3em;}
			#login-form .inputs{margin-right:25px; height:19px; width:160px; border:1px solid #0E4867;}
			#login-form .button{width:80px; height:24px; background:#f7f7f7 url(../images/button-login.jpg) 0 0 no-repeat; cursor:pointer; border:none;}
			
			
		/* Forms page */	
		#forms{}
			#forms h3{padding:0 0 15px 50px; font-size:1.4em;}		
			#forms p{padding-bottom:20px; font-size:1.1em;}
			
		/* Partnership */	
		#partnership p.middle-par{margin-top:90px; font-size:1.1em;}
			
		a.pdf-link{display:block; padding-left:30px; background:url(../images/ico-pdf.jpg) 0 center no-repeat; text-decoration:none;}	


		/* Login form2 */			
		#login-form2{padding:10px 0 0 50px}
			#login-form2 label{padding-right:10px; font-size:1.3em;}
			#login-form2 .inputs{margin-right:25px; height:19px; width:160px; border:1px solid #0E4867;}
			#login-form2 .button{width:80px; height:24px; background:#f7f7f7 url(../images/button-login.jpg) 0 0 no-repeat; cursor:pointer; border:none;}







/* 2.3 FOOTER
------------------------------------------------------------------------------------------------ */
	#footer{position:absolute; width:100%; left:0; bottom:31px; line-height:25px; font-size:.8em; color:#000; overflow:hidden; background:transparent url(../images/bg-footer.png) 0 100% no-repeat;}
		#footer a{color:#000; text-decoration:underline;}
		#footer a:hover{text-decoration:none;}
		#footer #copy{float:left; padding-left:3.5em; width:300px;}
		#footer #ads{float:right; padding-right:3.5em; width:300px; text-align:right;}

/* 3. MISCELLANEOUS
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

	/* Clearfix */
	.clearfix:after {
		clear: both;
		display: block;
		content: ' ';
		height: 0;
		visibility: hidden;
		zoom:1;
		overflow: hidden;
	}
	html > body .clearfix {width: 100%;	display: block;}
	html .clearfix {height: 1%;}
	/* Clearfix */
	
	.last{background:none; border:none !important;}