body, html{
height:100%;
background-color:black;
}
#trick{display:none;}
#wrapper{
position:relative;
width:960px;
height:100%; /*IE6 expands for content anyway */
margin:0 auto;
_background:url("../images/glass.png") 0 0 repeat-y;
}
html>body #wrapper{/*good browsers */
height:auto;
min-height:100%;
}
#logo{
position:absolute;
top:0;
left:0;
}
#logo a{
display:block;
width:140px;
height:40px;
text-indent:-9999px;
background:url("../images/nora-brown-design-sm.png") 0 0 no-repeat;
border:0;
}
#logo a:hover{
cursor:pointer;
background-position:0 -40px;
color:#db9e4d;
}
.slide-box{
margin-right:200px;
text-align:center;
}
.slides li{
text-align:center;
}
.slides li p{
padding-top:6px;
}
#websites .slides img{
border:1px solid #ccc;
}
.text{
float:right;
width:185px;
padding:0 10px;
border-left:4px solid #008c99;
-webkit-border-image: url("../images/border.png") 0 0 0 4 repeat;
-moz-border-image: url("../images/border.png") 0 0 0 4 repeat;
border-image: url("../images/border.png") 0 0 0 4 repeat;
}
.text .timestamp{
font-family:"FontinSans-Bold",arial;font-weight:bold;
}
.text h2{
padding:0;
margin:0 0 10px 0;
border:0;
background:none;
}
.prev-next{
position:relative;
width:40px;
zoom:1;
overflow:auto;
padding-bottom:10px;
}
.prev,.next{
display:block;
float:left;
text-indent:-9999px;
width:18px;
height:18px;
background:#37321e url("../images/prev2.png") 40% 50% no-repeat;
cursor:pointer;
}
.next{
float:right;
background:#37321e url("../images/next2.png") 60% 50% no-repeat;
}
.prev:hover, .prev.hover{
background-position:10% 50%;
background-color:#008c99;
}
.next:hover, .next.hover{
background-position:90% 50%;
background-color:#008c99;
}
/*
	jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
	Copyright (c) 2009 Niall Doherty
	This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
*/
	
.coda-slider-wrapper {
position:relative;
width:940px;
margin:0 auto;
}
.coda-slider {
width: 938px;
height:492px;
border:1px solid #008c99;
border-width:4px 1px;
background-color:white;
margin-top:40px;
}
.coda-slider .panel {
width: 940px;
}
/* Arrow styling */
.prev-next-coda {
position:relative;
top:80px;
margin-left:-40px;
margin-right:-40px;
}
.prev-next-coda a {
display: block;
position:absolute;
width:40px;
height:40px;
background:#37321e url("../images/prev2.png") 40% 50% no-repeat;
border:0;
color:#37321e;
font-size:5px;
text-align:center;
}
.coda-nav-right a {
right:0;
background:#37321e url("../images/next2.png") 60% 50% no-repeat;
}
.coda-nav-left a:hover, .coda-nav-right a:hover {
background-position:10% 50%;
background-color:#008c99;
color:#008c99;
}
.coda-nav-right a:hover {
background-position:90% 50%;
}
/* Tab nav */
.coda-nav ul li a.current, .coda-nav ul li a:hover {
border-color: #008c99
}
/* Preloader */
.coda-slider p.loading {
padding: 20px;
text-align: center
}
/* Thumbnails nav */
.coda-nav {
float:left;
margin-left:160px;
}
.coda-nav ul li {
display: inline
}
.coda-nav ul li a {
width:35px;
height:35px;
display: block;
float: left;
border:1px solid #37321e;
border-width:4px 1px 1px 1px;
margin-right:10px;
}
.coda-nav ul li.last a {
margin-right:0;
}
.coda-nav ul li a img {
width:35px;
height:35px;
}
/* Miscellaneous */
.coda-slider-wrapper {
clear: both;
overflow: auto
}
.coda-slider {
float: left;
overflow: hidden;
position: relative
}
.coda-slider .panel {
display: block;
float: left
}
.coda-slider .panel-container {
position: relative
}