/* *** css by miss monorom www.intensivstation.ch *** */
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */

body {
background-color: #101514;
font-size: 16px;
font-family: Arial, Lucida Grande, SunSans-Regular, Sans-Serif;
color:#292828;
padding:0px;
margin:0px;
}

ul{ margin:0px; padding:0px}
li{ margin:0px; padding:0px}
ol{ margin:0px; padding:0px}

a {color: #32A6D2; text-decoration:none; }
a:hover {color: #F7ABC5; text-decoration:none; }

p{ margin:5px 0px 10px 0px}
h1 { font-size:30px; font-weight:bold; letter-spacing:-2px; margin:0px; padding:5px 0px 10px 0px}
h2 {}

ul { list-style: outside;margin-left: 0;padding-left: 20px; }
	

/* ----------container to center the layout-------------- */

#container {
width: 963px;
margin-left: auto;
margin-right: auto;
background-color:#101514;
background: url(images/base.jpg) repeat-y;
}

#page {
background-color:#FFFFFF;
margin: 0px 28px 0px 27px;
padding: 0px 50px 50px 50px;
}

#banner{
height:389px;
background:url(images/ban-plain.jpg) no-repeat;
}

#page-title{font-size:48px; font-weight:bold; letter-spacing:-3px; text-align:center; line-height:48px}
#page-subtitle{font-size:22px; font-weight:normal; text-align:center; color:#5f5e5e; letter-spacing:-1px; margin-bottom:25px}
#page-data-body{ line-height:140%; letter-spacing:-1px}

#page-data-plugin{ width:464px; float:right; margin: 44px 0px 15px 15px}
#page-data-plugin-top{ height:110px;  background:url(images/box-header.gif) no-repeat;}
#page-data-plugin-top-icon{ float:left;}
#page-data-plugin-top-text{ padding-top:25px;}

#page-data-plugin-repeat{ background:url(images/box-repeat.gif) repeat-y; padding:0px 10px 0px 21px;}
#page-data-plugin-bottom{ height:12px; background:url(images/box-bottom.gif) no-repeat; }

#header-holder{ height:57px; background:url(images/header.gif) repeat-x}
#header{ height:57px; width: 908px; margin-left: auto; margin-right: auto;}
#header-logo{ padding-top:14px}
#header-nav-holder{ font-size:14px; font-weight:bold; padding-top:20px}
#header-nav li{display: inline;list-style-type: none;padding-right: 15px;}
#header-nav li a{ color:#000000}
#header-nav li a:hover{ color:#555555}
#header-nav li.on a{ color:#b2101f}

#nav-holder{ text-align:center; font-size:14px; padding:20px 0px 5px 0px; background:url(images/nav-line.gif) no-repeat bottom}
#nav li{display: inline;list-style-type: none; padding-right: 20px;}
#nav li a{ color:#ffffff}
#nav li a:hover{ color:#fcd8e3}
#nav li.on a{ color:#ffabc5}

.form-icon{ padding:18px 14px 0px 21px}

#footer{ background-color:#333333; margin: 0px 28px 45px 27px;padding: 20px 50px 20px 50px; color:#bbbbbb; font-size:12px}

#footer-nav-holder{ padding-bottom:5px}
#footer-nav { margin:0px; padding:0px}
#footer-nav li{display: inline;list-style-type: none; padding-right: 20px; font-size:12px; margin:0px; padding:0px}
#footer-nav li a{ color:#333333}
#footer-nav li a:hover{ color:#F7ABC5}
#footer-nav li.on a{ color:#32A6D2}
#footer-copyright{ padding-top:15px}

