@import "reset.css";
@import "superfish.css";
@import "grid.css";
/*
@import "forms.css";
@import "prettyPhoto.css";
@import "galleryfic.css";
@import "kwicks.css";
@import "coin-slider.css";
@import "advanced.css"; 
*/


/* ------------------------------------------------------------------------------------------- */
body
{
    font: 12px/20px Arial, Helvetica, sans-serif;
    color: #9d9c99;
    position: relative;
    min-width: 960px;
    background: #39414A;
}
#container
{
    width: 960px;
    margin: 0px auto 0px;
    background: #FFFFFF;
    padding: 10px;
    font-size: 12px;
    margin-top: 50px;
}
.bg1
{
    background-position: right bottom;
    width: 100%;
    background: url('Images/bg1.png');
    background-repeat: repeat-x;
    background-attachment: fixed;
}
html, body
{
    height: 100%;
}
/* Global Structure---------------------------------------- */
.main
{
    margin: 0 auto;
    width: 960px;
    position: relative;
}
.container_12
{
    position: relative;
}
/*----- txt,links,lines,titles -----*/
a
{
    color: #262626;
    outline: none;
    cursor: pointer;
    text-decoration: underline;
}
a:focus
{
    border: none;
    outline: none;
}
a:hover
{
    text-decoration: none;
}
.clear
{
    clear: both;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    height: 0;
    width: 100%;
    margin: 0;
    padding: 0;
}
.wrapper
{
    width: 100%;
    overflow: hidden;
    position: relative;
}
.extra-wrap
{
    overflow: hidden;
    display: block;
}
p
{
    padding-bottom: 20px;
}
.p
{
    padding-bottom: 20px !important;
}
.p0
{
    padding-bottom: 0 !important;
}
.p1
{
    padding-bottom: 25px !important;
    color: #333333;
}
.p2
{
    padding-bottom: 15px !important;
}
.p3
{
    padding-bottom: 26px !important;
}
.p4
{
    padding-bottom: 18px !important;
}
.p5
{
    padding-bottom: 5px !important;
}

.fleft
{
    float: left;
}
.fright
{
    float: right;
}
.alignright
{
    text-align: right;
}
.aligncenter
{
    text-align: center;
}
.alignmiddle *
{
    vertical-align: middle;
}
.it
{
    font-style: italic;
}
.letter
{
    letter-spacing: -1px;
}
.color-1
{
    color: #fff;
}
.color-2
{
    color: #000;
}

/* Typography */
strong
{
    color: #ffc345;
    font-weight: bold;
}
dl dt
{
    font-size: 12px;
    font-weight: bold;
    color: #b93232;
}
dl dd
{
    padding: 0 0 0 50px;
}
blockquote
{
    font-size: 16px;
    line-height: 22px;
    color: #3d3938;
    padding: 0 20% 20px 0;
}
/*********************************boxes**********************************/
article.a1
{
    margin: 0 10px;
}
.spacing
{
    padding: 23px 0 0 0;
}
.spacing-1
{
    padding: 24px 0 0 0;
}
.spacing-2
{
    padding: 0 0 13px 0;
}
.spacing-3
{
    padding: 0 0 54px 0;
}
.spacing-4
{
    padding: 32px 0 0 0;
}
.spacer
{
    margin: 0 10px 0 0;
}

