body {
	margin: 4px auto 0 6px;
	background: #fff;
	font-family: Verdana, Geneva, sans-serif;
	border: 0px #000 solid;
	/*font-size: .9em;*/
	font-size: 14px;
	color: #000;
}
#shell {
	width: 960px;
	margin: 0 auto;
	border: 0px #000 solid;
}
.clear {
	clear: both;
}
a {
	color: #06A6B2;
	text-decoration: underline;
}
a:hover {
	color: #06A6B2;a
	text-decoration: none;
}
ul {
	list-style-type: circle;
}
strong {
	font-weight: bold;
	color: #06A6B2;
}
.uppercase {
	text-transform: uppercase;
}

/* SALES
****************************************************************/
.sales {
	color: #F77F2D;
	font-weight: bold;
	border: 1px #F77F2D solid;
	padding: 8px;
	width: 300px;
	margin: 0 0 0 6px;
	background-color: #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px
}
	

/* LOGO / HEADER
****************************************************************/

#logo {
	float: left;
	border: 0px #000 solid;
	width: 558px;
	margin: 6px 0;
}
#slogan {
	float: right;
	border: 0px #000 solid;
	width:390px;
	text-align: center;
	padding: 16px 0;
	color: #FFB43E;
	font-size: 1em;
}
#slogan span {
	color: #F77F2D;
	font-size: .8em;
	display: block;
}
#main_content {
	width: 927px;
	margin: 0 auto;
	border: 0px #666 dashed;
	padding: 12px;
}
/* CONTENT STRUCTURE
****************************************************************/

#content {
	border: 0px #666 dashed;
	width: 930px;
	z-index: 1;
}
#contentleft {
	float: left;
	border: 0px #666 dashed;
	width: 500px;
	padding-left: 12px;
	z-index: 1;
}
#contentright {
	float: right;
	width: 379px;
	border: 0px #666 dashed;
	z-index: 1;
}
#main #content {
	border: 0px #666 dashed;
	width: 930px;
	z-index: 1;
}
#main #contentleft {
	float: left;
	border: 0px #666 dashed;
	width: 500px;
	padding-left: 12px;
	z-index: 1;
}
#main #contentright {
	float: right;
	width: 379px;
	border: 0px #666 dashed;
	z-index: 1;
}
#main h1 {
	margin: 0;
	font-size: 12px;
	vertical-align: middle;
	background-color: #EAEAEA;
	padding: 10px 14px 10px 18px;
	color: #757575;
	width: 899px;
	line-height: 13px;
}
#main h2,
#main h3,
#prod #content h3 {
	margin: 12px 0;
	font-size: 1em;
	vertical-align: middle;
	padding: 12px 0 0 6px;
	color: #000;
	border-bottom: 0px #eaeaea solid;
}

#prod #content h2 {
	display: none;
}

/* PRODUCTS PAGES
****************************************************************/
#prodcontentleft {
	float: left;
	border: 0px #666 dashed;
	width: 450px;
	margin: 12px 0;
}
#prodcontentright {
	float: right;
	width: 460px;
	border: 0px #666 dashed;
	margin: 12px 0 12px 0;
}
#prod #prodcontentright h1 {
	border-bottom: 1px #eaeaea solid;
	margin: 0;
	padding: 0 0 3px 0;
	color: #06A6B2;
	background: none;
	vertical-align: middle;
	font-size: 1.2em;
}
#prod #content h2 {
	border-bottom: 1px #eaeaea solid;
	margin: 0;
	padding: 12px 0 3px 0;
	color: #000;
	background: none;
	vertical-align: middle;
	font-size: 1em;
}
#prod #content p {
	font-size: 0.9em;
}
/* CLIENT PAGES
****************************************************************/

#client h1 {
	margin: 0 0 12px 0;
	font-size: 1.2em;
	vertical-align: middle;
	background-color: #EAEAEA;
	padding: 6px 12px;
	color: #757575;
	width: 907px;
}
#client h1.espn {
	margin: 0;
	font-size: 1.2em;
	vertical-align: middle;
	background-color: #EAEAEA;
	padding: 6px 12px;
	color: #757575;
	width: 907px;
}
#client #content h2 {
	margin: 12px 0;
	padding: 6px 0;
	border-bottom: 1px #06A6B2 solid;
	font-size: 1em;
	font: Verdana, Geneva, sans-serif;
	color: #000;
}
#client #content {
	width: 628px;
	border: 0px #666 dotted;
	margin-left: 137px;
}
#client #content p, #client #content address, #client #conent img {
	width: 628px;
	margin: 12px 0;
	border: 0px #666 dotted;
}
#client #content .clientDescLeft {
	float: left;
	width: 310px;
	border: 1px #f90 solid;
	min-height: 250px;
	padding: 24px 0 0 0;
	background-color: #020202;
}
#client #content .clientDescRight {
	float: right;
	width: 300px;
	border: 0px #000 solid;
	min-height: 275px;
}
#client #content .clientVideoLeft {
	float: left;
	text-align: center;
	border: 0px #000 solid;
	margin: 24px 0 24px 30px;
}
#client #content .clientVideoRight {
	float: right;
	text-align: center;
	border: 0px #000 solid;
	margin: 24px 30px 24px 0;
}
#client #content hr {
	background-color: #D0D0D0;
	height: 3px;
	width: 100%;
	margin: 24px 0;
}

