/*------------------------------------------------------------------------
# xalotinhyeu - March 9, 2009
# ------------------------------------------------------------------------
# Author: hoainam12k
# Websites:  http://www.vannyneo.com -  Email: hoainam12k@gmail.com
-------------------------------------------------------------------------*/

* {margin: 0; padding: 0;}
body {font: normal normal 12px Arial, Helvetica, sans-serif; color: #000000; background: #fff1f1}
a {text-decoration: none; outline: none; color: #e60000;}
a:hover {text-decoration: none; color: #fb8080;}

a img {border: none}
ul li {list-style: none}

#neo-pagewrap { width: 960px; margin: 0 auto; background: #fff}

/* -----------------------------------*/
/* ---------->>> HEADER <<<-----------*/
/* -----------------------------------*/
#neo-header {height: 228px;position: relative}
#logo {position: absolute; left: 10px; top: 0px;}
#logo h1 {background: url(../images/logo.png) no-repeat top left; }
#logo a {display: block; width: 141px; height: 77px; text-indent: -5000em;}

/*nav*/
#nav {position: absolute; top: 77px; left: 0; width: 960px; border-top: 1px solid #dbdbdb}
ul.nav{}
ul.nav li {display: inline}
ul.nav li a {display: block; float: left; height: 31px; line-height: 31px; border-left: 1px solid #dbdbdb; padding: 0 15px; text-transform: uppercase; color: #000000}
ul.nav li a:hover  {background: #fff1f1}
ul.nav li.first a {border: none}
.spotlight {position: absolute; left: 0; top: 109px}

.links {padding: 10px; font-size: 14px}
/* -----------------------------------*/
/* --------->>> CONTAINER <<<---------*/
/* -----------------------------------*/
#neo-container {}
#neo-content {padding: 20px}
#neo-content ul li {display: block; float: left; width: 140px; text-align: center; background: #ffbcbc; padding: 8px; margin: 8px 12px}
#neo-content ul li h4, 
#neo-content ul li h5 {padding: 2px 0}

.pager {text-align: center; padding-top: 20px}
.pager .page a {border: 1px solid #999;background: #fff;padding: 0.25em 0.75em;text-decoration: none;}
.pager .page a:hover {border: 1px solid #999;color: #fff;background: #ffbcbc;}


/* -----------------------------------*/
/* ---------->>> FOOTER <<<-----------*/
/* -----------------------------------*/
#neo-footer {clear: both; margin-top: 10px; padding: 30px 0 30px 0; text-align: center}

/* -----------------------------------*/
/* ----------->>> HACK <<<------------*/
/* -----------------------------------*/
/*Clear fix*/
.clearfix:after {
	clear: both;
	display: block;
	content: ".";
	height: 0;
	visibility: hidden;
}
* html > body .clearfix {
	width: 100%;
	display: block;
}
* html .clearfix {
	height: 1%;
}
/* Firefox Scrollbar Hack - Do not remove */
html {
	margin-bottom: 1px;
	height: 100%!important;
	height: auto;
}