* {
	margin: 0;
	padding: 0;
}
body {
	font: 12px "Trebuchet MS", Trebuchet, Arial, helvetica, sans-serif;
	color: #000; 
	background: #471805 url(../images/site/bg.jpg) repeat-x;
}

/* LAYOUT */
#container {
	position: absolute;
	width: 970px;
	margin-left: -480px;
	left: 50%;
	background-color: #fff;
}
#smallcontent {
	width: 942px;
	background-color: #290b09;
	margin: 13px;
	float: left;
}
/* HEADER AREA */
	#header {
		width: 942px;
		height: 112px;
		float: left;
	}
		#logo {
			width: 311px;
			height: 112px;
			background: url(../images/site/logo.jpg) no-repeat;
			float: left;
		}
			#logo h1 { display: none; }
			#logo a:hover { text-decoration: none; background: none; }
		#banner {
			width: 631px;
			height: 112px;
			background: url(../images/site/h.jpg) no-repeat;
			float: left;
		}
/* CONTENT AREA */
	#content {
		width: 930px;
		margin: 12px 12px 12px 0;
		float: left;
	}			
		/* NAVIGATION AREA */
		#nav {
			width: 167px;
			float: left;
		}
			#navnav {
				width: 167px;
				float: left;
			}
			/* NAVIGATION STYLES */
			#navnav span { display: none; }
			#navnav ul { list-style: none; }
			#nav a {
				display: block;
				height: 24px;
			}
			#nav a.home {
				width: 167px;
				background: url(../images/nav/1.gif);
			}
			#nav a.home:hover { background-position: 0% -24px; }
			#nav a.about {
				width: 167px;
				background: url(../images/nav/2.gif);
			}
			#nav a.about:hover { background-position: 0% -24px; }
			#nav a.news {
				width: 167px;
				background: url(../images/nav/3.gif);
			}
			#nav a.news:hover { background-position: 0% -24px; }
			#nav a.portfolio {
				width: 167px;
				background: url(../images/nav/4.gif);
			}
			#nav a.portfolio:hover { background-position: 0% -24px; }
			#nav a.testimonials {
				width: 167px;
				background: url(../images/nav/5.gif);
			}
			#nav a.testimonials:hover { background-position: 0% -24px; }
			#nav a.contact {
				width: 167px;
				background: url(../images/nav/6.gif);
			}
			#nav a.contact:hover { background-position: 0% -24px; }
			#nav a.corporate {
				width: 167px;
				background: url(../images/nav/7.gif);
			}
			#nav a.corporate:hover { background-position: 0% -24px; }
			#nav a.broadcast{
				width: 167px;
				background: url(../images/nav/8.gif);
			}
			#nav a.broadcast:hover { background-position: 0% -24px; }
			#nav a.athlete {
				width: 167px;
				background: url(../images/nav/9.gif);
			}
			#nav a.athlete:hover { background-position: 0% -24px; }
			#nav a.online {
				width: 167px;
				background: url(../images/nav/10.gif);
			}
			#nav a.online:hover { background-position: 0% -24px; }
			/* END NAVIGATION STYLES */


/* CONTENT AREA */
			#subcontent {
				width: 763px;
				float: left;
			}	
				#subcontenttop {
					width: 762px;
					height: 10px;
					background: url(../images/site/top_box.jpg) top no-repeat;
					float: left;
				}
				#subcontentmiddle {
					width: 762px; 
					voice-family: "\"}\""; 
					voice-family: inherit;
					width: 762px;
					background: url(../images/site/bgbox.jpg) repeat-y;
					float: left;
				}
				/* this is the classic "be nice to Opera 5 rule" */
				html>body #box2 {
				  width:300px;
				}
				#subcontentmiddle ul {
					margin-left: 30px;
				}
				#subcontentmiddle li {
					list-style-image: url(../images/site/bullet.gif);
				}
		/* WHITE COLUMN */
			#col1 {
				width: 381px;
				background-color: #fff;
				float: left;
				}
					#welcome {
						width: 335px;
						padding: 13px 23px;
						float: left;
						}
					#latestproj {
						width: 335px;
						padding: 13px 23px;
						float: left;
						}
					#namelatprod {
						width: 154px;
						height: 34px;
						background: url(../images/h/latestproject.gif);
						float: left;
						}
					#headlines {
						width: 335px;
						padding: 13px 23px;
						float: left;
						}
					#namehead {
						height: 28px;
						background: url(../images/h/headlines.gif) no-repeat;
						margin-bottom: 10px;
						}
						/* LINK FOR WHITE AREA */
						#col1 a.strongcol1 {
							color: #000;
							font-weight: bold;
							text-decoration: underline;
							}
						#col1 a.strongcol1:hover {
							color: #f90;
							text-decoration: none;
							background-color: #290b09;
							}
			/* YELLOW AREA */
			#col2 {
				width: 381px;
				background-color: #f90;
				float: left;
				}
					#corporate {
						width: 335px;
						padding: 13px 22px;
						float: left;
						}
							#namecorporate {
								height: 33px;
								background: url(../images/h/h_csyel.gif) no-repeat;
								}
					#board {
						width: 335px;
						padding: 13px 22px;
						background-color: #fdac33;
						float: left;
					}
							#nameboard {
								height: 32px;
								background: url(../images/h/broad.gif) no-repeat;
								}
					#athlete {
						width: 335px;
						padding: 13px 22px;
						float: left;
						}
							#nameathlete {
								height: 32px;
								background: url(../images/h/athlete.gif) no-repeat;
								}
					#store {
						width: 335px;
						padding: 13px 22px;
						background-color: #fdac33;
						float: left;
						}
					#nameonlinestore {
						height: 32px;
						background: url(../images/h/onlinestore.gif) no-repeat;
						}
					#testimonials {
						width: 335px;
						padding: 13px 22px;
						float: left;
					}
					#namepod h2, #namelatprod h2, #namehead h2, #namefreelan h2, #namecorporate h2, #nameboard h2, #nameathlete h2, #nameonlinestore h2 { display: none;}

					/* LINK FOR YELLOW AREA */
					#col2 a.strongcol2 {
						color: #000;
						font-weight: bold;
						text-decoration: underline;
						}
					#col2 a.strongcol2:hover {
						color: #f90;
						text-decoration: none;
						background-color: #290b09;
						}
				#subcontentbottom {
					width: 762px;
					height: 10px;
					background: url(../images/site/bottom_box.jpg) bottom no-repeat;
					float: left;
				}
				/* END OF CONTENT */

	/* FOOTER AREA */
	#footer {
		width: 942px;
		height: 26px;
		padding-top: 8px;
		padding-bottom: 8px;
		background: url(../images/site/footer_bigger.jpg) bottom no-repeat;
		text-align: center;
		font-size: 10px;
		color: #fff;
		float: left;
	}
				/* LINK FOR FOOTER  */
				#footer a { color: #fff; }
				#footer a:hover {
					color: #000;
					background: #f90;
					text-decoration: none;
					}
				
/* GENERAL STYLES */
a { color: #000; text-decoration: underline; }
a:hover {
	color: #f90;
	background-color: #290b09;;
	text-decoration: none;
}
p {
	line-height: 1.5em;
	margin-top: .80em;
}
h2 {
	font-size: 1.25em;
	font-weight: bold;
	margin-bottom: .75em;
	color: #54200d;
	text-transform: uppercase;
}
.imgpush { 
	margin-right: 10px;
	margin-top: 10px;
	border: 1px solid #000;
}
.imgborder {
	border: 1px solid #000;
}