﻿html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, input, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent; 
}
table, td, form, fieldset {border-collapse:collapse;border-spacing:0;border: none;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;font-weight:normal;
}
ul, ol, li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
html, body {
	font-size: 10px;
	margin: 0;
	padding: 0;
	line-height: 1;
}

a img { border: none;}


* {margin: 0;padding: 0}
html,body {height: 100%;min-width: 1200px;min-height: 850px;}
body {
	color: black; 
	font: normal 14px/1.5 georgia,times,serif;
	background-color: #93a9d5;
	background-image: url(../images/kitesurf.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	overflow-y: hidden;
}


/**** Contained Header ****/
#header {
	width: 100%;
	height: 135px;
	background: transparent url(../images/redline.png) repeat-x top left;
	position: absolute;
	left: 0px;
	bottom: 0px;
	text-align: center;
	z-index: 1;
}
#header div {width: 960px;margin: 0 auto;}
#header h1 {
	width: 292px;
	height: 131px;
	position: relative;
	float: left;
	z-index: 2;
}
#header h1 a {
	width: 292px;
	height: 131px;
	text-indent: -9999px;
	display: block;
	float: left;
	text-decoration: none;
	background: transparent url(../images/logo.png) no-repeat bottom left;
}
#header h1 a:hover {background-position: top left;}
#header ul {width: 668px;float: left;position: relative;bottom: -4px;right: 40px;z-index: 3;}
#header ul li {
	width: 200px;
	height: 135px;
	float: left;
	list-style-type: none;
	text-align: left;
	display: block;
	margin-right: 15px;
}
h1 a:focus, h4 a:focus {-moz-outline: none;}


h4 {
	margin-top: 25px;
	width: 199px;
	height: 30px;
	display: block;
	text-decoration: none;
}
h4 a {
	color: #E1E4E9;
	padding: 3px;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
}
h4 a:hover {
	padding: 3px;
	background-color: #53AFE0;
	color: #fff;
	text-decoration: none;
}
#header p {
	font-size: 12px;
	color: #53AFE0;
	padding: 0;
}
#credits {
	 
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 150px;
	margin: 0;
	
}

/**** Content Structure ****/
.panel {
	text-align: right;
	height: 1030px;
	width: 560px;
	padding: 20px 0 0 0;
}
.panel h2 {
	font-size: 27px;
	line-height: 41px;
	font-weight: normal;
	margin: 0;
	text-align: right;
	width: 100%;
  }
.panel p {
	font-size: 16px;
	line-height: 24px;
 	width: 100%;
	margin: 0;
 	padding: 0;
 	text-align: right;
 }
 
 
.pager {
	width: 100%;
	padding: 5px 0 0 0;
}

.panel p.previous {
	width: 100%;
	text-align: left;
 }

.panel p.next {
	width: 100%;
	text-align: right;
 	margin-top: -22px;
}

/*.panel div {
	width: 450px;
	clear: both;
	float: right;
	position: relative;
}*/ 

/**** Coda Slider ****/
#slider {width: 100%;}

.scroll {
	height: 830px;
	width: 560px;
	float: right;
	overflow: auto;
	overflow-x: hidden;
	position: relative;
	clear: left;
	right: 225px;
}


/**** Contact ****/
/*#contact_page form {padding: 35px 0 0 0;width: 340px;text-align: left;float: right;font-size: 14px;}
#contact_page fieldset {border: none}
#contact_page label {display: block;padding: 30px 0 2px 0;color: black;}
#contact_page input {color: black;display: block;width: 274px;padding: 2px;border: 1px solid black;border-width: 0 0 1px 0;background: transparent;}
#contact_page textarea {padding: 2px;color: black;display: block;width: 274px;height: 100px;border: 1px solid black;background: transparent;}
#contact_page legend {display: none;}
#contact_page button {position: relative;top: 25px;border: 1px solid black;cursor: pointer;font-size: 10px;font-weight: bold;padding: 10px;font-family: gotham,helvetica,arial,sans-serif; background: transparent;color: black;}
#contact_page button:hover {background: black;color: white;}*/
 
 

/**** Available Units ****/
p a {color: black;padding: 2px;background: transparent;}
p a:hover {background: black;color: white;text-decoration: none}

