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

* 
{
list-style:none;
padding:0;
margin:0;
border:none;
}

/*stops flicker in ie6*/
html 
{
filter: expression(document.execCommand("BackgroundImageCache", false, true));
min-height:100%;
margin-bottom:1px;
}


body
{
background:#fff;
color:#000;
font: 62.5% verdana, sans-serif;
background:#000;
}

img
{
vertical-align:bottom;
}

a:focus
{outline:none;}

p
{
font-size:1.2em;
margin-bottom:1em;
line-height:1.4em;
}

p a
{
color:#2e99d9;
text-decoration:underline;
}

p a:hover
{
color:#2e99d9;
text-decoration:none;
}



h1
{
font-family:"Century Gothic", Verdana;
color:#2e99d9;
font-size:1.7em;
font-weight:bold;
margin-bottom:.5em;
}

h2
{
font-family:"Century Gothic", Verdana;
font-size:1.3em;
margin-bottom:.5em;
line-height:1.4em;
color:#2e99d9;
font-weight:bold;
}


.block p
{
color:#fff;
}

.block p a
{
color:#fff;
}

span.quot
{
font-size:1.8em;
font-family:"Century Gothic", Verdana;
color:#fff;
line-height:1.3em;
margin-bottom:1em;
display:block;
}

p.caption
{
margin:0;
margin-top:3px;
float:left;
font-size:1em;
}

.block
{
padding:20px;
margin-bottom:1em;
background:#2e99d9;
float:left;
min-height:400px;
}

.sm_col
{
width:186px;
float:left;
padding-right:20px;
padding-top:1em;
}


#container
{
width:900px;
padding:20px;
margin:auto;
margin-top:40px;
margin-bottom:20px;
overflow:hidden;
border:1px solid #000;
background:#fff;
}

#top
{
width:900px;
height:57px;
background:#000;
float:left;
}

ul#main_nav
{
float:left;
background:#2e99d9;
width:900px;
border-top:1px solid #fff;
}

ul#main_nav li
{
display:inline;
}

ul#main_nav li a
{
font-family:"Century Gothic", Verdana;
display:block;
padding:17px;
padding-top:5px;
padding-bottom:5px;
float:left;
text-decoration:none;
font-size:1.1em;
font-weight:bold;
letter-spacing:2px;
text-transform:uppercase;
color:#fff;
border-right:1px solid #fff;
}

ul#main_nav li.select a
{
background:#000;
color:#fff;
}

ul#main_nav li a:hover
{
background:#000;
color:#fff;
}

#left_content
{
width:600px;
padding-top:20px;
float:left;
}

#right_content
{
float:right; 
width:280px;
padding:20px;
padding-right:0;
padding-bottom:0;
}

.flash
{
background:#fff;
width:600px;
height:440px;
float:left;
}

#footer
{
color:#fff;
padding:17px;
padding-top:5px;
padding-bottom:5px;
width:863px;
background:#2e99d9;
float:left;
text-align:right;
margin-top:20px;
}

/* These hieghts and widths should be edited to your images */	
ul#pikame{
	padding-left:0;
	width:600px;
	margin:0 auto;}
.pika_main{
	width:600px;
	padding-right:20px;
	margin:0 auto;}
#pikame li{
	margin:5px;
	float: left;
	}

/* thats all you NEED to edit. But continue if you'd like. */
ul#pikame li img{position:relative;cursor:pointer;}
.pika_main{position: relative;margin:0 auto;}
.pikachoose li{float:left;position:relative;overflow:hidden;list-style:none;}
.pika_play{position:absolute;top:10px;right:20px;z-index:1;}
.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_navigation a{font-size:1.2em;
margin-bottom:1em;
line-height:1.4em;
color:#2e99d9;
text-decoration:underline;}
.pika_navigation a:hover{text-decoration: none;cursor:pointer;}
.pika_navigation{padding-top:10px;clear:both;text-align:left;}