@charset "utf-8";
/*----------over-all-control-----------*/

* {
	margin:0;
	padding:0;
}

#container {
	background-color:#fff;
	position:relative;
	text-align: left;
	width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
body {
	background-image: url(../images/bg.png);
	background-color:#ccc;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
}
a img {
	border: none;
}

/*-----------main-styling------------*/

#header {
	position:relative;
	height: 156px;
	width: 780px;
	margin: 0 auto 1em auto;
}
#header #logo {
	position: absolute;
	background:url(../images/logo.png) no-repeat left center;
	left:0;
	center:0;
	width: 333px;
	height: 99px;
	margin-top: 0.5em;
}

#header h2 {
	text-indent: -9000px;
}
#header #header-gear-1 {
	position:absolute;
	background:url(../images/header-gear-1.png) no-repeat top right;
	top: 20px;
	right: 200px;
	width: 45px;
	height: 50px;
}
#header #header-gear-2 {
	position:absolute;
	background:url(../images/header-gear-2.png) no-repeat top right;
	top: 20px;
	right: 100px;
	width: 45px;
	height: 50px;
}	
#header #header-gear-3 {
	position:absolute;
	background:url(../images/header-gear-3.png) no-repeat top right;
	top: 20px;
	right: 0;
	width: 45px;
	height: 50px;
}		

#header #main-nav {
	position: absolute;
	left:0;
	bottom:0;
	width: 778px;
	height: 49px;

}

#mainContents {
	width: 780px;
	margin: 3em auto 1.2em auto;

}
#mainContents h2{
	background:url(../images/welcome-gear.png) no-repeat top left;
	font: Verdana, Arial, Helvetica, sans-serif;
	color: #173567;
	margin: 0;
	padding-left: 40px;
	padding-bottom: 0.5em;
	font-size: 20px;
	font-weight: normal;
	
}
#mainContents p{
	font: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.2em;
	color: #666666;
	margin:0;
	padding-left: 40px;


}
/*------------equip nav main-grey-styles----------------*/

#nav-2 {
	background: url(../images/equip.png) no-repeat;
	width: 868px;
	height: 247px;
	margin-bottom: 2em;
}



#nav-2 h2,#nav-2-pro h2,#nav-2-bro h2,#nav-2-Grin h2,#nav-2-hob h2,#nav-2-hon h2,#nav-2-insp h2,#nav-2-shape h2,#nav-2-shave h2,#nav-2-contact h2 {
	font: Verdana, Arial, Helvetica, sans-serif;
	color: #DF2C0D;
	padding-left: 6em;
	padding-top: 2.5em;
	letter-spacing: 3px;
}


#nav-2 #nav-2-left {
	margin-top: 1.2em;
	margin-bottom: 1em;
	margin-left:30px;
	float:left;
	width: 400px;
	height: 90px;
}

#nav-2 #nav-2-right{
	margin-top: 1.2em;
	float:right;
	width: 400px;
	height: 90px;
}

	
#nav-2 #nav-2-left ul{
	margin:0;
	padding:0;
	list-style: none;
	margin-left: 11em;
	
}
#nav-2 #nav-2-right ul{
	margin:0;
	padding:0;
	list-style: none;
	margin-left: 5em;
	
}
#nav-2 #nav-2-left ul li{
	margin:0;
	padding:0;	
}
#nav-2 #nav-2-left ul li a{
	font:  Verdana, Arial, Helvetica, sans-serif;
	color: #1F4687;
	text-decoration: none;
	margin: 0;
	line-height: 20px;
	width: 168px;
	padding-left: 30px;
	background:url(../images/bullet.png) no-repeat left center;

}
#nav-2 #nav-2-right ul li a{
	font: Verdana, Arial, Helvetica, sans-serif;
	color: #1F4687;
	text-decoration: none;
	margin: 0;
	line-height: 20px;
	width: 168px;
	padding-left: 30px;
	background:url(../images/bullet.png) no-repeat left center;

}
#nav-2 #nav-2-left a:hover,#nav-2 #nav-2-right a:hover {
	text-decoration: underline;
	color: #DE2C0D;
	
} 

	/*----------products-nav-styling--------------*/
	
#nav-2-pro {
	width: 868px;
	height: 400px;
	background-image: url(../images/shape.png);
	background-repeat: no-repeat;
}
#nav-2-bro {
	background: url(../images/bro_grey.png) no-repeat;
	width: 868px;
	height: 333px;
}
#nav-2-Grin {
	background: url(../images/grinding-grey.png) no-repeat;
	width: 868px;
	height: 539px;
}
#nav-2-hob {
	background: url(../images/bro_grey.png) no-repeat;
	width: 868px;
	height: 333px;
}
#nav-2-hon {
	background: url(../images/bro_grey.png) no-repeat;
	width: 868px;
	height: 333px;
}
#nav-2-shave {
	background: url(../images/bro_grey.png) no-repeat;
	width: 868px;
	height: 333px;
}
#nav-2-shape {
	background: url(../images/shape.png) no-repeat;
	width: 868px;
	height: 413px;
}
#nav-2-insp {
	background: url(../images/insp.png) no-repeat;
	width: 868px;
	height: 454px;
}

