/**
* Global Definitions
*
* @section	global reset
*/

*
{ border: none; margin: 0; padding: 0; }

body
{ background: #000; font: normal 12px/16px Arial, Helvetica, sans-serif; margin: 0 auto; }

a, a:visited
{ font-weight: bold; text-decoration: none; }

	a:hover
	{ text-decoration: none; }
	

/**
* Page Structure
*
* Main structure and common components of the directory system
* such as Wrapper, Navbar, Header and Footer
*
* @section	structure
*/

.wrapper
{ margin: 0 auto; width: 1000px; }

/**
* Header
*
* @section		structure
* @subsection	header
*/

.header
{ background: url(images/bg_header.gif) no-repeat 0 0 #000; height: 74px; margin: 0; padding: 0; position: relative; width: 1000px; }

.logo
{ left: 360px; margin: 0; position: absolute; top: 27px; }

/**
* Top Navigation
*
* @section		structure
* @subsection	top-navigation
*/

.topNavbar
{ background: url(images/bg_topNavbar.gif) no-repeat 0 0 #000; height: 28px; margin: 0; position: relative; width: 1000px; }

	.menuNavbar
	{ float: left; padding: 0; position: absolute; }
	
		.menuNavbar li
		{ display: block; float: left; height: 28px; line-height: 28px; text-align: center; }
			
			.menuNavbar li a, .menuNavbar li a:visited 
			{ color: #999; }
									

/**
* Navigation Button
*
* @section		structure
* @subsection	top-navigation
*/

	.navbarButton
	{ float: left; margin: 0; padding: 0; }

	.navbarButton button, .navbarButton a, .navbarButton a:visited
	{ cursor: pointer; display: block; font: bold 16px/30px Arial, Helvetica, sans-serif; text-align: center; }
	
	.navbarButton,
	.navbarButton button, .navbarButton a, .navbarButton a:visited
	{ height: 28px; width: 113px; }
	
	.navbarButton a:hover
	{ color: #fff; }

/**
* Content
*
* Wrap the content and columns of the application
*
* @section				structure
* @subsection			content
*/

.content
{ padding: 0; }

.mainContent
{ background: url(images/bg_content.gif) repeat-x 0 100%; height: 443px; padding: 0; position: relative; width: 1000px; }

		.imgContent
		{ position: absolute; right: 0; top: 0; }

.detailContent
{ color: #888; font: 11px/30px Georgia, Times New Roman, Times, serif; left: 300px; line-height: 15px; margin: 15px 0 0 0; position: absolute; text-align: right; }

	.firstImage
	{ left: 0; top: 125px; position: absolute; }
	
		.firstImage, .firstImage a
		{ background: url(images/img_first_content_off.jpg) no-repeat 0 0; cursor: pointer; display: block; height: 277px; width: 212px; }
	
		.firstImage a:hover
		{ background: url(images/img_first_content.jpg) no-repeat 0 0;  height: 277px; width: 212px; }
	
	.secondImage
	{ left: 213px; top: 125px; position: absolute; }
	
		.secondImage, .secondImage a
		{ background: url(images/img_second_content_off.jpg) no-repeat 0 0; cursor: pointer; display: block; height: 277px; width: 180px; }
	
		.secondImage a:hover
		{ background: url(images/img_second_content.jpg) no-repeat 0 0;  height: 277px; width: 180px; }
	
	.thirdImage
	{ left: 395px; top: 125px; position: absolute; }
	
		.thirdImage, .thirdImage a
		{ background: url(images/img_third_content_off.jpg) no-repeat 0 0; cursor: pointer; display: block; height: 277px; width: 196px; }
	
		.thirdImage a:hover
		{ background: url(images/img_third_content.jpg) no-repeat 0 0; height: 277px; width: 196px; }
		
		
.back
{ left: 0; margin: 0; position: absolute; top: 416px; }
	
/**
* Footer
*
* @section		structure
* @subsection	footer
*/
			
.footer
{ background: #000; border-top: 1px solid #444; width: 1000px; }

	.footerNavbar
	{ margin: 0; padding: 10px 0 0 260px; }
	
		.footerNavbar li
		{ display: inline; font: 10px/30px  Arial, Helvetica, sans-serif; line-height: 5px; margin: 0 0 0 20px; text-align: center; }
		
			.footerNavbar li a, .footerNavbar li a:visited 
			{ color: #666; }
			
			.footerNavbar li a:hover
			{ color: #ff7301; }
			
		.detailFooterNavbar li
		{ color: #444; font: 9px/30px  Arial, Helvetica, sans-serif; padding: 0 0 0 380px}