html {overflow:scroll; overflow-x: auto; }
html * { margin:0; padding:0;}
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, a, em, img, strong, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100.01%;vertical-align: baseline;background: transparent;}
body {line-height:1;font-family:Verdana;background:#7e9e75 url(/images/bg.png);height:100%}
ol, ul {list-style: none;}
:focus {outline: 0;}
table {border-collapse: collapse;border-spacing: 0;}
textarea {overflow: auto;}


/* * * * * * * * * * */
.red{color:#ec0000}
.redBG{color:#ec0000}
.green{color:#81c82c}
.greenBG{background-color:#81c82c}
.blue{color:#4295c3}
.blueBG{background-color:#4295c3}
	
h1{font-size:130%; margin-bottom:.5em; color:#ec0000}
h2{font-size:110%; margin-bottom:.3em; border-bottom:1px solid #4295c3; color:#4295c3; margin-top:1em; padding-bottom:.2em;}
h3{font-size:100%; margin-bottom:.3em}
h4{font-size:90%; margin-bottom:.2em; border-bottom:1px solid #81c82c; color:#81c82c; margin-bottom:.5em; padding-bottom:.2em}
h5{font-size:80%; margin-bottom:.2em}
p {font-size:80%; padding-bottom:1em; line-height:1.3em}
p.size70{font-size:70%; position:relative;}
p.size70 span{color:#666666}
p.size70 .nyroModal{position:absolute; right:50px}
ul{margin-bottom:1em}
li{font-size:80%; line-height:1.4em; background:url(/images/bullet.gif) 0 0 no-repeat; padding-left:15px}
.clear{clear:both}
.center{text-align:center}
hr{
	border:none;
	background:url(/images/hr-rule.gif) 0 0 repeat-x; 
	height:1px;
	margin:0;	
}

/* * * * * * * * * * *
WRAPPER
* * * * * * * * * * */
#top{
	background:url(/images/wrapper/top.png) 0 0 no-repeat;
	width:964px;
	height:29px;
	margin:20px auto 0 auto;
}
#wrapper{
	width:963px;
	height:100%;
	margin:0 auto;
	border-left:1px solid #666666;
	background:url(/images/wrapper/right-shadow.png) 100% 0 repeat-y;
}
#left-column > div,
#right-column > div,
.box{
	-webkit-border-radius:10px; 
	-moz-border-radius:10px; 
	border-radius:10px; 
	background:#fff; 
	border:1px solid #000; 
	margin-bottom:14px; 
	position:relative; 
	zoom:1; 
	min-height:inherit;
}

#wrapper-fill{
	width:949px;
	background:#f5f5f5;	/* url(/images/wrapper/contentBG.png)*/
	height:100%;
}
#menu{
	float:left;
	width:200px;
}
#menu .logo{
	display:block;
	text-align:center;
	height:150px;
	width:190px;
	margin:0 5px;
}
#menu a{
	display:block;
	line-height:2.4em;
	font-size:90%;
	padding:0 10px;
	margin:0 10px;
	color:blue;
}
#menu a:hover,
#menu a:active{
	outline:1px solid #4295c3;
	background:#81c82c;
	color:#000000;
	text-decoration:none;
}
#menu .logo:hover,
#menu .logo:active{
	outline:none;
	background:none;
}
#content-top{
	background:url(/images/wrapper/content-top.png) 0 0 no-repeat;
	width:699px;
	height:23px;
}
#content{
	float:left;
	width:699px;
	margin-left:30px;	
}
#content-body{
	border-left:1px solid #666666;
	background:#ffffff url(/images/wrapper/content-right.png) 100% 0 repeat-y;
	padding:0 40px 0 20px;
}
#content-bottom{
	background:url(/images/wrapper/content-bottom.png) 0 0 no-repeat;
	width:699px;
	height:42px;
	clear:both;
	float:none;
}
#bottom{
	background:url(/images/wrapper/bottom.png) 0 0 no-repeat;
	width:964px;
	height:49px;
	margin:0 auto;
}
#footer{
	width:963px;
	margin:0 auto 40px auto;	
	background;
	
}
#footer p{ font-family:Arial; padding:0 20px; font-size:70%;}
#footer a,
#djo{text-decoration:none; color:#fff}
#djo:hover{text-decoration:underline; cursor:pointer}

/***********************
HOME PROMO
***********************/
#homepromo{
	margin:20px;
	text-align:center;
}
#dude{
	position:relative;
	z-index:2;
}
#dude-image,
.promo{
	position:relative;
	left:-23px;
	z-index:1;
}
#mapWrapper{width:630px; height:500px; margin:0; padding:0; text-align:center}

