@charset "UTF-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
	background-image: url(../images/bg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #0C2D58;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	
}

#header {
	margin: 0 auto;
	width: 1010px;
	height: 210px;
	background-image:url(../images/header.gif);
	background-position: center top;
	background-repeat: no-repeat;
}

#nav {
	margin: 5px auto 0 auto;
	text-align: left;
	width: 920px;
	
}

#nav a {background:none no-repeat left top; display: inline-block; width:94px; height: 20px;}
#nav a.show {background-image:url('../images/btn_TheShow.gif');}
#nav a:hover.show {background-image:url('../images/btn_TheShow.gif'); background-position: left -21px;}
#nav a.blog {background-image:url('../images/btn_TheBlog.gif');}
#nav a:hover.blog {background-image:url('../images/btn_TheBlog.gif'); background-position: left -21px;}
#nav a.bios {background-image:url('../images/btn_TheBios.gif');}
#nav a:hover.bios {background-image:url('../images/btn_TheBios.gif'); background-position: left -21px;}
#nav a.shop {background-image:url('../images/btn_TheShop.gif');}
#nav a:hover.shop {background-image:url('../images/btn_TheShop.gif'); background-position: left -21px;}
#nav a.the {background-image:url('../images/btn_TheThe.gif');}
#nav a:hover.the {background-image:url('../images/btn_TheThe.gif'); background-position: left -21px;}

#canvas {
	width: 945px;
	margin: 20px auto;
	text-align: left;
}

#canvasTop {
	background-image:url('../images/whiteTop.gif');
	background-repeat: no-repeat;
	height: 18px;
	
}
#canvasMid {
	background-image:url('../images/whiteMid.gif');
	background-repeat: repeat-y;
	padding-top: 10px;
}

#canvasMid h1{
	margin: 0;
	color: #0C2D58;
}

.canvasMid {
	background-image:url('../images/whiteMid.gif');
	background-repeat: repeat-y;
	padding-top: 10px;
}


.canvasMid h1{
	margin: 0;
	color: #0C2D58;
}

.divider {
	height: 1px;
	width: 700px;
	margin: 20px auto 0 auto;
}

a {
	text-decoration: none;
	color: #0C2D58;
}

a:hover {
	text-decoration: underline;
}

#canvasFoot {
	background-image:url('../images/whiteFoot.gif');
	background-repeat: no-repeat;
	height: 18px;
	margin-bottom: 40px;
	
}

.sketchSelect {
	width: 380px;
	float: right;
}

.sketchSelect table tr td h1 {
	font-size: 12px;
	color: #0F2247;
}

.currentVid {
	width: 420px;
	position: relative;
	left: 60px;
}


.header {
	position: relative;
	top: 13px;
}

.iPod {
	float: right;
}

/*  Coda Slider */

#slider {
  
  margin: 0 auto;
  position: relative;
}

.scroll {
  height: 520px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
 
}

.scrollContainer div.panel {
  margin-top: 10px;
  padding: 0;
  height: 580px;
  width: 900px; /* change to 560px if not using JS to remove rh.scroll */
}

ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.navigation li {
    display: inline;
    margin-right: 5px;
}

ul.navigation a {
	font-size: 15px;
    padding: 5px;
    color: #042C59;
    text-decoration: none;
	font-weight: normal !important;
}

ul.navigation a:hover {
    background-color: #f6f6f6;
}

ul.navigation a.selected {
    background-color: #FFFF00;
	
}

ul.navigation a:focus {
    outline: none;
}

.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -20px;
}

.scrollButtons.right {
    right: -20px;
}

.hide {
    display: none;
}