html{overflow-y:scroll}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; outline:0; font-size:100.01%; vertical-align:baseline; background:transparent;}
body {line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block }
nav ul {list-style:none;}
li{list-style-type:none}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
a{outline:none; text-decoration:none; border-bottom:1px dotted #fff}
a:hover{color:#00cc00; border-bottom:1px solid #00cc00}
/* change colours to suit your needs */
ins { background-color:#ff9; color:#000; text-decoration:none; }
/* change colours to suit your needs */
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold;}
del { text-decoration: line-through;}
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0;}
/* change border colour to suit your needs */
hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;}
input, select { vertical-align:middle;}

/* dummy classes used in javascript */
.www{}

/* site styles */
body{background:#000; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:62.5%}
header {
	width:950px;
	margin:20px auto 0 auto;
	position:relative;
	height:39px;
}	
header 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}

nav{
	position:absolute;
	bottom:0; 
	left:0;
	width:100%; 
	height:6em; 
	margin:0 auto; 
	text-align:center; 
	background:transparent url(/img/trans-25-red.png) repeat; 
	white-space:nowrap;	
	-webkit-border-radius:0 0 15px 15px;
	-moz-border-radius:0 0 15px 15px;
	border-radius:0 0 15px 15px;
	text-align:center;
	border-top:1px solid #fff;	
}
nav ul{width:706px; margin:0 auto}
nav li{float:left; height:6em; width:140px;}

nav a{display:block; outline:none; font-size:1.4em; height:100%; line-height:4.0em; text-decoration:none; font-weight:bold; border-right:1px dotted #fff; color:#fff;}
nav li:first-child a{border-left:1px dotted #fff}
nav a:hover, 
nav a:active, 
nav a:visited{text-decoration:none;}
nav a:hover{color:#00cc00; background:transparent url(/img/trans-50-black.png) 0 61px}

#content{
	position:relative; 
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
	border:2px solid #fff;
	width:950px; 
	min-height:411px;
	height:41.3em; 
	overflow:hidden;
	margin:auto; 
	background:#0c2040 url(/img/sedona-storm.jpg) 0 0 no-repeat;	
}
#social{
	position:relative;
	top:30px;
	left:20px;
	width:950px;
	margin:0 auto;
	text-align:center;
}
#social *{text-align:center}
section{
	position:relative;
	top:40px; 
	width:600px; 
	min-height:240px;
	margin:0 auto 400px auto;	
	background:transparent url(/img/trans-25-green.png) repeat; 
	padding:10px 20px;
	-webkit-border-radius:13px;
	-moz-border-radius:13px;
	border-radius:13px;
	border:2px solid #fff;
	-moz-box-shadow: 0 0 10px #fff;
	-webkit-box-shadow: 0 0 10px #fff;
	box-shadow: 0 0 10px #fff;
}
section:hover{
	background:transparent url(/img/trans-50-black.png) repeat;
}

	.notIE9 section > div{
		background:transparent; 
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/trans-25-green.png, sizingMethod='scale');		
	}
	.notIE9 section:hover > div{
		background:transparent; 
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/trans-50-black.png, sizingMethod='scale'); 
	}

section h1,
section h2{display:block; font-size:2.4em; font-weight:normal; line-height:1.4em; margin-bottom:5px; color:#fff;}
section h3{font-size:1em; color:#fff}
section p{font-size:1.4em; color:#fff; font-weight:normal; line-height:normal; margin-bottom:1em}
section a{color:#fff;}
section h1,
section h2,
section p{
	text-shadow: 2px 2px 2px #000;		
	-ms-text-shadow: 2px 2px 2px #000;
}

section li{background: transparent url(/img/bullet.png) 0 50% no-repeat; height:16px; line-height:16px; padding:0 0 0 15px; margin:0}
section li a{font-size:1em; line-height:16px}

.x,
aside a{
	display:block;
	position:absolute;
	top:20px;
	right:130px;
	clear:both;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	
	-webkit-border-radius:13px;
	-moz-border-radius:13px;
	border-radius:13px;
	border:2px solid #fff;
	background:url(/img/trans-25-black.png);	
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
	.notIE9 .x,
	.notIE9 aside a{
		background:transparent; 
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/trans-25-black.png, sizingMethod='scale') !important;
	}	
	
aside .x{top:-30px; right:-30px}
.x:hover,
aside a:hover{
	-webkit-border-radius:13px;
	-moz-border-radius:13px;
	border-radius:13px;
	border:2px solid #fff;
	background:url(/img/trans-25-green.png);
	-moz-box-shadow: 0 0 15px #00ff00;
	-webkit-box-shadow: 0 0 15px #00ff00;
	box-shadow: 0 0 15px #00ff00;
}
	.notIE9 .x:hover,
	.notIE9 aside a:hover{
		background:transparent; 
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/trans-25-green.png, sizingMethod='scale') !important;
		border-bottom:2px solid #fff;
		
	}	
	
aside > a{top:5px; right:5px; }
aside > span{
	display:none;
	height:auto;
	width:300px;
	position:absolute;
	right:200px;
	top:40px;
	font-size:1.4em;
	line-height:normal;
	color:#fff;
	padding:10px 20px;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
	border:2px solid #fff;
	-moz-box-shadow: 0px 0px 15px #fff;
	-webkit-box-shadow: 0px 0px 15px #fff;
	box-shadow: 0px 0px 15px #fff;
	background:url(../img/trans-50-black.png);	
}

aside span .x{
	top:-25px;
	right:-25px;
}
.x img,
.info img{display:block}
.sedona{background:#0c2040 url(/img/sedona-storm-crop.jpg) 0 0 no-repeat !important}

.shadow{
	-moz-box-shadow: 3px 3px 3px #666;
	-webkit-box-shadow: 3px 3px 3px #666;
	box-shadow: 3px 3px 3px #666;
}
.white{color:white}

footer{
	width:950px; 
	margin:10px auto; 
	line-height:1.2em; 
	text-align:left; 
	color:#696969;
}
footer a{color:#696969}
footer a:hover{color:#999999}
/*
	-webkit-border-radius:11px;
	-moz-border-radius:11px;
	border-radius:11px;
	border:2px solid #000;	
*/