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

/* Color Info
light gray - #E6E6E6
medium gray - #58595B
dark gray - #414141
yellow - #FFE600
*/


a, body, div, h1, h2, h3, h4, h5, h6, html, li, p, td, tr, ul {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	outline:none;
}

img {
	border:none;
}

html {
}

body {
	margin:0 auto;
	background:#414141;
}

abbr {
	cursor:help;
	border-bottom:.1em dashed;
	text-decoration:none;
}

.desc {
	cursor:help;
	text-decoration:none;
}

/* for dividers */
hr {
	height:1px;
	width:530px;
	border:none;
	border-bottom:1px dotted #666;
	padding-top:5px;
}


#container {
	margin:0 auto;
	width:900px;
}


/*  branding  */
#branding {
	height:190px;
	width:280px;
	background:#414141;
}

#branding h1 {
	margin:0; padding:0;
	background:url(images/branding_bg.gif) no-repeat;
	margin-top:20px;
	text-indent:-9999px;
	height:180px;
	width:280px;
}

#branding a {
	display:block;
	height:180px;
	width:280px;
}


/*  sidebar  */
#sidebar {
	float:left;
	width:280px;
}

#sidebar_img {
	margin:0; padding:0;
	background:url(images/sidebar_img_bg.jpg) no-repeat;
	text-indent:-9999px;
	height:360px;
	width:250px;
}

.sidebar_top {
	background:url(images/sidebar_product_top.gif) no-repeat;
	height:20px;
}

.sidebar_bottom {
	background:url(images/sidebar_product_bottom.gif) no-repeat;
	height:20px;
}

#sidebar_product {
	background:url(images/sidebar_product_bg.gif) repeat-y;
	position:relative;
	right:15px;
}

#sidebar_product p, #sidebar_product h2, #sidebar_product h3 {
	margin:10px 25px 0px 25px;
}

#sidebar table {
	margin:10px 25px 0px 25px;
	border:#CCCCCC solid 1px;
}

#sidebar_product blockquote {
	font-size:11px;
}

#sidebar_product hr {
	height:1px;
	width:230px;
	border:none;
	border-bottom:1px dotted #666;
	padding-top:5px;
}

#sidebar_product h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#555;
}

#sidebar_product h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000;
}

#sidebar_product h3 a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000;
}

#sidebar_product h3 a:hover {
	color:#666;
}


#content_wrapper {
	float:right;
	width:590px;
}


#call_center {
	margin:0; padding:0;
	background:url(images/call_center.gif) no-repeat;
	margin-left:256px;
	text-indent:-9999px;
	height:40px;
	width:355px;
	padding-bottom:20px;
}

#call_center:hover {
	background:url(images/call_center_hover.gif) no-repeat;
}


/*  main nav and image hovers  */
#main_nav {
	position:relative;
	margin:0; padding:0;
	background:url(images/main_nav_bg.gif) no-repeat;
	height:96px;
	width:612px;
	text-indent:-9999px;
	overflow:hidden;
}

ul#main_nav li { 
	list-style-type:none; 
}

ul#main_nav li a { 
	display:block;
	text-indent:-9999px;
	position:absolute; 
	top:0;
}

li.gears a, li.couplings a, li.clutches a { background:url(images/main_nav_bg.gif) no-repeat; z-index:1;}

/*  keep seperate from z-index nav  */
li.about a, li.service a, li.contact a, li.home a { background:url(images/main_nav_bg.gif) bottom no-repeat; }

/*  change out body class on html page to switch out main nav hovers (and titles) */
li.gears a { background-position:0px 0; width:200px; left:0px; height:65px;}
li.gears a:hover { background-position:0px -96px; }

li.couplings a { background-position:-200px 0; width:195px; left:200px; height:65px;}
li.couplings a:hover { background-position:-200px -96px; }

li.clutches a { background-position:-390px 0; width:215px; left:390px; height:65px;}
li.clutches a:hover { background-position:-390px -96px; }

li.about a { background-position:-5px 0; width:150px; left:5px; height:96px;}
li.about a:hover { background-position:-5px -96px;}

li.service a { background-position:-150px 0; width:160px; left:150px; height:96px;}
li.service a:hover { background-position:-150px -96px; }

li.contact a { background-position:-305px 0; width:150px; left:305px; height:96px;}
li.contact a:hover { background-position:-305px -96px; }

