/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* Global */

html						{   }
body						{ background-color:#eeeeee;  }


/* Containers */

#wrapper					{ width:900px; margin:0px auto; background-color:#ffffff; }


#top						{ background-color:#eeeeee; width:100%; padding:5px 0; overflow:hidden; 
								/*border-bottom:2px #ffffff solid;*/ }


#logo						{ margin:0 0 0 10px; float:left;  }
#logo img					{ width:280px; height:80px;  }
#logo p						{ padding:5px 0;  }


#asus-logo					{ float:right; margin:0 10px 0 0;  }


#topnav						{ background-color:#3399FF; clear:both;  }
#topnav ul					{ width:100%; float:left; margin:0px; background-color:#3399ff; 
								border-bottom:2px #ffffff solid; }
#topnav ul li				{ display:inline; }
#topnav ul li a				{ float:left; padding:10px 20px; }


#topnav a:link				{ color:#ffffff; }
#topnav a:visited			{ color:#ffffff; }
#topnav a:active			{ color:#ffffff; }
#topnav a:hover				{ color:#ffffff; background-color:#CC0000; }
#topnav a:focus				{ color:#ffffff; }


#banner						{   }


#subbanner					{ width:100%; background-color:#3399FF; padding:10px 0px; overflow:hidden; 
								border-top:2px #ffffff solid; }
#subbanner ul				{ float:left; margin:0px; background-color:#3399ff; }
#subbanner ul li			{ display:inline; color:#ffffff; padding:0 0 0 45px; }
#subbanner ul li a:link		{ color:#ffffff; }


#content					{ float:left; width:650px; padding:20px; }
#content h1					{ margin:0 0 20px 0; font-size:24px; border-bottom:2px #cccccc solid; padding:5px 0; }
#content p					{ margin:10px 0px; line-height:120%; }


#rightside					{ padding:20px; margin-left:675px; }
#rightside h2				{ margin:10px 0 0 0; font-size:14px; font-weight:bold; font-style:italic; padding:5px 0; }
#rightside p				{ margin:10px 0; line-height:160%; font-size:12px; }


#footer						{ width:100%; clear:both; background-color:#000000; padding:10px 0; overflow:hidden; }
#footer p					{ text-align:center; color:#ffffff;   }