@import"reset.css";
@import"superfish-gris-celeste.css";
@import"grid.css";
@import"forms.css";
@import"prettyPhoto.css";
@import"galleryfic.css";
@import"kwicks.css";
@import"coin-slider-gris-celeste.css";
@import"jqtransform.css";
/* Global properties ======================================================== */
html, body {height:100%;}
body{
    color:#7d7d7d;
    position:relative;
    min-width:1010px;
    font:12px/21px  Arial, Helvetica, sans-serif;
    background:#eaeaea;
    padding:0 0 0px 0;
}
.main {
    width:1010px; 	
    padding:0;
    margin:0 auto;
    position:relative;
    background: none;
    padding:0px 0 0px 0;
}

a {color:#36bef2; outline:none; cursor:pointer; text-decoration:underline;}
a:hover {text-decoration:none;}
.buttons a:hover {cursor:pointer;}

.clear {clear:both; width:100%; line-height:0; font-size:0; height:0; overflow:hidden;}

.wrapper{width:100%; overflow:hidden; position:relative;}
.extra-wrap{overflow:hidden; display:block;}

.z5 {position:relative; z-index:5;}

/**********bg***********/
.bg{width:100%; background:url(../images/bg.png) center 0 no-repeat #e6e5ea;}
.bg-404{width:100%;  background:url(../images/bg-404.png) 70px 42px no-repeat; min-height:454px;}


p {margin-bottom:21px;}

.p0 {margin-bottom:0px;}
.p00 {margin-bottom:5px;}
.p000 {margin-bottom:6px;}
.p0000 {margin-bottom:2px;}
.p1 {margin-bottom:8px;}
.p2 {margin-bottom:15px;}
.p3 {margin-bottom:30px;}
.p4 {margin-bottom:43px;}
.p5 {margin-bottom:56px;}

.prev-indent-bot {margin-bottom:9px;}
.prev-indent-bot1 {margin-bottom:10px;}
.prev-indent-bot2 {margin-bottom:12px;}
.prev-indent-bot3 {margin-bottom:13px;}
.prev-indent-bot4 {margin-bottom:14px;}
.title0 {margin-bottom:17px;}
.title1 {margin-bottom:16px;}
.title {margin-bottom:18px;}
.title2 {margin-bottom:19px;}
.indent-bot {margin-bottom:20px;}
.indent-bot0 {margin-bottom:22px;}
.indent-bot1 {margin-bottom:24px;}
.indent-bot2 {margin-bottom:21px;}
.spacing-bot {margin-bottom:26px;}
.spacing-bot1 {margin-bottom:28px;}
.spacing-bot2 {margin-bottom:27px;}
.margin-bot {margin-bottom:37px;}
.margin-bot0 {margin-bottom:33px;}


.spacing-left {margin-left:3px;}
.spacing-left1 {margin-left:1px;}
.spacing {margin-right:20px;}
.spacing-1 {margin-right:16px;}
.spacing-2 {margin-right:22px;}
.spacing-3 {margin-right:33px;}
.spacing-4 {margin-right:40px;}
.spacing-5 {margin-right:26px;}
.spacing-6 {margin-right:29px;}
.spacing-7 {margin-right:15px;}

.img-indent{float:left; margin: 6px 18px 0 0px;}
.img-indent1{float:left; margin: 0px 10px 0 14px;}
.img-indent2{float:left; margin: 0px 16px 0 2px;}
.img-indent3{float:left; margin: 0px 15px 0 0px;}
.img-indent4{float:left; margin: 1px 17px 0 7px;}
.img-indent5{float:left; margin: 1px 11px 0 0px;}
.img-indent6{float:left; margin: 6px 20px 0 0px;}

.img-indent-r{float:right; margin: 2px 1px 0 29px;}

.l-h {line-height:16px;}
.l-h1 {line-height:19px;}
.l-h2 {line-height:18px;}
.f-s {font-size:13px;}

.letter {letter-spacing:-1px;}

/*******paddings******/
.padding{padding:30px 0px 30px 0px;}
.padding-1{padding:18px 0px 40px 0px;}
.padding-2{padding:31px 0px 50px 0px;}

.padding-top {padding-top:13px;}
.padding-top1 {padding-top:15px;}
.padding-top2 {padding-top:2px;}

.padding-left {padding-left:21px;}
.padding-left1 {padding-left:20px;}
.padding-left2 {padding-left:22px;}

.padding-404 {padding:88px 0 30px 20px;}

.col-padding {padding: 0 10px 0 21px;}
.col-padding1 {padding: 0 10px 0 49px;}
.col-padding2 {padding: 0 10px 0 23px;}


.reg{font-size:39px; line-height:53px; color:#000; margin:-16px 0 -2px -2px;}

.fleft{float:left;}
.fright{float:right;}
.alignright{text-align:right;}
.aligncenter{text-align:center;}
.alignmiddle *{vertical-align:middle;}

.color-1{color:#fcfcfc;}
.color-2{color:#000;}
.color-3{color:#36bef2;}
.color-4{color:#7d7d7d;}
.color-5{color:#656565;}

.sf-menu li a,
.top-menu li a,
.link,
.link-1,
.link-3,
.link-4,
.list-1 li a,
.list-2 li a,
.button,
.button-1,
.text-bot a,
h5 a,
h1 a {text-decoration:none;}

/*********************************header*************************************/
header{
    position:relative;
    width:100%;
    background:none;
    z-index:2;
    padding:0px 0 0px 0;
    margin:0 0 0px 0;
}

.row-1 {
    position:relative;
    width:100%;
    background-color:#FFF;
}
.row-2 {
    position:relative;
    width:100%;
    border-top: #EAEAEA; 
    background-color:#36bef2;
    /*border-radius:4px 4px 0 0;*/
    -moz-border-radius:4px 4px 0 0;
    -webkit-border-radius:4px 4px 0 0;
}
header h1{
    padding:26px 0 20px 0px;
    display:inline-block;
    position:relative;
    float:left;
    width:170px;
    height:80px;
    /*margin:0 0 0 -24px;*/
}
/*header h1 a {
        display:block;
        text-indent:-5000px;
        overflow:hidden;
        background:url(../images/logo.png) 0 0 no-repeat;
        width:262px;
        height:66px;
}*/

.top-menu {
    float:right;
    padding:70px 0px 0 0;
}
.top-menu li {
    float:left;
    font-size:12px;
    line-height:14px;
    margin-right:10px;
    padding-right:14px;
    background:url(../images/top-menu-marker.gif) 100% 3px no-repeat;
}

.top-menu li.last {background:none; margin-right:0;	padding-right:0;}
.top-menu li a{
    display:inline-block;
    color:#7a7a7a;
}

.flash {margin-top:1px;}
/********************** Content ************************/
#content{
    width:100%;
    padding:0px 0px 0px 0px; 
    z-index:1; 
    position:relative;
    background:none;
}

.content-box {
    width:100%;
    background:#fff;
}

/* titles */
h1, h3, h5{margin:0 0 12px; color:#000000;}
h2, h4 , h6 {margin:0 0 14px; color:#36bef2;}
h2 span, h4 span, h6 span {color:#000;}
h1{font-size:30px; line-height:45px;}
h2{font-size:30px; line-height:45px;}
h2.border-bot {
    border-bottom:1px solid #e5e5e5;
    padding:0 0 12px 20px;
}
h2 strong {display:block; margin-top:-13px;}
h3{font-size:24px; line-height:30px; margin:0 0 25px;}
h4{font-size:24px; line-height:30px;}
h5{font-size:19px; line-height:23px; margin:0 0 13px;}
h5.aside-title {
    color:#fcfcfc;
    margin:0 0 17px;
}
h5 a {color:#000; background:url(../images/marker-2.png) 21px 6px no-repeat; padding:0 0 2px 50px;}
h5 a:hover {color:#36bef2;}
h6{font-size:19px; line-height:23px;}

.price{
    font-size:30px; 
    line-height:45px;
    color:#000;
    display:inline-block;
    margin-top:-8px;
    margin-left:-2px;
}
.col-1 {float:left; width:132px; line-height:18px;}
.col-2 {float:left; width:289px; margin-left:5px;}
.col-3 {float:left; width:250px;}
.col-4 {float:left; width:292px;}
.col-5 {float:left; width:455px;}
.col-6 {float:left; width:313px;}
.col-7 {float:left; width:282px;}


/* borders */

.border {border:5px solid #fff;}
.border-bot{
    border-bottom:1px solid #e5e5e5;
    padding-bottom:28px;
}
.border-bot1{
    background:url(../images/line-1.gif) 0 bottom repeat-x;
    padding-bottom:18px;
}
.border-bot2{
    background:url(../images/line-1.gif) 0 bottom repeat-x;
    padding-bottom:22px;
}
.border-bot3{
    border-bottom:1px solid #e5e5e5;
    padding-bottom:0px;
}
/* links */
.link {
    color:#656565; 
    font-size:12px;
    line-height:18px;
    font-weight:bold;
    position:relative;
    z-index:5;
}
.link-1 {
    color:#36B0E4;
    font-weight:bold;
    background:url(../images/marker-1.gif) 100% 9px no-repeat;
    padding-right:7px;
    display:inline-block;
}
.link-2{
    font-size:12px;
    line-height:18px;
    color:#36bef2;
    font-weight:bold;
}
.link-3{
    font-size:12px;
    line-height:16px;
    color:#fcfcfc;
    font-weight:bold;
}
.link-4{
    font-size:12px;
    line-height:21px;
    color:#7d7d7d;
}
.link-5{
    font-size:12px;
    line-height:21px;
    color:#7d7d7d;
}


.link-6 {
    text-transform:uppercase;
    color:#36bef2;
    font-weight:bold;
}
/* buttons */
.button {
    display:inline-block; 
    line-height:25px;
    font-size:12px;
    color:#36B0E4;
    position:relative;
    overflow:hidden;
    background-color:#f5f5f5;
    border:1px solid #eaeaea;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
}
.button .txt {
    font-weight:bold;
    display:block;
    padding:1px 10px 1px 13px;
    position:relative;
    z-index:4;
}
.button .button-marker{
    display:inline-block;
    background:url(../images/button-marker.gif) 0 0 no-repeat;
    width:3px;
    height:5px;
    margin:11px 0 0 4px;
}
.button .bg-button{
    background-color:#3b3b3b;
    border:1px solid #3b3b3b;
    cursor:pointer;
    bottom: 50%;
    left: 50%;
    right: 50%;
    top: 50%;
    opacity: 0;
    position: absolute;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;	
}
.button:hover {background:transparent; border:1px solid transparent;}
.button:hover .bg-button {
    bottom: 0;
    left: 0;
    opacity: 1.0;
    right: 0;
    top: 0;
}

.button-1 {
    display:inline-block;
    font-size:19px;
    line-height:29px;
    color:#fff;
    position:relative;
    overflow:hidden;
    background-color:#36bef2; 
}
.button-1 .txt {
    display:block;
    padding:0px 13px 6px 13px;
    position:relative;
    z-index:4;
}
.button-1 .bg-button{
    background:#464659;
    cursor:pointer;
    bottom: 50%;
    left: 50%;
    right: 50%;
    top: 50%;
    opacity: 0;
    position: absolute;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;	
}
.button-1:hover {color:#FFF;}
.button-1:hover .bg-button {
    bottom: 0;
    left: 0;
    opacity: 1.0;
    right: 0;
    top: 0;
}
/* time */
time {
    display:inline-block;  
    text-align:center; 
    font-size:12px; 
    line-height:24px;
    font-weight:bold;
    font-family:Arial, Helvetica, sans-serif; 
    color:#fcfcfc;
    padding: 0px 9px 2px 9px; 
    background:url(../images/bg-time.gif) 0 0 repeat-x #3b3b3b;
} 
/* boxes */
.box {
    background:#fff;
    position:relative;
    border:1px solid #eae8e8;
}
.box-1 {
    background:url(../images/bg-box-1.gif) 0 0 repeat-x #fbfbfb;
    position:relative;
}
.box-2 {
    background:#f9f9f9;
    position:relative;
    border:1px solid #ebebeb;
}
.box-3 {
    background:url(../images/line-1.gif) 0 bottom repeat-x;
    position:relative;
    overflow: hidden;
    width:100%;
    padding:15px 0 15px 0;
}
.box-list {background:url(../images/line-1.gif) 0 0 repeat-x;}

.pic-block {
    width:46px;
    height:48px;
    overflow: hidden;
    position: relative;
    float:left;
    margin:0 20px 0 0;
}
.pic-block .img-container {
    display: block;
    position: relative;
    -webkit-transition: all 0.4s ease-in-out 0.2s;
    -moz-transition: all 0.4s ease-in-out 0.2s;
    -o-transition: all 0.4s ease-in-out 0.2s;
    transition: all 0.4s ease-in-out 0.2s;
    width: 46px;
    height: 48px;
}
.pic-block .mask-1 {
    width: 46px;
    height: 48px;
    position: absolute;
    overflow: hidden;
    top: 0px;
    left: 0px;
    opacity: 0;
    -webkit-transform: scale(0) rotate(-180deg);
    -moz-transform: scale(0) rotate(-180deg);
    -o-transform: scale(0) rotate(-180deg);
    transform: scale(0) rotate(-180deg);
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in;
}

.box-3:hover .img-container {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}

.box-3:hover .mask-1 {
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
/* img-shadow */
.img-shadow {
    position:absolute;
    z-index:1;
    width:116px;
    height:55px;
    bottom:-29px;
    left:-18px;
    background:url(../images/img-shadow.png) 0 0 no-repeat;
}
.img-shadow-big {
    position:absolute;
    z-index:1;
    width:237px;
    height:112px;
    bottom:-52px;
    left:-31px;
    background:url(../images/img-shadow-big.png) 0 0 no-repeat;
}
.img-shadow-middle {
    position:absolute;
    z-index:1;
    width:237px;
    height:112px;
    bottom:-52px;
    left:-51px;
    background:url(../images/img-shadow-big.png) 0 0 no-repeat;
}
/* box-padding */

.box-padding {padding:14px 10px 14px 19px;}
.box-padding1 {padding:6px 7px 19px 17px;}
.box-padding2 {padding:14px 10px 15px 19px;}
.box-padding3 {padding:6px 0px 38px 17px;}
.box-padding4 {padding:6px 5px 38px 19px;}
.box-padding5 {padding:6px 7px 21px 18px;}
.box-padding6 {padding:6px 7px 23px 17px;}
.box-padding7 {padding:14px 10px 35px 19px;}
.box-padding8 {padding:14px 10px 27px 19px;}
.box-padding9 {padding:6px 18px 30px 20px;}


.rel{position:relative; z-index:1;}
.rel img {position:relative; z-index:2;}
figcaption{
    position:absolute;
    left:5px;
    right:5px;
    bottom:5px;
    z-index:5;
    padding:5px 0 8px 0;
    background:url(../images/bg-caption.png) 0 0 repeat;
    color:#000;
    text-align:center;
    font-size: 19px;
    line-height:23px;
}

/* lists */
.list-1 li{
    margin-bottom:1px;	
}
.list-1 li a{
    display:inline-block;
    font-size:12px;
    line-height:15px;
    color:#7d7d7d;	
}

.list-2 {padding-left:14px;}
.list-2 li{
    margin-bottom:4px;	
}
.list-2 li a{
    display:inline-block;
    background:url(../images/marker-3.png) 0px 3px no-repeat;
    font-size:12px;
    line-height:17px;
    padding-left:24px;
    color:#36bef2;
}



ol li { 
    list-style-position:inside;
    list-style-type:decimal;
    font-size:12px;
    line-height:18px;
    margin-bottom:9px;
    color:#36bef2;
    font-weight:bold;
}
ol li a {
    color:#7d7d7d;
    text-decoration:none;
    font-weight:normal;
}

.map {
    position:relative;
    border:5px solid #fff;
    z-index:2;
}

.map iframe {
    width:302px;
    height:203px;
}
/****************************footer************************/
aside {
    width:100%; 
    padding:0px 0px 0px 0px; 
    position:relative;
}
.icon-row {
    background:#232323;
    padding:14px 0 17px 0px;
}
.row-lists {
    background:#2b2b2b;
    padding:26px 0 20px 0px;
    border-radius:0px 0 2px 2px;
    -moz-border-radius:0px 0 2px 2px;
    -webkit-border-radius:0px 0 2px 2px;
}
.works-list {
    padding:0px 0px 0px 30px;
} 
.works-list li {
    float:left; 
    margin-right:25px;
    font-size:0px;
    line-height:0px;
    height:30px;
    width:31px;
}
.works-list li a {
    display:inline-block;
}

/****************************footer************************/
footer {
    width:100%; 
    padding:25px 0px 30px 0px; 
    background:none;
    position:relative;
}
.text-bot {
    font-size: 12px; 
    line-height:19px;
    color:#818181; 
    padding:0px 0px 0px 0px;
}

.text-bot a {
    color:#818181; 
    text-decoration:none;
    margin-left:16px;
}


/* typography

/* top navugation */
.top1{
    background:url(../images/top.png) 0 70% no-repeat;
    padding:0 5px 0px 10px;
    text-decoration:none;
    color:#7d7d7d;
    display:inline-block;
    font-size:12px;
    line-height:18px;
    text-transform:uppercase;
}

/* Table styling */
table.table{
    font-size:12px;
    border-top:2px solid #89ceec;
    border-left:1px solid #89ceec;
}

table.table thead th{
    padding:17px 0px 18px 0px;
    color:#fff;
    font-size:14px;
    line-height:18px;
    font-weight:normal;
    border-right:1px solid #39b3e7;
    border-bottom:3px solid #84cceb;
    background:#36B0E4;
}
table.table tbody td{
    border-right:1px solid #e6e5e5;
    border-bottom:1px solid #e9e8e8;
    width:125px;
    padding:6px 0 7px 0;
    text-align:center;
    color:#7d7d7d;
    background:#f7f6f6;
}

table.table thead th.right, table.table tbody td.right {border-right:1px solid #89ceec;}
table.table tbody tr.last td {border-bottom:2px solid #89ceec;}

table.table tbody tr:hover td{background:#fff; color:#000;}


table.table-1{
    font-size:12px;
    background:#fff;
    border-left:1px solid #ebebeb;
}

table.table-1 thead th{
    padding-top:4px;
    padding-bottom:4px;
    color:#fcfcfc;
    font-size:12px;
    line-height:18px;
    font-weight:bold;
    border-right:1px solid #555555;
    border-bottom:none;
    background:url(../images/bg-th.gif) 0 0 repeat-x #3c3c3c;
}
table.table-1 tbody td{
    border-right:1px solid #ebebeb;
    border-bottom:1px solid #ebebeb;
    padding-top:1px;
    padding-bottom:2px;
    color:#8a8791;
}
.bgr-1 {background:#f8f8f8;}

th.width1 {border-left:1px solid #424141;}
th.width1, td.width1 {
    width:80px;
    text-align:left;
    padding-left:10px;
}

th.width2, td.width2{
    width:48px;
    padding-left:10px;
    text-align:left;
}


/*  Other Elements */
ins{
    background:#36B0E4;
    padding:0 5px;
    text-decoration:none;
    color:#fff;
}
em {color:#36B0E4;}
del{text-decoration:line-through;}
strong, b, i, cite, var {color:#000;}
abbr,dfn{cursor:help; color:#36B0E4;}
dfn{letter-spacing:2px; font-size:13px; font-style:italic; font-family:Arial, Helvetica, sans-serif;}
sup,sub{font-size:0.8em; color:#000;}
sub{vertical-align:bottom}
.elements-list small{font-size:10px; color:#000;} 
.elements-list big{font-size:21px; color:#000;}
.elements-list q{
    font-family:"Courier New",Courier,monospace;
    color:#36B0E4;
    font-size:13px;
}
kbd, samp {
    font-family:"Courier New", Courier, monospace; 
    font-size:11px;
    color:#000;
}
abbr,acronym{
    text-transform:uppercase;
    border-bottom:1px dotted #36B0E4;
    font-size:12px;}
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}

.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;
}

/* Definition list style */
dl {padding:2px 0 0 2px;}
dl dt{
    color:#36bef2;
    font-size:12px;
    line-height:16px;
    font-weight:bold;
    margin:0 0 16px 0;
}

dl dd span{display:inline-block; width:71px;}

/*  Dropcaps style */
.dropcap{
    font-size:12px;
    line-height:16px;
    color:#fff;
    float:left;
    text-align:center;
    width:24px;
    padding:4px 0 4px 1px;
    margin:6px 11px 0 2px;
    background:#36bef2;
    border-radius:12px;
    -moz-border-radius:12px;
    -webkit-border-radius:12px;
}

/*  Quotation */
blockquote{
    display:block;
    margin:0 0px 18px 0px;
    quotes:none;
    font-size:19px;
    line-height:23px;
    color:#000;
}
.quotes{
    background:url(../images/quotes.png) 39px 7px no-repeat;
    padding:0px 250px 0px 62px;}

/* 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;
}


/* Layouts */
.layouts-nav{
    width:100%;
    overflow:hidden;
    padding-bottom:30px !important;
}
.layouts-nav li{
    float:left;
    margin-right:20px;
    background:none !important;
    padding:0 !important;
}
.layouts-nav li a{
    float:left;
    background:#36bef2;
    padding:2px 7px;
    color:#fff;
    font-weight:bold;
    text-decoration:none;
    position:relative;
    margin-right:10px;
    cursor:pointer;	
}
.layouts-nav li a:hover{
    color:#fff;
}

/* Pages

/* Under Construction page */
#constuction-box{
    width:800px;
    height:500px;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-400px;
    margin-top:-250px;
    background:#fff;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    box-shadow:0 0 10px #d0d4db;
    -moz-box-shadow:0 0 10px #d0d4db;
    -webkit-box-shadow:0 0 10px #d0d4db;
    border-color:#ccc;
    text-align:center;
}
#constuction-box .inside{padding:40px 40px 40px 40px;}
#constuction-box .button{position:relative;}
#constuction-box h1{
    text-align:center;
    font-size:4em;
    margin-bottom:.2em;
    line-height:1.2em;
    letter-spacing:2px;
    background:url(../images/line-1.gif) 0 bottom repeat-x;
    padding-bottom:10px;
}			
/* 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;
    text-transform:uppercase;
    letter-spacing:2px;
    width:110px;
}	
.dev_comment{
    font-size:14pt;
    color:#777;
    text-align:center;
    font-style:italic;
    margin:40px 10px;
}	


/* Intro page */
#intro-box{
    width:600px;
    height:400px;
    position:relative;
    left:50%;
    top:50%;
    margin-left:-300px;
    margin-top:-200px;
    background:#fff;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    box-shadow:0 0 10px #d0d4db;
    -moz-box-shadow:0 0 10px #d0d4db;
    -webkit-box-shadow:0 0 10px #d0d4db;
    border-color:#ccc;
    text-align:center;
    float:left;
}
#intro-box .inside{padding:40px 40px 40px 40px;}
#intro-box h1{
    text-align:center;
    font-size:4em;
    color:#3d3949;
    margin-bottom:.2em;
    line-height:1.2em;
    position:absolute;
    left:0;
    top:-90px;
    width:600px;
    overflow:hidden;
    height:100px;
    border:none;
}
#intro-box .button-1{
    position:absolute;
    right:40px;
    bottom:15px;
    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;
}

/* lightbox */
.hover {
    display:inline-block; 
    position:relative;
    overflow:hidden;
    z-index:2;	
}
.hover img {
    display:block;
    position:relative;
}
.hover .mask{
    background:url(../images/img-marker.png) center center no-repeat #fff;
    cursor:pointer;
    bottom: 50%;
    left: 50%;
    right: 50%;
    top: 50%;
    opacity: 0;
    position: absolute;
    z-index:3;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    margin:10px;
}
.hover:hover .mask {
    bottom:0;
    left: 0;
    opacity: 0.5;
    right: 0;
    top: 0;
    margin:10px;
}

.hover-small {
    display:inline-block; 
    position:relative;
    overflow:hidden;
    z-index:2;	
}
.hover-small img {
    display:block;
    position:relative;
}
.hover-small .mask-small{
    background:url(../images/img-marker-small.png) center center no-repeat #fff;
    cursor:pointer;
    bottom: 50%;
    left: 50%;
    right: 50%;
    top: 50%;
    opacity: 0;
    position: absolute;
    z-index:3;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    margin:8px;
}
.hover-small:hover .mask-small {
    bottom:0;
    left: 0;
    opacity: 0.5;
    right: 0;
    top: 0;
    margin:8px;
}
/* Misc

/* SlideDown element */
.slideDown{padding:0 1px 0 0}
.slideDown dt{
    background-color:#36bef2;
    background-image:url(../images/arrow1.gif);
    background-repeat:no-repeat;
    background-position:100% 16px;
    box-shadow:1px 1px 1px #d1d1d1;
    color:#fff;
    font-size:14px;
    line-height:22px;
    text-transform:uppercase;
    font-weight:bold;
    padding:9px 0 9px 21px;
    margin-bottom:4px;
    text-decoration:none;
    display:block;
    cursor:pointer;
    margin-bottom:10px;
}
.slideDown dt:hover,
.slideDown dt.active{
    background-color:#434950;
    color:#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 dd{
    position:absolute;
    z-index:999;
    background:#fff;
}

/* 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:inline-block;
    text-decoration:none;
}
dl#accordion dt{margin:0px}
dl#accordion dt a{
    background-color:#36bef2;
    background-image:url(../images/arrow1.gif);
    background-repeat:no-repeat;
    background-position:100% 16px;
    box-shadow:1px 1px 1px #d1d1d1;
    color:#fff;
    font-size:14px;
    line-height:22px;
    text-transform:uppercase;
    font-weight:bold;
    padding:9px 0 9px 21px;
    margin-bottom:4px;
    text-decoration:none;
    display:block;
}
dl#accordion dt a:hover{
    background-color:#434950;
    color:#fff;}
dl#accordion dt.active a{
    background-color:#434950;
    background-image:url(../images/arrow2.gif);
    color:#fff;
}
dl#accordion dd{
    display:none;
    margin-bottom:0;
    padding-left:0;
}
dl#accordion dd .indent{padding:10px 30px 14px 20px !important}

/* Tooltips */
#aToolTip{
    border:1px solid #fff;
    background:#36bef2;
    color:#fff;
    font-weight:bold;
    margin:0;
    padding:2px 8px;
    font-size:12px;
    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;
}



/* Tabs */
.tabs{padding:10px 0;}
.tabs ol{
    list-style-type:decimal;
    list-style-position:inside;
    margin:0 0 0 10px;
}
.tabs ol li{
    display:list-item;
    float:none;
    padding-bottom:5px !important;
    font-size:12px;
    color:#fff;
    font-weight:normal;
}	
.tabs ul{
    list-style:none;
    padding:0 0 0 0 !important;
    overflow:hidden;
}
.tabs li{
    display:block;
    float:left;
    margin:0 5px 0px 0;
    background:none;
    padding:0 0 0 0!important;
}
.tabs .selected{
    margin-bottom:0px;
    position:relative;
}		
.tabs .selected a{
    background:#36bef2;
    color:#fff;
    padding-bottom:10px;
}
.tabs li a:hover{
    background:#36bef2;
    color:#fff;}
.tabs li a{
    background:#434950;
    color:#fff;
    font-weight:bold;
    display:block;
    padding:5px 10px;
    text-decoration:none;
}
.tabs .tab-content{
    clear:both;
    background:#36bef2; 
    color:#fff;
    width:auto;
    overflow:auto;
}
.tabs .tab-content .inner{
    padding:10px;
}	
.tabs .tab-content p{
    margin-bottom:5px;}
.tabs .tab-content strong{color:#434950; font-weight:bold;}	
.tabs pre{margin:4px 0;}
.tabs code{overflow:auto;}
*+html .tabs code{overflow:visible;}

/* Twitter */
#twitter p{margin:0;}
#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 0 1em 1em !important;
    background:#36bef2;
    color:#fff;
    margin-bottom:7px;
}
ul#twitter_update_list li:hover{
    background:#434950;
    color:#fff;
}
ul#twitter_update_list li:hover a{color:#bababa;}
ul#twitter_update_list li a{color:#434950;}			
ul#twitter_update_list li span{display:block}				
ul#twitter_update_list li span a{color:#434950;}

/* 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; color:#fff;}
.code a.code-icon:hover i{padding-right:6px; font-style:normal; color:#000;}
.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;
}

/********dialog********/
.disable_masking{
    width:400px;
    z-index:6001;
    position:absolute;
    top:-310px; 
    background: #ececec;
    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:4px 5px 4px 5px;
    border-radius:15px;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
}

/*** CUSTOMS **/

.googleMap{
    width: 540px;
    height: 300px;
}

/* superbox custom close */

.close a{
    cursor:pointer;
    float:right;
    line-height:20px;
    padding:0 5px;
    background-color: #36bef2;
    border: 1px solid #36bef2;
    font-weight: bold;
    font-family: Arial;
    font-size: 10pt;
    text-decoration: none;
}

.close a:hover {
    background-color: #FFF;
    border: 1px solid #36bef2;
    text-decoration: none;
}

.close a span{color: #FFF;}
.close a:hover span{color: #36bef2;}