/* DH Production CSS Document */

/* general styles */
body {
	background: #000;
	margin: 0;
	padding: 0;
	color: #e5e5e5;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: small;
  }


ul {
  }


ul li {
  }


ol {
  }


ol li {
  }


p {
	padding: 0em;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0em;
	margin-left: 0;
  }

h1 {
  }


h2 {
  }


h3 {
  }


h4 {
  }


h5 {
  }


h6 {
	font-size:x-small;
  }


img {
  }

a img {
	border:none;
}

a {
	font-weight: bold;
	text-decoration: none;
	color: #e5e5e5;
  }

a:visited {
	color: #e5e5e5;
  }


a:hover {
    	color: #CC9933;
  }


a:active {
    	color: #CC9933;
  }

table {
  }


tr {
  }


th {
  }


td {
  }

.white {
    	color: #FFF;
  }


.bold {
    	font-weight: bold;
  }


.italic {
    	font-style: italic;
  }


.hide {
    	display: none;
  }

/* content box */

.contentbox {

	text-align: left;
	margin: auto;
	padding: 0px 0px 40px 0px;
  }

/* staff page table structure */

.staffRowContainer {
	width: 850px;
	background-color: #000;
	padding: 10px 0px 0px 0px;
	float:left;
}

.staffRowleftColumn {
	width: 200px;
	background-color: #000;
	padding: 20px 0px 0px 0px;
	float: left;
  }
.staffRowLeftColumn p{
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0em;
	margin-left: 0;
  }

.staffRowRightColumn {
	width: 600px;
	background-color: #000;
	float: right;
  }

.staffRowRightColumn p{
	padding: .25em;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0em;
	margin-left: 0;
  }
	
/* end staff page table structure */

/* contactus page table structure */

.contactusRowContainer {
	width: 850px;
	background-color: #000;
	padding: 10px 0px 0px 0px;
	float:left;
}

.contactusRowleftColumn {
	width: 400px;
	background-color: #000;
	padding: 20px 0px 0px 0px;
	float: left;
  }
.contactusRowLeftColumn p{
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0em;
	margin-left: 0;
  }

.contactusRowRightColumn {
	width: 400px;
	background-color: #000;
	float: right;
  }

.contactusRowRightColumn p{
	padding: .25em;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0em;
	margin-left: 0;
  }
	
/* end contactus page table structure */

.homeRowContainer {
	width: 850px;
	background-color: #000;
	padding: 10px 0px 50px 0px;
	float:left;
}

.homeRowleftColumn {
	width: 340px;
	background-color: #000;
	padding: 0px 0px 0px 0px;
	float: left;
  }
.homeRowLeftColumn p{
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0em;
	margin-left: 0;
  }

.homeRowRightColumn {
	width: 500px;
	background-color: #000;
	float: right;
  }

.homeRowRightColumn p{
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0em;
	margin-left: 0;
  }
	
/* end staff page table structure */


/* news page table structure */
.newsRowContainer {
	width: 900px;
	background-color: #000;
	padding: 0px 0px 0px 0px;
	float:left;
}
.newsRowleftColumn {
	width: 175px;
	background-color: #000;
	float: left;
  }
.newsRowleftColumn p {
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0em;
	margin-left: 0;
}

.newsRowRightColumnLight {
	width: 715px;
	float: right;
	background-color: #727272;
	text-align: left;
	margin: auto;
	padding: .5px 5px 5px 5px;
}
.newsRowRightColumnLight p {
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: .5em;
	margin-left: 0;
}

.newsRowRightColumnDark {
	width: 715px;
	float: right;
	background-color: #363636;
	text-align: left;
	margin: auto;
	padding: .5px 5px 5px 5px;
  }

.newsRowRightColumnDark p {
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: .5em;
	margin-left: 0;
}



/* end news page structure */

/* aboutus page table structure */
.aboutusRowContainer {
	width: 850px;
	background-color: #000;
	padding: 10px 0px 0px 0px;
	float:left;
}

.aboutusRowleftColumn {
	width: 200px;
	background-color: #000;
	padding: 20px 0px 0px 0px;
	float: left;
  }

.aboutusRowRightColumn {
	width: 600px;
	background-color: #000;
	float: right;
  }
/* end aboutus page table structure */

/* prodservices page table structure */

.prodservicesImageContainer {
	padding: 0px 0px 5px 0px;
}

.prodservicesListContainer {
	padding: 0px 0px 0px 0px;
}

#prodservicesLeftColumn{
	width: 300px;
	padding: 0px 0px 0px 0px;
	float: left;
}

#prodservicesCenterColumn {
	font-size:110%;
	width: 400px;
	padding: 0px, 0px, 0px, 0px;
	float:left;
  }

#prodservicesRightColumn {
	width: 200px;
	background-color: #000;
	padding: 0px 0px 0px 0px;
	float: right;
  }

/* end prodservices page table structure */

/* clients page table structure */

.clientsImageContainer {
	padding: 0px 0px 5px 0px;
}

