/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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, 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; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { 	content: ''; 	content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/*global*/
* { margin: 0; padding: 0; }

html, body { margin: 0; padding: 0; width: 100%; height: 100%; font-family: Helvetica, Arial, sans-serif; font-size: 11px; color: #000; }
img { border: 0px; }
.clear { clear: both;  line-height: 0;  font-size: 0; }
h1 { font-size: 20px; font-weight: normal;  color: #d4ca8d; margin-bottom: 5px; }
h2 { font-size: 15px; font-weight: normal;  color: #d4ca8d; margin-bottom: 15px; }
p { color: #fff; margin-bottom: 15px; }

/*main*/
.bgmain { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1; }
.scrollable { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; overflow: auto;  }
.header { width: 900px; position: relative; margin: 20px auto 0px auto; }

/*innerpages*/
.white { width: 100%; height: 132px; background-color: #fff; }
.headerinner { width: 900px; position: relative; margin: 0px auto; padding-top: 20px; }
.innerlinks { width: 900px; margin: 0px auto; text-align: left; }

/*homepage nav*/
.navhome { width: 900px; margin: 185px auto 10px; text-align: left; list-style-type: none; clear: both; display: block; }
.navhome  li { text-indent: -9999px; overflow: hidden; display: block; margin-bottom: 1px; }

.link01 a { width: 387px; height: 100px; display: block; background-image: url(../images/link01.gif); background-position: 0px 0px; }
.link01 a:hover { background-position: 0px -100px; }
.link02 a { width: 676px; height: 100px; display: block; background-image: url(../images/link02.gif); background-position: 0px 0px; }
.link02 a:hover { background-position: 0px -100px; }
.link03 a { width: 657px; height: 100px; display: block; background-image: url(../images/link03.gif); background-position: 0px 0px; }
.link03 a:hover { background-position: 0px -100px; }


/*footer*/
.footer { width: 900px; margin: 0px auto 20px; text-align: left; text-indent: 35px; }
.footerinner { width: 900px; margin: 0px auto 20px; text-align: left; text-indent: 35px; color: #ccc; position: relative;  }

/*subnav*/
.gallery { width: 900px; margin: 0px auto; }
.subnav { width: 35px; float: left; }
.subnav li { width: 30px; height: 12px; display: block; margin-bottom: 1px;  list-style-type: none; }
.subnav a { width: 30px; height: 12px; display: block; margin-bottom: 1px; list-style-type: none; color: #d4ca8d;  text-decoration: none; background-image: url(../images/arrow-sub.gif); }
.subnav a:hover { color: #fff; }
.subnav a:visited { color: #fff; }

/*scroller*/
.numbers { width: 900px; margin: 10px auto; color: #fff; text-indent: 35px;  }
.numbers a { color: #fff; text-decoration: none; margin-right: 5px; }
.numbers a:hover { color: #fff; text-decoration: underline; }
ul.blocks { width: 13340px; height: 420px; padding: 0;  display: block; }
ul.blocks li { height: 420px; margin:0px; float: left; display: block; margin-right: 1px; }
ul.blocks02 { width: 2920px; height: 420px; padding: 0;  display: block; }
ul.blocks02 li { height: 420px; margin:0px; float: left; display: block; margin-right: 1px; }
ul.blocks03 { width: 4460px; height: 420px; padding: 0;  display: block; }
ul.blocks03 li { height: 420px; margin:0px; float: left; display: block; margin-right: 1px; }
ul.blocks04 { width: 5080px; height: 420px; padding: 0;  display: block; }
ul.blocks04 li { height: 420px; margin:0px; float: left; display: block; margin-right: 1px; }
ul.blocks05 { width: 1760px; height: 420px; padding: 0;  display: block; }
ul.blocks05 li { height: 420px; margin:0px; float: left; display: block; margin-right: 1px; }
ul.blocks06 { width: 4780px; height: 420px; padding: 0;  display: block; }
ul.blocks06 li { height: 420px; margin:0px; float: left; display: block; margin-right: 1px; }
ul.blocks07 { width: 2420px; height: 420px; padding: 0;  display: block; }
ul.blocks07 li { height: 420px; margin:0px; float: left; display: block; margin-right: 1px; }
ul.blocks08 { width: 2220px; height: 420px; padding: 0;  display: block; }
ul.blocks08 li { height: 420px; margin:0px; float: left; display: block; margin-right: 1px; }
ul.blocks09 { width: 1590px; height: 420px; padding: 0;  display: block; }
ul.blocks09 li { height: 420px; margin:0px; float: left; display: block; margin-right: 1px; }
ul.blocks10 { width: 3160px; height: 420px; padding: 0;  display: block; }
ul.blocks10 li { height: 420px; margin:0px; float: left; display: block; margin-right: 1px; }
ul.blocks11 { width: 1410px; height: 420px; padding: 0;  display: block; }
ul.blocks11 li { height: 420px; margin:0px; float: left; display: block; margin-right: 1px; }
ul.blocks12 { width: 3800px; height: 420px; padding: 0;  display: block; }
ul.blocks12 li { height: 420px; margin:0px; float: left; display: block; margin-right: 1px; }
ul.blocks13 { width: 3730px; height: 420px; padding: 0;  display: block; }
ul.blocks13 li { height: 420px; margin:0px; float: left; display: block; margin-right: 1px; }
ul.blocks14 { width: 1830px; height: 420px; padding: 0;  display: block; }
ul.blocks14 li { height: 420px; margin:0px; float: left; display: block; margin-right: 1px; }
ul.blocks15 { width:10390px; height: 420px; padding: 0;  display: block; }
ul.blocks15 li { height: 420px; margin:0px; float: left; display: block; margin-right: 1px; }
ul.blocks16 { width:3160px; height: 420px; padding: 0;  display: block; }
ul.blocks16 li { height: 420px; margin:0px; float: left; display: block; margin-right: 1px; }
ul.blocks17 { width: 2150px; height: 420px; padding: 0;  display: block; }
ul.blocks17 li { height: 420px; margin:0px; float: left; display: block; margin-right: 1px; }
ul.blocks18 { width: 1900px; height: 420px; padding: 0;  display: block; }
ul.blocks18 li { height: 420px; margin:0px; float: left; display: block; margin-right: 1px; }
ul.blocks19 { width: 2390px; height: 420px; padding: 0;  display: block; }
ul.blocks19 li { height: 420px; margin:0px; float: left; display: block; margin-right: 1px; }
ul.blocks20 { width:3030px; height: 420px; padding: 0;  display: block; }
ul.blocks20 li { height: 420px; margin:0px; float: left; display: block; margin-right: 1px; }
.holder { width:865px; display: block; margin-bottom: 20px; float: left; }
.holdersketch { width:900px; margin: 0px auto; display: block; margin-bottom: 20px; }
ul.blockssketch { width: 6510px; height: 420px; padding: 0;  display: block; }
ul.blockssketch li { height: 420px; margin:0px; float: left; display: block; margin-right: 1px; }
.scroll-pane { width: 900px; background: #000; float: left; padding: 0; }
#pane5 { width: 900px; height: 420px; padding: 0; display: block; _overflow: hidden; }

a.jScrollArrowLeft { background: url(basic_arrow_up.gif) no-repeat 0 0; }
a.jScrollArrowLeft:hover { background-position: 0 -15px; }
a.jScrollArrowRight { background: url(basic_arrow_down.gif) no-repeat 0 0; }
a.jScrollArrowRight:hover { background-position: 0 -15px; }
a.jScrollActiveArrowButton,  a.jScrollActiveArrowButton:hover { background-position: 0 -30px; }
.orange-bar .jScrollPaneTrack { background: #f60; }
.orange-bar .jScrollPaneDrag { background: #00f url(drag_grab.gif) no-repeat 50% 50%; }
.orange-bar .scroll-pane { 	background: #69f; }

/*packages*/
.package { width: 900px; margin: 0px auto 20px; }
.packagediv01 { width: 410px; min-height: 340px; padding: 20px; float: left;  background-color: #151515; }
.packagediv02 { width: 410px; min-height: 340px; padding: 20px; float: left; background-color: #242424; }
