@charset "utf-8";
/* CSS Document */
img{border:none}
body{
	background-color: #4396ca;
	 font-family: "Myriad Pro", "Myriad Pro Cond", "Myriad Pro Light";
}

@font-face {
	font-family: 'Conv_GOTHIC';
	src: url('fonts/GOTHIC.eot');
	src: local('☺'), url('fonts/GOTHIC.woff') format('woff'), url('fonts/GOTHIC.ttf') format('truetype'), url('fonts/GOTHIC.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


#wapper{
		background-color: #fff;
		position:relative;
		z-index: 2;
		height: 710px;
		width: 980px;
		margin:0px auto;
	}

	#logo{
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	left: 60px;
	top: 11px;
	position: absolute;
	z-index: 3;
	height: 132px;
	width: 173px;
	padding-top: 40px;
	padding-left: 220px;
	}
		#logoTitle,#logoTitle2{position:relative;width: 500px;}
		#logoTitle{ font-size:32px;color: #333;font-weight: bold;}
		#logoTitle2{font-size:16px;color: #999;}

	#logo > span {display:inline-block; width:400px;}
	#logo > span a {float:left; margin-right: 30px; margin-top:20px;}
	#logo img {border:0; height: 45px;}
/*		
	#tower{
		background-image: url(../images/tower.png);
		background-repeat: no-repeat;
		right: 0;
		top: 150px;
		position: absolute;
		z-index: 4;
		height: 505px;
		width: 428px;
	}
*/	
	#tower{
		right: 0;
		top: 136px;
		position: absolute;
		z-index: 4;
	}


	#title{
		font-family:'Conv_GOTHIC', "Myriad Pro", "Myriad Pro Cond", "Myriad Pro Light";
		font-size: 60px;
		left: 80px;
		top: 190px;
		position: absolute;
		z-index: 3;
		height: 132px;
		width: 173px;
		letter-spacing: 9px;
		color: #ab1717;
	}
	
	#contact{
		background: #78D4F5 url(../images/bar_bg.jpg) center center no-repeat;
		top: 395px;
		position: absolute;
		z-index: 2;
		height: 250px;
		width: 980px;
	}
		.contactBox{		
			position: relative;
			z-index: 1;
			height: 180px;
			width: 230px;
			margin-top: 65px;
			margin-left: 80px;
		}
	
	#footer{
			top: 665px;
			position: absolute;
			z-index: 2;
			width: 1080px;
			padding-left: 70px;}