.indent-bot
{
    margin-bottom: 29px !important;
}
.indent-bot1
{
    margin-bottom: 19px !important;
}
.img-indent-bot
{
    padding: 2px 0 22px !important;
}
.img-indent
{
    float: left;
    margin: 7px 21px 0 0;
}
.img-indent-r
{
    float: right;
    margin: 2px 0 10px 15px;
}
.box-1
{
    background: url(images/box-1-tail.gif) repeat-x 0 0 #3d3938;
    margin: 0 0 0 35px;
    width:300px;
}
.box-1 .inside
{
    background: url(images/box-1-bg.gif) no-repeat 0 0;
    padding: 20px 45px 20px 30px;
}
.box-1 .box-title
{
    display: block;
    background: url(images/box-title-bg.png) no-repeat 0 0;
    padding: 9px 0 12px 52px;
    font-size: 24px;
    line-height: 30px;
    color: #fff;
    letter-spacing: -1px;
}
.box-1 .text1
{
    display: block;
    color: #fffb98;
    font-size: 14px;
    line-height: 20px;
    padding: 0 0 10px 0;
}
.box-1 .text2
{
    display: block;
    color: #fcfcfc;
    font-size: 12px;
    line-height: 20px;
}
.box-1 .text3
{
    display: block;
    color: #fffb98;
    font-size: 12px;
    line-height: 20px;
    padding: 0 0 6px 0;
}
/*********************************header*************************************/
header
{
    position: relative;
    z-index: 10;
}
header .top-row
{
    background: url(images/top-row-tail.gif) repeat-x 0 bottom #b10000;
}
header .top-row-bg
{
    background: url(images/top-row-bg.gif) no-repeat center bottom;
    overflow: hidden;
    padding: 5px 14px 9px 14px;
}
header .middle-row
{
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    /* background: url(images/middle-row-tail.gif) repeat-x 0 0 #f2f2f0; */
}
header .middle-row .inner
{
    background: url(images/header-middle-row-bg.gif) no-repeat center 0;
    overflow: hidden;
    padding: 19px 29px 12px 29px;
    position: relative;
    height:175px;
}
header .meta-links
{
    float: right;
    overflow: hidden;
}
.meta-links li
{
    display: block;
    background: url(images/meta-links-separator.gif) no-repeat 0 4px;
    padding: 0 0 0 13px;
    margin: 0 0 0 14px;
    float: left;
    line-height: 16px;
}
.meta-links li:first-child
{
    background: none;
}
.meta-links li a
{
    font-size: 12px;
    color: #fff;
    text-decoration: none;
}
.meta-links li a:hover
{
    text-decoration: underline;
}
.logo
{
    float: left;
    width: 456px;
    height: 100px;
    background: url(images/logo-bg.png) no-repeat 0 0;
    overflow: hidden;
    text-indent: -999em;
}
header .contact-info
{
    float: right;
    text-align: left;
    padding: 4px 0 0 0;
    width:220px;
}
header .contact-info .adr
{
    /* display: block; */
    color: #666666;
    font-size: 14pt; /* line-height: 18px; */
    font-weight: bold;
    padding: 0 0 6px 0;
}
header .contact-info .addres
{
    /* display: block; */
    color: #666666;
    font-size: 12pt;
    line-height: 18px;
    font-weight: normal;
    padding: 0 0 6px 0;
}
header .contact-info .tel
{
    /* display: block; */
    color: #666666;
    font-size: 12pt;
    line-height: 14px;
    font-weight: normal;
    padding: 0 0 6px 0;
}
header .contact-info .tel a:hover
{
    /* display: block; */
    color: #0066FF;
    font-size: 12pt;
    line-height: 14px;
    font-weight: normal;
    padding: 0 0 6px 0;
}
header .nav-container
{
    background: url(images/nav-bottom-bg.png) no-repeat center bottom;
    padding: 0 0 30px 0;
}
header nav
{
    position: relative;
    background: url(images/nav-tail.gif) repeat-x 0 bottom #2d2a2a;
}
/********************** Content ************************/
section#content
{
    position: relative;
    z-index: 4;
    /* background: url(images/content-tail.gif) repeat-x 0 0 #fff; */
}
section#content .inner
{
    padding: 20px 0 30px 0;
}
#page2 #content
{
    padding: 36px 0 25px;
}
#page3 #content
{
    padding: 36px 0 6px;
}
#page4 #content
{
    padding: 36px 0 18px;
}
#page5 #content
{
    padding: 36px 0 30px;
}
#page6 #content
{
    padding: 36px 0 28px;
}
#add-page #content
{
    padding: 36px 0 28px;
}
/*  Header styles */
h1, h2, h3, h4, h5, h6
{
    color: #666666;
    font-weight: bold;
    padding: 0 0 12px 0;
}
h1 b, h2 b, h3 b, h4 b, h5 b, h6 b
{
    color: #44403e;
    font-weight: bold;
}
h1
{
    font-size: 34px;
    line-height: 41px;
}
h2
{
    font-size: 30px;
    line-height: 36px;
}
h3
{
    font-size: 14px;
    line-height: 16px;
    text-decoration: none;
}
h4
{
    font-size: 24px;
    line-height: 30px;
}
h5
{
    font-size: 21px;
    line-height: 26px;
}
h6
{
    font-size: 18px;
    line-height: 22px;
}
.head-1
{
    font-size: 42px;
    line-height: 51px;
    padding: 0 0 14px 0;
}
.hp-1
{
    padding: 0 0 8px 0;
}
.hp-2
{
    padding: 10 0 13px 0;
    margin-left: 8px;
    margin-top:8px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14pt;
    text-align: left;
}
#page4 .hp-2
{
    padding: 0 0 14px 0;
}
.relative
{
    position: relative;
    z-index: 4;
}