li.home a { background-position:-465px 0; width:160px; left:465px; height:96px;}
li.home a:hover { background-position:-465px -96px;}


/*  
Measurements for the nav image replacement:

	The distance from the top to the...
	
	initial state = 0
	rollover state = 96px

	The distance from the far-left to the...
	
	gears = 5px
	couplings = 200px
	clutches = 390px
	about = 5px
	service = 150px
	contact = 305px
	home = 465px


	The width of the...
	
	gears = 200px
	couplings = 195px
	clutches = 215px
	about = 150px
	service = 160px
	contact = 160px
	home = 150px

*/


/*  content  */
#content {
	margin:0; padding:0;
	background:url(images/content_bg.gif) repeat-y;
	width:611px;
	padding-top:10px;
	padding-bottom:10px;
}

#content h1 {
	margin:0; padding:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	font-weight:bold;
	color:#333;
	padding-bottom:8px;
}

#content h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#555;
}

#content h1, #content h2 {
	margin:10px 25px 0px 25px;
}

#content p {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	margin:0px 25px 0px 25px;
	line-height:1.8em;
	text-indent:12px;
}

#content li {
	margin:0px 25px 0px 25px;

}

#content h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	margin:0px 25px 0px 25px;
	line-height:1.8em;
	font-weight:bold;
	color:#222;
}

#content blockquote {
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:1.4em;
	font-size:11px;
}

#content a {
	color:#FFFF00;
	background:#666;
	padding:2px 4px 2px 4px;
	font-size:13px;
	font-style:italic;
}

#content a:hover {
	color:#CCCCCC;
}


#content table {
	margin:0px 20px 0px 20px;
	border:#CCCCCC solid 1px;
}

#content td, #content tr {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.88em;
}

#content td.normal {
	border:#666 solid 1px;
	padding:1px;
}

#content td.dark {
	border:#333 solid 1px;
	padding:1px;
}

#content td.light {
	border:#CCCCCC solid 1px;
	text-align:left;
}


#logo_div {
	height:70px;
}

#logo_div table {
	margin:0 auto;
	border:none;
}

#logo_div td {
	border:none;
}

#logo_div a {
	background:none;
}

#logo_div li {
	float:left;
	list-style:none;
}


#pull_short {
	background:url(images/content_bg.gif) repeat-y;
	clear:both;
	height:180px;
}

#pull_long {
	background:url(images/content_bg.gif) repeat-y;
	clear:both;
	height:280px;
}



/*  bottom nav  */
#bottom_nav {
	margin:0 auto;
	clear:both;
	height:160px;
	background:#58595b url(images/bottom_nav_bg.gif) no-repeat center;
	border-top:#090909 solid 4px;
}

#bottom_nav h1 {
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	font-size:12px;
	color:#fff;
}

#bottom_nav p {
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
	text-align:center;
	color:#fff;
}

#bottom_nav ul {
	float:left;
	border-left:1px #fff dotted;
	padding:0px 20px 0px 20px;
	list-style:none;
}

#bottom_nav a {
	color:#fff;
}

#bottom_nav a:hover {
	color:#FFE600;
}

#bottom_nav li {
	line-height:1.6em;
}

#bottom_nav ul.navigation {
	border-left:1px #FFE600 dotted;
}


/*  sitemap  */
#sitemap {
	margin:0 auto;
	width:450px;
	position:relative;
	left:80px;
	padding-top:10px;
}

ul h1 {
	margin:0;
}

#sitemap ul.navigation li a {
	color:#FFE600;
}

#sitemap ul.navigation {
	position:relative;
	left:80px;
}

#sitemap ul.navigation a {
	text-decoration:none;
}

#sitemap ul.navigation a:hover {
	text-decoration:underline;
}


/*  site info  */
#site_info {
	margin:0 auto;
	height:40px;
	background:#FFE600;
}

#site_info p {
	margin:0; padding:0;
	text-align:center;
	padding-left:100px;
	color:#333;
	position:relative;
	top:10px;
}

#site_info a {
	color:#333;
	text-decoration:none;
	padding:2px;
}

#site_info a:hover {
	border-top:#333 dashed 1px;
	border-bottom:#333 dashed 1px;
	background:#999;
	color:#fff;
	padding:2px;
}