* { margin: 0; padding: 0; border-width: 0; }
html {height:100%;}
body { background-color: #0D0D0D; font-family: Arial, Helvetica; font-size: 10pt; min-width: 990px;height:100%;}
/* common */
h1 { font-size: 30px; font-weight: bold; color: #666; margin-bottom:60px;}
h2 { font-size: 18px; font-weight: normal; color: #666; margin-bottom:10px;}
h3 { font-size: 14px; font-weight: bold; color: #333; margin: 10px 95px 10px 95px;}
p,ul { font-size: 14px; margin-left:95px; margin-right:95px; color:#666666; margin-bottom: 20px; text-align:justify;}
ul {padding-left:50px;}
li {text-align:justify; margin-bottom:0.5em;}
a { color: #CC0000; }
#table-main { width: 100%;height:100%;}
#table-main tr { vertical-align: top; }
#row1 { height: 124px; }
#row2 { hei1ght: 500px; height:90%;}
#row3 { height: 105px;}
#top-left { background: url('top-left.jpg') right top no-repeat; width: auto;}
#top-right { background: url('top-right.jpg') left top no-repeat; width: auto;}
#left { background: url('left.jpg') right top no-repeat; }
#right { background: url('right.jpg') left top no-repeat; }
#bottom-left { background: url('bottom-left.jpg') right top no-repeat; }
#bottom-right { background: url('bottom-right.jpg') left top no-repeat; }
/* top part */
#top { width: 982px; background: url('top.jpg') top left no-repeat;}
#top #menu { margin: 13px 0px 0px 0px; padding: 26px 25px 18px 0px; text-align:right;}
#top #menu li { display: inline; list-style-type: none; padding: 0px 0px 0px 20px; }
#top #menu a { color: white; font-size: 24px; text-transform: lowercase; text-decoration: none; text-shadow: #404040 1px 1px 2px; /* IE hack for shadows */ display: inline-block; filter: Shadow(Color=#404040, Direction=135, Strength=2); }
#top #menu li.current_page_item a { color: yellow; }
#top #menu li.current_page_parent a { color: yellow; }
#top #menu li.current_page_ancestor a { color: yellow; }
#top form { display: inline; padding: 10px 30px 7px 7px; background: url('search.gif') right center no-repeat; background-color:white; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#top form input { width: 110px; background-color: white; font-size: 18px; color: #D0D0D0; }
#top form input:focus { color: #808080; outline:none; }
/* middle part */
#main { width:982px;background-color: white; text-align: left;padding:0;margin:0px;}
/* bottom part */
#bottom { width: 962px; background: url('bottom.jpg') top left no-repeat; color: #333333; font-size: 14px; padding-top: 50px; padding-left: 20px; height:55px;}
#bottom a { color: #666666; font-weight: bold; text-decoration: none; }
#bottom a span { color: #CCCCCC; }
.wpcf7-submit, .btn {color:#887961; text-shadow: #FFF 1px 1px 2px; filter:Shadow(Color=#FFF, Direction=135, Strength=2); height:26px;padding:7px 0px 3px 0px; font-size:18px;text-decoration:none;text-align:center;display:inline-block;}
/* blog */
#comments { margin-top: 50px; }
div#blog-post-navigation { float:right; padding-top:10px; }
div.post-caption {margin:0 95px 20px 95px;}
div.post-caption .post-title {font-size:24px;color:#333333;font-weight:normal;}
div.post-caption .post-date { font-size: 14px; color: #999999; float:right; padding-top:8px;}
p.post-pages {font-size:24px;color:#333333;font-weight:normal;margin-left:95px;}
div.comment { background-color: #F8F3F3; border: 1px solid #CCCCCC; margin: 0px 75px 20px 75px; padding: 20px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
div.comment .date {float:right;font-size:12px;color:#999999;}
div.comment .author {font-size:18px; font-weight:bold;color:#666666;margin-bottom:25px;}
div.comment p {margin-left:0;margin-right:0;}
div.comment .approve {font-size:12px;font-style:italic;color:black;}
h2#leave-comment {margin-top:50px;}
div#new-comment-form {margin:20px 95px 20px 95px;}
div#new-comment-form input, textarea { border: 1px solid #CCCCCC; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
div#new-comment-form textarea {width:99%;}
div#new-comment-form p {margin: 4px 0 4px 0; font-size:14px;}
div#new-comment-form input { padding:4px; }
div#new-comment-form label {color: #999999; margin-left:10px;}
div#new-comment-form label span {color: #333333;}
div#new-comment-form #submit { width: 165px; background: url('post-submit.gif') center center no-repeat #f3eadc; margin-top:20px; border-width: 0px; cursor: pointer; height:36px;}
div.post-brief { margin:0px 95px 40px 95px;}
div.post-brief .title { font-size: 24px; margin-bottom: 20px;}
div.post-brief .date { float: right; font-size: 14px; color: #999999; padding-top:8px;}
div.post-brief p {margin-left: 0px; margin-right:0px;}
div.post-brief .comments span {display:inline-block;font-size:12px;height:21px;padding-top:2px;}
div.post-brief .comments span.b {color: #333; background: url('comments-baloon.gif') center center no-repeat;width:25px;text-align:center;}
div.post-brief .comments a {color: #666;}
div.posts-navigation { text-align: left; margin-left:95px; }
/* content */
#content { padding: 30px 25px 30px 25px; }
p.gallery {margin-right:60px;}
p.gallery a {margin-right:22px;}
/* carousel */
#carousel { width: 982px; height: 290px; overflow:hidden; position:relative; margin-bottom:10px;}
#myController { visibility:hidden; }
#mySlides { height: 290px;}
#mySlides div.slide { color: white; padding: 20px 50px 20px 50px; height:250px;}
#carousel img.jFlowPrev, #carousel img.jFlowNext {visibility: hidden;}
#carousel:hover img.jFlowPrev, #carousel:hover img.jFlowNext {visibility: visible;}
img.jFlowPrev, img.jFlowNext { cursor: pointer; position: absolute; top: 126px; z-index: 1000; width: 38px; height: 38px; background-color: transparent; }
img.jFlowPrev { left: 10px; }
img.jFlowNext { right: 10px; }
/* background images */
#mySlides div.green {background-image: url('carousel-back-green.jpg');}
#mySlides div.blue {background-image: url('carousel-back-blue.jpg');}
#mySlides div.red {background-image: url('carousel-back-red.jpg');}
#mySlides div.orange {background-image: url('carousel-back-orange.jpg');}
#mySlides div.gray {background-image: url('carousel-back-gray.jpg');}
#mySlides div.violet {background-image: url('carousel-back-violet.jpg');}
/* button backgrounds */
#mySlides div.slide div a.green { background-color:#008000; }
#mySlides div.slide div a.blue { background-color:#254c6e; }
#mySlides div.slide div a.red { background-color:#B00000; }
#mySlides div.slide div a.orange { background-color:#c88400; }
#mySlides div.slide div a.gray { background-color:#606060; }
#mySlides div.slide div a.violet { background-color:#800080; }
#mySlides div.slide img { float:left; margin-left:40px;margin-right:40px;}
#mySlides div.slide div h1 { font-size:48px; font-weight:bold;margin:0;padding:25px 0px 15px 0px;color:white;}
#mySlides div.slide div p { margin:0;padding:0px 20px 40px 0px; font-size:18px; color:white; margin-right:20px;}
#mySlides div.slide div a { font-size:18px; color:white; text-decoration:none; padding:5px;position:relative; left:-5px;border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
#mySlides div.orange div h1, #mySlides div.orange div p {color:black;}
/* products */
div.products {margin-top:40px;}
div.product_box { margin: 0px 75px 20px 75px; height: 150px; padding:30px 20px 10px 20px; border: 1px solid #CCC; background-color: #f8f3f3; position:relative;border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
div.product_box .thumbnail { float:left; margin:0px 70px 0px 45px; width: 128px; height: 128px;}
div.product_box .icon_placeholder {width: 128px; height: 128px; background-color: #E0E0E0;}
div.product_box .title { font-size: 24px; font-weight: bold; color: #333; padding-bottom:15px; }
div.product_box .description { font-size: 14px; color: #666; text-align:justify;}
div.product_box .more {position:absolute;right:20px;bottom:20px;}
div.product_box .more a {background:url('products-more.gif') center center no-repeat #f3eadc;width:65px;}
div.product_box .hw {position:absolute;left:260px;bottom:20px;}
/* second menu */
#second_menu { padding-top: 8px; padding-left:0px; margin-left:0px;}
#second_menu li { font-size: 18px; display: inline; list-style-type: none; padding: 0px 20px 0px 0px; color:#666;}
#second_menu li.nopad { padding-right: 5px;}
#second_menu li.current_page_item a { color:#666; text-decoration:none;}
/* product */
div.big-box {margin: 50px 0px 50px 0px; height: 256px; padding: 30px 95px 30px 40px;}
div.big-box .thumbnail { float:left; width: 256px; height: 256px; margin:0px 54px 0px 0px;}
div.big-box .thumbnail .icon_placeholder { width:256px; height:256px; background-color: #E0E0E0;}
div.big-box .title {font-weight: bold; font-size:36px;color:#333;}
div.big-box .hw {position:absolute;left:350px;bottom:30px;}
div.big-box .hw .sysreq {position:relative;bottom:14px;padding-left:5px;font-size:14px;font-style:italic;color:#999;}
div.product-sub-title {margin: 60px 95px 30px 95px; font-size:24px;color:#333;}
a.product-download, a.product-buy, a.product-site, a.product-appstore {float:right;text-align:left;margin-left:10px;padding-left:40px;}
a.product-buy {background:url('buy.gif') center center no-repeat #f3eadc; width:45px;}
a.product-download {background:url('download.gif') center center no-repeat #f3eadc; width:95px;}
a.product-site {background:url('visit-site.gif') center center no-repeat #f3eadc; width:105px;}
a.product-appstore {background:url('visit-site.gif') center center no-repeat #f3eadc; width:105px;}
div#content div.wpcf7 {padding-top:10px;}
.wpcf7 .wpcf7-text {border:1px solid #CCC;padding:2px;}
.wpcf7 textarea {width:500px;}
.wpcf7 .wpcf7-submit {background:url(post-submit.gif) left top no-repeat;width:165px;height:36px;}