/* general style start */
html {height:100%;}
body {
margin:0;
font:11px arial, helvetica, sans-serif;
background:#08101d url(../images/body-bg.jpg);
color:#fff;
}
img {border:0;}
form {
padding:0;
margin:0;
}
a:hover {text-decoration:none;}
.holder {
height:1%;
overflow:hidden;
}
.f-right {float:right !important;}
/* general style end */

/* overflow simulation */
.intro-cnt:after{
content:" ";
display:block;
clear:both;
}
.messages {
border:1px solid #41485c;
background:#25364d;
font-size:1.3em;
margin:0;
padding:10px;
}
.messages.errors {
border-color:#55415c;
background:#4d254b;
color:#ffd7ff;
}
.messages li {
list-style:none;
margin:0;
padding:0;
}

/* buttons */

.online-help,
.advanced-options,
.plus,
.minus {
display:block;
overflow:hidden;
text-indent:-9999px;
outline:none;
}
.online-help {
width:217px;
height:57px;
float:right;
cursor:pointer;
background:url(../images/online-help.png) no-repeat;
}
.advanced-options,
.plus,
.minus {
width:30px;
cursor:pointer;
height:30px;
float:left;
margin-right:10px;
background:url(../images/advanced-ico.png) no-repeat;
}
.plus {
background:url(../images/plus-ico.png) no-repeat;
margin:0;
margin-left:26px;
}
.minus {
background:url(../images/minus-ico.png) no-repeat;
margin:0;
}
/*page*/
#page {
margin:0 auto;
width:1000px;
background:url(../images/page-bg.png) no-repeat;
overflow:hidden;
}
#page.simple {background:none;}
/* logo box */
.logo-box {
width:551px;
height:45px;
margin:98px 0 36px 436px;
overflow:hidden;
background:url(../images/main-logo.png) no-repeat;
}
.logo-box strong {
display:block;
width:197px;
height:45px;
margin:0 0 0 243px;
text-indent:-9999px;
}
.logo-box strong a {
display:block;
height:100%;
position:relative;
outline:none;
}
/* intro box */
.intro {
width:948px;
overflow:hidden;
margin:0 0 21px 33px;
}
.intro-top,
.intro-btm {
width:100%;
overflow:hidden;
height:225px;
background:url(../images/intro-top.png) no-repeat;
}
.intro-btm {
height:154px;
background:url(../images/intro-btm.png) no-repeat;
}
.intro-cnt {
height:1%;
background:url(../images/intro-bg.png) repeat-y;
}
.intro-inn {
float:left;
width:948px;
position:relative;
margin:-198px 0 -130px;
}
.menu {
height:1%;
overflow:hidden;
padding:0 50px 53px 28px;
}
.menu ul {
float:left;
margin:0;
padding:11px 0 0;
list-style:none;
}
.menu ul li {float:left;}
.menu ul li a {
display:block;
height:40px;
text-indent:-9999px;
overflow:hidden;
margin-right:5px;
outline:none;
}
.menu ul li a.home {
background:url(../images/home.gif) no-repeat;
width:83px;
margin-right:3px;
}
.menu ul li a.about {
background:url(../images/about.gif) no-repeat;
width:83px;
}
.menu ul li a.faq {
background:url(../images/faq.gif) no-repeat;
width:70px;
}
.menu ul li a.testimonials {
background:url(../images/testimonials.gif) no-repeat;
width:132px;
margin-right:6px;
}
.menu ul li a.examples {
background:url(../images/examples.gif) no-repeat;
width:113px;
margin:0;
}
.menu ul li a:hover,
.menu ul li.active a {background-position:0 -40px;}
.info {
height:1%;
overflow:hidden;
}
.detail {
width:439px;
padding:3px 0 0;
margin: 0 auto;
position:relative;
}
.info .detail {float:left;}
#order .form_submit {
position:absolute;
top:318px;
left:258px;
height:auto;
width:181px;
height:60px;
}
.detail-form {
height:1%;
overflow:hidden;
padding:0 0 11px
}
.detail-form.response {display:none;}
.detail-form label {
float:left;
width:105px;
font:18px/33px arial, helvetica, sans-serif;
}
.form_text .input,
.form_file .input  {
float:left;
width:334px;
height:33px;
background:url(../images/input-bg01.gif) no-repeat;
}
.input-textarea {
float:left;
width:334px;
height:126px;
background:url(../images/input-bg05.gif) no-repeat;
}
.form_text input {
border:0;
margin:6px 0 0 10px;
font:17px arial, helvetica, sans-serif;
color:#fff;
width:314px;
background:none;
}
textarea {
border:0;
height:110px;
margin:6px 0 0 10px;
font:17px arial, helvetica, sans-serif;
color:#fff;
width:314px;
background:none;
}
.form_children {padding:5px 0 7px;}
.form_children label,
.form_select label {
width:161px;
line-height:30px;
}
.form_children span {
float:left;
color:#5d6570;
line-height:30px;
}
.fileinputs {
position:relative;
height:33px;
width:334px;
float:left;
background:url(../images/input-bg01.gif) no-repeat;
}
.pseudfile {
position:absolute;
top:4px;
left:0;
width:334px;
z-index:1;
}
.pseudtext {
position:relative;
width:240px;
left:10px;
float:left;
top:0px;
}
.pseudtext input {
border:0;
padding:3px 0 0;
font:17px arial, helvetica, sans-serif;
float:left;
color:#fff;
text-align:left;
background:none;
width:100%;
}
.pseudbutton {
position:relative;
width:74px;
top:0;
left:-4px;
float:right;
}
.pseudbutton input.mycustomform {
background:url(../images/browse-btn.gif) no-repeat;
border:0;
width:74px;
height:25px;
cursor:pointer;
}
select.hidden {
position:absolute;
left:-9999px;
}
.realfile {
position:absolute;
top:2px;
left:-3px;
width:334px;
overflow:hidden;
z-index:2;
}
.realfileinput {
border:0;
border-color:#07101e;
color:#fff;
width:314px;
background:none;
margin:5px 3px 0 0;
right:3px;
float:right;
cursor:pointer;
}
.form_select {padding-bottom:6px;}
.form_select span.valueholder {
float:left;
width:26px;
font:18px/30px arial, helvetica, sans-serif;
text-align:center;
margin-right:-26px;
}
.price {
clear:both;
height:1%;
overflow:hidden;
padding:8px 0 0;
}
.price label {
float:left;
width:258px;
font:30px/61px arial, helvetica, sans-serif;
}
.price .input {
float:left;
width:180px;
height:51px;
padding-top:10px;
background:url(../images/input-bg02.gif) no-repeat;
color:#fff;
font:36px arial, helvetica, sans-serif;
text-align:center;
}
.data {
float:right;
width:430px;
}
.data p{
width:415px;
}
.data h1 {
margin:0 0 10px;
font:44px/44px arial, helvetica, sans-serif;
}
.txt-box .data p {
font:14px/20px arial, helvetica, sans-serif;
margin:0 0 18px;
}
.data p em,
.txt-box p em {
background:#931f54;
padding:0 2px;
font-style:normal;
}
.data p a {color:#fff;}
.data p a.advanced-options {
background:none;
width:auto;
height:auto;
text-indent:0;
float:none;
margin:0;
display:inline;
}
/* content */
.content {
height:1%;
overflow:hidden;
padding:0 37px 20px 61px;
}
.content-box {
width:295px;
padding-right:22px;
float:left;
color:#c6c6c6;
font:13px arial, helvetica, sans-serif;
}
.content-box h2 {
color:#fff;
margin:0 0 8px;
font:24px arial, helvetica, sans-serif;
}
.content-box blockquote,
.testimonials-area blockquote {margin:0;}
.content-box q,
.testimonials-area q {quotes:none;}
.content-box q:before,
.testimonials-area q:before {content:" ";}
.content-box q:after,
.testimonials-area q:after {content:" ";}
.content-box cite,
.testimonials-area cite {
font-style:normal;
padding-top:15px;
display:block;
color:#666;
font:11px arial, helvetica, sans-serif;
}
.content-box cite strong,
.testimonials-area cite strong {
font-weight:normal;
color:#fff;
display:block;
}
.content-box p,
.txt-box .testimonials-area p {margin:0;}
ul.gallery {
margin:0;
padding:5px 0 0;
list-style:none;
float:right;
display:inline;
width:265px;
}
div.example {
clear:both;
width:100%;
overflow:hidden;
}
ul.gallery li,
a.example {
float:left;
display:inline!important;
width:77px;
margin:0 10px 10px 0;
overflow:hidden;
}
ul.gallery img,
a.example img {display:block;}
ul.gallery a,
a.example {
display:block;
width:71px;
height:71px;
position:relative;
padding:3px;
outline:none;
}
ul.gallery a span,
a.example span {
width:77px;
height:77px;
background:url(../images/frame.png) no-repeat;
position:absolute;
top:0;
left:0;
text-indent:-9999px;
}

/* payment area */
ul.payment {
height:1%;
overflow:hidden;
margin:0 23px 43px 37px;
padding:15px 0 16px 22px;
border:solid #20262f;
border-width:1px 0;
list-style:none;
}
ul.payment li {
float:left;
padding-right:22px;
}
ul.payment li img {display:block;}

/* links area */
ul.links {
padding:0 0 49px 61px;
margin:0;
list-style:none;
height:1%;
overflow:hidden;
}
ul.links li {
float:left;
color:#666;
padding-right:10px;
font:18px arial, helvetica, sans-serif;
}
ul.links li.item1 {width:145px;}
ul.links li.item2 {width:146px;}
ul.links li.item3 {width:289px;}
ul.links li.item4 {width:310px;}
ul.links ul {
padding:9px 0 0;
margin:0;
list-style:none;
height:1%;
overflow:hidden;
}
ul.links ul li {
float:none;
height:1%;
padding:0 0 8px;
overflow:hidden;
width:auto;
font:13px/16px arial, helvetica, sans-serif;
color:#fff;
}
ul.links .item3 ul li {
background:url(../images/arrow01.gif) no-repeat 0 6px;
padding:0 0 0 12px;
}
ul.links ul a {color:#fff;}
ul.links li.active a {font-weight:bold;}
/*footer*/
.footer {
height:1%;
overflow:hidden;
padding:0 0 35px 61px;
color:#737578;
}
.footer a {color:#737578;}
.footer p {margin:0 0 2px;}
.kavoon {
background:url(../images/kavoon-ico.gif) no-repeat 0 2px;
padding-left:14px;
}
.kavoon a {text-decoration:none;}
.kavoon a:hover {text-decoration:underline;}

/* who we are page
------------------ */

.txt-box {
height:1%;
padding:0 30px;
position:relative;
margin-top:-3px;
}
.txt-box:after {
clear:both;
display:block;
content:"";
}
.txt-box h1 {
font:44px arial, helvetica, sans-serif;
margin:0 0 5px;
}
.txt-box p {
font:14px arial, helvetica, sans-serif;
margin:0 0 18px;
}

/* options popup
---------------- */

.popup {
width:876px;
overflow:hidden;
}
.popup {
padding:0 15px;
width:846px;
}
.popup .holder {
height:1%;
overflow:hidden;
padding:0 10px;
}
.popup .col {
float:left;
width:415px;
}
.popup .box {
height:1%;
overflow:hidden;
background:url(../images/line01.gif) repeat-x;
margin:-2px 0 2px;
padding:13px 14px 0 13px;
}
.popup .box .heading {
height:1%;
padding:0 0 3px;
overflow:hidden;
}
.popup label.label {
margin:0;
font:14px/30px arial, helvetica, sans-serif;
float:left;
}
.box input {
position:relative;
top:5px;
left:5px;
}
.slider {
float:right;
width:158px;
}
.value{
float:right;
background:url(../images/input-bg03.gif) no-repeat;
color:#fff;
font:14px/14px arial, helvetica, sans-serif;
text-align:center;
padding:8px 9px 0;
width:43px;
height:22px;
overflow:hidden;
}
.popup .box p {
margin:0 0 10px;
color:#afafaf;
}
.popup .box .row {
height:1%;
padding-bottom:11px;
overflow:hidden;
}
.popup .box .row label.label {
font:12px/30px arial, helvetica, sans-serif;
margin:0;
background:url(../images/arrow02.gif) no-repeat 0 12px;
padding-left:10px;
}
#sb-nav .button,
.continue .button{
float:right;
margin-left:10px;
margin-right:16px;
width:111px;
height:42px;
background:url(../images/continue-btn.gif) no-repeat;
cursor:pointer;
outline:none;
}
#sb-nav .input,
.continue .input {
float:right;
width:87px;
background:url(../images/input-bg04.gif) no-repeat;
height:26px;
overflow:hidden;
color:#fff;
padding:8px 13px;
font:24px arial, helvetica, sans-serif;
text-align:center;
}
#sb-container, 
#sb-wrapper {text-align:left;}
#sb-container,
#sb-overlay{
position:absolute;
top:0;
left:0;
width:100%;
margin:0;
padding:0;
}
#sb-container{
height:100%;
display:none;
visibility:hidden;
z-index:999;
}
body > #sb-container{position:fixed;}
body > #sb-container.static {position:absolute;}
#sb-container > #sb-overlay {height:100%;}
#sb-overlay-my {
background:#09101c;
height:0;
width:0;
position:absolute;
z-index:998;
top:0;
left:0;
}
#sb-wrapper {position:relative;}
#sb-wrapper img {border:none;}
#sb-body{
position:relative;
margin:0;
padding:0;
overflow:hidden;
background:url(../images/popup-c-bg.png) repeat-y;
}
#sb-body-inner{
position:relative;
height:100%;
}
#sb-content.html {height:100%;}
#sb-loading,
#sb-loading2 {
position:absolute;
top:0;
width:100%;
height:100%;
text-align:center;
padding-top:10px;
}
#sb-loading2 {background:url(../images/indicator_black.gif) no-repeat 50% 50%;}
#order .form_submit {background:url(../images/indicator_bar.gif) no-repeat 50% 50%;}
#sb-title{
background:url(../images/popup-t-bg.png) no-repeat;
overflow:hidden;
position:relative;
height:68px!important;
}
#sb-title-inner {
margin:25px 8px 0 8px;
padding:0 16px 15px;
font:24px/28px arial, helvetica, sans-serif;
text-transform:uppercase;
background:url(../images/line01.gif) repeat-x 0 100%;
color:#fff;
position:relative;
}
#sb-info{
/*posit-ion:relative;*/
overflow:hidden;
background:url(../images/popup-b-bg.png) no-repeat 0 100%;
height:90px!important;
}
#sb-info-inner,
.continue {
position:relative;
font-family:'lucida grande',tahoma,sans-serif;
line-height:16px;
margin:0 8px 0 8px;
padding:20px 5px 7px;
background:url(../images/line01.gif) repeat-x;
}
.continue {height:1%;}
#sb-content .continue {display:none; }
#sb-info-inner{
font-size:12px;
color:#fff;
}
#sb-nav{
float:right;
display:inline;
height:40px;
padding:2px 0;
width:45%;
position:relative;
z-index:9999;
}
#sb-nav a{
display:block;
float:right;
height:16px;
width:16px;
margin-left:3px;
cursor:pointer;
}
#sb-nav-close{
background-image:url(../js/shadowbox/resources/close.png);
background-repeat:no-repeat;
}
#sb-nav-next{
background-image:url(../js/shadowbox/resources/next.png);
background-repeat:no-repeat;
}
#sb-nav-previous{
background-image:url(../js/shadowbox/resources/previous.png);
background-repeat:no-repeat;
}
#sb-nav-play{
background-image:url(../js/shadowbox/resources/play.png);
background-repeat:no-repeat;
}
#sb-nav-pause{
background-image:url(../js/shadowbox/resources/pause.png);
background-repeat:no-repeat;
}
#sb-counter{
float:left;
padding:2px 0;
width:45%;
}
#sb-counter a{
padding:0 4px 0 0;
text-decoration:none;
cursor:pointer;
color:#fff;
}
#sb-counter a.sb-counter-current {text-decoration:underline;}
div.sb-message{
font-family:'lucida grande',tahoma,sans-serif;
font-size:12px;
padding:10px;
text-align:center;
}
div.sb-message a:link,div.sb-message a:visited{
color:#fff;
text-decoration:underline;
}
#cache {position:absolute;top:-9999px;left:-9999px; visibility:hidden;}
#cache * {display:block;width:300px; height:200px;}
#cache {background:url(../images/line01.gif) no-repeat;}
#cache strong {background:url(../images/popup-b-bg.png) no-repeat;}
#cache em {background:url(../images/popup-c-bg.png) no-repeat;}
#cache u {background:url(../images/popup-t-bg.png) no-repeat;}
.example h2 a {color:#fff}
body.examples {height:100%;}
.examples_frame {
border:0;
margin:0;
padding:0;
width:100%;
height:50%;
position:relative;
top:35px;
}
.examples_frame iframe {
border:0;
margin:0;
padding:0;
width:100%;
height:100%;
}
#code {
border:0;
margin:0;padding:0;
font-size:13px;
width:100%;
overflow:scroll;
background:#323232;
position:relative;
top:35px;
display:block;
height:50%;
}
.examples_nav_code,
.examples_nav  {
border:0;
margin:0;
padding:0;
overflow:hidden;
position:absolute;
height:40px;
width:100%;
background:url(../images/examples-bars-bg.png) repeat-x;
z-index:100;
}
.examples_nav_code li,
.examples_nav_code li a,
.examples_nav li,
.examples_nav li a {
float:left;
display:inline;
line-height:29px;
margin:0 20px 0 0;
}
.examples_nav_code li a,
.examples_nav li a {
margin:3px 0 0;
font:bold 13px/29px Arial, Helvetica, sans-serif;
color:#adadad;
text-decoration:none;
}
.examples_nav_code li a.active,
.examples_nav_code li a:hover,
.examples_nav li a.active,
.examples_nav li a:hover {color:#fff;}
.examples_nav_code li a.first,
.examples_nav li a.first {
padding:0 20px 0 30px;
margin-left:0;
color:#fff;
background:url(../images/examples-bars-bg.png) repeat-x 0 -40px;
}
.examples_nav_code li a.first { background-position:0 -69px;}
body.examples.collapsed .examples_nav_code li a.first {background-position:0 -98px;}
.examples_nav_code li a.first span {display:none;}
.examples .examples_nav_code li a.first span.hide {display:inline;}
.examples.collapsed .examples_nav_code li a.first span.hide {display:none;}
.examples.collapsed .examples_nav_code li a.first span.show {display:inline;}
#code ol,
#code ul {
margin-bottom:0;
margin-top:0;
position:relative;
}
.examples.collapsed #code {display:none;}
.examples.collapsed .examples_frame {height:100%;}
.examples.collapsed .examples_nav_code {height:35px;}
* html .examples_nav_code,
* html .examples_nav {height:35px;}

