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

/* ----------------------------------------- general styles -------------------------------------- */

#container {
	width: 950px;
	margin: 0 auto;
	padding-top: 10px;
}

h1 {
	text-indent: -9999px;
	float: left;
}

h2 {
	color: #232324;
	font-size: 18px;
	font-weight: normal;
	font-family: "Franklin Gothic Medium Cond", "Franklin Gothic Medium", Arial;
}

h3, h4 {
	font-size: 14px;
	color: #3867a6;
	font-weight: bold;
}


h5 {
	padding-top: 25px;
	font-weight: bold;
}

.stageRight {
	float: right;
}

.stageLeft{
	float: left;
}

.noBorder {
	border-style: none !important;
}

.clear {
	clear: both;
}

.addBottomSpace {
	margin-bottom: 30px;
}

.bulletedList {
	list-style: disc;
	margin: 0 0 25px 20px;
}

.bulletedList li {
	margin-bottom: 8px;
}

a {
	color: #3a73b8;
	text-decoration: none;
}

a:hover {
	color: #006600;
	text-decoration: underline;
}

#homePage h2 {
	font-size: 18px;
	font-weight: normal;
	padding-bottom: 8px;
}

/* ----------------------------------------- /end general styles -------------------------------------- */




/* ----------------------------------------- nav -------------------------------------- */
#logo {
	width: 136px;
	height: 79px;
	float: left;
	margin: -11px 48px 0 16px;
	text-indent: -9999px;
	background: url(../images/logo.jpg) no-repeat left top;
}

#nav {
	width: 900px;
	margin: 0 auto;
	overflow: auto;
}

#nav p {
	text-align: right;
	font-size: 10px;
	margin-top: 6px;
	margin-bottom: 4px;
}

#nav ul li {
	float: left;
}

#lappingButton, #grindingButton, #polishingButton, #additionalServicesButton, #relatedServicesButton, #aboutCompanyButton {
	width: 99px;
	height: 61px;
}

#grindingButton, #polishingButton {
	width: 116px;
}

#contractManufacturingButton {
	width: 123px;
}

#relatedServicesButton {
	width: 127px;
}

#aboutCompanyButton {
	width: 119px;
}

/* set these styles for all nav buttons */
#nav ul li a {
	display: block;
	text-indent: -9999px;
	height: 61px;
}

/* set the backgrounds */
#lappingButton a {
	background: url(../images/nav_lapping.jpg) no-repeat left top;
}

#grindingButton a {
	background: url(../images/nav_grinding.jpg) no-repeat left top;
}

#polishingButton a {
	background: url(../images/nav_polishing.jpg) no-repeat left top;
}

#contractManufacturingButton  a {
	background: url(../images/nav_contractmanufacturing.jpg) no-repeat left top;
}

#relatedServicesButton a {
	background: url(../images/nav_relatedservices.jpg) no-repeat left top;
}

#aboutCompanyButton a {
	background: url(../images/nav_aboutcompany.jpg) no-repeat left top;
}

/* set the rollovers */
#lappingButton a:hover, #grindingButton a:hover, #polishingButton a:hover, #contractManufacturingButton a:hover, #relatedServicesButton a:hover, #aboutCompanyButton a:hover {
	background-position: left bottom;
}

/* ----------------------------------------- /end nav -------------------------------------- */




/* ----------------------------------------- home page styles - branding and featured -------------------------------------- */


#branding {
	width: 900px;
	border-bottom: 1px solid #e6e5e5;
	margin: 0 auto 20px auto;
}

#featured {
	width: 900px;
	margin: 0 auto 25px auto;
	height: 240px;
}

#featured li {
	float: left;
	height: 200px;
	width: 200px;
	margin: 0 12px;
}

/* set this for all featured items */
#featured li a {
	text-indent: -9999px;
	display: block;
	height: 200px;
}

/* set the backgrounds */
#featuredLapping a {
	background: url(../images/featured_lapping.jpg) no-repeat left top;
}

#featuredGrinding a {
	background: url(../images/featured_grinding.jpg) no-repeat left top;
}

