/* ######## html elements ######## */

html, body {height:101.1%;}

body { background:#141414 url(../img/bg_pg_3.jpg) 50% 0 repeat-x; color:#e1e1e1; text-align:center} /* center text so IE will center #wrap */
.homepage body { background:#141414 url(../img/hmpg_pg_bg.jpg) 0 0 repeat-x; color:#e1e1e1; text-align:center} /* center text so IE will center #wrap */

img.hrzrule {margin:10px 0 10px -5px;}

h1 {font:bold 17px/18px Verdana, Arial, Helvetica, sans-serif; margin:6px 0;}
h2 {font:bold 19px/20px Verdana, Arial, Helvetica, sans-serif; margin:12px 0; text-transform:uppercase;}
h3 {font:bold 13px/16px Verdana, Arial, Helvetica, sans-serif; margin:6px 0 12px 0;}
h4 {font:bold 12px/15.5px Verdana, Arial, Helvetica, sans-serif; margin:6px 0 12px 0;}

p {font:11.5px/17px Verdana, Arial, Helvetica, sans-serif; margin:6px 0;}
p.caption {font:italic 10px/12px Verdana, Arial, Helvetica, sans-serif; color:#999; text-align:right;}
.new {color:#9d230b; font-size: 7px;}

a:link, a:visited {color:#82c5f3; font-weight:bold; text-decoration:none;}
a:hover, a:active {text-decoration:underline;}

table {font:10.5px/16px Verdana, Arial, Helvetica, sans-serif; border-collapse:collapse;}


/* ######## page structure ######## */

#wrap {display:block; position:relative; width:1050px; margin:0 auto; text-align:left; } /* left-align text to reset IE rule */
#content {display:block; width:100%; float:left; }
#header {display:block; height:120px; width:100%; margin-bottom:20px; background:url(../img/bg_header.png) 266px 50px no-repeat;}
h1#logo { display:block; width:218px; height:85px; background:url(../img/logo_prism.gif) no-repeat; text-indent:-9999px;position:absolute; top:10px; left:45px;}
.main {}
.homepage .main {padding-left:37px; display:block; height:560px;}

/* structure for top section of pages */
.top_2col{ display:block; width:100%; float:left; height: 325px; padding: 10px 0; background:url(../img/bg_topcol.jpg) no-repeat}/* floating this left makes it expand vertically to fit content */
.top_2col .leftcol { display:block; float:left; width:440px; margin-right:50px; padding-left:50px;}

.top_2col .leftcol ul {font:11px/15px Verdana, Arial, Helvetica, sans-serif; margin:6px 0;}
.top_2col .leftcol li {list-style-type: square; list-style-position: inside; margin-top:5px; padding-left: 1em; text-indent: -1em;}

.top_2col .rightcol { display:block; float:left; width:460px; }

.top_1col {margin:0 50px; width:960px; height:358px; } /* used in homepage slideshow only */

.media_bank {display:block; width:100%; float:left; }
.media_bank .leftside {display:block; float:left; width:180px; margin-right:50px; padding-left:50px;}
.media_bank .rightside {display:block; float:left; width:720px;}
.media_bank .rightside p {display:inline; float:left; text-align:center; margin-right: 14px;}
.media_bank h3 {font:bold 13px/16px Verdana, Arial, Helvetica, sans-serif; padding-bottom: 3px; margin:24px 0 0 0; border-bottom: 1px solid #222222;}
.media_bank h4 {font:bold 12px/15.5px Verdana, Arial, Helvetica, sans-serif; margin:10px 0 -5px 0;}

/* structure for bottom section of pages */
.btm_col_wrap { display:block;  clear:both; float:left; /* floating this left makes it expand vertically to fit content */
	width:100%; margin-bottom:20px;}
.btm_4col { display:block; width:100%; padding-left:50px;}
.btm_4col .onecol { display:block; float:left; width:220px; margin-right:23px; padding-bottom:20px;}
.btm_4col .twocol { display:block; float:left; width:464px; margin-right:23px; padding-bottom:20px;}

.btm_5col { display:block; width:100%; padding-left:50px; margin-top:25px;}
.btm_5col .onecol { display:block; float:left; width:172px; margin-right:25px; margin-bottom:25px;}

/*products page-specific structure */
.products .top_2col .leftcol { display:block; float:left; width:460px; margin-right:25px; padding-left:50px;}
.products .top_2col .leftcol .onecol {display:block; float:left; width:46%; margin-right:4%;}
.products .top_2col .rightcol { display:block; float:left; width:440px; }
.products #kite_pic {position:absolute; top:130px; left:400; z-index:0;}

/*company page-specific structure */
.company .top_2col .leftcol { display:block; float:left; width:460px; margin-right:25px; padding-left:50px;}
.company .top_2col .leftcol .onecol {display:block; float:left; width:46%; margin-right:4%;}
.company .top_2col .rightcol { display:block; float:left; width:440px; }
.company #kite_pic {position:absolute; top:130px; left:400; z-index:-1;}

/*pilots page-specific structure */
.pilots .top_2col .leftcol { display:block; float:left; width:460px; margin-right:25px; padding-left:50px;}
.pilots .top_2col .leftcol .onecol {display:block; float:left; width:46%; margin-right:4%;}
.pilots .top_2col .rightcol { display:block; float:left; width:440px; }
.pilots #kite_pic {position:absolute; top:130px; left:400; z-index:-1;}

/*support page-specific structure */
.supports .top_2col .leftcol { display:block; float:left; width:460px; margin-right:25px; padding-left:50px;}
.supports .top_2col .leftcol .onecol {display:block; float:left; width:46%; margin-right:4%;}
.supports .top_2col .rightcol { display:block; float:left; width:440px; }
.supports #kite_pic {position:absolute; top:130px; left:400; z-index:-1;}

/*dealers page-specific structure */
.dealers .top_2col .leftcol { display:block; float:left; width:460px; margin-right:25px; padding-left:50px;}
.dealers .top_2col .leftcol .onecol {display:block; float:left; width:46%; margin-right:4%;}
.dealers .top_2col .rightcol { display:block; float:left; width:440px; }
.dealers #kite_pic {position:absolute; top:130px; left:400; z-index:-1;}

/*login page-specific structure */
.login .top_2col .leftcol { display:block; float:left; width:460px; margin-right:25px; padding-left:50px;}
.login .top_2col .leftcol .onecol {display:block; float:left; width:46%; margin-right:4%;}
.login .top_2col .rightcol { display:block; float:left; width:440px; }
.login #kite_pic {position:absolute; top:130px; left:400; z-index:-1;}

ul.features {border-top:1px solid #333; display: list-item;}
ul.features li {font:10.5px/16px Verdana, Arial, Helvetica, sans-serif; margin:6px 0; list-style-type: square; }

.btn-set {position:absolute; margin: 2px 0 0 300px; display:block; float:right; width:150px; height:48px; cursor:pointer;}

.btn-set a {display:block; width:48px; height:48px; margin-left:2px; float:right; cursor:pointer;}

.btn-set a.colors {background:url(../img/btn_colors.gif) no-repeat 0 0;}
.btn-set a.colors:hover {background-position:-48px 0;}
.btn-set a.colors:active {background-position:0 0;}

.btn-set a.manual {background:url(../img/btn_manual.gif) no-repeat 0 0;}
.btn-set a.manual:hover {background-position:-48px 0;}
.btn-set a.manual:active {background-position:0 0;}

.btn-set a.parts {background:url(../img/btn_parts.gif) no-repeat 0 0;}
.btn-set a.parts:hover {background-position:-48px 0;}
.btn-set a.parts:active {background-position:0 0;}

/*support page-specific structure */
.support .top_2col { display:block; width:100%; float:left; background:none; margin-bottom:25px;}/* floating this left makes it expand vertically to fit content */
.support .top_2col .leftcol { display:block; float:left; width:225px; margin-right:20px; padding-left:50px;}
.support .top_2col .rightcol { display:block; float:left; width:680px; }
.support .top_2col .rightcol img {border:1px solid #444;}

/* download page */
p.downloads {width: 103px; float: left; display:inline; margin:0 7px 15px 0;}
p.downloads a:hover {text-decoration: none;}

a.icon {width:16px; height:16px; padding-left:20px; background:url(../img/pdf_icon.gif) left center no-repeat;}

/* lounge structure */
.top_1col { display:block; width:100%; padding:0; background:none; margin-bottom:10px;}

/* footer */
#footer {display:block; clear:both; width:100%; float:left; padding-top:13px; border-top: 1px solid #232323; margin-bottom:20px;}
#footer ul {float:left; margin-left:50px; font:11px/12px Verdana, Arial, Helvetica, sans-serif; color:#666;}
#footer ul li {float:left; margin-right:4px;}
#footer p#credits {display:block; margin:0 50px 0 0; float:right; text-align:right; color:#333333;}
#footer a {color:#555; font-weight: normal;}

/*image blocks*/
img.left {float:left; margin: 0 15px 5px 0;}
img.right {float:right; margin: 0 0 5px 15px;}

/* ####### misc. ######### */


/* give dropshadows to main page imgs */

	
#slideshow img.bigpic { /* add drop shadow to css3-supporting browsers */
	-moz-box-shadow: 2px 2px 25px #000; -webkit-box-shadow: 2px 2px 25px #000; box-shadow: 2px 2px 25px #000;
	position:relative;
	z-index:1000;
	}
	
/* form styles 
input, textarea { background:#444; border: 1px solid #999; }
*/

/* specs table styles */
table.specs tr {margin-top:1px; border-top:1px solid #333; border-bottom:1px solid #333;}
tr.even {}
tr.odd { background-color:#232323;}
table.specs td {padding:2px 2px 2px 5px;}

/* form tables for login pages */
table.form_table {margin-top:15px;}
table.form_table td { padding:5px;}
table.form_table label {text-align:right;}

/* infiniteCarousel css */

.infiniteCarousel {
  width: 1040px;
  position: relative;
  height:186px;
}
.infiniteCarousel .wrapper {
  width: 960px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: hidden;
  min-height: 186px;
  margin: 0 40px;
  position: absolute;
  top: 0;
}
.infiniteCarousel ul a img {
  -moz-box-shadow: 2px 1px 7px #000;
  -webkit-box-shadow: 2px 1px 7px #000;
  box-shadow: 2px 1px 7px #000;
}
.infiniteCarousel .wrapper ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}
.infiniteCarousel ul li {
  display:block;
  float:left;
  padding: 0 11px;
  height: 220px;
  width: 220px;
}
.infiniteCarousel ul li a img { display:block; }
.infiniteCarousel .arrow { display: block; height: 42px; width: 48px; 
	background: url(../img/arrow.jpg) no-repeat 0 0; text-indent: -9999px; 
	position: absolute; top: 60px; 
	cursor: pointer;
}
.infiniteCarousel .forward { background-position: 0 -84px; right:-8px;}
.infiniteCarousel .back {background-position: 0 0;left:-8px;}
.infiniteCarousel .forward:hover { background-position: 0 -127px;}
.infiniteCarousel .back:hover { background-position: 0 -42px;}

	
/* Scroller (custom js scrollbar) */
#section-scroll {
	height: 260px;
	}

.scroll-pane {
	width: 440px;
	height: 260px;
	overflow: auto;
	float: left;
	padding:0;	
	}
	
/*JScrollPane CSS*/
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
	padding-right:15px;
	}

.jScrollPaneTrack{
	position:absolute;
	cursor:pointer;
	right:0;top:0;
	height:250px !important;
	background: url(../img/slider_bar.gif) no-repeat 0 0;
	}
	
.jScrollPaneDrag{
	position:absolute; 
	background:#444444;
	cursor:pointer;
	overflow:hidden;
	height:15% !important;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	}