*{margin:0;padding:0}
body{
	font:12px Georgia, serif;
	}
html{overflow-y:scroll}
a{text-decoration:none}
a:focus{outline:0}
#page-wrap{
background-image: url(../images/img5_09.jpg);
background-repeat: repeat-x;
height: 43px;
	margin:0px auto;
}
h1{font:bold 40px Sans-Serif;margin:0 0 20px 0}

/* Generic Utility */
.hide{position:absolute;top:-9999px;left:-9999px}

/* Specific to example one */

#example-one{
	width: 1200px;
	float:left;
	position:relative;
}

#example-one .nav{
	overflow:hidden;
	margin:0 auto
}
#example-one .nav li{
	width:147px;
	float:left;
	margin-right: 5px;
	height: 43px;
}
#example-one .nav li.last{
	margin-right:0px
}
#example-one .nav li a{
	color:#333333;
	font-size:18px;
	border:0;
	line-height: 34px;
}
#example-one .nav li a:hover{
	background-color:#808080
}

#example-one ul{list-style:none; width:1300px; overflow:hidden;}
#example-one ul li a{display:block;border-bottom:1px solid #666;padding:4px;color:#666}
#example-one ul li a:hover{
	background:#808080;
	color:white;
	width: 147px;
	height: 43px;
}
#example-one ul li:last-child a{border:none}

#example-one ul li.nav-one a.current, #example-one ul#featured li a:hover{
	background-color:#234284;
	color:white;
	height: 43px;
	width: 147px;
}
#example-one ul li.nav-two a.current, #example-one ul#core li a:hover{
	background-color:#234284;
	color:white;
	height: 43px;
	width: 147px;
}
#example-one ul li.nav-three a.current, #example-one ul#jquerytuts li a:hover{
	background-color:#234284;
	color:white;
	height: 43px;
	width: 147px;
}
#example-one ul li.nav-four a.current, #example-one ul#classics li a:hover{
	background-color:#234284;
	color:white;
	height: 43px;
	width: 147px;
}
 .box3_b #page-wrap #example-one span{
	position:absolute;
	right:10px;
	top:10px;
 }
 .box3_b #page-wrap #example-one span a{
	font-size: 14px;
	color: #333333;
 }
#example-one ul li.nav-five a.current, #example-one ul#classics li a:hover{
	background-color:#234284;
	color:white;
	height: 43px;
	width: 147px;
}
/* Specific to example two */

#example-two .list-wrap{background:#eee;padding:10px;margin:0 0 15px 0}

#example-two ul{list-style:none}
#example-two ul li a{display:block;border-bottom:1px solid #666;padding:4px;color:#666}
#example-two ul li a:hover{background:#333;color:white}
#example-two ul li:last-child a{border:none}

#example-two .nav{
	overflow:hidden;
	float: left;
}
#example-two .nav li{width:97px;float:left;margin:0 10px 0 0}
#example-two .nav li.last{margin-right:0}
#example-two .nav li a{display:block;padding:5px;background:#666;color:white;font-size:10px;text-align:center;border:0}

#example-two li a.current,#example-two li a.current:hover{background-color:#eee !important;color:black}
#example-two .nav li a:hover, #example-two .nav li a:focus{background:#999}
.box3_b #page-wrap #example-one span a:hover {
	font-size: 14px;
	color: #234284;
}
