/* Page fonts */
body { background-color: #000000; margin: 0; padding: 0; font-size: 12px; font-family: Arial, Sans-Serif; text-align: center; 
    font-size: 12px; }
img { border: 0; }
p { margin-top: 0; }
h1, h2, h3, h4 { color: #581921; }
h1 { padding: 0; margin: 0; font-size: 18px; }
h2 { padding: 0; margin: 3px 0; font-size: 16px; }
a { color: #6F2428; text-decoration: none; }
a:hover { text-decoration: underline; }

/* Header + Nav */
#top-banner { height: 118px; background: transparent url(images/kengugro-banner-01.jpg) no-repeat 0 0;  }
.about-us-page #top-banner { background-image: url(images/kengugro-banner-02.jpg); }
.performance-history-page #top-banner { background-image: url(images/kengugro-banner-02.jpg); }
.links-page #top-banner { background-image: url(images/kengugro-banner-03.jpg); }
.video-page #top-banner { background-image: url(images/kengugro-banner-03.jpg); }
#nav { background: transparent url(images/kenguro-nav-bg.jpg) no-repeat 0 0; height: 67px; padding-top: 12px; padding-left: 30px; }
#nav a { color: white; font-weight: bold; padding: 2px 10px; border-right: 2px solid white; }
#nav a.selected { color: #A38178; }
#nav a.last { border: 0; }

/* Layout */
#mainContent { margin: 0 auto; width: 840px; background-color: white; text-align: left; }
.content-block { clear: both; }

#content-1col-std { float: left; width: 800px; margin: 0 0 15px 20px; }

#content-2col-std #col1 { float: left; width: 200px; margin: 5px; margin-bottom: 15px; }
#content-2col-std #col2 { float: left; width: 625px; margin: 5px 0 15px; }

#content-3col-std #col1 { float: left; width: 150px; margin: 5px; margin-bottom: 15px; }
#content-3col-std #col2 { float: left; width: 465px; margin: 5px 15px 15px 0; }
#content-3col-std #col3 { float: left; width: 180px; margin: 5px 0 20px; }

/* Ads */
.ad-block1 { border-bottom: 2px solid #DDDDDD; padding: 0 0 10px; font-size: 11px; margin-bottom: 9px; }
.ad-block1 a { font-weight: bold; }
.ad-block1 img { border: 1px solid #DDDDDD; width: 180px; }
.ad-block1 h3 { margin: 0 0 7px 3px; font-size: 13px; }
.ad-block1 h4 { margin: 0 0 0 3px; font-size: 12px; text-transform: uppercase; }
.ad-block1 p { padding: 0; margin: 4px 3px 0; }

/* Footer */
#footer { clear: both; text-align: center; padding: 5px 0; font-size: 10px; background-color: #DDDDDD; }
#footer a { padding: 0 5px; border-right: 1px solid #999999; }
#footer a:hover { color: #333333; }
#footer a.last { border: 0; }

img.about-us-thumb { border: 1px solid #CCCCCC; margin-bottom: 4px; }

/* Special */
.video-container { padding-left: 10px; }
.video-container h2 { padding-left: 27px; background: transparent url(images/icon-video.jpg) no-repeat 0 0; }
.video-container p { line-height:25px; padding-left: 27px; }
.links-container { padding-left: 20px; }

/* These heights and widths should be edited to your images */	
ul.pikachoose{
	width:800px;
	margin: 0;
	margin-left: 25px;
	padding:0;}
.main_pika{
	width:600px;
	position: relative;
	margin:0;
	margin-left: 100px;}
.pikachoose li{
	margin:0;
	margin-bottom: 5px;
	border:1px solid white;}

/* thats all you NEED to edit. But continue if you'd like. */
ul.pikachoose li img{position:relative;cursor:pointer;display:none;}
.main_pika img{border:2px solid #AAAAAA;}
.pikachoose li{float:left;position:relative;overflow:hidden;list-style:none; }
.pika_play{position:absolute;top:10px;right:10px;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;}
.pika_play img{border:none !important;}
.pika_caption{width:100%;height:30px;text-align:center;}
.pika_nav a{font-size: 12px;}
.pika_nav{padding-bottom:10px;clear:both;text-align:center;font-weight:bold;}
.pika_link{cursor:pointer;}