/* CSS Document */

/* Main Layout */

html, body {
margin: 0; padding: 0;
text-align: center;
background: url(/images/background_stripe.png);
background-repeat: repeat;
}

img {
border: 0;
}

a:focus {
outline: none;
}

#container {
width: 850px;
margin: 35px auto 0 auto;
}

#main {
position: relative;
top: 0px;
left: 0px;
width: 850px;
height: 752px;
border: solid 10px #ffffff;
border-top: solid 25px #ffffff;
background: #FFFFFF;
}

#left {
float: left;
width: 455px;
height: 625px;
background: #FFFFFF;
}

#right {
float: left;
width: 395px;
height: 625px;
background: #FFFFFF;
}

#home {
width: 850px;
height: 143px;
margin-top: 20px;
}


#footer {
float:left;
background: #ffffff;
margin-top: 2px;
border: solid #AAAAAA 1px;
width:848px;
height: 30px;
font-family: Helvetica, Arial, sans-serif;
font-size: 10px;
color: #AAAAAA;
line-height: 40%;
}

#foot {
padding-bottom: 2px;
padding-left: 0px;
}

#foot li {
display: inline;
list-style-type: none;
padding: 0px 50px 0px 50px;
_padding: 0px 44px 0px 44px;
}

#foot a:link {
text-decoration: none;
color: #777777;
}

.footer {
position: relative;
top: 3px;
}

.footer a:focus {
outline: dotted 2px;
text-decoration: none;
}

.footer a:link {
text-decoration: none;
color: #AAAAAA;
}

.footer a:visited {
text-decoration: none;
color: #777777;
}

.banner {
padding-bottom: 10px;
}


/* Linked Pages */

#title {
padding-top: 15px;
padding-bottom:10px;
}

#content {
width: 850px;
height: 462px;
background: transparent;
}

#bd {
width: 850px;
height: 625px;
background: url(../images/cityscape.jpg);
}

#bdright {
width: 350px;
height: 625px;
float: left;
background: #ffffff;
}

#bdrtop {
width: 350px;
height: 265px;
float: left;
background: #ffffff url(../images/backdrop_02.jpg);
}

#bdrbottom {
width: 350px;
height: 360px;
float: left;
background: #ffffff url(../images/backdrop_03.jpg);
}

#intro {
width: 480px;
height: 400px;
background: #555555;
margin: auto;
border: dashed thin #26BC29;
filter: alpha (opacity=89);
opacity: 0.89;
}

#introtext {
position: relative;
top: -401px;
width: 480px;
height: 400px;
background: transparent;
margin: auto;
overflow: auto;
}

#introtext p {
color:#ffffff;
font-family: Helvetica, Arial, sans-serif;
font-size: 15px;
padding-left: 10px;
padding-right: 10px;
}

#introtext a:link {
text-decoration: none;
color: #66FFFF;
}

#introtext a:visited {
text-decoration: none;
color: #00DD00;
}

#introtext h {
font-size: 16px;
font-weight: bold;
display: block;
padding-top: 20px;
}

#introtextpicks {
position: relative;
top: -401px;
width: 480px;
height: 400px;
background: transparent;
margin: auto;
overflow: auto;
}

#introtextpicks p {
color:#ffffff;
font-family: Helvetica, Arial, sans-serif;
font-size: 15px;
padding: 0px;
}

#introtextpicks img {
border: dashed thin #26BC29;
margin: 2px;
}

#introtextpicks div {
margin: auto;
width: 380px;
}

.dir {
display: block;
padding-top: 10px;
}

/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}



/* Navigation */

#new {
left: 0px;
width: 265px;
}

#favorite {
position: relative;
width: 395px;
background: #FFFFFF;
}

#favorite img{
padding: 20px;
}

#new a:hover {
background: transparent url(../images/nav.png) 0px -40px no-repeat;
}

#about {
left: 265px;
width: 185px;
}

#about a:hover {
background: transparent url(../images/nav.png) -265px -40px no-repeat;
}

#links {
left: 450px;
width: 150px;
}

#links a:hover {
background: transparent url(../images/nav.png) -450px -40px no-repeat;
}

#contact {
left: 600px;
width: 200px;
}

#contact a:hover {
background: transparent url(../images/nav.png) -600px -40px no-repeat;
}

/* begin: slideshow */
.slideshow {
position:relative;
padding:0;
margin:0;
background:#999999;
height:90px;
}
.slideshow a img {
border:none;
}
.slideshow li.slide {
list-style-type:none;
}
.slideshow .slides {
height:90px;
margin:0;
}
.slideshow .slides li.slide {
visibility:hidden;
display: block;
    margin-left: auto;
    margin-right: auto; 
}
.slideshow .buttons {
display:none;
}
.slideshow .buttons {
display:block;
position:absolute;
z-index:100;
left:0px;
bottom:20px;
margin:0;
}
.slideshow .buttons li {
float:left;
display:inline;
width:30px;
height:30px;
margin:0;
padding-left:11px;
line-height:30px;
background-image:url('buttonBg.png');
background-repeat:no-repeat;
}
.slideshow .buttons li a {
float:left;
text-decoration:none;
width:30px;
height:30px;
color:#fff;
outline:0;
}
.slideshow ul.buttons li a:hover {
text-decoration:none;
color:#0a0a0a;
}
.slideshow ul.buttons li.active a:hover,
.slideshow ul.buttons li.active a {
color:#666666;
}
/* end: slideshow */

/* CSS Document */