@charset "utf-8";
/* CSS Document */

/* BEGIN GENERAL LAYOUT */
/* border: #C55200 1px solid; */

body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,th,td {margin:0; padding:0;}
a {outline: none; outline: hidden;}
a:link, a:visited {text-decoration: underline; color: #CCC;}
a:active, a:hover {text-decoration: underline; color: #FFF;}
ul {margin: 2px 0px 15px 10px; padding: 0px;}
li {margin: 5px 0px 0px 15px; padding: 0px;}

#main {font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #000000; margin: 0px; padding: 0px; text-align: center; color: #999999;}
#scrollbox {position: relative; top: 0px; padding: 0px; margin: auto; margin-top: 0px; margin-bottom: 0px; text-align: left; width: 1000px;}
#container {position: relative; top: 0px; padding: 0px; margin: auto; margin-top: 0px; margin-bottom: 0px; text-align: left; width: 600px;}
#bgflash {position: absolute; z-index: 0; margin: 0px; padding: 0px;}
#preloader {z-index: 199; top: 0px; width: 100%; height: 325px; margin: auto; margin-top: 0px; margin-bottom: 0px; padding: 275px 0px 0px 0px; background-color:#000000; display: block; position: absolute; color: #7AC943; font-size: 12px; text-align: center;}

#content {margin: 0px; padding: 0px; text-align: left; border: none; background-color: #000000; width: 600px;}
#blender {z-index: 3; position: absolute; top: 0px; left: 0px; margin: 0px; padding:0px;}
/* END GENERAL LAYOUT */

/* TOP BAR */
#logo {position: absolute; top: 50px; left: 105px; margin: 0px; padding: 0px; z-index: 3;}
/* END TOP BAR */

/* ORBS */
#btn_home_shadow, #btn_portfolio_shadow, #btn_templates_shadow, #btn_services_shadow, #btn_about_shadow, #btn_contact_shadow {margin: 0px; padding: 0px; position: absolute; z-index: 5; display: block;}
#btn_home_shadow {background: url(../images/home_btn_shadow.png) no-repeat 0 0; width: 210px; height: 215px;}
#btn_portfolio_shadow {background: url(../images/portfolio_btn_shadow.png) no-repeat 0 0; width: 165px; height: 170px;}
#btn_templates_shadow {background: url(../images/templates_btn_shadow.png) no-repeat 0 0; width: 155px; height: 160px;}
#btn_services_shadow {background: url(../images/services_btn_shadow.png) no-repeat 0 0; width: 140px; height: 145px;}
#btn_about_shadow {background: url(../images/about_btn_shadow.png) no-repeat 0 0; width: 130px; height: 130px;}
#btn_contact_shadow {background: url(../images/contact_btn_shadow.png) no-repeat 0 0; width: 115px; height: 120px;}

.home {top: 230px; right: 230px;}
.portfolio {top: 135px; right: 370px;}
.templates {top: 400px; right: 210px;}
.services {top: 125px; right: 130px;}
.about {top: 330px; right: 420px;}
.contact {top: 300px; right: 70px;}
#btn_home, #btn_portfolio, #btn_templates, #btn_services, #btn_about, #btn_contact {margin: 0px; padding: 0px; position: absolute; z-index: 7; display: block;}
#btn_home {background: url(../images/home_btn.png) no-repeat 0 0; width: 140px; height: 140px;}
#btn_portfolio {background: url(../images/portfolio_btn.png) no-repeat 0 0; width: 112px; height: 112px;}
#btn_templates {background: url(../images/templates_btn.png) no-repeat 0 0; width: 104px; height: 104px;}
#btn_services {background: url(../images/services_btn.png) no-repeat 0 0; width: 94px; height: 94px;}
#btn_about {background: url(../images/about_btn.png) no-repeat 0 0; width: 86px; height: 86px;}
#btn_contact {background: url(../images/contact_btn.png) no-repeat 0 0; width: 76px; height: 76px;}
#btn_home:hover {background-position: 0 -140px;}
#btn_portfolio:hover {background-position: 0 -112px;}
#btn_templates:hover {background-position: 0 -104px;}
#btn_services:hover {background-position: 0 -94px;}
#btn_about:hover {background-position: 0 -86px;}
#btn_contact:hover {background-position: 0 -76px;}
/* END ORBS */


/* BEGIN TEXT LAYOUT */
.area_header {color: #e1e1e1; font-size: 12px; font-weight: bold;}
.sub_header {color: #e1e1e1; font-size: 11px; font-weight: bold;}
.highlights {color: #e1e1e1; text-align: center;}
.sp24b {font-size: 24px; font-weight: bold;}
.sp22b {font-size: 22px; font-weight: bold;}
.sp20b {font-size: 20px; font-weight: bold;}
.sp18b {font-size: 18px; font-weight: bold;}
.sp16b {font-size: 16px; font-weight: bold;}
.sp14b {font-size: 14px; font-weight: bold;}
.sp12b {font-size: 12px; font-weight: bold;}
.sp11b {font-size: 11px; font-weight: bold;}
.sp10b {font-size: 10px; font-weight: bold;}
.sp9b {font-size: 9px; font-weight: bold;}
.sp8b {font-size: 8px; font-weight: bold;}
.sp24 {font-size: 24px;}
.sp22 {font-size: 22px;}
.sp20 {font-size: 20px;}
.sp18 {font-size: 18px;}
.sp16 {font-size: 16px;}
.sp14 {font-size: 14px;}
.sp12 {font-size: 12px;}
.sp11 {font-size: 11px;}
.sp10 {font-size: 10px;}
.sp9 {font-size: 9px;}
.sp8 {font-size: 8px;}
.sp11b_red {font-size: 11px; font-weight: bold; color: #F00}
.aleft {text-align: left; padding-left: 0px;}
.acenter {text-align: center;}
.aright {text-align: right; padding-right: 0px;}
/* END TEXT LAYOUT */