/* IMAGE VIEWER
****************************************************************/


/* styles needed for New image viewer 9.8.08 */
	#client div#img_viewer {
	width: 100%;	
	padding: 9px 9px 9px 0;
	text-align: left;
	border: 0px #666 dotted;
	z-index: 0;
}
#client #caption a {
	color: #000;
}
/*div#img_viewer p {
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-size: .8em;
	margin: 0;
	padding: 3px 0 0;
	border: 1px #666 dotted;	
}*/
#client.thumb_nail {
	padding: 0 2px;
}

/* CONTENT HEADINGS
****************************************************************/

/* {	
		margin: 0;
		font-size: 1.2em;
		vertical-align: middle;
		background-color: #EAEAEA; 
		padding: 6px 12px;
		color: #757575;
		width: 907px;
}


/*
class = h2.blue
blue #005FBA;
green #06A6B2;
yellow #FFB43E;
*/

#main #content h2.orange {
	color: #F77F2D;
	margin: 12px auto 0 18px;
}
h3 {
	color: #000;
	border-bottom: 0px #ebebeb solid;
	padding: 0 0 3px 3px;
}
h4 {
	color: #757575;
	font-size: .8em;
	margin: 60px 0 12px;
	padding: 6px 6px 6px 18px;
	font-style: italic;
	background-color: #eaeaea;
}
p {
	border: 0px #666 dotted;
	font-size: .9em;
	padding: 0 0 0 6px;
}


p img {
	padding: 0 0 0 0;
}

.available, .price {
	color: #000; /*#F77F2D;*/
	font-size: .9em;
	font-weight: bold;
}
span.yellow {
	color: #FFB43E;
	font-size: .9em;
	font-weight: normal;
}
p.solidworks {
	margin: 48px 0 0 0;
}
.strong {
	font-weight: bold;
}
.mainimg {
	margin: 0 auto;
	text-align: center;
	border: 1px #EAEAEA solid;
	padding: 24px 0;
}
ul {
	font-size: .9em;
}
/* FOOTER
****************************************************************/

#footer {
	margin: 0 auto;
	text-align: center;
	font-size: .9em;
}
#footer p {
	text-align: center;
	font-size: .8em;
}
#footer a {
	color: #000;
	text-decoration: none;
}
#footer a:hover {
	color: #666;
	text-decoration: underline;
}
.collectionholder {
	position: relative;
	border: 1px #E0E0E0 solid;
	margin: 18px 0;
	width: 924px;
	height: 100px;
	background-color: #ebebeb;
	-moz-box-shadow: 5px 5px 5px #ccc;
	-webkit-box-shadow: 5px 5px 5px #ccc;
	box-shadow: 5px 5px 5px #ccc;
}

.collectionholder_left {
	float: left;
}
.collectionholder_right {
	float: left;
	position: absolute;
	top: 20px;
	left: 217px;
}

.collection {
	background-color:#ebebeb;
	vertical-align: top;
	padding: 20px;
/*	font-style: italic;*/
}
/* CONTACT TABLE
****************************************************************/

table.contact {
	width: 500px;
	border: 0px #000 solid;
	margin: 12px;
}
table.contact td {
	border: 0px #666 dashed;
	padding: 4px 0;
}
table.contact input {
	width: 200px;
 /* -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow:inset 5px 5px 5px #ccc;
	-webkit-box-shadow:inset 5px 5px 5px #ccc;
	box-shadow:inset 5px 5px 5px #ccc;*/
}
/* NEWSLETTER TABLE
****************************************************************/