/* faq page 
----------- */

.faq-info,
.about-info,
.testimonials-area,
.info404,
.examples-area {
width:932px;
position:relative;
margin:-13px -22px 0;
z-index:5;
overflow:hidden;
}
.faq-info h1,
.testimonials-area h1,
.about-info h1,
.info404 h1,
.examples-area h1 {
font:28px arial, helvetica, sans-serif;
margin:0;
padding:0 23px 14px;
}
.testimonials-area h1,
.about-info h1,
.info404 h1,
.examples-area h1 {background:url(../images/line01.gif) repeat-x 0 100%;}
.faq-info .box,
.about-info .box {
background:url(../images/line01.gif) repeat-x;
height:1%;
overflow:hidden;
padding:20px 22px 0;
}
.faq-info ul.list {
margin:0;
padding:2px 0 15px;
list-style:none;
height:1%;
overflow:hidden;
}
.faq-info ul.list li {
font:13px arial, helvetica, sans-serif;
padding:0 0 10px;
}
.faq-info ul.list a {
background:url(../images/dotted01.gif) repeat-x 0 100%;
text-decoration:none;
color:#fff;
}
.faq-info ul.list a:hover {background:none;}
.faq-info .box h2 {
font:18px arial, helvetica, sans-serif;
margin:0 0 15px;
}
.faq-info .box p {margin:0 0 18px;}
.faq-info .box p a {color:#fff;}

/* testimonials page 
--------------------- */

.testimonials-area .holder {
height:1%;
overflow:hidden;
padding:0 20px;
margin:8px 0 0;
}
.testimonials-area .col {
width:433px;
float:left;
}
.testimonials-area .box {	
height:1%;
overflow:hidden;
padding:12px 0 12px;
margin:-2px 0 2px;
background:url(../images/line01.gif) repeat-x;
}

/* about page */

.about-info .box {
background:none;
font-size:13px;
}
.txt-box .about-info p {
margin:0 0 13px;
font-size:13px;
}
.about-info ul.list {
margin:0;
padding:0 0 5px 12px;
list-style:none;
height:1%;
overflow:hidden;
}
.about-info ul.list li {
background:url(../images/bullet01.gif) no-repeat 0 5px;
padding:0 0 8px 14px;
}

/* examples page */

.examples-area ul.gallery {
margin:0;
padding:20px 0 0 5px;
list-style:none;
float:none;
width:auto;
overflow:hidden;
display:block;
height:1%;
}
.examples-area ul.gallery li {
float:left;
display:block;
width:217px;
padding:0 0 11px 11px;
margin:0;
overflow:hidden;
vertical-align:top;
}
.examples-area ul.gallery a span {
width:217px;
height:230px;
background:url(../images/frame02.png) no-repeat;
position:absolute;
top:0;
left:0;
text-indent:-9999px;
display:block;
z-index:3;
}
.examples-area ul.gallery img {display:block;}
.examples-area ul.gallery a {
display:block;
width:205px;
height:218px;
position:relative;
outline:none;
margin:0;
padding:6px;
}
.examples-area ul.gallery em {
position:absolute;
top:6px;
left:6px;
height:218px;
width:205px;
background:url(../images/opacity.png);
z-index:2;
display:block;
text-indent:-9999px;
}
.examples-area ul.gallery a:hover {border:0;}
.examples-area ul.gallery a:hover em {left:-9999px;}

.special-offer{
	background:url(../images/banner.png) no-repeat;
	height:125px;
	margin:0 0 5px -10px;
	padding:0;
	text-indent:-9999px;
	width:432px;
}
.special-offer a {
	display:block;
	height:100%;
	width:100%;
}
.more-email{
	font-size:18px;
}