.extra-text
{
    font-size: 16px;
    line-height: 22px;
    color: #333333;
    padding: 0 0 18px 0;
}
.extra-text2
{
    color: #666666;
    font-weight: bold;
}
.video-caption
{
    padding: 2px 0 5px 0;
}
.video-caption strong
{
    display: inline-block;
    width: 167px;
    color: #3d3938;
    font-size: 16px;
    line-height: 20px;
    font-weight: normal;
}
.video-caption span
{
    display: inline-block;
    color: #b93232;
    font-size: 12px;
    line-height: 18px;
    padding: 2px 0 0 0;
    font-weight: normal;
}

.social-links
{
    overflow: hidden;
    padding: 3px 0 0 0;
}
.social-links li
{
    float: left;
}
.social-links li.item-1
{
    width: 32px;
    height: 32px;
    margin: 0 19px 0 0;
    padding: 2px 0 0 0;
}
.social-links li.item-2
{
    width: 38px;
    height: 30px;
    margin: 0 19px 0 0;
    padding: 2px 0 0 0;
}
.social-links li.item-3
{
    width: 32px;
    height: 32px;
    margin: 0 20px 0 0;
    padding: 2px 0 0 0;
}
.social-links li.item-4
{
    width: 36px;
    height: 36px;
    margin: 0 20px 0 0;
}
.social-links li.item-5
{
    width: 35px;
    height: 36px;
    padding: 0;
}
.social-links li a
{
    display: block;
    width: 100%;
    height: 100%;
}
.social-links li.item-1 a
{
    background: url(images/social-link-1.png) no-repeat 0 0;
}
.social-links li.item-2 a
{
    background: url(images/social-link-2.png) no-repeat 0 0;
}
.social-links li.item-3 a
{
    background: url(images/social-link-3.png) no-repeat 0 0;
}
.social-links li.item-4 a
{
    background: url(images/social-link-4.png) no-repeat 0 0;
}
.social-links li.item-5 a
{
    background: url(images/social-link-5.png) no-repeat 0 0;
}
.hr-line
{
    position: absolute;
    border: 0;
    left: -30px;
    right: -20px;
    height: 1px;
    display: block;
    line-height: 0;
    font-size: 0;
    background: #edecea;
}
.hr-line2
{
    position: absolute;
    border: 0;
    left: -30px;
    right: -30px;
    height: 1px;
    display: block;
    line-height: 0;
    font-size: 0;
    background: #edecea;
}
figcaption
{
    position: absolute;
    bottom: 0;
    z-index: 5;
    left: 0;
    right: 0;
    background: url(images/caption-tail.gif) repeat-x 0 bottom #cf0000;
    color: #fff;
    padding: 6px 0;
    text-align: center;
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
    text-transform: uppercase;
}
.scroll
{
    overflow: auto;
    height: 180px;
    position: relative;
}
.border-bot
{
    border-bottom: 1px solid #edecea;
    padding: 0 0 22px;
    margin: 0 0 31px;
}
.border-bot2
{
    border-bottom: 1px solid #edecea;
    padding-top: 20px;
    margin: 0 20px 30px 20px;
}
.border-bot3
{
    background: #c2c2c2;
    height: 1px;
    line-height: 0;
    font-size: 0;
    margin: 0 0 20px 0;
    padding: 0;
}