#video-header{ width:909px; margin:auto}
#video-header-left { float: left; width: 107px; padding:65px 0px 0px 0px; color:#FFFFFF}
#video-header-right {float: right;width: 360px; padding:69px 20px 0px 0px; color:#FFFFFF; font-size:14px; font-weight:normal; line-height:140%}
#video-header-center { float: left; width: 408px; font-size:26px; color:#FFFFFF; font-weight:bold; padding:26px 0px 0px 0px}
#video-header-center a{ color:#FFFFFF;}
#video-header-center a:hover{ color:#fedfe9;}
#video-video{ padding:19px 0px 0px 11px}
.video-tutorial{ font-size:26px; color:#ffabc5; font-weight:bold; line-height:26px; height:27px}
.video-number{ font-size:90px; color:#FFFFFF; font-weight:bold; letter-spacing:-3px; line-height:90px}
.pink{color:#ffabc5;}

.video-line{ padding:15px 11px 28px 20px}
.video-line-dark{ padding:15px 11px 20px 20px; background-color:#f7f4f1;}
.video-line-left{float:left; width:100px}
.video-line-center{float:left; width:490px; }
.video-line-right{float:right; width:150px; height:105px; background:url(images/video-icon-light.gif) no-repeat top left; padding:5px 0px 0px 4px; }
.video-line-right-dark{float:right; width:150px; height:105px;background:url(images/video-icon-dark.gif) no-repeat top left; padding:5px 0px 0px 4px; }
.video-line-title{ padding-top:8px; font-size:30px; font-weight:bold; letter-spacing:-2px;}
.video-line-title a{ color:#292828}
.video-line-title a:hover{ color:#a36218}
.video-line-text{ font-size:16px; font-weight:normal; line-height:140%;}
.video-line-hash{ font-size:30px; font-weight:bold; color:#a36218}
.video-line-number{ font-size:58px; font-weight:bold; color:#292828; letter-spacing:-2px;}

/* FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ */

#page-data-nav{ width:250px; float:right}

#side-nav{ font-size:24px; font-weight:bold; letter-spacing:-1px; line-height:150%; list-style:none; margin:0px; padding:0px;}
#side-nav a{ color:#363535; padding:5px 0px 3px 28px}
#side-nav a:hover{ color:#917759;}
#side-nav li{margin:0px; padding:0px;}
#side-nav li.on  {}
#side-nav li.on a{ color:#a36218; background:url(images/subnav.gif) no-repeat left top;}

#page-data-text{ border-right: 1px solid #c9c8c8; width:558px}

.faq-line{padding:15px}
.faq-line-dark{ background-color:#f7f4f1; padding:15px}

.faq-line-left{float:left; width:70px}
.faq-line-right{float:right; width:450px }

.faq-line-title{ font-size:30px; font-weight:bold; letter-spacing:-2px;}
.faq-line-title a{ color:#292828}
.faq-line-title a:hover{ color:#a36218}
.faq-line-text{ font-size:16px; font-weight:normal; line-height:140%;}
.faq-line-hash{ font-size:30px; font-weight:bold; color:#a36218; padding-right:4px}
.faq-line-number{ font-size:30px; font-weight:bold; color:#292828; letter-spacing:-2px;}


/* SAMPLES SAMPLES SAMPLES SAMPLES SAMPLES SAMPLES SAMPLES SAMPLES SAMPLES SAMPLES SAMPLES SAMPLES SAMPLES SAMPLES  */

#samples-right{ float:right; width:501px; margin-top:55px}
#samples-box-header{ height:87px; background:url(images/sample-box-header.jpg) no-repeat top;}
#samples-box-outer{ border-left:1px solid #f9f9f9; border-right:1px solid #f9f9f9; border-bottom:1px solid #f9f9f9;}
#samples-box-inner{ border-left:1px solid #ebebeb; border-right:1px solid #ebebeb; border-bottom:1px solid #ebebeb;}
#sample-box-content{ height:200px;}
#samples-left{ width:280px}
#samples-title{}
#samples-content{}

#samples-banner{height:476px; background:url(images/ban-samples.jpg) no-repeat; }
#samples-title{ margin:33px 0px 0px 76px; color:#FFFFFF}
#samples-plugin{ background-color:#00CC66}
#samples-nav{ height:45px; padding-top:19px; width:442px; margin:auto}
.samples-nav-item{ float:left; padding:0px 8px 0px 8px}


/* HOME HOME HOME HOME HOME HOME HOME HOME HOME HOME HOME HOME HOME HOME HOME HOME HOME HOME HOME HOME HOME HOME   */
#banner-home{ height:476px; background: url(images/ban-home.jpg) no-repeat top;}

#home-banner-info{ color:#FFFFFF}
#home-banner-info-right{ float:right; width:650px}
#home-banner-info-left{ width:300px}
#home-banner-icon{ margin:28px 0px 6px 37px}
#home-banner-title{ font-family:arial black; font-size:22px; margin:0px 5px 15px 37px; letter-spacing:-1px; text-align:center; line-height:120%}
#home-banner-text{ margin:0px 5px 0px 37px;}

#home-right{ float:right; width:420px; }
#home-left{ padding:0px 0px 0px 50px; width:390px;}

#home-page { background-color:#FFFFFF; margin: 0px 28px 0px 27px; padding: 25px 0px 50px 0px;}

.home-box{ margin-bottom:20px}
.home-box-title{ font-size:30px; font-weight:bold; letter-spacing:-2px; margin-bottom:15px}
.home-box-content-padding{ padding-right:50px}