table.newsletter {
	width: 675px;
	border: 0px #000 dashed;
	margin: 12px 12px 12px 100px;
}
table.newsletter td {
	border: px #666 solid;
	padding: 4px 0;
	width: 50%;
}
table.newsletter input {
	width: 200px;
}
table.newsletter td.space {
	padding: 30px 0 6px 0;
}
/* CLIENT HIGHLIGHT
****************************************************************/

	div#rightContent {
	padding: 30px 30px 30px 0;
	color: #9f9f9f;
	font-size: 12px;
	line-height: 1.2;
	float: left;
}
div#rightContent h1 {
	margin: 0;
	padding: 0;
	font-size: 15px;
	color: #fff;
}
div#rightContent h2 {
	font-size: 13px;
	color: #666;
	margin: 2px 0;
	padding: 0;
}
div.clientBox {
	float: left;
	width: 898px;
	padding: 15px;
	margin-bottom: 25px;
	border: 0px #52A3E4 solid;
	background-color: #EBEBEB;
	-moz-box-shadow: 5px 5px 5px #ccc;
	-webkit-box-shadow: 5px 5px 5px #ccc;
	box-shadow: 5px 5px 5px #ccc;
}
.client_info {
	margin-left: 15px;
	float: left;
	width: 360px;
}
.clientImg {
	border-top: 2px solid #D0D0D0; /* #52A3E4;*/
	border-left: 2px solid #D0D0D0;
	border-right: 2px solid #D0D0D0;
	border-bottom: 2px solid #D0D0D0;
	width: 211px;
	height: 118px;
	float: left;
	padding: 4px;
	background-color: #fff;
}
div.clientBox ul {
	width: 358px;
	float: left;
	padding: 0;
	margin: 10px 0px;
}
div.clientBox ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
div.clientBox ul li strong {
	color: #808DFF;
	float: left;
	width: 75px;
}
.clientFooter {
	clear:both;
	margin: 0;
	padding: 0;
	color: #666;
}
/* root element for single scroll */ 
.scroll {
	position:relative;
	overflow:hidden;
	width: 350px;
	height: 200px;
	float:left;
	border: 1px #F77F2D solid;
	margin: 0 0 0 12px;
}
/* root element for the scroll pics */ 
.scroll .pics {
	width:20000em;
	position:absolute;
	clear:both;
}
/* single scroll item */ 
.pics img {
	float:left;
	cursor:pointer;
	width:400px;
	margin:0px;
}
/* possible settings for the active scroll */ 
.scroll.active {
}
/* IMAGE VIEWER
****************************************************************/


/* styles needed for New image viewer 9.8.08 */
	div#img_viewer {
	width: 410px;
	padding: 12px 0 0 20px;
	text-align: center;
	border: 0px #666 dotted;
	z-index: 0;
}
#caption a {
	color: #000;
}
/*div#img_viewer p {
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-size: .8em;
	margin: 0;
	padding: 3px 0 0;
	border: 1px #666 dotted;	
}*/
.thumb_nail {
	padding: 0 2px;
}
/* NAVIGATION
****************************************************************/

#navbar {
	background: url(../images/navbar.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 29px;
	width: 959px;
	margin: 0 auto;
	text-align: center;
	border: 0px #000 solid;
}
#nav li .spacer {
	background-color: #EAEAEA;
	min-height: 10px;
	border-top: 0px #666 solid;
	border-left: 1px #fff solid;
	border-right: 1px #fff solid;
	border-bottom: 0px #666 solid;
}
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0 auto;
	list-style: none;
	border: 0px #000 solid;
	background: url(../images/navbar.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	width: 959px;
	line-height: 17px;
	z-index: 5000;
}
#nav li { /* all list items */
	float: left;
	/*	width: 125px;  width needed or else Opera goes nuts */
	border-left: 10px #ebebeb solid;
	border-left: 0px #ebebeb solid;
}
#nav a {
	padding: 6px 9px 6px 9px;
	margin: 0 0 0 2px;
	display: block;
	color: #fff;
	text-decoration: none;
	border: 0px #000 solid;
}
#nav a:hover {
	display: block;
	color: #F9DC77;
	text-decoration: none;
	/*	padding: 6px 13px 7px 13px;*/
	border: 0px #000 solid;
}
#nav li:hover ul a.dd, #nav li.sfhover ul a.dd {
	background-image: url('../images/arrow_nav.gif');
	background-position: right center;
	background-repeat: no-repeat;
}
#nav li:hover ul a.dd:hover, #nav li.sfhover ul a.dd:hover {
	background-image: url('../images/arrow_nav_dd.gif');
	background-position: right center;
	background-repeat: no-repeat;
}
#nav li span {
	text-transform: lowercase;
}
#nav li ul { /* second-level lists */
	position: absolute;
	background: #880;
	width: 220px;
	border-top: 0px #c4c4c4 solid;
	border-left: 0px #56C9D0 solid;
	border-right: 1px #56C9D0 solid;
	border-bottom: 0px #56C9D0 solid;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#nav li ul li {
	background-color: #FDBA63;
	width: 209px;
	border-left: 1px #fff solid;
}
#nav li ul a {
	margin: 0;
	width: 185px;
	padding: 6px 12px;
	color: #fff;
	border-right: 1px #fff solid;
	border-bottom: 1px #fff solid; /* #56C9D0 solid;*/
	/*	width: 141px;*/
	text-align: left;
	text-transform: capitalize;
}
#nav li ul a:hover {
	margin: 0;
	width: 185px;
	padding: 6px 12px;
	color: #fff;
	border-bottom: 1px #fff solid;
	background-color : #FDAC40;
	border-left: 0px #fff solid;
	border-right: 1px #fff solid;
}
#nav li ul ul { /* third-and-above-level lists */
	margin: -30px 0 0 189px;
	z-index: 500;
}
#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
	width: 181px;
}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	width: 151px;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul {
	left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	font-size: 1em;
}
/* BREADCRUMB HOLDER
***************************************************************************/

