html, body, p, form, h1, h2, h3, ul, li {margin:0; padding:0;}
body {text-align:center; background:#000; color:#fff; font:90% Arial, Helvetica, sans-serif;}
img {border:0px;}
a {color:#09f;}
label {font-weight:bold;}

#container {background:#000 url('../img/core/main-bg.png') repeat-x; width:1000px; height:760px; margin-left:auto;margin-right:auto; text-align:left; position:relative;}
#logo {position:relative; left:0; top:0; background:url('../img/core/logo.png') no-repeat; width:168px; height:143px; z-index:2;}

.menu {position:absolute; left:200px; top:15px;}

#highlite {position:absolute; right:10px; top:120px; width:229px; background:#000 url('../img/core/highlite-mid.jpg') repeat-y;}
#highlite-top {width:230px; height:24px; background:url('../img/core/highlite-top.jpg') no-repeat;}
#highlite-btm {width:229px; height:26px; background:url('../img/core/highlite-btm.jpg') no-repeat; clear:both;}
#highlite h2 {padding:0 20px 10px 20px; font-size:1.2em; color:#09f;}
#highlite p {padding:10px 20px; line-height:20px;}
#highlite img {border:1px solid #fff;}
#highlite #largeImg, #highlite #smallImg {text-align:center;}
#highlite #largeImg {margin:20px; 0}
#highlite .highliteSm1 {float:left; margin:0 0 0 20px;}
#highlite .highliteSm2 {float:right; margin:0 20px 0 0;}
#highlite a {text-decoration:none;}

#welcome {position:absolute; right:260px; top:120px; width:230px; height:500px; background:#000; z-index:2;}
#welcome h1 {background:url('../img/core/tagline.gif') no-repeat; height:150px;}
#welcome h1 span {display:none;}
#welcome h2 {padding:0 20px; font-size:1.2em; color:#09f;}
#welcome p {padding:10px 20px; font-style:oblique; line-height:1.3em;}

#features {position:absolute; top:585px; width:1000px; z-index:2;}
#feature1 {position:absolute; left:0px; width:329px; height:129px; padding:13px 35px; background:url('../img/features/news-box.gif') no-repeat;}
#feature1 a {color:#fff; text-decoration:none;}
#feature1 a:hover {color:#09f;}
#feature2 {position:absolute; left:336px;}
#feature3 {position:absolute; right:0px;}

#rotate {position:relative; left:0px; top:-25px; min-height:620px; text-align:center; width:480px;}

#footer { text-align:center; font-size:.9em; background:#000; z-index:2;}
#footer ul {height:25px; width:1000px;}
#footer ul li {display:inline; padding:0 10px;}
#footer ul li a {color:#fff; text-decoration:none;}
#footer ul li a:hover {color:#09f;}

/* ABOUT *********************************************/
#about {position:relative; top:20px; width:720px; margin-bottom:110px; min-height:510px; color:#fff; z-index:3;}
#about-bg {position:absolute; left:-40px; top:185px; width:760px; height:380px; background:#fff; z-index:2; filter:alpha(opacity=10); -moz-opacity:.10; opacity:.10; border:1px solid #000;}
#about h1 {padding:0 20px; font-size:1.2em; color:#09f;}
#about p {padding:10px 20px; line-height:1.3em;}

/* CONTACT *********************************************/
#contact {position:relative; left:-40px; top:90px; width:490px; margin-bottom:90px; min-height:490px; padding:20px 20px 20px 40px; color:#fff; z-index:3;}
#contact-bg {position:absolute; right:0; top:230px; width:1040px; height:230px; background:#fff; z-index:0; filter:alpha(opacity=10); -moz-opacity:.10; opacity:.10; border:1px solid #000;}
#contact h1 {padding:0 20px; font-size:1.2em; color:#09f;}
#contact p {padding:10px 20px; line-height:1.3em;}

#contact-bar {position:absolute; right:260px; top:120px; width:230px; height:400px; background:#000; z-index:2;}
#contact-bar h1 {background:url('../img/core/tagline.gif') no-repeat; height:150px;}
#contact-bar h1 span {display:none;}
#contact-bar h2 {padding:0 20px; font-size:1.2em; color:#09f;}
#contact-bar p {padding:10px 20px; font-style:oblique; line-height:1.3em;}
#contact-bar hr {margin:0 20px; background:#fff;}

/* NEWS *********************************************/
#news {position:relative; left:200px; width:480px; min-height:580px; padding:20px 20px 20px 40px; color:#fff; z-index:3;}
#news-bg {position:absolute; left:-40px; top:230px; width:1040px; height:230px; background:#fff; z-index:0; filter:alpha(opacity=10); -moz-opacity:.10; opacity:.10; border:1px solid #000;}
#news h1 {padding:0 20px; font-size:1.2em; color:#09f;}
#news h2 {padding:0 20px; font-size:1.5em; color:#fff; text-align:center;}
#news p {padding:10px 20px; line-height:1.3em;}
#news hr {border-bottom:5px double #fff; border-top:1px solid #fff; border-left:0px; border-right:0px; background:transparent; height:9px;}
#news img {border:1px solid #fff;}

#news-nav {position:absolute; left:15px; top:175px; width:230px; height:400px; z-index:2;}
#news-nav-bg {position:absolute; left:15px; top:162px; width:230px; height:460px; background:#fff; z-index:0; filter:alpha(opacity=10); -moz-opacity:.10; opacity:.10;}
#news-nav p {padding:10px 20px; font-style:oblique; line-height:1.3em;}
#news-nav hr {margin:0 20px; background:#fff;}
#news-nav a {color:#fff; text-decoration:none;}
#news-nav a:hover {color:#09f;}

/* CASE *********************************************/
#case {position:relative; left:270px; width:410px; min-height:580px; margin-bottom:10px; padding:20px 20px 10px 20px; color:#fff; z-index:3; background:#fff; color:#000; filter:alpha(opacity=90); -moz-opacity:.90; opacity:.90;}
#case-bg {display:none; position:absolute; left:-40px; top:230px; width:1040px; height:230px; background:#fff; z-index:0; filter:alpha(opacity=10); -moz-opacity:.10; opacity:.10; border:1px solid #000;}
#case h1 {padding:0 20px; font-size:1.2em; color:#09f;}
#case h2 {padding:0 20px; font-size:1em;}
#case p {padding:10px 20px; line-height:1.3em;}
#case hr {border-bottom:5px double #fff; border-top:1px solid #fff; border-left:0px; border-right:0px; background:transparent; height:9px;}
#case img {border:1px solid #fff;}

#case-side {position:absolute; left:15px; top:175px; width:230px; height:400px; z-index:2; text-align:center;}
#case-side-bg {position:absolute; left:15px; top:162px; width:230px; height:595px; background:#fff; z-index:0; filter:alpha(opacity=10); -moz-opacity:.10; opacity:.10; text-align:center;}
div.line {background:#fff; width:1px; height:610px; margin-top:20px; position:absolute; left:130px; top:132px;}
#case-side p {padding:10px 20px; font-style:oblique; line-height:1.3em;}
#case-side hr {margin:0 20px; background:#fff;}
#case-side a {color:#fff; text-decoration:none;}
#case-side a:hover {color:#09f;}
#case-side img {border:1px solid #fff; margin:10px 0;}

/* PRODUCTS ***********************************************/
#products {position:relative; width:650px; min-height:580px; padding:20px 20px 20px 40px; color:#fff; z-index:3;}
#products-bg {position:absolute; left:-40px; top:185px; width:760px; height:320px; background:#fff; z-index:2; filter:alpha(opacity=10); -moz-opacity:.10; opacity:.10; border:1px solid #000;}
#products h1 {padding:0 20px; font-size:1.2em; color:#09f;}
#products p {padding:10px 20px; line-height:1.3em;}

#products-nav {position:absolute; right:300px; top:120px; z-index:3;}

.product-main {border:1px solid #fff; margin-top:10px; background:#999; color:#000;}
.product-main h2 {padding:0 20px; font-size:1em; color:#9cf; margin-top:10px;}
.product-main img {float:right; margin:10px; border:1px solid #fff;}
.product-main a {color:#fff;}

table.product {border:1px solid #fff; margin-top:10px; background:#999; color:#000; width:100%;}
.product-thumb {text-align:center; padding:5px;}
.product-thumb img {border:1px solid #fff;}
.product-enlarge {font-size:.8em; color:#000;}
.product-price {float:right; color:#fff; font-weight:bold;}
.product-description {padding:5px; vertical-align:top;}
.product-description h2 {padding:10 20px; font-size:1em; color:#fff; margin-top:10px;}
.product-description a {color:#fff;}
.product-description p {margin:0;}
.product-order {text-align:center; font-weight:bold; padding:5px; width:50px; background:#eee;}
.product-order a {color:#000;}
.more-thumb {padding:5px; background:#fff; vertical-align:middle;}

/* PORTFOLIO ***********************************************/
#portfolio {position:relative; width:650px; min-height:580px; padding:20px 20px 20px 40px; color:#fff; z-index:3;}
#portfolio-bg {position:absolute; left:-40px; top:185px; width:760px; height:320px; background:#fff; z-index:2; filter:alpha(opacity=10); -moz-opacity:.10; opacity:.10; border:1px solid #000;}
#portfolio h1 {padding:0 20px; font-size:1.2em; color:#09f;}
#portfolio p {padding:10px 20px; line-height:1.3em;}

#portfolio .image_info {display:block; font-size:10px; color:#999; border:0px;}
#portfolio .wrapper { margin:0px auto; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; width:700px; border: 0px solid #000; text-align:left;}
#portfolio .show_title a { font-size:12px; text-decoration:none; color:#999; }
#portfolio .image_info a { text-decoration:none; color:#fff; }
#portfolio .image_info a:hover {color:#09f;}
#portfolio img { border-width: 0; }
#portfolio .image { margin-bottom:5px; color:#09f}
#portfolio .image img { padding:6px; border: 1px solid #000; display:block; background-color: #fff; margin-top: 10px; }
#portfolio .navigation {float:right; margin-right:300px;}
#portfolio .navigation, .navigation a { text-decoration: none; color:#fff; font-weight:bold;}
#portfolio .navigation a:hover {color:#09f;}
#portfolio .thumbnail_row { margin-top: 1px; width:260px; position:absolute; left:460px; top:60px;}
#portfolio .thumbnail_row img { border:0px solid #aaa; margin-top:10px; }
#portfolio .thumbnail_center { padding:1px; border:1px solid #fff !important; }
#portfolio .small, .small a { margin-top: 20px; text-decoration:none; color:#777; }
#portfolio .small a:hover {color:#09f;}

#portfolio .thumbnail_row2 { margin-top: 1px; width:260px; position:absolute; left:210px; top:-135px;}
#portfolio .thumbnail_row2 img { border:0px solid #aaa; margin-top:10px; }

/* AQUA SERMO *********************************************/
#main-video {position:relative; left:0px; top:20px; min-height:580px; width:480px; z-index:101;}
#main-video img.mainVideo {position:relative; left:50px; top:50px; border:2px solid #fff;}
#main-video h1 {padding:0 20px; font-size:1.2em; color:#09f;}
#main-video p.play-video {text-align:right; margin:60px 25px 0 0;}

#main-video #player {position:absolute; top:0px; left:60px; background:#000;}
#main-video #player div.close-video {position:absolute; bottom:100px;}

#other-video {position:absolute; right:260px; top:120px; width:230px; height:500px; background:#000; z-index:2;}
#other-video h1 {background:url('../img/core/tagline.gif') no-repeat; height:150px;}
#other-video h1 span {display:none;}
#other-video h2 {padding:0 20px; font-size:1.2em; color:#09f;}
#other-video p {padding:10px 20px; font-style:oblique; line-height:1.3em;}

/* ORDER ***********************************************/
#order {position:relative; width:650px; min-height:580px; padding:20px 20px 20px 40px; color:#fff; z-index:3;}
#order-bg {position:absolute; left:20px; top:185px; width:620px; height:420px; background:#000; z-index:2; filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50; border:1px solid #000;}
#order h1 {padding:0 20px; font-size:1.2em; color:#09f;}
#order p {padding:10px 20px; line-height:1.3em;}
#order form {margin-top:20px;}
#order input {margin:3px 0;}
#order td {padding:5px 0;}

#order-nav {position:absolute; right:300px; top:120px; z-index:3;}

/* PRIVACY *********************************************/
#privacy {position:relative; top:20px; width:720px; margin-bottom:110px; min-height:510px; color:#fff; z-index:3;}
#privacy-bg {position:absolute; left:-40px; top:185px; width:760px; height:240px; background:#fff; z-index:2; filter:alpha(opacity=10); -moz-opacity:.10; opacity:.10; border:1px solid #000;}
#privacy h1 {padding:0 20px; font-size:1.2em; color:#09f;}
#privacy p {padding:10px 20px; line-height:1.3em;}

/* MISC CLASSES *********************************************/
.alignLeft {float:left;}
.alignRight {float:right;}
.alignLeft_img {float:left; margin: 5px 5px 0 0;}
.alignRight_img {float:right; margin: 5px 0 0 5px;}
.btn {border:2px solid #09f; background:#fff; color:#000; font-weight:bold;}
.btn:hover {background:#09f;}
.require {color:#f00;}