/*  Buttons */
.button
{
    display: inline-block;
    background: url(images/button-tail.gif) repeat-x 0 0 #413d3c;
    font-size: 12px;
    line-height: 16px;
    color: #fff;
    font-weight: bold;
    padding: 6px 10px 9px 10px;
    text-decoration: none;
}
.button:hover
{
    background: url(images/button-tail.gif) repeat-x 0 -62px #a40000;
}
.button-1
{
    display: inline-block;
    background: url(images/button-tail.gif) repeat-x 0 -62px #a40000;
    font-size: 12px;
    line-height: 16px;
    color: #fff;
    font-weight: bold;
    padding: 6px 10px 9px 10px;
    text-decoration: none;
}
.button-1:hover
{
    background: url(images/button-tail.gif) repeat-x 0 0 #413d3c;
}
.link
{
    color: #b93232;
    text-decoration: none;
    font-weight: bold;
}
.link:hover
{
    text-decoration: underline;
}
.link-1
{
    color: #ffc345;
    text-decoration: none;
    font-weight: bold;
}
.link-1:hover
{
    text-decoration: underline;
}
.link-2
{
    display: inline-block;
    background: url(images/link-2-bg.gif) no-repeat 0 0;
    width: 18px;
    height: 16px;
    margin: 2px 0 0 0;
}
.link-2:hover
{
    background: url(images/link-2-bg.gif) no-repeat -18px 0;
}
.link-3
{
    color: #b93232;
    text-decoration: underline;
}
.link-3:hover
{
    text-decoration: none;
}
/*  Lists */
.list-1
{
    padding: 3px 0 28px 0;
}
.list-1 li
{
    display: block;
    line-height: 24px;
    background: url(images/list-1-marker.gif) no-repeat 0 10px;
    padding: 0 0 0 16px;
}
.list-1 li a
{
    font-size: 12px;
    text-decoration: none;
    color: #7f7a77;
    font-weight: bold;
}
.list-1 li a:hover
{
    color: #b93232;
}
.text-list
{
    padding: 0 0 11px 0;
}
#page3 .text-list
{
    padding: 0;
}
.text-list li
{
    text-indent: 17px;
    padding: 6px 45px 14px 0;
    background: url(images/text-list-marker.png) no-repeat 0 13px;
}
#page3 .text-list li
{
    padding: 0 30px 19px 0;
    background: url(images/text-list-marker.png) no-repeat 0 7px;
}
.dropcap_1
{
    float: left;
    position: relative;
    margin: 4px 14px 14px 0;
    text-transform: uppercase;
    width: 68px;
    height: 68px;
    background: url(images/dropcap-bg.png) no-repeat 0 0;
    font-weight: normal;
    overflow: hidden;
    vertical-align: middle;
}
.dropcap_1 span
{
    font-family: 'Vollkorn' , serif;
    color: #fff;
    font-size: 50px;
    line-height: 60px;
    display: block;
    text-align: center;
    padding: 5px 0 0 0;
    vertical-align: middle;
}
.map-container
{
    margin: 0 0 0 30px;
    padding: 30px 0 0 0;
}
iframe
{
    width: 268px;
    height: 225px;
    margin: 0;
    border: 1px solid #fff;
}
.adress
{
    margin: 0;
    padding: 0px;
}
.adress dt
{
    display: block;
    font-size: 12px;
    line-height: 10px;
    padding: 0 0 0 0;
    font-weight: normal;
    font-style: normal;
    color: #808080;
}
.adress dt a
{
    color: #9d9c99;
    text-decoration: none;
}
.adress dt a:hover
{
    text-decoration: underline;
}
.adress dd
{
    font-size: 12px;
    line-height: 20px;
    padding: 0;
}
.adress dd a
{
    color: #eb1515;
    text-decoration: underline;
}
.adress dd a:hover
{
    text-decoration: none;
}
/******************** Aside ******************/
aside
{
    /* background: url(images/aside-tail.gif) repeat-x 0 0 #fff; */
    position: relative;
}
.aside-border
{
    /* background: url(images/aside-border.png) no-repeat 0 0; */
    padding: 30px 0 30px;
}
.aside-after
{
    position: absolute;
    right: -30px;
    top: 0;
    bottom: 0;
    width: 30px;
    /* background: url(images/aside-tail.gif) repeat-x 0 0 #fff; */
}
/******************** Footer ******************/
footer
{
    /* background: url(images/footer-tail.gif) repeat-x 0 0 #f6f5f3; */
    position: relative;
    overflow: hidden;
}
footer .inner
{
    overflow: hidden;
    /* background: url(images/footer-bg.gif) no-repeat 0 0; */
    padding: 26px 30px 26px 18px;
    position: relative;
    line-height: 15px;
}
footer nav
{
    float: left;
}
footer nav ul
{
    overflow: hidden;
}
footer nav ul li
{
    float: left;
    padding: 0 12px;
    line-height: 15px;
}
footer nav ul li a
{
    font-size: 12px;
    text-transform: uppercase;
    color: #666666;
    font-weight: bold;
    text-decoration: none;
}
footer nav ul li a:hover, footer nav ul li a.current
{
    color: #444343;
}
footer strong
{
    color: #8d8c8c;
    font-weight: normal;
    margin: 0 18px 0 0;
}
footer a.privacy
{
    text-decoration: none;
    color: #b93232;
}
footer a.privacy:hover
{
    text-decoration: underline;
    color: #b93232;
}
footer a
{
    color: #8d8c8c;
    text-decoration: none;
}
footer a:hover
{
    color: #444343;
}
.top1
{
    font-family: Arial, Helvetica, sans-serif;
    background: url(images/top.png) 0 center no-repeat;
    padding: 0 0 5px 14px;
    display: inline-block;
    text-decoration: none;
    color: #9d9c99;
    text-transform: uppercase;
    font-size: 11px;
}
.top1:hover
{
    color: #d63c08;
}