.clientsListContainer {
	padding: 0px 0px 0px 0px;
}

#clientsLeftColumn{
	width: 300px;
	padding: 0px 0px 0px 0px;
	float: left;
}

#clientsCenterColumn {
	
	width: 400px;
	padding: 0px, 0px, 0px, 0px;
	float:left;
  }

#clientsRightColumn {
	width: 200px;
	background-color: #000;
	padding: 0px 0px 0px 0px;
	float: right;
  }

/* end clients page table structure */

/* videos page table structure */
.videoRowContainer {
	width: 850px;
	background-color: #000;
	padding: 50px 0px 0px 0px;
	float:left;
}

.videoRowleftColumn {
	width: 170px;
	background-color: #000;
	float: left;
  }

.videoRowRightColumn {
	width: 675px;
	background-color: #000;
	float: right;
  }
	
/* end videos page table structure */

/* here we go again  */

#hwgawrapper {
	margin: auto;
	width: 900px;
}

#hwgaContainer {
	margin-top: 15px;
	background-repeat: no-repeat;
	background-image: url(http://dh-productions.com/siteimages/herewegoagain/CaseBG.gif);
	width: 900px;
	height: 600px;
	padding: 0px 0px 0px 0px;
	float:left;
	position:absolute;
}

.AtomHotSpot {
	width: 106px;
	height: 71px;
	position:absolute;
	left: 6px;
	top: 403px;
}

.DeclineHotSpot {
	width: 159px;
	height: 56px;
	position:absolute;
	left: 174px;
	top: 525px;
}

.CannondaleHotSpot {
	width: 274px;
	height: 173px;
	position:absolute;
	left: 650px;
	top: 330px;
}

.HighlandHotSpot {
	width: 157px;
	height: 104px;
	position:absolute;
	left: 161px;
	top: 399px;
}

.GravityHotSpot {
	width: 190px;
	height: 38px;
	position:absolute;
	left: 550px;
	top: 526px;
}

.GTBikesHotSpot {
	width: 249px;
	height: 106px;
	position:absolute;
	left: 360px;
	top: 430px;
}

.hwgaLeftColumn {
	margin-top: 140px;
	margin-left: 40px;
	width: 135px;
	padding: 5px 5px 5px 5px;
	float: left;
  }

.hwgaRightColumn {
	margin-top: 115px;
	width: 675px;
	float: left;
  }

.hwgaRightColumn p{
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0em;
	margin-left: 0;
  }
  
#hwgafooter {
	margin-top: 630px;
	width: 900px;
	height: 20px;
	clear: both;
  }
#hwgafooterBar {
	margin-top: 630px;
	background-color: #e5e5e5;
	color : #000;
	margin: auto;
	height: 15px;
	width: auto;
	text-align: center;
}

	
/* end here we go again */

/* creative  */

.HWGACreativedDirectionStaffBox {
	width: auto;
	padding: 5px 5px 5px 5px;
	float:left;
}
	
/* end creative */

/* sponsors  */

.SponsorsBox {
	width: 220px;
	background-color: #000;
	padding: 5px 5px 5px 5px;
}
#SponsorColumnRight {
	width: 250px;
	background-color: #000;
	float: right;
}
	
	
/* end sponsors */

/* locations  */

.LocationsBox {
	width: 125px;
	height: 125px;
	padding: 5px 5px 5px 5px;
	float:left;
}
	
/* end locations */

.PhotosBox {
	width: auto;
	background-color: #000;
	float: left;
}

.GalleryBox {
	padding-left: 5px;
	width: auto;
	float: left;
	}
	
/* end locations */


/* HWGA Videos CENTER DIV */

.HWGAVideoGalleryBox {
	float:left;
	margin-left:5px;
	margin-top:20px;
	width:auto;
}

/* global positioning */

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



#banner {
	background: #000;
	background-color: #000;
	height: 147px;
	color: #000;
	margin: auto;
	width:auto;
	text-align: center;
  }

#newsTidbit {
	background-color: #000;
	color: #e5e5e5;
	width: auto;
	text-align: justify;
	padding: 10px 50px 0px 550px;
}
#menubar {
	background-color: #e5e5e5;
	color : #000;
	margin: auto;
	height: 15px;
	width: auto;
	text-align: center;
	}
#menubar a:link{color:#000;}
#menubar a:visited{color:#000;}
#menubar a:hover{color:#CC9933;}
#menubar a:active{color:#000;}

.menuTextSpacing {
	padding: 0px 0px 25px 25px;	
}

#headlinebar {
	background-color: #000;
	color: #e5e5e5;
	width: auto;
	text-align: left;
	text-transform: uppercase; 
	padding: 0px 0px 0px 0px;
  }

#footer {
	width: 900px;
	height: 20px;
	clear: both;
  }
#footerBar {
	background-color: #e5e5e5;
	color : #000;
	margin: auto;
	height: 15px;
	width: auto;
	text-align: center;
}