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

	padding:0;
}
* { margin:0; }
body {
    background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.45, #FFFFFF),
	color-stop(1, #C8C8C8)
);
background-image: -o-linear-gradient(top, #FFFFFF 45%, #C8C8C8 100%);
background-image: -moz-linear-gradient(top, #FFFFFF 45%, #C8C8C8 100%);
background-image: -webkit-linear-gradient(top, #FFFFFF 45%, #C8C8C8 100%);
background-image: -ms-linear-gradient(top, #FFFFFF 45%, #C8C8C8 100%);
background-image: linear-gradient(to top, #FFFFFF 45%, #C8C8C8 100%);
}

html {height: 100%;}
/*********************  layout ********************************************/
.main-wrapper { 
 width:977px;
 height:536px;
 
 position: absolute;
    top: 50%;
    left: 50%;
   
    margin: -268px 0 0 -486px;
 
}
.content-wrapper {
width:477px;
margin-left:300px;
padding-top:200px;
}

.bottom-wrapper {
width:auto;
margin-left:20%;
padding-top:160px;
}




/*********************   Navigation ***************************************/
ul.nav {
	list-style: none;
	display: block;
	width: 200px;
	
	top: 08px;
	left: 50px;
	padding: 60px 0 60px 0;
	background: url(shad2.png) no-repeat;
	-webkit-background-size: 50% 100%;
	float:left;
}
ul2.nav {
	list-style: none;
        float: center;
	display: block;

 
	top: 100px;
	center: 100%;
        text-align: center;

width: 70%;
height: 100%;
position: absolute;

}

li {
	margin: 4px 0 0 0;
}

ul.nav li a {
	-webkit-transition: all 0.3s ease-out;
	background: #cbcbcb url(border.png) no-repeat;
	color: #174867;
	padding: 6px 15px 6px 20px;
	-webkit-border-top-right-radius: 10px;
 	-webkit-border-bottom-right-radius: 10px;
	width: 100px;
	display: block;
	text-decoration: none;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:12px;
	
	-webkit-box-shadow: 2px 2px 4px #888;
}

ul.nav li a:hover {
	background: #ebebeb url(border.png) no-repeat;
	color: #67a5cd;
	padding: 6px 15px 6px 35px;
}