ins
{
    background: #b93232;
    padding: 0 5px;
    color: #fff;
    text-decoration: none;
}
del
{
    text-decoration: line-through;
}
abbr
{
    cursor: help;
    color: #b93232;
    text-transform: uppercase;
    border-bottom: 1px dotted #b93232;
}
.elements-list em
{
    color: #b93232;
}
dfn
{
    color: #b93232;
    font-style: italic;
}
dfn
{
    letter-spacing: 2px;
}
sup
{
    font-size: 11px;
}
sub
{
    font-size: 11px;
    vertical-align: bottom;
}
.elements-list b
{
    color: #7f7a77;
}
.elements-list small
{
    font-size: 10px;
}
.elements-list big
{
    font-size: 21px;
    color: #989898;
}
.elements-list q
{
    font-family: "Courier New" ,Courier,monospace;
    color: #b93232;
}
kbd, samp
{
    font-family: "Courier New" , Courier, monospace;
    font-size: 11px;
}
abbr, acronym
{
    text-transform: uppercase;
}
pre, code, tt
{
    font: 1em 'andale mono' , 'lucida console' ,monospace;
    line-height: 1.5;
    display: block;
}
code
{
    background-color: #f6f6f6;
    display: block;
    color: #333;
    padding: 3px 2px 3px 5px;
    line-height: 1.67em;
    border: 1px dotted #333;
}
pre
{
    white-space: pre;
}
var
{
    font-size: 16px;
    font-style: normal;
}
/* Layouts navigation */
.layouts-nav
{
    width: 100%;
    overflow: hidden;
    padding-bottom: 30px !important;
}
.layouts-nav li
{
    float: left;
    margin-right: 5px;
    background: none !important;
    padding: 0 !important;
}
.layouts-nav li a
{
    float: left;
    background: #000;
    padding: 12px 20px;
    color: #fff;
    position: relative;
    margin-right: 5px;
    cursor: pointer;
    text-decoration: none;
}
.layouts-nav li a:hover
{
    background: #fa4204;
}

/* Table styling */
table th
{
    background: url(images/th-tail.gif) repeat-x #a81e1e;
    font-size: 16px;
    color: #fff;
    padding: 17px 0 17px;
    font-weight: normal;
    border-right: 1px solid #eaeaeb;
    border-top: 1px solid #ba3232;
}

table th.last
{
    border-right: 1px solid #ba3232;
}
table td.last
{
    border-right: 1px solid #ba3232;

}
table.price-table td.last, table.price-table th.last
{
    border-right: none;
}
table td.first, table th.first
{

}
table tr.last td
{
    border-bottom: 1px solid #ba3232;
}
table.price-table tr.last td
{
    border-bottom: none;

}
table.price-table th
{
    border-top: none;
    padding: 15px 0 16px;
}
table td
{
    background: #f5f4f2;
    color: #666666;
    font-size: 10pt;
    text-align: left;
    padding: 6px 0 4px 20px;
    margin-left: 25px;
    
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}
table tbody td.Intro
{
    padding: 6px 0 4px 0px;
    text-align: left;
    font-size: 10pt;
    line-height: 20px;
    color: #3d3938;
    width: 500px;
    border-left: none;

}
table tbody td.IntroImage
{
    width: 300px;
    padding: 6px 0 4px 10;
}
table tbody td.first-col
{
    padding: 6px 0 4px 20px;
    text-align: left;
    font-size: 10pt;
    line-height: 20px;
    color: #3d3938;
    width: 200px;
    border-left: none;
}
table tbody td.second-col
{
    font-size: 10pt;
    line-height: 10px !important;
    width: 300px;
    padding: 6px 0 4px;
    text-align: left;
    color: #3d3938;
}
table tbody td.third-col
{
    width: 300px;
    padding: 6px 0 4px;
    vertical-align:top;

}
table tbody td.fourth-col
{
    width: 136px;
    padding: 6px 0 4px;
    border-right: none;
}
/* Information box */
.info-box, .download-box, .notification-box, .error-box
{
    padding: 20px 30px 20px 110px;
    margin-bottom: 15px;
    position: relative;
    height: 1%;
    font-size: 13px;
}
.info-box
{
    color: #64757f;
    background: #e1f2fc;
    border: 1px solid #68a2cf;
}
.download-box
{
    color: #697a58;
    background: #eeffdd;
    border: 1px solid #a3c159;
}
.notification-box
{
    color: #79725b;
    background: #fef7e0;
    border: 1px solid #e6c555;
}
.error-box
{
    color: #7e6c6c;
    background: #feebeb;
    border: 1px solid #ff9999;
}
.info-box p.icon, .download-box p.icon, .notification-box p.icon, .error-box p.icon
{
    position: absolute;
    left: 34px;
    top: 16px;
    margin: 0;
}
/* Pages
---------------------------------------- */
/* 404 page */
#page-404 #content
{
    padding: 20px 0 0 0;
}

