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

/* Creates centering page for align center pages*/

body {
	background: url(../images/bkg_home.gif) repeat-x;
	margin: 0;
	text-align: center;
	font: 100%/120% 'Trebuchet MS', Arial, Helvetica, sans-serif, mono;
}

img { border: 0; }

a { outline: none; }

input { border: 1px solid #ccc; }

/* Liquid Layout for Content */



.pageContainer {
	margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
	text-align: left;
    width: 1000px;
    padding: 0;
    
}


#logoContainer {
	top: 20px;
	width: 307px;
	height: 75px;
	left: 0px;
	z-index: 3;
	position: absolute;
}

#mainNav {
	top: 180px;
	left: 0px;
	width: 307px;
	height: 132px;
	position: absolute;
}


#bodyContainer {
	background: url(../images/bkg_body.gif);
	top: 0px;
	left: 0px;
	width: 693px;
	height: 310px;
	position: relative;
	clear: both;
}

#bodyContainer img{
	padding: 0px;
	border: 0;
}

#sideWrapper{
	width: 307px;
	
}

#navWrapper{
	top: 0px;
	width: 307px;
	height: 365px;
	position: absolute;
	
}

#headerWrapper{
	top: 0px;
	width: 693px;
	height: 365px;
	position: relative;
	
}

/* Main nav styles */

#mainNav ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	display: block;
	
}

/*#mainNav li {
	margin: 0px;
	width: 307px;
	height: 33px;
}*/
#about a {
	display: block;
	width: 307px;
	height: 33px;
	background: url(../images/nav_item_01.gif) no-repeat left center;
}

#about a:hover {
	display: block;
	width: 307px;
	height: 33px;
	background: url(../images/nav_item_01.gif) no-repeat right center;
}

#product a {
	display: block;
	width: 307px;
	height: 33px;
	background: url(../images/nav_item_02.gif) no-repeat left center;
}

#product a:hover {
	display: block;
	width: 307px;
	height: 33px;
	background: url(../images/nav_item_02.gif) no-repeat right center;
}

#happening a {
	display: block;
	width: 307px;
	height: 33px;
	background: url(../images/nav_item_03.gif) no-repeat left center;
}

#happening a:hover {
	display: block;
	width: 307px;
	height: 33px;
	background: url(../images/nav_item_03.gif) no-repeat right center;
}

#contact a {
	display: block;
	width: 307px;
	height: 33px;
	background: url(../images/nav_item_04.gif) no-repeat left center;
}

#contact a:hover {
	display: block;
	width: 307px;
	height: 33px;
	background: url(../images/nav_item_04.gif) no-repeat right center;
}

/* Body Copy */

#bodyContent {
	top: 0px;
	left: 200px;
	position: absolute;
	padding-top: 10px;
	padding-left: 12px;
	padding-right: 24px;
	line-height: 16px;
	}
#bodyContent p {
	font-size: 11px;
	text-align: justify;
}

#bodyContainer h1 {
	color: #7f7f7f;
	font-weight: lighter;
	font-size: 11px;
	text-align: justify;
	
}

#bodyContainer h2 {
	color: #0066CC;
	line-height: 16px;
	font-weight: lighter;
	font-size: 11px;
	text-align: justify;
	
}

.bluetext {color: #0066CC}

/* Footer Layout */


#footer {
	margin-top: 0px;
	top: 0px;
	width: 1000px;
	height: 40px;
	padding: 12px;
	position: relative;
    
}

#footer p {
	color: #7f7f7f;
	font-weight: bold;
	font-size: 10px;
	text-align: center;
    
    
    
}

#footer a, a:visited {
	color: #7f7f7f;
	font-weight: bold;
	font-size: 10px;
	text-align: center;
	text-decoration: none;
    
    
    
}

#footer a:hover, a:active{
	color: #0066CC;
	font-weight: bold;
	font-size: 10px;
	text-align: center;
	text-decoration: underline;
    
    
    
}