#nav-2-contact {
	width: 868px;
	height: 533px;
	background-image: url(../images/grinding-grey.png);
	background-repeat: no-repeat;
}

#nav-2-pro table,#nav-2-bro table,#nav-2-Grin table,#nav-2-hob table,#nav-2-hon table,#nav-2-insp table,#nav-2-shape table,#nav-2-shave table,#nav-2-contact table {
	margin-left: 10em;
	margin-top: 2em;
}
#sideBar {
	position:absolute;
	background:#FF0000;
	width: 8px;
	height: 670px;
	left: 992px;
	top: 117px;
}
#sideBar-Pro {
	position:absolute;
	background:#FF0000;
	width: 8px;
	height: 650px;
	left: 992px;
	top: 117px;
}
#sideBar-bro {
	position:absolute;
	background:#FF0000;
	width: 8px;
	height: 630px;
	left: 992px;
	top: 117px;
}

#sideBar-Grin {
	position:absolute;
	background:#FF0000;
	width: 8px;
	height: 830px;
	left: 992px;
	top: 117px;
}
#sideBar-hob {
	position:absolute;
	background:#FF0000;
	width: 8px;
	height: 630px;
	left: 992px;
	top: 117px;
}
#sideBar-hon {
	position:absolute;
	background:#FF0000;
	width: 8px;
	height: 630px;
	left: 992px;
	top: 117px;
}
#sideBar-insp {
	position:absolute;
	background:#FF0000;
	width: 8px;
	height: 730px;
	left: 992px;
	top: 117px;
}
#sideBar-shape {
	position:absolute;
	background:#FF0000;
	width: 8px;
	height: 700px;
	left: 992px;
	top: 117px;
}
#sideBar-contact {
	position:absolute;
	background:#FF0000;
	width: 8px;
	height: 630px;
	left: 992px;
	top: 117px;
}
#sideBar-shave {
	position:absolute;
	background:#FF0000;
	width: 8px;
	height: 630px;
	left: 992px;
	top: 117px;
}

#thumbnails {
	width: 750px;
	margin: 0 auto;
	height: 156px;
	padding-left : 30px;
}

#thumbnails #shaft{
	float: left;
	width: 151px;
	height: 156px;
	margin-right: 3em;	
	
}
#thumbnails #inspect{
	float: left;
	width: 151px;
	height: 156px;
	margin-right: 3em;	
}
#thumbnails #shaping{
	float: left;
	width: 151px;
	height: 156px;
	margin-right: 3em;	
}
#thumbnails #honing{
	float: left;
	width: 151px;
	height: 156px;
}
.captionShaft {
	font-weight: bold;
	color: #173567;
	width: 150px;
	height: 16px;
	padding-left: .2em;
	margin-top: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.captionInspect {
	font-weight: bold;
	color: #173567;
	width: 150px;
	height: 16px;
	padding-left: 0.2em;
	margin-top: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
}
.captionShaping {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #173567;
	width: 150px;
	height: 16px;
	margin-top: 1em;
}
.captionHoning {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #173567;
	width: 150px;
	height: 16px;
	margin-top: 1em;
}

#thumbnails a {
	text-decoration: none;
	cursor: pointer;
}
#thumbnails a:hover {
	cursor: pointer;
}


#clear {
	clear: both;
}

#seprator {
	border-top: 5px solid #E7E6E4;
	margin: 0 auto;
	width: 774px;
	height: 3px;
	margin-top: 50px;
}

#footer {
	width: 774px;
	height: 84px;
	margin: 0 auto;
	font-family:Arial, Helvetica, sans-serif;
	color:#173567;
	height: 80px;
}

#footer #aa-gear-llc {
	float: left;
}
#footer #copyright {
	float:right;
}
#mainContents ul{
	margin:0;
	padding:0;
	list-style: circle;
	margin-left: 5em;
	
}
#mainContents ul li{
	margin:0;
	padding:0;	
}
#mainContents ul li a{
	font:  Verdana, Arial, Helvetica, sans-serif;
	color: #DE2C0D;
	text-decoration: none;
	margin: 0;
	line-height: 20px;
	width: 168px;
	padding-left: 10px;

}
#mainContents a:hover {
	text-decoration: underline;
	color: #1F4687;
	
} 
#nav-2-pro ul, #nav-2-Grin ul{
	margin:0;
	padding:0;
	list-style: none;
	margin-left: 2em;
	
}
#nav-2-pro ul li, #nav-2-Grin ul li{
	font:  Verdana, Arial, Helvetica, sans-serif;
	color: #1F4687;
	text-decoration: none;
	margin: 0;
	line-height: 20px;
	width: 300px;
	padding-left: 30px;
	background:url(../images/bullet.png) no-repeat left center;
}

