/*CSS Document */

/* ############################## global #############################  */

* { margin: 0px; padding: 0px; border: 0px; }

body {
	background-color:#FFFFFF;
}

ul li {
	list-style:none;
}

/* -------------- wrappers --------------- */
#wrapper{
	width:945px;
/*	margin:0px auto 0px auto;*/
}


/* -------------- header --------------- */ 
#fly_guy {
	position:absolute;
	width:346px;
	height:679px;
	background-image:url(../images/fly_guy2.jpg);
	background-repeat:no-repeat;
} 

#header{
	position:relative;
	margin-top:0px;
	margin-left:346px;
	width:599px;
	height:151px;
	background-image:url(../images/header.gif);
	background-repeat:no-repeat;
}

#menu{
	width:599px;
	height:47px;
	margin-left:346px;
	background-image:url(../images/nav.jpg);
	background-repeat:no-repeat;
}

/* -------------- content -> global--------------- */ 


#content_filler{
/*	position:relative;
*/	
/*	margin-top:300px;
*/	width:945px;
	height:10px;
	background-image:url(../images/content_filler2.gif);
	background-repeat:repeat-y;
	color:#CCCCCC;
	min-height:600px;
	height:100%;
}

/*#content_filler img{
	display:block;
}
*/
/*#content_filler a{
	color:#799520;
}
*/

h1, h2{
	padding-top:25px;
	padding-bottom:15px;
	color:#669933;

	/*color:#cccc00;*/
}
h3{
	padding-top:25px;
	padding-bottom:15px;
	color:#aa8104;
}



/*#home_content,#product_content, #nz_news_content, #locations_content_filler, #contact_content*/

.content_div{
	position:static;
	width:470px;
	color:#999999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.9em;
	margin-left:380px;
}


.title {
	margin-left:380px;


}
.title img{
padding-top:15px;
}

#content_filler ul{
	padding:15px;
	padding-left:40px;
}

#button_wrapper{
	margin-top:500px;
	margin-left:220px;
	width:130px;
	position:absolute;
}




.center_image {
	margin-left:80px;
	padding:25px;

}


/* ############################## gallery/images.html page #############################  */
/*#image_gallery {
	position:static;

}
*/


#image_gallery a {
float:left;
display:block;
background-repeat:no-repeat;
background-position:top left;
width:120px;
height:90px;
margin-top:25px;
margin-left:25px;
position:static;
}


/* summer kitewing */
#img1 a {
background:url(../images/g_car_thumb01.jpg);
}
#img2 a {
background:url(../images/g_dirt_thumb03.jpg);
}
#img3 a {
background:url(../images/g_dirt_thumb04.jpg);
}
#img4 a {
background:url(../images/g_inlineskates_thumb01.jpg);
}
#img5 a {
background:url(../images/g_maasvlakte_holland_thumb01.jpg);
}
#img6 a {
background:url(../images/g_maasvlakte_holland_thumb02.jpg);
}
#img7 a {
background:url(../images/g_maasvlakte_holland_thumb03.jpg);
}
/* winter kitewing */
#img8 a {
background:url(../images/g_skywings_thumb02.jpg);
}
#img9 a {
background:url(../images/g_skywings_thumb03.jpg);
}
#img10 a {
background:url(../images/g_skywings_thumb05.jpg);
}
#img11 a {
background:url(../images/g_skywings_thumb06.jpg);
}
#img12 a {
background:url(../images/g_skywings_thumb07.jpg);
}
#img13 a {
background:url(../images/g_skywings_thumb08.jpg);
}
#img14 a {
background:url(../images/g_skywings_thumb09.jpg);
}
#img15 a {
background:url(../images/g_skywings_thumb18.jpg);
}
#img16 a {
background:url(../images/g_skywings_thumb20.jpg);
}
/* water kitewing */
#img17 a {
background:url(../images/g_ww_1_thumb.jpg);
}
#img18 a {
background:url(../images/g_ww_2_thumb.jpg);
}
#img19 a {
background:url(../images/g_ww_3_thumb.jpg);
}
#img20 a {
background:url(../images/g_ww_4_thumb.jpg);
}
#img21 a {
background:url(../images/g_ww_5_thumb.jpg);
}

