.accessibility{position:absolute; left:-9999px}
html {overflow: -moz-scrollbars-vertical; overflow-x: auto; height:100%}
div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border:none;
	font-weight: normal;
	font-style: inherit;
	font-size: 100.01%;
	font-family: Verdana;
	vertical-align: baseline;
}
body {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: 100%;
	font-family: Verdana;
	vertical-align: baseline;
	font-size:62.5%;
	line-height: 1em;
	color: #fff;
	background: #000000;
	text-align:center;
	height:100%;
}
ol, ul { list-style: none;}
table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells:show;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
a{color:white}
	#ie6 .png{behavior: url(css/iepngfix.htc); border:0}

/* header */
#wrapper{width:950px; margin:20px auto; text-align:left;}

#logo {height:39px}
#logo a{display:block; position:relative; width:228px; height:39px; line-height:39px; text-decoration:none}
#logo span{position:absolute; bottom:0; left:0; background:url(../img/djo-design-group-logo.gif) 0 0 no-repeat; width:228px; height:39px; cursor:pointer}

#frame{background:#0c2040 url(../img/sedona-storm.jpg) 0 0 no-repeat;}
#frame.frame2{background:#0c2040 url(../img/sedona-storm-crop.jpg) 0 0 no-repeat}
.border{border:1px solid #666666;}
#content{height:410px; position:relative; overflow:hidden; text-align:center}


.h60{height:60px}

.info{position:absolute; top:5px; right:5px}
.info a{display:block; height:20px; width:20px; font-size:12px; line-height:20px; text-decoration:none; border:1px solid #fff; text-align:center}
.info a:hover{color:#00ff00; border:1px solid #00ff00}

div.transBox {
	text-align:left;
	background:transparent url(../img/trans-25-green.png) repeat; 
	width:600px; 
	margin:0 auto 20em auto;
}
	#ie6 div.transBox {
		position:static;	
		background:none !important;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='img/trans-25-green.png', sizingMethod='scale');
	}
div.transBox:hover,
div.transBox.over{background:transparent url(../img/trans-50-black.png) repeat !important;}
div.transBox.slideOff{display:none !important}

.pad20{
	padding:10px 15px; 
	border:1px solid #fff;
	height:210px;	
}

h1,h2{position:relative; display:block; font-size:24px; height:24px; line-height:1.2em; margin-bottom:.5em}
.x{display:block; position:absolute; right:-10px; top:-5px; height:20px; width:20px; font-size:12px; line-height:20px; text-decoration:none; border:1px solid #fff; text-align:center}
.x:hover{color:#00ff00 !important; border:1px solid #00ff00 !important}
.pad20 p{font-size:1.5em; line-height:1.2em; margin-bottom:10px}
.pad20 li{background: transparent url(../img/bullet.png) 0 60% no-repeat; height:16px; padding:0 0 0 15px}
	#ie6 .pad20 li{background: transparent url(../img/bullet.gif) 0 60% no-repeat; height:16px; padding:0 0 0 15px}
.pad20 li a{font-size:1.1em; line-height:1.5em; text-decoration:none; border-bottom:1px dotted #ccc}
.pad20 li a:hover{color:#00cc00; border-bottom:1px solid #00cc00}
#ie6 .pad20 li a{position:relative}

#navWrapper{}
#ie6 #navWrapper{margin-top:-60px}
#nav{position:relative; margin-top:-60px; width:950px; height:60px; text-align:center; background:transparent url(../img/nav-bar1.png) 0 0 no-repeat; white-space:nowrap}
#ie6 #nav{
	position:static;
	top:-60px;	
	margin-top:0;
}

#nav ul{width:706px; margin:0 auto}
#nav li{float:left; height:60px; width:140px;}

#nav a{display:block; font-size:1.4em; width:140px; height:60px; line-height:60px; text-decoration:none; font-weight:bold; border-right:1px dotted #666666}
#nav a.first{border-left:1px dotted #666666}
#nav a:hover, 
#nav a:active, 
#nav a:visited{text-decoration:none}
#nav a:hover{color:#00cc00; background:transparent url(../img/nav-bar1.png) 0 61px}
	#ie6 #nav a:hover{
		cursor:pointer;
		position:static;
		color:#00cc00; 
		background:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='img/nav-bar1.png', sizingMethod='crop');		
	}






#copyright{width:950px; margin:0 auto; line-height:1.2em; text-align:left; color:#696969}
#copyright a{color:#696969; }
#copyright a:hover{color:#999999}


/* Lightbox */
#lightbox{
	background-color:#fff;
	padding:10px;
	border-top:2px solid #ccc;
	border-left:2px solid #ccc;
	border-bottom:2px solid #000;
	border-right:2px solid #000;
	}
#lightboxDetails{
	font-family:Verdana;
	font-size:1.0em;
	padding-top:0.4em;
	color:#666
}	
#lightboxDetails a{font-size:1.2em; color:#0000ff}
#lightboxCaption{float:left}
#keyboardMsg{float:right}
#closeButton{top:5px; right:5px;}

#lightbox img{border:none; clear:both} 
#overlay img{border:none}

#overlay{background-image:url(../img/overlay.png)}

* html #overlay{
	background-color:#fff;
	back\ground-color:transparent;
	background-image:url(img/blank.gif);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/overlay.png", sizingMethod="scale");
}