strong.heading404
{
    display: block;
    font-size: 30px;
    line-height: 36px;
    color: #ba3232;
    text-transform: uppercase;
    font-weight: bold;
    padding: 16px 0 17px 0;
}
b.heading404
{
    display: block;
    font-size: 24px;
    line-height: 29px;
    color: #44403e;
    padding: 0 0 18px 0;
    font-weight: bold;
}
#page-404 #content p.last
{
    padding: 0 0 25px 0 !important;
}
/* Under Construction page =====*/
#constuction-box
{
    width: 900px;
    height: 500px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -400px;
    margin-top: -250px;
    background: url(images/content-tail.gif) repeat-x 0 0 #fff;
    text-align: center;
}
#constuction-box .inside
{
    padding: 40px 40px 40px 40px;
}
#constuction-box .button
{
    position: relative;
}
#constuction-box h1
{
    text-align: center;
    font-size: 38px;
    margin-bottom: .2em;
    line-height: 48px;
    letter-spacing: 2px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}
#constuction-box h1 span
{
    color: #00c4ff;
    display: block;
    margin-bottom: -15px;
}
/* Countdown */
#countdown_dashboard
{
    height: 110px;
    padding: 30px 0 40px 0;
    width: 650px;
    margin: 0 auto;
    position: relative;
}
.dash
{
    width: 110px;
    height: 114px;
    background: transparent url('images/dash.png') 0 0 no-repeat;
    float: left;
    margin-left: 20px;
    position: relative;
}
.dash .digit
{
    font-size: 75px;
    line-height: 85px;
    font-weight: bold;
    float: left;
    width: 55px;
    text-align: center;
    font-family: "Trebuchet MS" ,Arial,Helvetica,sans-serif;
    color: #555;
    position: relative;
}
.dash .digit .bottom
{
    font-size: 75px;
    line-height: 85px;
}
.dash_title
{
    position: absolute;
    display: block;
    bottom: 0px;
    left: 0;
    font-size: 12px;
    color: #555;
    letter-spacing: 2px;
    width: 110px;
}
.dev_comment
{
    font-size: 14pt;
    color: #777;
    text-align: center;
    font-style: italic;
    margin: 40px 10px;
}
#subscribe_form
{
    position: relative;
}
#email_field
{
    font-size: 16pt;
    padding: 6px 10px;
    width: 300px;
}
#subscribe_button
{
    font-size: 14pt;
    color: #333;
    padding: 4px 8px;
}
.copyright
{
    font-size: 9pt;
    color: #333;
    margin: 40px 0px;
}
.faded
{
    color: #999;
}
.form_message
{
    width: 400px;
    padding: 10px;
    margin: 15px auto;
    display: none;
}
#error_message
{
    background-color: #ffe;
    border-left: 5px solid #bb3;
    border-right: 5px solid #bb3;
    color: #770;
}
#info_message
{
    background-color: #f0f9ff;
    border: 1px solid #eef;
}
#loading
{
    text-align: center;
    margin: 10px;
    display: none;
    position: absolute;
    width: 100%;
    top: 60px;
}
/* Intro page */
#intro-box
{
    width: 600px;
    height: 400px;
    position: relative;
    left: 50%;
    top: 50%;
    margin-left: -300px;
    margin-top: -200px;
    background: url(images/content-tail.gif) repeat-x 0 0 #fff;
    text-align: center;
    float: left;
}
#intro-box .inside
{
    padding: 40px 40px 40px 40px;
}
#intro-box h1
{
    text-align: center;
    position: absolute;
    left: 0;
    top: -90px;
    width: 600px;
    overflow: hidden;
    height: 100px;
    border: none;
    color: #000;
}
#intro-box h1 span
{
    color: #1fb7c4;
    display: block;
    margin-bottom: -15px;
}
#intro-box .button
{
    position: absolute;
    right: 40px;
    bottom: 10px;
    float: right;
    white-space: nowrap;
}
.intro-buttons
{
    width: 500px;
    padding: 0 50px;
    position: absolute;
    left: 0;
    bottom: 50px;
}
#flash-intro
{
    margin-bottom: 20px;
    position: absolute;
    left: 23px;
    top: 20px;
}

