/* ########## CORE STYLES ########## */

body {margin: 0 0 50px 0; padding: 0; font-size: 13px; font-family: Arial, sans serif; color: #ffffff; background: #1c3b42 url('main-bg.jpg');}


.shell {width: 970px; margin: 0 auto;}
.clear {clear: both;}

a img {border: none;}

a:link, a:visited {color: #53adc2; text-decoration: none;}
a:hover, a:active {color: #59c5de; text-decoration: underline;}

.panel-left {width: 690px; margin-right: 15px; float: left;}
.panel-right {width: 235px; float: left; padding-left: 10px;}

/* ########## HEADER STYLES ########## */

#header {background: url('header-bg.jpg'); color: #ffffff; font-family: Calibri, Arial, sans serif;}
#header .shell {background: url('header-inside-bg.jpg') no-repeat top center; height: 290px;}
#header .header-top {font-size: 20px; padding-top: 20px; height: 65px; text-transform: uppercase;}
#header strong {font-weight: bold;}

#header .header-bottom {clear: both; padding: 20px 0 0 0;}
#header a.logo {width: 192px; height: 164px; display: block; background: url('logo.jpg.png') no-repeat 0 0;}
#header div.tag {float: left; text-align: center;}

/* ########## NAV STYLES ########## */

#header .nav {float: right; padding: 0; margin: 0; color: #ffffff; font-size: 12px; list-style: none; text-transform: none;}
#header .nav li {float: left; margin: 0 0 0 15px;}

#header .nav a:link, #header .nav a:visited {color: #ffffff;  font-weight: bold; font-size: 18px; float: left; text-align: center; text-decoration: none; padding: 10px 20px; text-shadow: 1px 1px 1px #112e38;}
#header .nav a:hover, #header .nav a:active {color: #ffffff; text-decoration: none; background: #112e38; -moz-border-radius: 10px; border-radius: 10px;}


/* ########## CONTENT STYLES ########## */

#content {color: #e0ded7; background: #7B7867 url('content-right-bg.gif') repeat-y top right; margin: 10px 0; padding: 10px 10px 30px 10px; -moz-border-radius: 10px; border-radius: 10px;}

#content h1 {color: #53adc2; font-size: 24px; font-weight: normal; margin: 10px 0; padding: 0; font-family: Calibri, Arial, sans serif;}
#content h2 {color: #53adc2; font-size: 20px; font-weight: normal; margin: 10px 0; padding: 0; font-family: Calibri, Arial, sans serif;}
#content h3 {color: #c8c5b5; font-size: 16px; font-weight: normal; margin: 10px; padding: 0; font-family: Calibri, Arial, sans serif; text-transform: uppercase;}


#content p {margin: 0; padding: 10px 0; line-height: 18px; font-size: 13px;}
#content strong {color: #ffffff;}
#content .label {float: left; width: 100px;}
#content li {padding: 5px 0;}

#content .panel-right ul {list-style: none; margin: 10px 10px 20px 10px; padding: 0;}
#content .panel-right ul li {padding: 5px 0; font-size: 14px;}

#content .panel-right ul li.divider {margin: 10px 0; border-bottom: 1px solid #c8c5b5;}

#content .panel-right a:link, #content .panel-right a:visited {color: #e0ded7; text-decoration: none;}
#content .panel-right a:hover, #content .panel-right a:active {color: #ffffff; text-decoration: underline;}

#content ul.tools {list-style: square; margin: 20px; padding: 0;}
#content ul.tools li {padding: 5px 20px 5px 0; width: 190px; float: left;}

#content ul.contact {list-style: none; margin: 20px; padding: 0;}
#content ul.contact li {padding: 3px 0;}

.icon {float: left; width: 50px; height: 50px; margin: -15px 10px 0 0;}
.icon-wsg {background: url('tools/icon-wearsnapgauge.jpg') no-repeat;}
.icon-om {background: url('tools/icon-outsidemicrometer.jpg') no-repeat;}
.icon-dm {background: url('tools/icon-depthmicrometer.jpg') no-repeat;}
.icon-im {background: url('tools/icon-insidemicrometer.jpg') no-repeat;}
.icon-vdc {background: url('tools/icon-vernierdialcaliper.jpg') no-repeat;}
.icon-hm {background: url('tools/icon-holemicrometer.jpg') no-repeat;}
.icon-di {background: url('tools/icon-dialindicator.jpg') no-repeat;}
.icon-pl {background: url('tools/icon-precisionlevel.jpg') no-repeat;}
.icon-dbm {background: url('tools/icon-dialboremicrometer.jpg') no-repeat;}
.icon-se {background: url('tools/icon-straightedge.jpg') no-repeat;}
.icon-hg {background: url('tools/icon-heightgauge.jpg') no-repeat;}
.icon-pprg {background: url('tools/icon-plainplugringgauge.jpg') no-repeat;}
.icon-bdg {background: url('tools/icon-brakedrumgauge.jpg') no-repeat;}
.icon-rs {background: url('tools/icon-rodstandard.jpg') no-repeat;}
.icon-gbs {background: url('tools/icon-gaugeblockset.jpg') no-repeat;}



a.button,
input.button {
	background: #9c9686 url('bg-button.jpg') repeat-x 0 -48px;
	border: none;
	padding: 9px 5px;
	border-radius: 5px;
	overflow: hidden;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	text-transform: normal;
	text-shadow: 1px 1px #554f42;
	cursor: pointer;
}
	
a.button:hover,
input.button:hover {
	background: #7f7765 url('bg-button.jpg') repeat-x 0 0;
	text-shadow: 1px 1px #363228;
}


/* ########## FOOTER STYLES ########## */

#footer {margin: 10px 0 20px 0; color: #e0ded7; font-size: 12px;}

#footer  .panel-1 {float: left; width: 460px;}
#footer  .panel-2 {float: left; width: 300px;}
#footer  .panel-3 {float: left; width: 200px;}

#footer ul {margin: 0; padding: 10px 0 0 0; list-style: none;}
#footer ul li {display: inline; padding: 0 2px;}

#footer ul li a:link, #footer ul li a:visited {color: #e0ded7; text-decoration: none; font-size: 12px;}
#footer ul li a:hover, #footer ul li a:active {color: #ffffff; text-decoration: underline;}

#footer p {color: #e0ded7; font-weight: normal; font-size: 12px; margin: 0; padding: 10px 5px 0 2px; font-family: arial;}

#footer a.blufyre:link, #footer a.blufyre:visited {background: url('icon-blufyre.gif') no-repeat 0 0; width: 110px; height: 34px; float: right; margin: 5px 0 0 0;}
#footer a.blufyre:hover, #footer a.blufyre:active {background: url('icon-blufyre.gif') no-repeat 0 -35px;}