.gallery_heading {
	clear:left;

}



/* ############################## index.html only #############################  */



/* =top_link_wrapper
------------------------- top_link_wrapper ------------------
*/

#top_link_wrapper{
	position:static;
	margin-top:0px;
	margin-left:350px;
}

#kw_land_middle, #kw_snow_right, #kw_water_left {
	float:left;
	padding:40px 8px 0px 0px;
	width:161px;
	height:210px;
}

#kw_land_middle a, #kw_snow_right a, #kw_water_left a{
	margin-left:0px; 
	display:block;
	background-repeat:no-repeat;
	background-position:top left;
	width:161px;
	height:30px;
	padding-top:170px;
	text-align:center;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:bold;
	text-decoration:none;
}

#kw_water_left a{
	background-image:url(../images/kitewing_ww_btn.jpg);	
}

#kw_land_middle a{
	background-image:url(../images/kitewing_summer_btn.jpg);
}

#kw_snow_right a{
	background-image:url(../images/kitewing_winter_btn.jpg);
}

#kw_snow_right a:hover, #kw_land_middle a:hover, #kw_water_left a:hover {
background-position: -156px 0px;
}

/* ----------- homepage videos --------------- */

#vid_wrapper {
	margin-top:30px;
	width:480px;
	height:240px;
}

#homevid_left {

	float:left;
	width:229px;
	height:193px;
}


#homevid_right {

	float:left;
	width:229px;
	height:193px;
	margin-left:12px;
}

#newsvid_wrapper {
	margin-top:30px;
	margin-left:115px;
	width:480px;
	height:240px;
}

/* ############################## locations only #############################  */

.locations_top img {
	margin-left:-25px;
}

#loc_nav ul {
	margin-left:-40px;
}


#loc_nav li{
	list-style:none;
}

#loc_nav a{
	color:#aa8104;
	text-decoration:none;
	line-height:1.4em;
	font-weight:bold;
	font-size:1.2em;
}

#loc_nav a:hover{
	text-decoration:underline;
	color:#ffff66;
}

#map_nz{
	margin-left:40px;

}


/* ############################## contact.html.php only #############################  */


input,
textarea {
  padding: 1px 3px;												
  margin: 2.5px 0;												
  font: 1em verdana, arial, sans-serif;
  color:#FFFFFF;												/*white colour text*/
  background-color: #777;										/*gray colour bkgd*/
  border: 1px solid #999;										/*give all input and text box borders. and made it light gray color*/
}

input:hover,
input:focus,
textarea:hover,
textarea:focus {
  color: #FFF;													/*white*/
  background-color: #999;										/*light gray for bkgd when hovered or focused*/
  border: 1px solid #EEE;										/*when hover or click into d text box, borders change color to white*/
}

fieldset {
	padding:20px;
	margin:40px;;	
	width:350px; 
	background-color:#686868;									/*gray*/
	border-style:groove; 
}

label {
	color:#FFFFFF;												/*white for the label*/
	text-align:right; 
	width:90px;
	font-size:1.2em;
	font-weight:bold;
}



/* ############################## instructions.html only #############################  */


#flashcontent {
	margin-left:60px;

	
}

#instruction_links{
text-align:center;
margin-left:-25px;
}
#instruction_links p a{

	color:#aa8104;
	font-size:1.5em;
	text-decoration:none;
	line-height:1.7em;
}

#instruction_links p a:hover{
	text-decoration:underline;
}
#instruction_links a{
	color:#669933;
	font-size:1.5em;
	text-decoration:none;
	line-height:1.7em;
}

#instruction_links a:hover{
	text-decoration:underline;
}



/* =Links
------------------------- Links ------------------
*/

