@charset "utf-8";
/* CSS Document */

body{
	margin:0px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px; 
	height:100%; 
}
#pageTop{
	background:url(test.PNG) repeat-x;
	height:90px;
	width:100%;
	
    
}
#pageTop > #pageTopWrap{
	 width:1000px;
	 margin:0px auto;
	 height:90px;
}
#pageTop > #pageTopWrap > #pageTopLogo{
	box-shadow:0px 0px 30px 1px #CCC;
	float:left;
	height:auto;
	overflow:visible;
	width:90px;
	border-radius:15px;
	padding:10px;
	
}
#pageTop > #pageTopWrap > #pageTopRest{
	float:left;
	height:90px;
	width:855px;
	
}
#pageTop > #pageTopWrap > #pageTopRest > #menu1{
	height:39px;
	color:#CCC;
	padding-left:10px;
}
#pageTop > #pageTopWrap > #pageTopRest > #menu1 > div{
	padding:11px;
	color:#9C3;
	float:right;
	text-align:right; 
}
#pageTop > #pageTopWrap > #pageTopRest > #menu1 > div > a{
	
	text-decoration:none;
	color:#CCCCCC;
	padding:5px;
	border:1px #999 solid;
	border-radius:10px;
	transition:background 0.3s linear 0s, color 0.3s linear 0s;
}
#pageTop > #pageTopWrap > #pageTopRest > #menu1 > div > a:hover{
	color:#9C0;
	background:#037c51;
}
#pageTop > #pageTopWrap > #pageTopRest > #menu2{
	
	height:39px;
	 
}
#pageTop > #pageTopWrap > #pageTopRest > #menu2 > div{
	display:block;
	float:left;
	padding-left:15px;
	margin-top:0px;
	color:#CCC;
	 
}
#pageTop > #pageTopWrap > #pageTopRest > #menu2 > div > a{

	color:#CCC;
	text-decoration:none;
	margin: 0px 20px;
	transition:color 0.3s linear 0s, color 0.3s linear 0s;
	padding:5px;
	border-radius:5px;
}
#pageTop > #pageTopWrap > #pageTopRest > #menu2 > div > a>img{
	opacity:0.8;
	width:64px;
	height:64px;
	transition: opacity 0.3s ease-in-out;
	
}
#pageTop > #pageTopWrap > #pageTopRest > #menu2 > div > a>img:hover{
	
	opacity:1;
}
#pageTop > #pageTopWrap > #pageTopRest > #menu2 > div > a:hover{
	color:#FFF;
}
#pageMiddle{
	margin-top:50px;
	margin-left:250px;
	width:800px;
	height:100%;
	margin-bottom:100px;
	padding-left:100px;
	
}
#pageBottom{
	background:#037c51;
	padding:6px;
	font-size:12px;
	color:#CCC;
	text-align:center;
   	position:fixed;
   	bottom:0;
	height:15px;
   	width:100%;
	
	
}
	
.fancyBox{
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	margin-top:50px;
	margin-left:250px;
	width:auto;
	overflow:hidden;
	border-radius:5px;
	background:#ffff;
	border:1px solid #ccc;
	outline:none;
	margin-bottom:70px;
	padding:10px;
	box-shadow:0px 0px 3px 1px #c8def0;
	}
.inputbox{
	width:250px;
	border-radius:5px;
	background:#fff;
	border:1px solid #ccc;
	outline:none;
	padding:4px;
	transition: all 0.3s ease-in-out;
	
	
}
.inputbox:hover{
	border:1px solid #56b4ef;
	opacity:1;
	
}

.inputbox:focus{
	border:1px solid #56b4ef;
	box-shadow:0px 0px 3px 1px #c8def0;
	
}
.button{
	width:260px;
	border-radius:5px;
	background:#960;
	border:1px solid #ccc;
	outline:none;
	padding:5px;
	color:#66FFFF;
	transition: all 0.3s ease-in-out;
	}
	
.button:focus{
	
	border:1px solid #56b4ef;
	box-shadow:0px 0px 3px 1px #c8def0;
	
	
	
}
.button:hover{
	border:1px solid #56b4ef;
	background:#990;
}