/**********************
menu promo
**********************/
#promo-dude{
	padding:20px 0 0 100px;
	height:220px;
}
#promo-dude a{text-decoration:none; font-size:70%}
#promo-dude a strong{text-decoration:underline;}
.promo{
	position:relative;
	left:-28px;
	z-index:1;
}
.promo img{z-index:1;}
.promo span{text-align:left; display:block; margin-left:180px; width:300px; z-index:1;}

/* * * * * * * * *
	MENU
* * * * * * * * */
#left-column{
	float:left;
	width:318px;
}
#right-column{
	float:right;
	width:318px;
}

#left-column div{
	border:1px solid #aaa;
	background:#fff;
	margin:0 0 20px 0;
}
#right-column div{
	border:1px solid #aaa;
	margin:0 0 20px 18px
}
#left-column h2,
#right-column h2{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-variant:small-caps;
	color:#333;
	border-bottom:1px solid #aaa;
	background:#efefef;
	padding:5px 10px;
	margin:0 0 10px 0;
	-webkit-border-radius-topleft:10px; 
	-webkit-border-radius-topright:10px;
	-moz-border-radius-topleft:10px; 
	-moz-border-radius-topright:10px; 
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	border-top-left-radius:10px;
	border-top-right-radius:10px; 
}

#left-column p,
#right-column p{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:68%;
	padding:0 5px 10px 10px;
}
#left-column strong,
#right-column strong {position:relative; display:block; font-size:120%}
#left-column strong span,
#right-column strong span{position:absolute; right:10px}

/*********************
	CONTACT FORM
*********************/
#form-contact td {position:relative; line-height:28px; width:50%}
#form-contact .col1{text-align:right; padding-right:10px}
#form-contact input,
#form-contact select,
#form-contact textarea{border:1px solid #999}
/*********************
NYROMODAL
*********************/
div#nyroModalFull {
	font-size: 12px;
	color: #777;
}
div#nyroModalLoading {
	border: 4px solid #777;
	width: 150px;
	height: 150px;
	text-indent: -9999em;
	background: #fff url(../images/ajaxLoader.gif) no-repeat;
	background-position: center;
}
div#nyroModalLoading.error {
	border: 4px solid #f66;
	line-height: 20px;
	padding: 20px;
	width: 300px;
	height: 100px;
	text-indent: 0;
	background: #fff;
}
div#nyroModalWrapper {
	background: #fff;
	border: 1px solid #000;
}
a#closeBut {
	position: absolute;
	display: block;
	top: -20px;
	right: -20px;
	width: 12px;
	height: 12px;
	text-indent: -9999em;
	background: url(../images/close.gif) no-repeat;
	outline: 0;
}
h1#nyroModalTitle {
	margin: 0;
	padding: 0;
	position: absolute;
	top: -22px;
	left: 5px;
	font-size: 12px;
	color: #ddd;
	line-height:1.2em;
}
div.wrapper div#nyroModalContent {
	padding: 5px;
}
div.wrapperImg div#nyroModalContent {
	position: relative;
	overflow: hidden;
	text-align: center;
}
div.wrapperImg img {
	vertical-align: baseline;
}
div.wrapperImg div#nyroModalContent div {
	position: absolute;
	bottom: 0;
	left: 0;
	background: black;
	padding: 0;
	margin: 0;
	border: 1px #00ff00 dotted;
	overflow: hidden;
	opacity: 0.2;
	filter: alpha(opacity=20);
}
div.wrapperImg div#nyroModalContent div:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	cursor: help;
}
a.nyroModalPrev, a.nyroModalNext {
	z-index: 105;
	outline: none;
	position: absolute;
	top: 0;
	height: 100%;
	width: 40%;
	cursor: pointer;
	text-indent: -9999em;
	background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */
}
div.wrapperSwf a.nyroModalPrev, div.wrapperSwf a.nyroModalNext, div.wrapper a.nyroModalPrev, div.wrapper a.nyroModalNext {
	height: 60%;
	width: 20%;
}
a.nyroModalPrev {
	left: 0;
	background:transparent url(../images/prev.png) left 20% no-repeat !important;
}
#ie6 a.nyroModalPrev {
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='fixed', src='/images/prev.png');
}
a.nyroModalPrev:hover {
	background:transparent url(../images/prev-hover.png) left 20% no-repeat !important;
}
#ie6 a.nyroModalPrev:hover {
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='fixed', src='/images/prev-hover.png');
}
a.nyroModalNext {
	right: 0;
	background:transparent url(../images/next.png) right 20% no-repeat !important;
}
#ie6 a.nyroModalNext {
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='fixed', src='/images/next.png');
}
a.nyroModalNext:hover {
	background:transparent url(../images/next-hover.png) right 20% no-repeat !important;
}
#ie6 a.nyroModalNext:hover {
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='fixed', src='/images/next-hover.png');
}