#featuredPolishing a {
	background: url(../images/featured_polishing.jpg) no-repeat left top;
}

#featuredPadPrintingPlates a {
	background: url(../images/featured_padprintingplates.jpg) no-repeat left top;
}

/* ----------------------------------------- /end home page styles - branding and featured -------------------------------------- */




/* ----------------------------------------- footer -------------------------------------- */

#footer {
	clear: both;
	border-top: 1px solid  #e6e5e5;
	text-align: right;
}

#footer ul {
	padding: 10px 25px 20px 0;
}

#footer li {
	display: inline;
}

#footer a {
	text-transform: lowercase;
	color: #a4a6a9;
	text-decoration: none;
	border-right: 1px solid #a4a6a9;
	margin-left: 10px;
	padding-right: 10px;
}

#footer a:hover {
	color: #0168B3;
	text-decoration: underline;
}
#footer a.last, #subNav li.last {
	border-right-style: none;
}

/* ----------------------------------------- /end footer -------------------------------------- */




/* ----------------------------------------- subnav -------------------------------------- */

#subNav {
	width: 900px;
	margin: 18px auto 0 auto;
	border-bottom: 1px solid #e6e5e5;
}

#subNav ul {
	text-align: right;
	margin: -30px 0 10px 0;
}

#subNav li {
	display: inline;
	border-right: 1px solid #e6e5e5;
	padding: 0 10px;
}

#subNav li a {
	font-family: "Franklin Gothic Medium Cond", "Franklin Gothic Medium", Arial;
	color: #232324;
	font-size: 14px;
	text-decoration: none;
}

#subNav li a:hover {
	color: #376092;
	text-decoration: underline;
}

/* ----------------------------------------- /end subnav -------------------------------------- */




/* ----------------------------------------- subpages -------------------------------------- */

#content {
	width: 880px;
	margin: 10px auto 0 auto;
}

#mainContent {
	float: left;
	width: 600px;
	min-height: 320px;
	padding-bottom: 30px;
}

#sidebar {
	float: right;
	width: 265px;
	background: url(../images/backg_sidebar.gif) no-repeat left top;
	min-height: 350px;
}

#sidebar  h4, #sidebar  dl, #sidebar  p, #sidebar ul {
	padding-left: 25px;
}

.imgPara {
	padding-bottom: 176px;
}

/* sub pages image paragraphs */
#aboutMain .imgPara, #aboutContact .imgPara {
	background: url(../images/_PlaceholderImg.jpg) no-repeat left bottom;
}
#mainContent img {
	border: 1px solid #999;
	padding: 5px;
	margin: 0 0 12px 12px;
}

#aboutContact #mainContent img {
	margin-right: 65px;
}


.relatedServiceList {
	margin-bottom: 30px;
}

.relatedServiceList dt {
	font-weight: bold;
}

#hatchEntry {
	background: url(../images/logo_hatch.jpg) no-repeat right top;
	padding-right: 120px;
	margin-right: 30px;
}

#rtEntry {
	background: url(../images/logo_rt.jpg) no-repeat right top;
	margin-right: 30px;
	padding-right: 185px;	
}

.specList {
	clear: left;
	padding-bottom: 20px;
	display: block;
	float: left;
}

.specList dt {
	float: left;
	width: 150px;
	margin-right: 20px;
}

.specList dd {
	float: left;
	width: 350px;
}

.brochureList {
	width: 250px;
	border-bottom: 1px solid #EEE;
	margin-top: 20px;
	padding-bottom: 20px;
}
.brochureList li {
	clear: both;
}
.brochureList img {
	float: right;
	margin: 0 20px 20px 20px;
	border: 1px solid #CCC;
}

/* ----------------------------------------- /end subpages -------------------------------------- */
ul#sitemap, ul#sitemap ul ul {
	list-style-type: disc;
}
ul#sitemap ul {
	margin-left: 15px;
	list-style-type: circle;
}
ul#sitemap ul ul { margin-left: 30px }