.breadcrumbs {
	/*	display: block;*/
	vertical-align: middle;
	background-color: #EAEAEA;
	margin: 0 0 2px 0;
	padding: 10px 12px;
	color: #757575;
	width: 907px;
	font-style: normal;
	text-transform: capitalize;
	border: 0px #fff solid;
	font-size: 11px;
}
/*.breadcrumbs a {
	color: #757575;
	text-decoration: none;
}

.breadcrumbs a:hover {
	text-decoration: underline;
}
*/

/* BREADCRUMB NAVIGATION
***************************************************************************/

#bcnav li .spacer {
	background-color: #eaeaea;
	min-height: 2px;
	border-top: 1px #D0D0D0 solid;
	border-left: 0px #06A6B2 solid;
	border-right: 0px #06A6B2 solid;
	border-bottom: 0px #D0D0D0 solid;
	width: 180px;
}
#bcnav a strong {
	color: #757575;
}
#bcnav, #bcnav ul { /* all lists */
	position: relative;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	border: 0px #000 solid;
	/*font-size: .85em;*/
	font-size:11px;
	z-index: 95;
}
#bcnav li { /* all list items */
	float: left;
	/*	width: 125px;  width needed or else Opera goes nuts */
	border: 0px #fff solid;
	padding: 0;
	line-height: 13px;
}
#bcnav a {
	font-style: normal;
	text-transform: capitalize;
	padding: 0 6px 10px 6px;
	display: block;
	text-decoration: none;
	border: 0px #000 solid;
	color: #757575;
}
#bcnav a:hover {
	display: block;
	color: #06A6B2;
	text-decoration: none;
}
#bcnav li:hover ul a.dd, #bcnav li.sfhover ul a.dd {
	background-image: url(../images/arrow_bcnav.jpg);
	background-position: right center;
	background-repeat: no-repeat;
}
#bcnav li:hover ul a.dd:hover, #bcnav li.sfhover ul a.dd:hover {
	background-image: url(../images/arrow_bcnav_dd.jpg);
	background-position: right center;
	background-repeat: no-repeat;
}
#bcnav li span {
	text-transform: lowercase;
}
#bcnav li ul { /* second-level lists */
	padding: 0 0 0 0;
	position: absolute;
	background: #F3F3F3;
	width: 180px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#bcnav li ul li {
	/*background-color: #F3F3F3;*/
	width: 162px;
	border-bottom: 0px #EAEAEA solid;
}
#bcnav li ul a {
	margin: 0;
	width: 156px;
	padding: 6px 12px;
	color: #757575; /*#F77F2D;*/
	border-top: 1px #EAEAEA solid;
	text-align: left;
	text-transform: capitalize;
}
#bcnav li ul a:hover {
	margin: 0;
	width: 156px;
	color: #06A6B2;
	text-decoration: none;
/*	background-color : #F77F2D; */
	border-top: 1px #EAEAEA solid;
}
#bcnav li ul ul { /* third-and-above-level lists */
	margin: -26px 0 0 180px;
}
#bcnav li:hover ul ul, #bcnav li.sfhover ul ul {
	left: -999em;/*	width: 163px;*/
}
#bcnav li:hover ul, #bcnav li li:hover ul, #bcnav li.sfhover ul, #bcnav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;/*	width: 163px;*/
}
#bcnav li:hover ul ul, #bcnav li:hover ul ul ul, #bcnav li:hover ul ul ul ul, #bcnav li.sfhover ul ul, #bcnav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul {
	left: -999em;
}
#bcnav li:hover ul, #bcnav li li:hover ul, #bcnav li li li:hover ul, #bcnav li li li li:hover ul, #bcnav li.sfhover ul, #bcnav li li.sfhover ul, #bcnav li li li.sfhover ul, #bcnav li li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}