#nav{
	width:540px;
	height:47px;
	background-image:url(../images/bg-repeat.jpg);
	background-repeat:repeat-x;
	position:absolute;/*this will make sure the dropdown displays in ie7 and not effect the div below*/
}
#nav ul {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.9em;
	list-style: none;
	text-align: center;
	margin-top: 0px; 
	padding: 0px;		
}
#nav li {
	float:left;
}

#nav li a {
	padding-top:12px;
	float: left;
	padding-bottom:5px;
	display: block;
	text-align:center;
	color:#43842D;
	text-decoration: none;
	width:90px;
}
#nav li a:hover {
	background:#000000;
	color:#43842D;
}
#nav li a#current  {
	background:#000000;
	color:#43842D;
}
#nav ul li {
	width:90px;
}
#nav ul li ul {
display:none;
}
/*#nav ul ul {
	margin-top:3.6em;
}*/
#products li{
	clear:left;
}
#products li a{
	
	font-size:.9em;
	width:90px;
	border-top:thin solid #999999;
	background-color:#000000;
}
#products li a:hover{
	background-color:#333333;
}
#gallery li{
	clear:left;
}
#gallery li a{
	
	font-size:.9em;
	width:90px;
	border-top:thin solid #999999;
	background-color:#000000;
}
#gallery li a:hover{
	background-color:#333333;
}
#more_info li{
	clear:left;
}
#more_info li a{
	
	font-size:.9em;
	width:90px;
	border-top:thin solid #999999;
	background-color:#000000;
}
#more_info li a:hover{
	background-color:#333333;
}

.content_div a{
	color:#799520;
}

.back_to_top a{
	color:#aa8104;
	clear:left;
}

ul li a {
	text-decoration:none;
}

ul li a:hover {
	text-decoration:underline;
}

.pdf_links {
	margin-top:150px;


}

.pdf_links ul{
	clear:left;
	padding-top:0px;
	margin:0px;
	list-style-type:none;
}

.pdf_links li{
	background-image:url(../images/pdf_logo.jpg);
	background-repeat:no-repeat;
	padding-left:60px;
	padding-top:5px;
	vertical-align:text-top;
	display:block;
	height:70px;
	margin-left:0px;
}

.pdf_links a{
	color:#669933;
	font-size:1.5em;
	text-decoration:none;
	line-height:1.7em;
	
}


.pdf_links a:hover{
	text-decoration:underline;
}




/*
------------------------- left col Links ------------------
*/

a#instructions
{
	background:url(../images/instructions_link.jpg) no-repeat;
	display:block;
	width:0px;
	height:0px;
	padding:108px 128px 0px 0px;
	margin-bottom:100px;
	overflow:hidden;
}

a#dirtsurfer
{
	background:url(../images/dirtsurfer_link.jpg) no-repeat;
	display:block;
	width:0px;
	height:0px;
	padding:67px 123px 0px 0px;
	margin-bottom:100px;
	overflow:hidden;
}

a#warranty
{
	background:url(../images/warranty_link.jpg) no-repeat;
	display:block;
	width:0px;
	height:0px;
	padding:60px 124px 0px 0px;
	margin-bottom:15px;
	overflow:hidden;
}

/* -------------- footer --------------- */
#footer{
	clear:left;	
	width:945px;
	height:187px;
	background-image:url(../images/footer.jpg);
	background-repeat:no-repeat;

	
}

/* =footer links
------------------------- footer links ------------------
*/


#disclaimer{
	position:relative;
	width:150px;
	margin-left:230px;
}

#newsletter a{
	position:relative;
	background:url(../images/newsletter.jpg) no-repeat;
	display:block;
	width:314px;
	height:38px;
	margin-left:380px;
	margin-top:-40px;

}
#company_info{
	position:relative;
	color:#43842D;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.9em;
	list-style: none;
	margin-top: 10px; 
	padding: 0px;
	margin-left:350px;
}