@charset "utf-8";
/* CSS Document */

body{background-image:url(../images/bodyBg.gif); background-repeat:repeat; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}

h1, h2, h3, h4{font-family:Arial, Helvetica, sans-serif; font-weight:normal;}

.l{float:left;}

.r{float:right;}

.clear{clear:both;}

#wrapper{ 
width:960px;
background-repeat:repeat-y;
position: absolute; 
left:50%;
margin-left:-480px;
} 

DIV#middle {
	width:960px;
	background-image: url(../images/wrapperBg.png);
	background-repeat: repeat-y;
}

DIV#top {
height:16px;
background-image: url(../images/wrapperTop.png);
background-position:bottom;
background-repeat:no-repeat;
}

DIV#bottom{
	background-image: url(../images/wrapperBottom.png);
	background-repeat: no-repeat;
	height:13px;
	background-position:top;
	background-repeat:no-repeat;
}


#header{
height:100px;
}
#header_left {
	float: left;
	width: 690px;
}
.propBox {
	float: left;
	background: #000000 url(../images/top_bg.jpg) repeat-x top;
	padding: 2px;
	width: 165px;
	height: 270px;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #FFFFFF;
}
#flash{
	width:890px;
	height:267px;
	background: url(../images/flashBg.gif) no-repeat;
	position:relative;
	padding:13px;
}

#bke{
	width:180px;
	float: right;
	padding: 10px;
}

#container{
padding:0px 20px 0px 20px;
}

#left{
float:left;
width:505px;
margin-left:14px;
padding-bottom:15px;
}

#left h1{
font-size:18px;
color:#000000;
border-bottom:1px solid #e6e6e6;
padding:0px;
margin-bottom:5px;
margin-top:15px;
}

#left h2{
font-size:18px;
color:#0074a5;
border-bottom:1px solid #e6e6e6;
padding:0px;
margin-bottom:5px;
margin-top:15px;
}

img.locationsMap{
margin:0 30px;
float:right;
}

#left p{
line-height:17px;
margin-top:0px;
margin-bottom:10px;
}

#right{
float:right;
width:375px;
margin-right:10px;
padding-bottom:15px;
}



.logo{
margin:10px 0px 0px 26px;
}

#footer{
height:80px;
width:924px;
margin-left:18px;
background-image:url(../images/footerBg.jpg);
}

#footer p{
line-height:18px;
color:#656565;
float:left;
margin-top:32px;
margin-left:12px;

}

.contactRight{
margin-top:45px; margin-left:35px; font-size:13px;
}


/***********START OF NAVIGATION*************/



#Nav {
float:right;
border: 0px solid green;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
margin-top:15px;
}


#Nav li {
float:left;
margin: 0;
padding: 0;
display: inline;
list-style: none;

}

#Nav a {
float:left;
text-decoration:none;
color:#666;
text-align:center;
padding:0px 17px 0px 17px;
}

#Nav a.last {
float:left;
text-decoration:none;
color:#666;
text-align:center;
padding:0px 0px 0px 17px;
}

#Nav a:hover, #udm a.last:hover {
float:left;
color:#000000;
}

/************END OF NAVIGATION*************/


/*************THUMBS**************/

#thumbs {
float:right;
border: 0px solid green;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
margin:0px;
}


#thumbs li {
float:left;
margin: 0;
padding: 0;
display: inline;
list-style: none;
}

#thumbs li a img{
border:0px;
}

/**********E**THUMBS**************/
#galSlideHolder{
text-align:center;
float:right;
width: 355px;
position:relative;
}


#imageDescr{
text-align:center;
float:right;
width: 355px;
padding:5px 0px 5px 0px
}


.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 325px;
height: 52px; /*Height should enough to fit largest content's height*/
background-color:#776907;
margin-top:0px;
float:left;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 70px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.panel a img{
border:0px;
}

p.samplebuttons{
width: 320px;
text-align: center;
}

p.samplebuttons a{
color: #2e6ab1;
padding: 1px 2px;
margin-right: 3px;
text-decoration: none;
}


#sliderholder{
position:absolute;
left:15px;
top:0px;
}
.desc {
	margin: 5px 0px 5px 0px;
	padding:5px 10px 5px 10px;
}
.visit_website {
	text-align: right;
	margin: 0px;
	padding: 0px 10px 0px 10px;
}
.visit_website a {
	text-decoration: underline;
	color: #FFFFFF;
}
.visit_website a:hover {
	text-decoration: underline;
	color: #CCCCCC;
}
