/* 
Main stylesheet for site
10th Nov 2008
Blokart pp.  Natalie Leigh  nataliejleigh.com
*/


body {
	background: #ffffff url(../images/bg_body.jpg) left top no-repeat;
	font-family: Arial, sans serif;
}

h1{
margin: 30px 0px 5px 26px;
font-size: 20px;
}

p{
	padding: 10px 10px 10px 20px;
	font-size: 12px;
	font-family: Arial, sans serif;
	line-height: 1.5em;
}

table{
	margin-left: 20px;
}

table, table tr, table tr td{
font-size: 12px;
	font-family: Arial, sans serif;
	line-height: 1.5em;
	
}

a,a:visited{color:#0000FF;text-decoration: none;}
a:hover{ text-decoration: underline;}

form{
  font-size: 12px;
  }
  
/* containers */
#header, #leftcol, #content{
	overflow:hidden;
	display:inline-block;
}

#leftcol, #content{float:left}

#lefcol{
height: 100%;
}

/* header bar with logo and nav */
#header {
	width:80%;
	margin-left: 20%;
	margin-top: 10px;
}

#container{
	width:100%;
}

/* top navigation bar */
#nav{
	margin-top: 5px;
	margin-bottom: 5px;
}

#nav a{
	font-color: #000000;
	font-size: 8px;
}

/* left column holds 'whats a blokart logo' */
#leftcol {
	width:21%; 
	min-width:73px;
	text-align:right;
	padding-left: 80px;
	padding-right: 0px;
}

/* page content container */
#content {
	width:520px;
	min-width: 520px;}

#video{
	padding-left: 28px;
	padding-bottom: 5px;
}

#home_logo{
	background: url('http://www.katalystmarine.com/images/katalyst_blokart_edition.png') no-repeat;
	height: 107px;
	width: 342px;}
	
#about_blokart_ed{
	background: transparent url('http://www.katalystmarine.com/images/katalyst_blokart_edition.png') no-repeat;
	height: 107px;
	width: 342px;
}

#about_development{
	background: transparent url('http://www.katalystmarine.com/images/katalyst_development.png') no-repeat;
	height: 108px;
	width: 446px;
}

#about_blokart_ed_sml{
	background: transparent url('http://www.katalystmarine.com/images/katalyst_blokart_edition_sml.png') no-repeat;
	height: 62px;
	width: 190px;
}

#about_development_logo_sml{
	background: transparent url('http://www.katalystmarine.com/images/katalyst_development_sml.png') no-repeat;
	width: 249px;
	height: 62px;
}

#dealer_blokart{
	float:left; 
	margin-top: 30px;
	background: transparent url('http://www.katalystmarine.com/images/blokart_international.png') no-repeat;
	width: 200px;
	height: 48px;
}

#dealer_bbizz{
	float:left; 
	margin-top: 30px;
	background: transparent url('http://www.katalystmarine.com/images/bbizz_logo.png') no-repeat;
	width: 189px;
	height: 63px;
}


#about h4{
	font-family: Verdana, sans-serif; 
	font-size: 14px;
	position:absolute;
	z-index: 2;
}

#signupform{
	padding-left: 20px;
	padding-top: 10px;
	width: 600px;
}

#signupform table tr{
	height: 25px;
}

/* gallery styling */
.gallery{
	margin-left: 32px;
}

.gallery a{
	font-size: 8px;
	color: #000000;}


.galleryImgHolder{
	width: 120px;	
	float: left;
	text-align: center;
	margin: 2px 0px 0px 0px;
	background-color: #eeeeee;
}

.gallery_landscape{
	width: 117px;
}

.gallery_portrait{
	height: 78px;
}


/* virtual pagniation styling for gallery pages */
.virtualpage, .virtualpage2, .virtualpage3{
display: none;
}

/*Style for demo pagination divs*/
.paginationstyle{ 
width: 50px;
float:right;
padding: 2px 0;
margin: 10px 0;
border:0;
font-size:12px;
margin-right:2px;
}

/*Pagination links style*/
.paginationstyle a{ 
border:solid 1px #DEDEDE;
color:#888888;
font-weight:bold;
margin-right:2px;
padding:4px 6px;
}

.paginationstyle a:hover{
border:solid 1px #3D5BA1
}

.paginationstyle a.selected{
background:#3D5BA1;
color:#FFFFFF;
font-weight:bold;
padding:4px 6px;
}