@CHARSET "UTF-8";

/* set default character to all */
*{
	font-family: Trebuchet MS, Arial;
}

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, input, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
    font-size: 12px;
    vertical-align: baseline;
    background: transparent;
}

/* main tags */
body{
	background: url("../images/layout/bg.gif") left 2px repeat-x;
}

h1{
	text-align: right;
	color: #005895;
	padding: 37px 30px 0px 30px;
	height: 23px;
}
	h2{
		font-size: 16px;
	}

	a{ color: #005895; }

/* clearing element */
div.clear, div.util, div.cleaner{ display: block; clear: both; font-size: 0px; line-height: 0px; }

/* layout definition */
div#templateTop div.templateMiddleDiv{
	background: url('../images/layout/bg-top.gif') 13px top no-repeat;
}

	/* base definition of centering div  */
div.templateMiddleDiv{
	width: 960px;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
}	
div#topLeft,
div#topRight{
	height: 146px;
	width: 50%;
	float: left;
}
  
	a#templateLogo{
		display: block;
		height: 146px;
		text-decoration: none
	}
	
   div#topRight p{      
    text-align: right;
    padding: 27px 30px 0px 30px;
   }
   
   a.topButton{
   	display: block; 
   	float: right;
   	padding: 31px 30px 0px 30px;
   	font-size: 12px;
   	height: 52px;
   	
   }
   
   a.topButton:hover{
   	background: #005895;
   	color: #fff !important;
   }
 	
/* middle div in content */
div#templateContent div.templateMiddleDiv{
	padding: 31px 0px 0px 0px;
	position: relative;
}
	
	div#templateFormBox{
		height: 245px;
		width: 536px;
		background: url('../images/layout/bg-form.gif') center top no-repeat;
		position: absolute;
		left: 6px;
		top: 33px;
		z-index: 150;
		padding: 50px 50px 20px 50px;
	}
	
	div#templateFullBox{
		height: 265px;
		width: 845px;
		background: url('../images/layout/bg-full-content.gif') center top no-repeat;
		position: absolute;
		left: 6px;
		top: 33px;
		z-index: 150;
		padding: 30px 50px 20px 50px;
	}
	
	div#templateFullBox p, div#templateFullBox,
	div#templateFormBox p, div#templateFormBox{ color: #fff;}
	
	div#templateFullBox p,
	div#templateFormBox p  { margin: 0px 0px 15px 0px; }
		
	div#templateFullBox p a{color: #fff;}
	
	div#templateFullBox h2,
	div#templateFormBox h2 { margin: 0px 0px 15px 0px; }
	
	p.alert{ float:  left; padding: 0px 15px 0px 0px;}
	
	p.red{ color: yellow !important;}
	
/* definition of inner content */
div#templateContentBoxes{
	height: 319px;
}

div#templateContentBoxes{
	background: url('../images/layout/bg-boxes.gif') center 3px no-repeat;
}
	div#templateContentBoxesCover{
		height: 319px;
		width: 930px;
		margin: 0 auto;
	}
	
	div.templateBox{
		height: 319px;
		float: left;
		position: relative;
	}	
	
	div.templateBox a{
		display: block;
		height: 319px;
		text-decoration: none;
		position: absolute;
		top: 0px;
		left: 0px;
	}
	
		div#templateBoxN01,
		div#templateBoxN01 a{
			width: 300px;
		}
		div#templateBoxN01{
			padding: 0px 15px 0px 0px;
		}

		div#templateBoxN02,
		div#templateBoxN02 a{
			width: 301px;
		}
		div#templateBoxN02{
			width: 301px;
			padding: 0px 14px 0px 0px;
		}

		div#templateBoxN03,
		div#templateBoxN03 a{
			width: 300px;
		}
		div#templateBoxN03{
			width: 300px;
		}
		
		div.boxBooble{
			padding: 53px 60px 0px 60px;
			height: 108px;
		}
		
		div.boxBooble p{
			color: #fff;
			text-transform: uppercase;
			font-size: 16px;
			text-align: center;
			font-weight: bold;
			margin: 0px !important;
		}
		
		p.upperShape, p.downerShape{ text-align: center; font-weight: bold; }
		
		p.upperShape{ 
			color: #fff;
			padding: 0px 0px 0px 0px;
			margin: 0px !important;
			position: absolute;
			top: 155px;
			left: 0px;
			width: 300px;
			z-index: 1;
		}

		p.downerShape{ 
			color: #666;
			font-size: 14px;
			padding: 0px 0px 0px 0px;
			margin: 0px !important;
			position: absolute;
			top: 195px;
			left: 0px;
			width: 300px;
			z-index: 1;
		}
		
/* middle div in footer */
div#templateFooter{
	background: url('../images/layout/bg-reference.gif') center top no-repeat;
}

div#templateFooter div.templateMiddleDiv{
	height: 230px;
	padding: 0px 0px 0px 0px;
}

div#templateReferenceBox{
	width: 930px;
	height: 170px;
	margin: 0 auto;
	padding: 15px 0px 0px 0px; 
}
   p.referenceHeading{
    padding: 4px 15px 0px 43px;
    margin: 0px 0px 15px 0px;
    font-weight: bold;      
	font-size: 16px; 
    color: #005895;
   }
 
	a.arrowRight,
	a.arrowLeft{
		display: block;
		float: left;
		height: 185px;
		width: 30px;
		text-decoration: none;
	}
	
	a.arrowLeft{
		background: url('../images/layout/bg-arrow-left.gif') center 50px no-repeat;
	}
	a.arrowLeft:hover{
		background: url('../images/layout/bg-arrow-left-hov.gif') center 50px no-repeat;
	}
	a.leftUnactive{ background: none !important; cursor: default !important; }
	
	a.arrowRight{
		background: url('../images/layout/bg-arrow-right.gif') center 50px no-repeat;
	}
	
	a.arrowRight:hover{
		background: url('../images/layout/bg-arrow-right-hov.gif') center 50px no-repeat;
	}
	a.rightUnactive{ background: none !important; cursor: default !important; }
	
	div#referenceOuterShape{
		width: 870px;
		height: 185px;
		float: left;
		position: relative;
		overflow: hidden;
	}
	
		div#referenceInnerShape{
			position: absolute;
			left: 0px;
			top: 0px;
			z-index: 9000;
		}
		
		div.reference{
			width: 174px;
			height: 185px;
			float: left;
			text-align: center;
			font-weight: bold;
		}

		div.reference img{
			border: solid 1px  #005895;
			margin: 0px 0px 4px 0px;
		}

/* copyright */
p#copyright{
	text-align: center;
	padding: 15px 15px 30px 15px;
}

p#copyright,
p#copyright a{
	color: #999;
}

/* langs */
div#langs{
	width: 930px;
	text-align: right;
	position: absolute;
	left: 50%;
	top : 0px;
	margin-left: -480px;
	padding: 13px 30px 0px 0px;
}
div#langs img{
	padding:1px;
	border: solid 1px #ccc;
}

div#langs a.active img{
	border-color: #005895;
}