/* CSS Document */

* {	margin:0; padding:0; font-size:100%;}

body{background:#0e0f0f; text-align:center;}
#main{ padding:0 85px;}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html{ font-family:Arial, Helvetica, sans-serif; font-size:0.875em; line-height:1.429em; color:#000000;}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#01deff; text-decoration:none}
a:hover{text-decoration:underline;}
p {padding-top:20px;}
h1 a{ font-family:Geneva, Arial, Helvetica, sans-serif; font-weight:normal; text-transform:uppercase; font-size:1.286em; color:#ffffff; text-decoration:none; letter-spacing:-1px;}
h2{ font-size:1.714em; font-weight:normal; color:#292828; padding-bottom:20px;}
strong{ color:#01deff;}
.strong1{ font-size:1.286em; color:#000000; font-weight:normal; line-height:1em !important;}
.strong2{ color:#01deff; font-weight:normal;}

/* ============================= main layout ====================== */
.imgindent {margin:4px 18px 0 0; float:left;}
.padding1{ padding-top:10px;}
.padding2{ padding-top:48px;}

/* ============================= header ====================== */
#header .menu{ float:right; padding-top:48px;}
#header .menu li{ float:left; padding-left:33px;}
#header .menu a{ font-family:Geneva, Arial, Helvetica, sans-serif; font-size:0.786em; text-transform:uppercase; color:#ffffff; text-decoration:none; font-weight:bold;}
#header .menu a:hover, #header .menu .active{ color:#01deff;}

h1{ padding-top:46px;}
h1 a:hover {text-decoration:none;}

/* ============================= content ====================== */
#content{ background:#ffffff; position:relative;}
#content01{ background:#ffffff; position:relative;}
#content02{ background:#ffffff; position:relative;}
.indent{ padding:49px 20px 20px 20px;}
.extra{ text-transform:uppercase;}
.prev{ position:absolute; margin:190px 0 0 -37px;}
.next{ position:absolute; margin:190px 0 0 740px;}

/* ============================= page3 ===========================*/
#page3 .column-1 .col-2{ margin-left:10px;}

/* ============================= footer ====================== */
#footer{ text-transform:uppercase; color:#676767;}
#footer a{ color:#676767; text-decoration:underline;}
#footer a:hover{ text-decoration:none;}
#footer .text{ padding-top:13px; font-size:0.714em;}

#footer .menu{ padding-top:15px;}
#footer .menu li{ float:left; padding-left:5px;}
#footer .menu a{ font-family:Geneva, Arial, Helvetica, sans-serif; font-size:0.929em; text-transform:uppercase; color:#ffffff; text-decoration:none; }
#footer .menu a:hover, #footer .menu .active{ color:#01deff;}

#footer .menu2{ padding-top:0px;}
#footer .menu2 li{ float:left; padding-left:27px;}
#footer .menu2 a{ font-family:Geneva, Arial, Helvetica, sans-serif; font-size:0.714em; text-transform:uppercase; color:#676767; text-decoration:none; }
#footer .menu2 a:hover, #footer .menu2 .active{ color:#bfbfbf;}

/* ============================= forms ============================= */
#ContactForm{ padding-top:3px;}
#ContactForm .col-1{ width:152px;}
#ContactForm .col-2{ width:146px;}
#ContactForm label{ display:block; height:26px;}
#ContactForm input{ width:138px; background:#999999; font-family:Arial, Helvetica, sans-serif; color:#ffffff; border:none; padding:4px 0px 4px 8px;}
#ContactForm textarea{ width:138px; background:#999999; font-family:Arial, Helvetica, sans-serif; color:#ffffff; border:none; padding:4px 0px 4px 8px; height:68px; overflow:hidden;}
#ContactForm .margin1{ margin-right:12px;}

/* ============================= custom ============================= */