/* Content
---------------------------------------- */
/* Lightbox image */

.lightbox-image
{
    display: inline-block;
    position: relative;
}
a.border
{
    padding: 6px;
    background: #dededa;
    display: inline-block;
}
.lightbox-image img
{
    position: relative;
    z-index: 2;
}
.lightbox-image span
{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url(images/magnify.png) 50% 50% no-repeat;
}
/* Lightbox video */
.lightbox-video
{
    display: inline-block;
    position: relative;
}
.lightbox-video img
{
    position: relative;
    z-index: 2;
}
.lightbox-video span
{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url(images/magnify-video-bg.png) 50% 50% no-repeat;
    z-index: 3;
}
.lightbox-video span em
{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url(images/magnify-video-marker.png) 50% 50% no-repeat;
    z-index: 4;
}
.lightbox-video span b
{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url(images/magnify-video-marker.png) -50% 50% no-repeat;
    z-index: 4;
}

/* SlideDown element */
.slideDown
{
    padding: 0 1px 0 0;
    font-size: 13px;
    line-height: 19px;
}
.slideDown dt
{
    background-color: #333132;
    background-image: url(images/arrow1.gif);
    background-repeat: no-repeat;
    background-position: 100% 16px;
    color: #fff;
    padding: 9px 0 9px 21px;
    margin-bottom: 4px;
    font-weight: normal;
    display: block;
    font-size: 14px;
    cursor: pointer;
    margin-bottom: 10px;
}
.slideDown dt:hover, .slideDown dt.active
{
    background-color: #bbb;
    color: #fff;
    text-shadow: 0 0 5px #fff;
}
.slideDown dt.active
{
    background-image: url(images/arrow2.gif);
}
.slideDown dd
{
    display: none;
    padding: 10px 20px 20px 20px;
}
#block dd
{
    display: block;
}
.slideDown.absolute
{
    position: relative;
}
.slideDown.absolute dd
{
    position: absolute;
    z-index: 999;
    background: #fff;
}
.slideDown.absolute dd p
{
    font-size: 13px !important;
    line-height: 20px !important;
    color: #9e9e9e !important;
}
/* Accordion */
dl#accordion
{
    list-style-type: none;
    margin: 0;
    padding: 0 2px 0 0;
    height: auto !important;
}
dl#accordion .indent
{
    padding-top: 7px !important;
    padding-bottom: 5px !important;
}
dl#accordion a
{
    display: block;
}
dl#accordion dt
{
    margin: 0px;
}
dl#accordion dt a
{
    background-color: #333132;
    background-image: url(images/arrow1.gif);
    background-repeat: no-repeat;
    background-position: 100% 16px;
    color: #7f7f7f;
    padding: 9px 0 9px 21px;
    margin-bottom: 4px;
    font-weight: normal;
    display: block;
    font-size: 14px;
    text-decoration: none;
}
dl#accordion dt a:hover
{
    background-color: #8e8d8b;
    color: #fff;
}
dl#accordion dt.active a
{
    background-color: #ccc;
    background-image: url(images/arrow2.gif);
    color: #333;
}
dl#accordion dd
{
    display: none;
    margin-bottom: 0;
    padding-left: 0;
}
dl#accordion dd .indent
{
    padding: 10px 30px 14px 20px !important;
}
dl#accordion dd a
{
    display: inline;
    background: none;
    padding: 0;
    width: auto;
    text-decoration: none;
}
dl#accordion dd a:hover
{
    background: none;
}
dl#accordion dd .sub_menu li
{
    list-style: none;
    line-height: 30px !important;
    padding-left: 12px;
}
.sub_menu
{
    font-size: 12px;
    line-height: 16px;
}
.sub_menu li a
{
    line-height: 30px !important;
    text-decoration: underline !important;
}
.sub_menu li a:hover
{
    text-decoration: none !important;
}
/* Tooltips */
#aToolTip
{
    border: 2px solid #f0f0f0;
    background: #fbfbfb;
    color: #747474;
    margin: 0;
    padding: 2px 8px;
    font-size: 11px;
    position: absolute;
    display: none;
    z-index: 50000;
}
#aToolTip .aToolTipContent
{
    position: relative;
    margin: 0;
    padding: 0;
}
a#aToolTipCloseBtn
{
    display: block;
    height: 20px;
    width: 20px;
    overflow: hidden;
    background: url(images/close.gif) no-repeat;
    text-indent: -9999px;
    outline: none;
    position: absolute;
    top: -15px;
    right: -20px;
}
/* Elements list */
.elements-list li
{
    background: none !important;
    padding: 0 0 0px 0 !important;
    position: relative;
    line-height: 28px;
}
.elements-list li code
{
    position: absolute;
    right: 0;
    top: -3px;
    padding: 2px 3px 1px 3px;
    border: 1px dotted #333;
}
/* Tabs */
.tabs
{
    padding: 15px 0 30px 0;
}
.tabs ol
{
    list-style-type: decimal;
    margin: 0 0 0 20px;
}
.tabs ol li
{
    display: list-item;
    float: none;
    padding-bottom: 5px !important;
    font-size: 12px;
    color: #6b6a6a;
}
.tabs ul
{
    list-style: none;
    padding: 0 0 0 0 !important;
    overflow: hidden;
}
.tabs li
{
    display: block;
    float: left;
    margin: 0 5px 5px 0;
    background: none;
    padding: 0 0 0 0 !important;
}
.tabs .selected
{
    margin-bottom: 0px;
    position: relative;
}
.tabs .selected a
{
    background: #f0f0f0;
    color: #000;
    padding-bottom: 10px;
}
.tabs li a:hover
{
    background: #f0f0f0;
    color: #000;
}
.tabs li a
{
    background: #000;
    color: #fff;
    display: block;
    padding: 5px 10px;
    text-decoration: none;
}
.tabs .tab-content
{
    background: #f0f0f0;
    clear: both;
    width: auto;
    max-width: 900px;
    min-height:400px;
    overflow: auto;
}
#content .tabs .tab-content .inner
{
    padding: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-large;
}
.tabs p
{
    margin-bottom: 5px;
}
.tabs .tab-content strong
{
    color: #000;
}
.tabs pre
{
    margin: 4px 0;
}
.tabs code
{
    overflow: auto;
}
* + html .tabs code
{
    overflow: visible;
}
/********dialog********/
.disable_masking
{
    width: 400px;
    z-index: 6001;
    position: absolute;
    top: -310px;
    background: #f0f0f0;
    padding: 40px;
    box-shadow: 0 0 10px #000;
    -moz-box-shadow: 0 0 10px #000;
    -webkit-box-shadow: 0 0 10px #000;
}
.closebutton, .myclosebutton
{
    display: block;
    position: absolute;
    right: -15px;
    top: -15px;
    background: #fff;
    padding: 5px;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
}
#dialog6 h6
{
    padding-left: 18px !important;
}
.data
{
    font-size: 12px;
    text-align: justify;
}
.viewsiurce
{
    background-color: #F0F0F0;
    border: 2px dashed #000;
    padding: 20px;
    color: #006633;
    font-size: 15px;
    font-size: 12px;
}
/* Twitter */
#twitter p
{
    margin: 0;
}
#twitter h2
{
    margin: 0 0 5px 0;
    padding: .5em 1em;
    font-size: 1.5em;
    color: #fff;
    background-color: #888;
    letter-spacing: 0;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
#preloader
{
    margin: 0;
    padding: 1em 1em 1em 3em;
    text-indent: 10px;
    background: transparent url(images/loader.gif) 1em center no-repeat;
}
ul#twitter_update_list
{
    margin: 0;
    padding: 0 0 0.5em 0;
    list-style-type: none;
}
ul#twitter_update_list li
{
    margin: 0;
    padding: 0.8em 5px 1em 1em !important;
    background: #f0f0f0;
    margin-bottom: 7px;
}
ul#twitter_update_list li:hover
{
    background-color: #fb4304;
    color: #fff;
}
ul#twitter_update_list li:hover a
{
    color: #000;
}
ul#twitter_update_list li a
{
    color: #262626;
}
ul#twitter_update_list li span
{
    display: block;
    color: #000;
}
ul#twitter_update_list li span a
{
    color: #262626;
}
ul#twitter_update_list li.lastTweet
{
    border-bottom: none;
}
a#profileLink
{
    display: block;
    padding: 0.3em 1em;
    color: #fff;
    background-color: #000;
}
a#profileLink
{
    display: block;
    padding: 0.3em 1em;
    color: #fff;
    background-color: #000;
}
/* Code grabber */
.code
{
    padding: 30px 0 10px 0;
}
.code a.code-icon
{
    margin-bottom: 10px;
}
.code a.code-icon i
{
    padding-right: 6px;
    font-style: normal;
}
.code div.grabber
{
    display: none;
}
.code code
{
    padding: 0 10px 0 10px;
    background: #f6f6f6;
    color: #333;
    border: 1px solid #dfdfdf;
    white-space: pre;
    overflow: auto;
}