/* reset.css */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0; }
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}

/* fonts.css - Percents could work for IE, but for backCompat purposes, we are using keywords. x-small is for IE6/7 quirks mode. */
table {font-size:inherit;font:100%;}
/* 99% for safari; 100% is too large */
select, input, textarea {font:99% arial, helvetica, clean, sans-serif;}
/*  Bump up !IE to get to 13px equivalent */
pre, code {font:115% monospace;*font-size:100%;}
/* Default line-height based on font-size rather than "computed-value" */
body * {line-height:1.22em;}
body      { color: #ffffff; font-size: 9pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; background-color: #343c2b; background-image: url("images/background2.jpg"); background-repeat: repeat-x }
#pad_top    { height: 55px }
#container             { background-color: #ffffff; margin-right: auto; margin-left: auto; position: relative; width: 960px; height: 620px }
#logo { position: absolute; top: 27px; left: 27px }
#index_text  { line-height: 18px; display: none; position: absolute; top: 430px; left: 90px }
#index_text .text1 { color: #4098d7; font-size: 18pt; font-weight: bold }
#index_text .text2 { color: #98d01f; font-size: 18pt; font-weight: bold }
#launch     { padding-right: 12px; width: 680px; height: 27px }
#launch a      { color: #4098d7; text-decoration: none }
#launch a:hover     { color: #343c2b; text-decoration: none }
#header      { width: 960px; height: 100px }
#header .left  { width: 180px; float: left }
#header .right        { text-align: right; width: 780px; height: 100px; float: right }
#header_line    { width: 960px; height: 100px; border-bottom: 1px solid #000000 }
#header_line .left    { width: 180px; float: left }
#header_line .right         { text-align: right; width: 780px; height: 100px; float: right}
#nav_pad   { width: 573px; height: 73px }
.slide_show  { background-color: #48513f }
#bottom   { color: #ffffff; background-color: #0c5680; width: 100%; height: 45px }
#bottom .left   { padding-top: 14px; padding-left: 15px; width: 600px; float: left }
#bottom .right     { color: #ffffff; font-size: 14pt; font-weight: bold; text-align: right; padding-top: 10px; padding-right: 15px; width: 330px; float: right }
#bottom .right_title { color: #98d01f }
#bottom a  { color: #98d01f }
#bottom a:hover { color: #ffffff }
#facebook    { margin: 4px 0 0; position: absolute; bottom: 17px; left: 135px }
#facebook a  { text-indent: -1000px; display: block; margin: 2px; padding: 0; width: 26px; height: 25px; overflow: hidden; opacity: .8 }
#facebook a.fb  { background: url("images/facebookBtn.jpg") no-repeat }
#facebook a:hover {opacity:1;}
#content   { color: #000000; width: 100%; height: 475px }
#content_text   { line-height: 17px; padding: 30px 150px 20px 200px }
#page_title   { color: #7aad0c; font-size: 18pt; font-weight: bold; padding-bottom: 2px; width: 100% }
#page_title_line   { color: #7aad0c; font-size: 18pt; font-weight: bold; padding-bottom: 2px; width: 100%; height: 40px; border-bottom: 1px solid #000000 }
#page_title_line .blurb   { color: black; font-size: 9pt; font-weight: normal; text-align: right; width: 600px; float: right }
#page_title_line td  { padding-bottom: 13px }
h1   { color: #7aad0c; font-size: 16pt; font-weight: bold; padding-bottom: 2px; width: 100% }
#price { font-size: 11pt; font-weight: bold; padding-bottom: 2px }
#price .title  { color: #000000 }
h2 { font-size: 11pt; font-weight: bold; padding-bottom: 2px; color: #000000 }
#content .left  { text-align: left; display: table-cell; width: 471px; float: left }
#content .right    { text-align: left; width: 239px; float: right }
#content .right2  { text-align: center; width: 162px; float: right }
#content .subtitle    { color: #4098d7; font-size: 12pt; font-weight: bold; text-transform: uppercase; padding-bottom: 15px }
#content .subtitle2  { color: #000000; font-size: 12pt; font-weight: bold }
#content .option a { color: #7aad0c; font-weight: bold; text-transform: uppercase }
#content .option a:hover { color: #000000; font-weight: bold; text-transform: uppercase }
#content .arrow { color: #4098d7; font-weight: bold; padding-right: 10px }
#content .img_space { width: 100%; height: 4px }
#content a      { color: #4098d7; text-decoration: none }
#content a:hover   { color: #000000; text-decoration: none }
#content .policies { font-size: 8pt }
#gear_list td { line-height: 17px }
#gear_list .list { line-height: 20px }
/* contact form */
#contact_form td   { padding-right: 10px; padding-bottom: 10px }
#contact_form .input   { color: #000000; font-size: 9pt; background: #e0f1ba; padding-left: 4px; width: 250px; height: 20px; border: outset 0 }
#contact_form .input2 { color: #000000; font-size: 9pt; background: #e0f1ba; padding-left: 4px; width: 80px; height: 20px; border: outset 0 }
#contact_form .input3 { color: #000000; font-size: 9pt; background: #e0f1ba; padding-left: 4px; width: 30px; height: 20px; border: outset 0 }
#contact_form textarea    { color: #000000; font-size: 9pt; background: #e0f1ba; padding-top: 2px; padding-bottom: 2px; padding-left: 4px; width: 250px; height: 60px; overflow: auto; border: outset 0 }
#contact td { line-height: 18px; padding-bottom: 20px }
.button    { color: #ffffff; background-color: #0c5680; padding: 3px 6px; border: solid 1px #0c5680 }
.button:hover { color: #98d01f; background-color: #0c5680; padding: 3px 6px; border: solid 1px #0c5680 }
/* misc links */
.med { font-size: 12pt; font-weight: bold }
.clear { clear: both; }
.notice { color: #FF0000; }
.spacer  { }
.color   { color: #4098df }
.color2  { color: #7aad0c }
.title1   { color: #343c2b }
.title2 { color: #343c2b; font-weight: bold; text-transform: uppercase }
.title3 { font-size: 16pt }
.indent    { padding-left: 20px }
.small { font-size: 8pt }
.caption   { font-size: 7pt; line-height: 16px; text-align: right; width: 100% }
div .hr  { border-bottom: 1px solid #9c9c9c }
.float-right     { display: inline; margin: 0; float: right }
.float-left        { display: inline; margin: 0; float: left }
.image_space { width: 20px }
.image_space2 { width: 10px }
#contentText ul     { color: #75c6fe; list-style-type: square; margin-top: 0; margin-bottom: 10px; margin-left: 0; padding-top: 0; padding-right: 4px; padding-left: 15px }
#contentText ul .text { color: #213a2e }
#contentText li { line-height: 13pt }
#contentText li a:link     { color: #ffffff; text-decoration: none }
#contentText li a:active     { color: #ffffff; text-decoration: none }
#contentText li a:visited    { color: #ffffff; text-decoration: none }
#contentText li a:hover   { color: #ff9102; text-decoration: none }
#popup a:link     { color: #40aefa; text-decoration: none }
#popup a:active     { color: #40aefa; text-decoration: none }
#popup a:visited    { color: #40aefa; text-decoration: none }
#popup a:hover   { color: #000000; text-decoration: none }
/* footer */
#footer             { color: #ffffff; font-size: 77%; margin: 6px auto auto; padding-bottom: 10px; width: 954px; vertical-align: bottom }
#footer .left   { width: 187px; float: left }
#footer .right   { text-align: right; width: 386px; float: right }	
#footer a      { color: #98d01f; text-decoration: none }
#footer a:hover     { color: #ffffff; text-decoration: none }
/* links */
a   { text-decoration: none }
a:focus  { outline-style: none; outline-color: invert }