/* Page Wrap - Rounded Corners */



#round { display:block; width:837px; background:#FFF;}



#round p.first-ele {background: transparent url(images/topround.gif) no-repeat top left;}



#round p.last-ele { padding: 25px 0 0 70px; background: transparent url(images/bottomround.gif) no-repeat bottom left; }







/* Body */



body { background:#ff0000; }











/* Header / Logo / Navigation */



.clear {clear:both;}



.header { display:block; height:340px; width:850px;}



.logo-nav {float:left; height:340px; width:240px;}



/* Navigation */



a:link { text-decoration:none;}



a:visited { text-decoration:none;}



a:hover { text-decoration:none;}



a:active { text-decoration:none;}



lovehate



.nav { margin: 0 0 0 0; }



.nav span { visibility:hidden;}



.home { display:block; background:url(images/home.jpg) no-repeat; width:240px; height:25px;}



.home:hover {background:url(images/home_on.gif)}



.techtalk { display:block; background:url(images/techtalk.jpg) no-repeat; width:240px; height:25px;}



.techtalk:hover {background:url(images/techtalk_on.gif)}



.products { display:block; background:url(images/products.jpg) no-repeat; width:240px; height:25px;}



.products:hover {background:url(images/products_on.gif)}


.products-services { display:block; margin-left: 15px; background:url(images/products-services.jpg) no-repeat; width:225px; height:25px;}



.products-services:hover {background:url(images/products-services-on.jpg)}



.service { display:block; background:url(images/service.jpg) no-repeat; width:240px; height:25px;}



.service:hover {background:url(images/service_on.gif)}



.cwracing { display:block; background:url(images/cwracing.jpg) no-repeat; width:240px; height:25px;}



.cwracing:hover {background:url(images/cwracing_on.gif)}

.cwracing:hover gallerynav{display: block;}


.gallerynav { display:block; background:url(images/gallery.jpg) no-repeat; width:240px; height:25px; }
.gallerynav:hover {background:url(images/gallery_on.jpg)}


.contactus { display:block; background:url(images/contactus.jpg) no-repeat; width:240px; height:25px;}



.contactus:hover {background:url(images/contactus_on.gif)}







/* Middle */



#middle { display:block; width:837px; margin:0px 0 0 0;}



/* Tech Talk Header Section */



#middle span { visibility:hidden;}



.left { display:block; width:240px; float:left;}



.gallery {float: left; margin-left: 7px; border: none; margin-bottom: 7px;}
.gallery-last {float: left; margin-left: 5px; margin-bottom: 7px; clear: right;}
a.prev-link  {float: left; color: #ff0000; font-weight: bold; margin-left: 15px; margin-top: 10px;}
a.prev-link:hover  {text-decoration: underline;}
a.next-link  {float: right; color: #ff0000; font-weight: bold; margin-right: 15px; margin-top: 10px;}
a.next-link:hover  {text-decoration: underline;}
.gallery-page-numbers {float: left; position: relative; font-weight: bold; width: 100px; margin-left: 50%; left: -80px; margin-top: 10px;}
.gallery-page-numbers a {color: #ff0000;}
.prev-link-spacer  {float: left; width: 3.5em; font-weight: bold; margin-left: 15px; margin-top: 10px;}


#techtalkheader { display:block; width:240px; height:47px;}



.techtalkheader p { margin: 10px 0 0 24px;font-family: Verdana, sans-serif; font-size: 10px; font-style: normal; font-weight: bold; text-transform: normal; letter-spacing: normal; line-height: 1.6em;}



.techtalkheader p strong { font-family:"Times New Roman", Times, serif; font-size:9px; color:#ff0000; font-style:italic;}







#middle .cwracingheader { display:block; background:url(images/hemiford_cwracinglatestnews_header.jpg) no-repeat; width:240px; height:57px;}



.cwracingheader p { margin: 10px 0 0 24px;font-family: Verdana, sans-serif; font-size: 10px; font-style: normal; font-weight: bold; text-transform: normal; letter-spacing: normal; line-height: 1.6em;}



.cwracingheader p strong { font-family:"Times New Roman", Times, serif; font-size:9px; color:#ff0000; font-style:italic;}


.gallery-link a {color:#ff0000;}

.gallery-link a:hover {text-decoration: underline;}

.gallery-link {margin-left: 55px; margin-top: 15px;}



#middle .newproductsheader { display:block; margin:30px 0 0 0; background:url(images/hemiford_newproducts_header.jpg) no-repeat; width:240px; }



.newproductsheader p { margin: 20px 0 0 24px;font-family: Verdana, sans-serif; font-size: 10px; font-style: normal; font-weight: bold; text-transform: normal; letter-spacing: normal; line-height: 1.6em;}



.newproductsheader p strong { font-family:"Times New Roman", Times, serif; font-size:9px; color:#ff0000; font-style:italic;}







/* Middle Right Side */



#middle .right { display:block; width:585px; height:auto; float: right;}



.vertbreak { display:block; width:7px; height:56px; float:left;}



.bodytext { margin: 10px 0 0 40px; font-family: Verdana, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; text-transform: normal; letter-spacing:normal; line-height: 1.3em;}

.bodytext2 { margin: 10px 25px 0 20px; font-family: Verdana, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; text-transform: normal; letter-spacing:normal; line-height: 1.6em;}
h2.bodytext2 { margin:0 0 0 20px; color:red; font-family:Verdana, Geneva, sans-serif; text-transform:uppercase; font-size: 16px;}

.bodytext p { margin:0 30px 0 0;}



.bodytext strong { font-size:13px;}



.bodytext i { font-family:"Times New Roman", Times, serif; font-size:9px; color:#ff0000; font-style:italic; letter-spacing:normal;}







.image { padding:0 20px 0 0; margin:10px 0 0 37px; display:block; width:120px; height:107px; float:left; }



.fshead { margin:20px 0 0 15px; display:block; height:49px; width:320px;}



.ul ul { margin:15px 0 0 0px; padding:0 0 0 20px; display:block; width:150px; height:107px; font-family:"Times New Roman", Times, serif; font-size:13px; font-style:italic; line-height: 1.4em; list-style:dot; float:left;}



.fstext { margin:-40px 0 0 37px; font-family: Verdana, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; text-transform: normal; letter-spacing:normal; line-height: 1.3em;}



/* MIDDLE MORE TALK */



#moretalk { width:590px;}







.moretalk1 { width:250px; float:left; padding-left:20px;}

.moretalk1 ul { margin:0; padding:0 0 0 20px;}

.moretalk1 h1 { margin:0; padding:10px 0 5px 0; font-family:Arial, Helvetica, sans-serif; font-size:21px; font-weight:bold; border-bottom:4px solid blue; width:130px;}

.moretalk1 img { padding-top:10px;}



.moretalk2 { width:300px; float:right;}

.moretalk2 ul { margin:0; padding:0 0 0 45px;}

.moretalk2 h1 {margin:0 0 0 25px; padding:10px 0 5px 0; font-family:Arial, Helvetica, sans-serif; font-size:21px; font-weight:bold; border-bottom:4px solid blue; width:190px;}

.moretalk2 img { padding-left:25px; padding-top:10px;}



.moretalk1 p { padding:0 0px 0 10px; margin:10px 5px 0 0px; width:230px; float:left; font-family: Verdana, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; text-transform: normal; letter-spacing:normal; line-height: 1.3em;}



.moretalk2 p { padding:0 0px 0 0; margin:10px 20px 0 0px; width:245px; font-family: Verdana, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; text-transform: normal; letter-spacing:normal; line-height: 1.3em; float:right;}



.moretalk1 i, .moretalk2 i { font-family:"Times New Roman", Times, serif; font-size:9px; color:#ff0000; font-style:italic; letter-spacing:normal;}



.moretalk1 p img { margin-left:0px; float:left; margin:0 5px 0 0;}



.moretalk2 p img { margin-left:0px; float:left; margin:0 5px 0 0;}



#middle p strong { margin:0 0 0 0; color:red; font-family:Verdana, Geneva, sans-serif; text-transform:uppercase;}



/* Middle Blank Page */



.middlecol1 { width:380px; float:left; margin-left:20px;}



.middlecol2 { width:380px; float:right; margin-right:20px;}



.middlecol1 p, .middlecol2 p {font-family: Verdana, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; text-transform: normal; letter-spacing:normal; line-height: 1.3em; margin:3px 0 0 0;}



#logos {background-color: #fff; width: 153px; position: absolute; left: 890px; top: 22px; margin-left: 10px;}
#logos-top {background: url('images/right_bar_top.png'); width: 153px; height: 14px;}

#logos-bottom {background: url('images/right_bar_bottom.png'); width: 153px; height: 14px;}

#logo1 {margin-left: 5px; width: 143px; height: 53px; background: url("images/logo_1.png") 0 0 no-repeat;}
#logo2 {margin-left: 5px; margin-top: 10px; width: 143px; height: 62px; background: url("images/logo_2.png") 0 0 no-repeat;}
#logo3 {margin-left: 5px; margin-top: 10px; width: 143px; height: 48px; background: url("images/logo_3.png") 0 0 no-repeat;}
#logo4 {margin-left: 5px; margin-top: 10px; width: 143px; height: 48px; background: url("images/logo_4.png") 0 0 no-repeat;}
#logo5 {margin-left: 5px; margin-top: 10px; width: 143px; height: 48px; background: url("images/logo_5.png") center top no-repeat;}
#logo6 {margin-left: 5px; margin-top: 10px; width: 143px; height: 50px; background: url("images/logo_6.png") center top no-repeat;}


#youtube-icon {margin-top: 20px; margin-left: 10px; width: 49px; height: 49px; background: url("images/youtube_icon.png") 0 0 no-repeat;}

/* footer */



#footer { display:block; height:70px; width:835px;}



.breakline {display: block; position: relative; }



.footerimg { padding:0 0px 0 0; display:block; width:189px; height:93px; float:left;}



.footerimg2 { margin:-75px 10px 0 0; display:block; width:154px; height:56px; float:right;}







.footernav { margin:0 0 0 189px; display:block; width:480px; height:75px;}



.footernav ul { margin: 20px 0 0 0; padding:5px 0 0 5px; float:left;}



.footernav ul li { display: inline; list-style-type: none; padding: 0px; text-align:center;}



.footernav ul li a { color:#808080; font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:1.1em;}



.footernav ul li strong { font-size:11px; font-weight:normal; font-family:Verdana, Geneva, sans-serif; color:#808080;}


