body { background-image:url(../images/sokobg3.jpg); background-position: top center; background-repeat: no-repeat; background-color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-align: left; color: #fff; }
h1 { height: 21px; background-color: #333; color: #fff; padding: 7px 0px 0px 5px; margin: 0px; font-size: 1em; }
h2 { padding-left: 10px; }
p { padding-left: 10px; line-height: 130%; }
#container { position: relative; width: 946px; height: 1000px; top: 320px; margin: 0 auto; }
#nav { height: 28px; margin-bottom: 10px; text-align: left; }
#nav a { text-decoration: none; }
#nav a:hover { color: #fff; }
#nav a:visited { color: #497dad; }
#nav ul { padding: 0px; margin: 0px; }
#nav li { display:inline; background-color: #000; margin: 0px; padding: 7px 11px; text-align: left; }
#nav ul li.currentpage { background-color: #333; color: #fff; }
#nav ul li.currentpage a { color: #fff; }
#content { background-color: #000; }
#colfull { position: relative; width:100%;  min-height: 850px; }
#colleft { float: left; width: 240px; min-height: 850px; }
#colmid { position: relative; margin-left: 250px; width: 500px; *-width: 490px;  *-margin-left: 245px; }
#colmid_long { position: relative; width: 752px; min-height: 850px; }
#colright { float: right; left: 761px; width: 185px; min-height: 850px; }
#gallery { width: 500px; overflow: hidden; }
#footer { clear: both; text-align: right; font-size: .8em; padding-top: 7px;}
a:link { color: #497dad; }
a:visited { color: #497dad; }
a:hover { color: #900; }
.rightfloat { float: right; }
.leftfloat { float: left; }
th { font-weight: bold; text-align: left; padding: 20px 0px 20px 7px; }
#colright p { width: 90%; }
#vidthumbs img { border: 2px solid #777; padding-bottom: 5px; }
#vidthumbs td { text-align: center; }

.pikachoose{width:510px;margin:0 auto 0 auto;}
/* This is the ul you have all your images in */
.pikachoose ul{padding-left:0;width:510px;height:180px;margin:0;overflow:hidden;}
.pikachoose ul li{float: left;border:1px solid #555;padding:2px;background:#777;margin:0 6px 4px 0;position:relative;overflow:hidden;}
.pikachoose ul li div img{position:relative;cursor:pointer;}

/* this is the surroundner for all your elements. This is also the fake border around the main img and room for caption */
.pika_main{width:501px;height:325px;display:block;position:relative;}
/*sine we give it the fake border, you need to position the image a little. */
.pika_main_img{position:absolute;top:0px;left:0px;}
.pika_back_img{position:relative;top:0px;}
.pika_subdiv{position:relative;padding:2px;}
.pika_subdiv img, .pika_subdiv a img{border:none;}
.pika_caption{width:500px;height:16px;padding-top:4px;text-align:center;position:absolute;bottom:7px;left:3px;background:url('../images/black.png') top left;}
.pika_caption a{color:white;}

.pika_play{position:absolute;z-index:1;left:50%;margin-left:-25px;width:50px;top:5px;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('../images/play.png') top center no-repeat;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('../images/pause.png') top center no-repeat;}

.pika_navigation a{font-size: 12px; text-decoration: none;}
.pika_navigation a:hover{text-decoration: underline;}
.pika_navigation{padding-top:10px;clear:both;text-align:center;}

/* if you want to 'hide' these jus make their height and width 1px */
.pika_prev_hover{position:absolute;top:5px;left:5px;height:456px;width:100px;background:url('../images/rewind.png') top left no-repeat;}
.pika_next_hover{position:absolute;top:5px;right:5px;height:456px;width:100px;background:url('../images/fastf.png') top right no-repeat;}
#flowplayer { position: aboslute; }