/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Global properties
---------------------------------------- */
body {
    font-family:Calibri, Verdana;
    font-size:100%;
    line-height:1.25em;
   /* color:#5c5c5c; */
}
html { min-width:960px;}
html, body { height:100%;}
.bg_main{
    /*background:url(../../Images/Common/Simple.jpg)top center repeat;
    background:url(../../Images/Common/Others/Header2.jpg) top center repeat; */
    /*background-color:#E9E9E9;*/
    height:90px;
    padding-top: 25px;
    /*padding-bottom: 20px;*/
}

.pict{
   /* padding-left: 320px;*/
    padding-bottom: 50px;
    text-align: center;
}

.pict_new{
   /*padding-left: 200px;*/
    position:relative;
    /*padding-bottom: 50px;*/
    width:960px;
    margin:0 auto;
}

.pos_login{
    padding-top: 22px;
    float: right;
    /*padding-right:170px;*/
}
.catalogue a{
   font-family: calibri, verdana;
   font-size: 10px;
   font-weight: bold;
   text-decoration: none;
   position:absolute;
   /*padding-left: 130px;*/
   padding-top: 30px;
   color:black;
   left:680px;
}
.catalogue a:hover{
    color:#006a91;
}
bg{
    background-color:red;
}
.bg_main1{
   /* background:url(../../Images/Common/Others/B1.jpg) top center repeat;
       margin:0 auto;
    min-width:960px;
    height: 100%;
    border: 1px solid #d1d1d1;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
          */
    margin:auto auto;
    min-width:960px;
    min-height: 465px;
}

.bg_main2{
   /* background-color:#E9E9E9;*/
}

body.custom-background {
    /*background-color: #e3f2fb;*/
    background-image: url('../../Images/Common/Backgrounds/f5f5d8.jpg');
   /* background-image: url('../../Images/Common/furni.jpg');*/
    background-repeat: no-repeat;
    background-position: top center;
    background-attachment: fixed;
    background-color:#f5f5d8;
}
body.custom-background1 {
   /* background-color: #e3f2fb;
    background-image: url('../../Images/Common/Gambar Arsiran/Grey1_1.jpg');*/
    background-image: url('../../Images/Common/Backgrounds/Black2.jpg');
    background-repeat: no-repeat;
    background-position: top center;
    background-attachment: fixed;
    background-color:gray;
}
body.custom-background2 {
    /*background-color: #e3f2fb;*/
    background-image: url('../../Images/Common/Backgrounds/f3eed0.jpg');
    /*background-image: url('../../Images/Common/Others/bg3.jpg');*/
    background-repeat: no-repeat;
    background-position: top center;
    background-attachment: fixed;
    background-color:#f3eed0;
}
body.custom-background3 {
    /*background-color: #e3f2fb;*/
    background-image: url('../../Images/Common/Backgrounds/fcf7d8.jpg');
    /*background-image: url('../../Images/Common/Others/bg3.jpg');*/
    background-repeat: no-repeat;
    background-position: top center;
    background-attachment: fixed;
    background-color:#fcf7d8;
}
/*
.main {	margin:0 auto; position: relative; width:960px;}
*/
/* Header */
header{	/*height:185px;*/ color:#727272; text-transform:uppercase; font-size:11px; position:relative; z-index:900  }
header .inside{padding:0px 0px 0px 0px}
header a{ color:#727272; text-decoration:none; font-size:10px; letter-spacing:1px}
header a:hover{ color:#000;}

header .inside {
    position:absolute;
    left:10px;
    /*top:38px;*/
    width:943px;
    z-index:20;
    background: url(../images/bg_nav.gif); height:62px;	}

/* Login form */
#login-form {
	/*position:absolute;
	right:20px;*/
	/**top:25px;*/
	width:190px;
	height:43px;
	z-index:90;
        position:relative;
}
#login-form input[type=text] {
	background: url(../../Images/Common/search-white.png) no-repeat 10px 6px #fcfcfc;
        border: 1px solid #d1d1d1;
        font: bold 12px Calibri,Verdana;
        color: #bebebe;
        /*width: 150px;*/
        width: 120px;
        padding: 6px 15px 6px 35px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
        -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
        -webkit-transition: all 0.7s ease 0s;
        -moz-transition: all 0.7s ease 0s;
        -o-transition: all 0.7s ease 0s;
        transition: all 0.7s ease 0s;
}

#login-form1 {
	/*position:absolute;
	right:20px;*/
	/**top:25px;*/
	width:190px;
	height:43px;
	z-index:90;
        position:relative;
}
#login-form1 input[type=text] {
	background: url(../../Images/Common/search-white.png) no-repeat 10px 6px #fcfcfc;
        border: 1px solid #d1d1d1;
        font: bold 12px Calibri,Verdana;
        color: #bebebe;
        /*width: 150px;*/
        width: 172px;
        padding: 6px 15px 6px 35px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
        -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
        -webkit-transition: all 0.7s ease 0s;
        -moz-transition: all 0.7s ease 0s;
        -o-transition: all 0.7s ease 0s;
        transition: all 0.7s ease 0s;
}

.main {	
    margin:0 auto;
    position: relative;
    width:960px;
    border: 2px solid;
    background:url(../../Images/Common/white_Transparent.png)
}
.main1 { 
    margin:0 auto;
    position: relative;
    width:960px;
}

.main2{
    margin:0 auto;
    position: relative;
    width:960px;
    border: 2px solid;
    background:url(../../Images/Common/white_Transparent.png)
}
.posisi{padding-top: 60px; position: relative; width:960px; margin:0 auto; text-align: center;}

/*  Header styles */
h1, h2, h3, h4, h5{margin:0 0 17px 0; line-height:1.2em; color:black; font-family:Verdana, Calibri;}
h1 {	font-size:36px; }
h2 {	font-size:30px; }
h3 {	font-size:17px; margin-bottom:21px; letter-spacing:-1px}
h4 {	
    font-size:21px;
    text-transform:uppercase;
    font-weight:bold;
    color:black;
    text-align: center;
}
h5 {
    font-size:14px;
    font-weight:bold;
    color:black
}
h6 {	
    font-size:13px;
    text-transform:uppercase;
    color:black;
    text-align: center;
    margin:0 0 1px 0;
}

h7 {
    font-size:14px;
    text-transform:uppercase;
    font-weight:bold;
    color:black;
}

h8 {
    font-size:11px;
    text-transform:uppercase;
    font-weight:normal;
    color:black;
}
h9 {
    font-size:12px;
    text-transform:uppercase;
    font-weight:bold;
    color:black;
}
div.category{
    text-decoration:none;
    line-height:25px;
    color:black;
    text-transform:uppercase;
    letter-spacing:1px;
    display: block;
    font-family:Calibri,Verdana;
    font-size:11px;
    font-weight:bold;
}

/* Paragraph styling */
p {
    margin-bottom:20px;
    text-align:justify;
    color:black;
    font-family: Verdana, Calibri;
    font-size: 11px;
}
p.titleimg{
    font-family:Verdana,Calibri;
    font-size:10px;
    font-weight:normal;
    text-align: center;
    text-transform:uppercase;
    padding-top: 10px;
    padding-bottom: 12px;
}

p.content{
    font-family: Verdana, Calibri;
    font-size: 11px;
    text-align: left;
}
.content1{
    font-family: Verdana, Calibri;
    font-size: 11px;
    font-weight: bold;
}
.content2{
    font-family: Verdana, Calibri;
    font-size: 11px;
    text-align: center;
    padding-top: 20px;
}
.sort{
    color:black;
    font-family: Verdana, Calibri;
    font-size: 11px;
}

.watermark{
    position: absolute;
    opacity:.5;
    filter:alpha(opacity=100);
}
.watermark img{
    background: transparent;
    border: 0px;
}

.tab{
    padding-top: 15px;
    padding-bottom: 52px;
}
.tab1{
    padding-top: 15px;
    padding-bottom: 30px;
}
.tab2{
    padding-top: 15px;
    padding-bottom: 30px;
}

.pad_Title{
    position: relative;
    left: 110px;
    top:5px;
}
.pad_Title1{
    position: relative;
    left: 180px;
    top:5px;
}
.pad_Title2{
    position: relative;
    left: 70px;
    top:5px;
}

.padBottom{
    padding-bottom: 52px;
}
.tabLeft{
    padding-left: 8px;
}
/* style pagging page */
.pagging{
    position:absolute;
    text-align:center;
    right:310px;
    bottom:0px;
    font-size:11px;
    text-transform:uppercase;
    font-weight:normal;
    color: #333132;
}

.pagging a{
    color:black;
    margin-left: 2px;
}
.pagging a:hover{
    color: blue;
    text-decoration: underline;
}

.pagging1{
    position:absolute;
    text-align:center;
    right:20px;
    top:59px;
    font-size:11px;
    text-transform:uppercase;
    font-weight:normal;
    color: #333132;
}

.pagging1 a{
    color:black;
    margin-left: 2px;
}
.pagging1 a:hover{
    color: #333132;
    text-decoration: underline;
}
.pagging1Search{
    position:absolute;
    text-align:center;
    right:20px;
    top:40px;
    font-size:11px;
    text-transform:uppercase;
    font-weight:normal;
    color: #333132;
}

.pagging1Search a{
    color:black;
    margin-left: 2px;
}
.pagging1Search a:hover{
    color: #333132;
    text-decoration: underline;
}

.pagging1Portofolio{
    position:absolute;
    text-align:center;
    right:20px;
    top:20px;
    font-size:11px;
    text-transform:uppercase;
    font-weight:normal;
    color: #333132;
}

.pagging1Portofolio a{
    color:black;
    margin-left: 2px;
}
.pagging1Portofolio a:hover{
    color: #333132;
    text-decoration: underline;
}


.paggingPortofolio{
    position:absolute;
    text-align:center;
    right:450px;
    bottom:0px;
    font-size:11px;
    text-transform:uppercase;
    font-weight:normal;
    color: #333132;
}

.paggingPortofolio a{
    color:black;
    margin-left: 2px;
}
.paggingPortofolio a:hover{
    color: blue;
    text-decoration: underline;
}


.pagging5Col{
    position:absolute;
    text-align:center;
    right:400px;
    bottom:0px;
    font-size:11px;
    text-transform:uppercase;
    font-weight:normal;
    color: #333132;
}

.pagging5Col a{
    color:black;
    margin-left: 2px;
}
.pagging5Col a:hover{
    color: blue;
    text-decoration: underline;
}

a.decorate{
    text-decoration: none;
    color: #333132;
    font-size: 130%;
    font-weight: bold;
}
span.decorate2{
/*    text-decoration: underline;*/
/*    font-size: 130%;*/
    text-decoration: underline;
    background-color: #333132;
    color: mintcream;
    font-size: 130%;
}
a.decorate1{
    text-decoration: none;
    color: #333132;
    font-size: 130%;
}
a.decorateAll{
    text-decoration: none;
    padding-left: 8px;
}

/* style pagging page */
.paggingCatalogue{
     position:absolute;
    text-align:center;
    right: 400px;
    bottom:0px;
    font-size:11px;
    text-transform:uppercase;
    font-weight:normal;
    color: blue;

}
.paggingCatalogue a{
    color:black;
    margin-left: 2px;
}
.paggingCatalogue a:hover{
    color: blue;
    text-decoration: underline;

}


.paggingCatalogue1{
    position:absolute;
    text-align:center;
    right: 0px;
    top: 0px;
    font-size:11px;
    text-transform:uppercase;
    font-weight:normal;
    color: #333132;
/*    position:absolute;
    text-align:center;
    right:0px;
    top:0px;
    font-size:11px;
    text-transform:uppercase;
    font-weight:normal;
    color: blue;*/
}
.paggingCatalogue1 a{
    color:black;
    margin-left: 2px;
}
.paggingCatalogue1 a:hover{
    color: blue;
    text-decoration: underline;

}

.grid_3_1 img{
    background: transparent;
    border: 1px solid darkgray;
}
.grid_3_1 img:hover{
    background: transparent;
    border: 1px solid #000;
}

.grid_2 img{
/*    border: 2px solid #000;*/
}
.decorline a{text-decoration: none;}
.decorline a:hover h6{text-decoration:underline;}
.bottom{
    padding-bottom: 20px;
}
/* Right Navigation */
.rightnav {
    width: 180px;
    padding: 0px 0px 0px 0;
    color:black;
    height: 100%;
    border: 2px solid #d1d1d1;
    border-style:dotted;
    min-height: 520px;
}
ul.rightnav { margin:0; padding-top: 12px; padding-bottom: 12px; list-style:none; padding-left: 5px; }
ul.rightnav li {}
ul.rightnav li a {
    text-decoration:none;
    line-height:25px;
    color:black;
    text-transform:uppercase;
    letter-spacing:1px;
    display: block;
    font-family:Calibri,Verdana;
    font-size:11px;
    font-weight:bold;
    
}
ul.rightnav li a img{
    width:28px;
    height: 28px;
    border:0px;
    background: transparent;
    padding-bottom: 5px;
   /* #4c4b4b; #3c0d0d; #542b76*/
}
ul.rightnav li a:hover { color:#4c4b4b;}
ul.rightnav li a img:hover{background: transparent; border:0px;}
ul.rightnav ul { margin: 0; padding: 0; display: none; }
ul.rightnav ul li { margin: 0; padding: 0; clear: both; }

ul.rightnav ul li a {
	padding-left: 20px;
	font-size: 0.7em;
	font-weight: bold;
        line-height:20px;
       /* color:#7e7e7d; #4c4b4b */
        color:#4c4b4b;
        font-family:Calibri,Verdana;
        font-weight:normal;
}

ul.rightnav ul li a img{
    width:18px;
    height: 18px;
    border:0px;
    background: transparent;
    padding-bottom: 5px;
}

ul.rightnav ul li a:hover {color:darkred; font-weight: bold }
ul.rightnav ul li a img:hover{background: transparent; border:0px;}
ul.rightnav span{
	float:right;
}

.oh{ overflow:hidden;}
.left{padding-left: 27px;}
.center{text-align: center;}
.cursor{ cursor:pointer;}
.cursor a{
    text-decoration: none;
}

.borderTable{
    /*-webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
        -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
        -webkit-transition: all 0.7s ease 0s;
        -moz-transition: all 0.7s ease 0s;
        -o-transition: all 0.7s ease 0s;
        transition: all 0.7s ease 0s;*/
}
.tableCatalogue{
    width:870px;
    font-family:Verdana, Calibri;
    font-size:11px;
    border-radius: 2px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    /*background-color: #f5f5f5;*/
}
.colomCatalogue{
    text-align: center;
}
td.colomCatalogue:hover{
    max-width:680px;
    min-width:180px;
    background-color:transparent;
    border-spacing:0px;
}

.rowTitle{
    font-family:Verdana, Calibri;
    font-size:11px;
    font-weight:bold;
}
.contentCatalog{
    
}
.CatalogueTitle{
    width:220px;
}
td.CatalogueTitle:hover{
    background-color: transparent;
}
.blokContent{
    width:60px;
    text-align: center;
}
.blokSize{
    width:40px;
    text-align: center;
}
td.blokSize:hover{
    background-color: transparent;
}
td.blokContent:hover{
    background-color: transparent;
}
td.blokContent a:hover{
    color:blue;
    text-decoration: none;
}



/*footer*/
footer {
    color:black;
    font-size:.6875em;
    text-transform:uppercase;
    letter-spacing:1px;
    font-weight:bold;
    
    /*background-color:#E9E9E9;*/
}
/*footer .bg-bot{ background:url(../images/img/Images/underline.gif) top repeat-x; }*/
footer .inside{ padding:15px 0px 10px 11px;}
footer a {color:black; text-decoration:none; padding:30px;}
footer a:hover {  text-decoration:underline}

footer ul{margin:0; list-style:none;}
footer ul li{ margin:0px; display:inline; background:url(../images/bg_li1.gif) center left no-repeat; float:left}
footer ul li a{color:black; text-decoration:none; display:block; float:left; padding:2px 10px 2px 10px}
footer ul li a:hover {text-decoration:none; color:blue;}
footer ul .first{background:none;}
footer ul .first a{ padding-left:0px}
footer ul li .current{ color:blue; }

 ul.icon{margin:0; padding:0; list-style:none;}
 ul.icon li{ float:left; display:inline; margin:0}
 ul.icon li a{color:#14acba; text-decoration:none; padding:0}
 ul.icon li a:hover { text-decoration:none;}
 /* #a5a5a5*/
.fleft{ float:left; color:#a5a5a5; font-weight: bold;}
.fright{ float:right;}
.center{
   text-align:center;
}
.big{
    text-transform:uppercase;
}
.padd{
    padding-bottom: 5px;
}

/*- */
.pr{ position:relative}

.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.alignright { text-align:right;}
.clear { clear:both;}

.container {	overflow:hidden; width: 100%; }
.container1{ width:100%}
.wrapper { 	width:100%;	overflow:hidden;  }
a img{ border:0px}
img{ vertical-align:top;  }
fieldset{ border:none}




/*----- links -----*/
a {color:#5c5c5c; outline:none; text-decoration:underline;}
a:hover, a:focus { text-decoration:none;}
a:active, a:visited { }


/* indents */
.indent{padding:0px 0px 0px 0px}
.indent2{padding:0px 0px 0px 420px}




/* * Required */
#loopedCarousel{ width:940px; position:relative; clear:both; }
#loopedCarousel {height:235px;  }
#loopedCarousel .container2 { width:940px; height:235px; overflow:hidden; position:relative; margin:0; }
#loopedCarousel .slides { position:absolute; top:0; left:0; }
#loopedCarousel .slides .div { position:absolute; top:0; width:940px; margin-right:20px; display:none;}
/* * Optional*/
.but1{ position:absolute; right:0; top:-45px; z-index:100 }
#loopedCarousel .previous{background:url(../images/button-1.gif) top left no-repeat; width:36px; height:38px; display:block; float:left; text-decoration:none;}
#loopedCarousel .next{background:url(../images/button-2.gif) top left no-repeat; text-decoration:none; width:36px; height:38px; display:block; float:left; }
#loopedCarousel .previous:hover{background:url(../images/button-1.gif) bottom left no-repeat; text-decoration:none}
#loopedCarousel .next:hover{background:url(../images/button-2.gif) bottom left no-repeat; text-decoration:none}


.num{ /*background:url(../images/img/call_us.png) top left no-repeat;*/
     width:128px;
     line-height:128px;
     float:left;
    /* text-align:center;
     margin-right:20px;
     color:#4e4e4e;
     font-size:24px;
     font-weight:bold*/
}





.p { margin-bottom:0px;}
.p1 { margin-bottom:27px;}
.p2 { margin-bottom:9px;}
.p3 { margin-bottom:17px;}


/* link */
.link{ text-decoration:none;  }
.link:hover{text-decoration:underline; }

.link1{ text-decoration:none; color:#000;  }
.link1:hover{text-decoration:underline; }



.button{color:#fff; background:url(../images/button.gif) top left no-repeat; width:114px; text-align:center; line-height:32px; display:block; text-decoration:none;  }
.button:hover{text-decoration:underline }



.link-1 { display:inline-block; float:left; background:url(../images/img/) top left no-repeat; color:#6b6b6b; text-decoration:none; padding-left:20px; font-size:11px; font-weight:bold; cursor:pointer; letter-spacing:1px }
.link-1 span { display:block; background:url(../images/link-right.png) top right no-repeat; padding:0 20px 0 0 }
.link-1  span span { display:block; background:url(../images/link.png) top left  repeat-x; line-height:38px; text-transform:uppercase; text-decoration:none; font-weight:bold; padding:0 0 0px 0 }

.link-1:hover { display:inline-block; float:left; background:url(../images/link-left.png) bottom left no-repeat; color:#6b6b6b; text-decoration:none; padding-left:20px }
.link-1:hover span { display:block; background:url(../images/link-right.png) bottom right no-repeat; padding:0 20px 0 0 }
.link-1:hover  span span { display:block; background:url(../images/link.png) bottom left repeat-x; line-height:38px; text-transform:uppercase; text-decoration:none; font-weight:bold; padding:0 0 0px 0 }



.link-2 { display:inline-block; line-height:38px; background:url(../images/bg_link2.png) top left no-repeat; width:76px; text-align:center; color:#6b6b6b; text-transform:uppercase; text-decoration:none; font-size:11px; cursor:pointer; font-weight:bold; letter-spacing:1px  }
.link-2:hover { background:url(../images/bg_link2-act.png) top left no-repeat; text-decoration:none; color:#fff;}


.line-hor { background:#3a3c52; height:1px; overflow:hidden; font-size:0; line-height:0; margin:20px 0 20px 0;}
/*  Horizontal divider */
.hr {display:block; position:relative; padding:55px 0 35px 0; border:none; background:url(../images/hr.gif) 0 50% repeat-x; height:2px; overflow:hidden; font-size:11px; margin:0 10px 0 0; }
.hr a { position:absolute; right:0; top:25px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; text-decoration:none; background:url(../images/arrow-top.png) no-repeat 99% 6px; padding-left:13px; color:#6b6a6a; padding-right:17px }
.hr a:hover { color:#000;}

.pad{ padding:0 23px 0 0; float: left; line-height:38px }

/* Custom select color */
abbr[title], dfn[title] {color:#000000; border-bottom:1px dotted #000000; text-transform:uppercase; cursor:help;}
abbr, acronym  			{ border-bottom:1px dashed #000000;}
b	   					{ color:#4e4e4e; font-size:14px  }
em, dfn  		  		{ font-style:italic;}

big						{ font-size:22px}
del						{ color:#000000;  text-decoration: line-through;	}
ins						{ color:#fff; background-color:#000000; text-decoration:none;	}
dfn 	 		     	{ color:#000000; letter-spacing:1px; font-size:14px; font-style:normal; font-family:Arial, Helvetica, sans-serif}
q						{ color:#000000; font-size:14px; font-family:Arial, Helvetica, sans-serif}
sup	  					{ padding-bottom:10px; font-size:10px}
sub 		  			{ vertical-align:bottom; font-size:10px}
var						{ font-style:normal}

mark 					{ color:#000000; background-color:#ff9; font-style:italic; font-weight:bold;	}
address 		   		{ margin:0 0 1.5em;font-style:italic;}
pre, code, tt  			{ font:1em 'andale mono', 'lucida console', monospace; line-height:1.5; display:block;}
code 			    	{ color:#333; background-color:#f6f6f6; display:block; padding:3px 2px 3px 5px; line-height:1.67em;  border:1px dotted #333; text-shadow:none }
pre 			     	{ white-space:pre;}


/* Custom select color */
:selection {background: #909090; color:#fff; /* Safari */}
:-moz-selection {background: #909090; /* Firefox */ color:#fff;}

/* blockquote */
blockquote {margin:0 5px 10px 5px;	padding:0 10px 10px 127px; font-size:1.16em; line-height:1.2em; color:#6b6a6a; quotes:none; background:url(../images/quotes.png) no-repeat 0 0;}
blockquote.left {border-right:1px solid #ccc; width:35%; float:left; margin-right:20px; padding-right:20px; background:none; padding-left:0; margin-left:0}
blockquote.right {border-left:1px solid #ccc; width:35%; float:right; margin-left:20px; padding-left:60px; background-position:20px 0; background:none; padding-left:10px; margin-left:10px}


/* Unordered list style
---------------------------------------- */


/* List */
/*
ul.list{margin:0; padding:0; list-style:none; }
ul.list li{overflow:hidden; padding-bottom:8px }
ul.list li a{color:#888484; text-decoration:none; line-height:25px; font-size:14px; text-transform:uppercase; letter-spacing:1px}
ul.list li a:hover { text-decoration: underline; }

/* List */
ul.list1{margin:0; padding:0; list-style:none;}
ul.list1 li{overflow:hidden; padding-bottom:7px; background:url(../images/img/tail2.gif) bottom left repeat-x; padding-top:0px }
ul.list1 .last{ background:none}
ul.list1 li a{color:#5c5c5c; text-decoration:none; line-height:25px; font-size:13px; background:url(../images/icon1.png) top left no-repeat; padding-left:34px}
ul.list1 li a:hover { text-decoration:none; color:#21bdfb; }

ul.list1 li .li{background:url(../images/img/icon2.png) top left no-repeat;}
ul.list1 li .li1{background:url(../images/icon3.png) top left no-repeat;}
ul.list1 li .li2{background:url(../images/icon4.png) top left no-repeat;}
ul.list1 li .li3{background:url(../images/icon5.png) top left no-repeat;}
ul.list1 li .li4{background:url(../images/icon6.png) top left no-repeat;}

/* List_1 */
ul.list_1{margin:0; padding:0; list-style:none;}
ul.list_1 li{background:url(../images/marker_1.gif) top left no-repeat; background-position:0 7px; padding-left:15px; overflow:hidden; padding-bottom:7px }
ul.list_1 li a{color:#888484; text-decoration:none; line-height:18px}
ul.list_1 li a:hover { text-decoration: underline; }
ul.list_1 li ul { margin-left:10px}
ul.list_1 li ul li {background:url(../images/marker_1-sub.gif) no-repeat 0 5px;	padding:0 0 3px 13px; font-size:14px; position:relative; zoom:1; }

/* List_2 */
ul.list_2{margin:0; padding:0; list-style:none;}
ul.list_2 li{background:url(../images/marker.gif) top left no-repeat; background-position:0 7px; padding-left:15px; overflow:hidden; padding-bottom:7px }
ul.list_2 li a{color:#888484; text-decoration:none; line-height:18px}
ul.list_2 li a:hover { text-decoration: underline; }

/* Ordered list style */
ol li {list-style-position:outside;	list-style-type:decimal; margin-left:25px; padding-bottom:6px; font-size:14px; color:#727171; }
ol li a{ font-size:14px; color:#727171;	text-decoration:none}
ol li a:hover{ text-decoration: underline}


/* Definition list style */
dl { margin:15px 0}
dl dt {font-size:1.16em; color:#676767 !important;	margin-bottom:15px	}
dl dd { margin-bottom:1.5em;}
dl .dd {margin-left:30px}
dl.def-list { padding-bottom:5px;}
dl.def-list dt {font-size:13px; color:#fff; width:100%; overflow:hidden; margin-bottom:1em; position:relative; z-index:0; }
dl.def-list dd {margin-bottom:2em;}


/* News style*/
.news {	padding-bottom:18px;}
.news li {	position:relative;	padding:0 0 25px 70px;	color:#000;	height:1%;	}
.news li p.date {position:absolute;	left:0;	top:3px; background:#666; width:59px;	height:69px; font-size:25px; line-height:64px; color:#fff; text-align:center; font-weight:bold;}
.news li a.title {  display:block; color:#8e8d8b;  text-transform:uppercase;  font-size:11px;  margin-bottom:.5em;  }


/* Layouts navigation */
.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:#333; padding:2px 10px; color:#fff; text-decoration:none; margin-right:10px; cursor:pointer; position:relative; }
.layouts-nav li a:hover {background:#a5a5a5;}

/* Table styling */
table { width:100%; border:1px solid #cccccc}
table thead th {  text-align:left; background:#f6f6f6; text-transform:uppercase; color:#858585; padding:15px 20px; }
table tbody td {padding:10px 20px; border:1px solid #cccccc}
table tr td:hover {	background-color:#cccccc;}

/*  Dropcaps style */
.dropcap_1 {color:#1f1f1f; font-size:43px; width:55px; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; line-height:1em;  display:block; float:left; text-align:center; }
.dropcap_2 {color:#fff; font-size:41px; width:52px; line-height:52px; background:url(../images/dropcap.png) no-repeat 50% 0; text-align:center; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;  display:block; float:left; margin-right:8px; }


/* Main banner
---------------------------------------- */
.main-banner {height:372px; overflow:hidden; margin-bottom:5px; background:#666; position:relative;	}

/* Blocks and Boxes style
---------------------------------------- */
/*box*/
.box{ background:#EAE4E0; width:100%;}
.box .border-top {background:url(../images/border_top.gif) top repeat-x;}
.box .border-bottom {background:url(../images/border_bottom.gif) bottom repeat-x;}
.box .border-left {background:url(../images/border_left.gif) left repeat-y;}
.box .border-right {background:url(../images/border_right.gif) right repeat-y;}
.box .corner-top-left {background:url(../images/corner_top_left.gif) left top no-repeat;}
.box .corner-top-right {background:url(../images/corner_top_right.gif) right top no-repeat;}
.box .corner-bottom-left {background:url(../images/corner_bottom_left.gif) left bottom no-repeat;}
.box .corner-bottom-right {background:url(../images/corner_bottom_right.gif) right bottom no-repeat; width:100%; }
.box .indent-box{ padding:0px 0px 0px 0px; }


/* 404 page */
.box_404{height:266px; color:#0e0e0e}
.box_404 .indent-box{padding:20px 130px 10px 130px; text-align:center}
.box_404 h3 { font-size:30px; line-height:1.2em; margin:0 0 20px 0; color:#4e4e4e; letter-spacing:-1px }
.rowElem2{ height:35px; background:url(../images/bg_input_404.gif) top left no-repeat; width:363px}
.box_404 .input-404{	width:232px; padding:9px 10px 9px 10px; background:none; vertical-align:middle;	border:none;color:#000;	}

.box_404 .button-404{ background: url(../images/button_404.gif) top left no-repeat; color:#fff; width:111px; text-align:center; line-height:35px; height:35px; float:right; display:block; text-decoration:none; text-transform:uppercase; font-size:16px}
.box_404 .button-404:hover{ background: url(../images/button_404-act.gif) top left no-repeat; text-decoration:none; color:#fff}


/* Information box */
.info-box { border:1px solid #b7b7b7; padding:24px 30px 24px 110px; color:#7e7e7d; margin-bottom:20px; background:#f6f6f6; position:relative; height:1%; }
.info-box p.icon { position:absolute; left:34px; top:24px; margin:0; }

/* Download box */
.download-box { border:1px solid #b7b7b7; padding:24px 30px 24px 110px; color:#7e7e7d; margin-bottom:20px; background:#f6f6f6; position:relative; height:1%; }
.download-box p.icon { position:absolute; left:34px; top:24px; margin:0; }

/* Notification box */
.notification-box { border:1px solid #b7b7b7; padding:24px 30px 24px 110px; color:#7e7e7d; margin-bottom:20px; background:#f6f6f6; position:relative; height:1%; }
.notification-box p.icon { position:absolute; left:34px; top:24px; margin:0; }

/* Error message box */
.error-box { border:1px solid #b7b7b7; padding:24px 30px 24px 110px; color:#7e7e7d; margin-bottom:20px; background:#f6f6f6; position:relative; height:1%; }
.error-box p.icon { position:absolute; left:34px; top:24px; margin:0; }

/* Lightbox image */
.lightbox-image {	position:relative;	overflow:hidden; display:block	}
.lightbox-image1 {	position:relative;	overflow:hidden; float:left	}
	.lightbox-image img {		position:relative;		z-index:2;		}
	.lightbox-image span {		display:block;		position:absolute;		left:0;		top:0;		width:100%;		height:100%;		background:url(../images/magnify.png) no-repeat 50% 50%;		z-index:1;		}
	.lightbox-image1 img {		position:relative;		z-index:2;		}
	.lightbox-image1 span {		display:block;		position:absolute;		left:0;		top:0;		width:100%;		height:100%;		background:url(../images/magnify.png) no-repeat 50% 50%;		z-index:1;		}

/* Easy Tooltip */
#easyTooltip{
	padding:5px 10px;
	border:1px solid #000;
	background:#fff;
	color:#a7a7a7;
	font-size:11px;
	text-transform:none;
	z-index:900;
	position:relative
}
/* // Easy Tooltip */


/* Pages
---------------------------------------- */
/* Under Construction page =====*/
#constuction-box {
	width:800px;
	height:500px;
	position:relative;
	left:50%;
	top:50%;
	margin-left:-400px;
	margin-top:-250px;
	background:#eae9e7;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-color:#ccc;
	box-shadow:0 0 10px #999;
	-moz-box-shadow:0 0 10px #999;
	-webkit-box-shadow:0 0 10px #999;
	text-align:center;
	behavior:url(js/PIE.htc);
	}
	#constuction-box .inside {
		padding:40px 40px 40px 40px;
		}
		#constuction-box .button {
			position:relative;
			}
		#constuction-box h1 {
			font-weight:700;
			text-align:center;
			font-size:4em;
			margin-bottom:.2em;
			line-height:1.2em;
			letter-spacing: 2px;
			border-bottom: 1px solid #ddd;
			padding-bottom:10px;
			}
			#constuction-box h1 span {
				text-transform:uppercase;
				color:#818080;
				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:"Times New Roman", Times, 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;
	}

	#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:#eae9e7;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-color:#ccc;
	box-shadow:0 0 10px #999;
	-moz-box-shadow:0 0 10px #999;
	-webkit-box-shadow:0 0 10px #999;
	text-align:center;
	behavior:url(js/PIE.htc);
	float:left;
	}
	#intro-box .inside {
		padding:40px 40px 40px 40px;
		}
		#intro-box h1 {
			font-weight:700;
			text-align:center;
			font-size:4em;
			margin-bottom:.2em;
			line-height:1.2em;
			position:absolute;
			left:0;
			top:-90px;
			text-align:center;
			width:600px;
			overflow:hidden;
			height:100px;
			color:#3d3d3d;
			}
			#intro-box h1 span {
				text-transform:uppercase;
				color:#1fb7c4;
				display:block;
				margin-bottom:-15px;
			}
		#intro-box .button {
			position:absolute;
			right:30px;
			bottom:20px;
			float:right;
			color:#000;
			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
---------------------------------------- */


/* Pagination */
.pagination {
	display:block;
	width:100%;
	overflow:hidden;
	}
	.pagination a {
		float:left;
		font-size:11px;
		color:#000;
		text-decoration:none;
		text-transform:uppercase;
		line-height:31px;
		padding-left:14px;
		}
	.pagination a:hover {
		text-decoration:underline;
		}
		.pagination ul {
			float:left;
			padding:0 3px 0 18px;
			}
			.pagination ul li {
				float:left;
				padding-left:1px;
				margin-right:1px;
				padding:0 0 0 0 !important;
				background:none !important;
				}
			.pagination ul li span {
				width:31px;
				float:left;
				text-align:center;
				color:#000;
				}
				.pagination ul li a {
					font-size:15px;
					color:#000;
					text-decoration:none;
					width:31px;
					line-height:31px;
					height:31px;
					text-align:center;
					background:#e9e9e9;
					padding:0;
					}
				.pagination ul li a:hover {
					background:#19b6c5;
					text-decoration:none;
					color:#fff;
					}


/* Other */
	figure figcaption {
		color:#2d2d2d;
		font-size:22px;
		text-align:center;
		padding:11px 0 11px 0;
	}

figure.fright {
	float:right;
	margin:4px 0 0 26px;
	}

.img-box {
	width:100%;
	overflow:hidden;
	padding-bottom:20px;
	}
	.img-box img.fleft {
		float:left;
		margin-right:15px;

	}


.extra-wrap {
	overflow:hidden;
	}


/* Postal address */
.address {
	float:left;
	margin-right:30px;
	}
.address.last {
	margin-right:0;
	}
	.address dt {
		font-weight:normal;
		color:#6b6a6a;
		}
	.address dd {
		clear:both;
		margin:0 0 0 0 !important;
		}
		.address dd span {
			float:left;
			width:90px;
			}





/* Forms
---------------------------------------- */
.rowElem1{ height:35px}
.input{
		width:170px;
		padding:4px 10px 4px 10px;
		background:#0d0c0e;
		vertical-align:middle;
		border:1px solid #2e3032;
		color:#fff;
	}

/* Forms default */
input, select, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	vertical-align:baseline;
	font-weight:normal;
	}

/* Newsletter form */
#newsletter-form fieldset {
	border:none;
	}
	#newsletter-form .field {
		overflow:hidden;
		margin-bottom:8px;
		}
	#newsletter-form input[type=text] {
		width:175px;
		padding:3px 0 3px 5px;
		background:#4d4d4d;
		border:none;
		color:#a7a7a7;
		border-right:1px solid #000;
		border-left:1px solid #000;
		margin-right:3px;
	}
	#newsletter-form input[type=submit] {
		width:30px;
		height:22px;
		background:#fff;
		border:1px solid #000;
		border-radius:4px;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		cursor:pointer;
		color:#2f2f2f;
		font-weight:bold;
		text-transform:uppercase;
		text-shadow:0 1px 0 #f1f1f1;
		}
/*

.rowElem{ background:url(../images/bg_input.gif) top left no-repeat}
.rowElem1{ background:url(../images/bg_input1.png) top left no-repeat; height:43px}


/* Contact form */
#contact-form {
	overflow:hidden;
	position:relative;
	vertical-align:top;
	}
	#contact-form fieldset {
		border:none;
		padding:0;
		}
		#contact-form .field {
			overflow:hidden;
			padding:0 0 7px 4px;
			}
			#contact-form .field1 {
			overflow:hidden;
			padding:0 0 7px 4px;
			}
			#contact-form input[type=text] {
				width:270px;
				padding:11px 10px 11px 10px;
				background: url(../images/bg_input-1.gif) top left repeat-x #d7d7d7;
				border:1px solid #a8a8a8;
				border-top:2px solid #8f8f8f;
				display:block;
				color:#6b6a6a;
				font-size:11px;
				text-transform:uppercase;
		font-weight:bold;
				border-style: solid; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px;  position:relative

				}
			#contact-form.main-contacts .field input {
				margin-top:4px;
				}
			#contact-form textarea {
				width:270px;
				height:90px;
				background: url(../images/bg_input1.gif) top left repeat-x #d7d7d7;
				border:1px solid #a8a8a8;
				border-top:2px solid #8f8f8f;
				padding:9px 10px 9px 10px;
				overflow:auto;
				margin:0 0 10px 0px;
				display:block;
				color:#6b6a6a;
		font-weight:bold;
				font-size:11px;
				text-transform:uppercase;
				border-style: solid; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px;  position:relative

				}
				#contact-form a {
					cursor:pointer;
					}
				#contact-form .alignright {
					padding-top:12px;
					}
					#contact-form small {
						color:red;
						font-weight:bold;
						padding:0 0 0 5px;
						}
			#contact-form label {
				padding:0 0 2px 5px;
				display:inline-block;
				}
			#contact-form strong {
				padding:0 0 2px 9px;
				display:inline-block;
				color:#838383;
				}
				#contact-form .error {
					color:red;
				}
		.buttons-wrapper {
			padding-top:30px;
			}

		#contact-form.main-contacts .buttons-wrapper {padding-top:19px;}
		#contact-form.main-contacts .buttons-wrapper a {
			float:right !important;
			margin:0 0 0 12px;
			}



/* Newsletter-form */
#newsletter-alt-form fieldset {
	border:none;
}
	#newsletter-alt-form input[type=text] {
		width:215px;
		padding:7px 0 7px 10px;
		background:#f9f9f9;
		border:none;
		color:#686666;
		border:1px solid #e2e2e2;
		border-right:1px solid #bababa;
		border-left:1px solid #bababa;
		border-top:1px solid #bababa;
		border-radius:6px;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		behavior:url(js/PIE.htc);
		margin-right:12px;
		font-size:12px;
		position:relative;
		}
	#newsletter-alt-form input[type=submit] {
		width:75px;
		height:32px;
		background:#3d3d3d;
		border:none;
		border-radius:4px;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		behavior:url(js/PIE.htc);
		position:relative;
		cursor:pointer;
		color:#fff;
		font-weight:bold;
		font-size:12px;
		}




/* SlideDown element */
.slideDown {
	padding:0 1px 0 0;
	}
	.slideDown dt {
		background-color:#333132;
		background-image:url(../images/arrow1.gif);
		background-repeat:no-repeat;
		background-position:100% 16px;
		box-shadow:1px 1px 1px #d1d1d1;
		-moz-box-shadow:1px 1px 0 #d1d1d1;
		-webkit-box-shadow:1px 1px 0 #d1d1d1;
		color: #fff !important;
		padding:9px 0 9px 21px;
		margin-bottom:4px;
		font-weight:bold;
		text-decoration:none;
		display:block;
		font-size:12px;
		cursor:pointer;
		margin-bottom:10px;
	}
	.slideDown dt:hover, .slideDown dt.active {
		background-color:#a5a5a5;
		color:#fff !important;
		text-shadow:0 0 5px #fff;
	}
	.slideDown dt.active {
		background-image:url(../images/arrow2.gif);
	}

	.slideDown dd {
		display:none;
		padding:10px 20px 20px 20px;
	}
	.slideDown.absolute dd {
		position:absolute;
		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: block;

		text-decoration: none;
		}

	dl#accordion dt {
		margin-top:1px;
		}
		dl#accordion dt a {
			background-color:#333132;
			background-image:url(../images/arrow1.gif);
			background-repeat:no-repeat;
			background-position:100% 16px;
			box-shadow:1px 1px 1px #d1d1d1;
			-moz-box-shadow:1px 1px 0 #d1d1d1;
			-webkit-box-shadow:1px 1px 0 #d1d1d1;
			color: #7f7f7f;
			padding:9px 0 9px 21px;
			margin-bottom:4px;
			font-weight:bold;
			text-decoration:none;
			display:block;
			font-size:12px;
			}

		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;
	}
		dl#accordion dd .indent {
			padding:10px 30px 14px 20px !important;
		}
		dl#accordion dd a {
			display:inline;
			background:none;
			padding:0;
			font-weight:bold;
			width:auto;
			text-decoration:underline;
		}
		dl#accordion dd a:hover {
			text-decoration:none;
			background:none;
		}
		.sub_menu  li {
			list-style:none;
			line-height:30px!important;
			padding-left:0 !important;
			background:none !important;
			padding:0px 0 !important
		}
		.sub_menu li a {
			font-size:12px !important;
			line-height:30px!important;
		}


/* Tooltips */
.aToolTip {
	border:2px solid #444;
	background:#555;
	color:#fff;
	margin:0;
	padding:2px 8px;
	font-size:11px;
	}

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


/* Coin Slider */
#coind-slider { overflow:hidden;}
.coin-slider {
	overflow: hidden;
	zoom: 1;
	position: relative;
	padding-bottom:30px;
	}
.coin-slider a { text-decoration: none; outline: none; border: none; }

.cs-buttons {
	font-size: 0px;
	padding: 10px;
	float: left;
	}
	.cs-buttons a {
		margin-left: 5px;
		height: 10px;
		width: 10px;
		float: left;
		border: 1px solid #322e30;
		background:#322e30;
		color: #a5a5a5;
		text-indent: -9999em;
		border-radius:6px;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		behavior:url(js/PIE.htc);
	}
	.cs-buttons a:hover,
	.cs-buttons a.cs-active {
		background-color: #a5a5a5;
		border: 1px solid #a5a5a5;
		color: #fff;
		}

	.cs-title {
		width:100%;
		padding: 10px 0;
		background-color: #000;
		color: #fff;
		text-indent:10px;
		}

	.cs-prev,
	.cs-next {
		background-color: #000;
		color: #fff;
		padding: 0px 10px;
	}
	.cs-prev:hover,
	.cs-next:hover { background:#a5a5a5;}


/* Gallery */
#galleryfic_gallery {
	padding-bottom:50px;
	width:100%;
	overflow:hidden;
	}
	div.content {
		/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
		display: none;
		width: 919px;
		position:relative;
		z-index:10;
		margin-bottom:20px;
	}
		div.content a, div.navigation a {
			text-decoration: none;
			color: #777;
		}
		div.content a:focus, div.content a:hover, div.content a:active {
			text-decoration: underline;
		}
	div.slideshow-container {
		position: relative;
		clear: both;
		height: 480px; /* This should be set to be at least the height of the largest image in the slideshow */
		z-index:10
	}
		.advanced_gallery div.slideshow-container {
			width:60%;
			overflow:hidden;
		}
	div.loader {
		position: absolute;
		top: 0;
		left: 0;
		background-repeat: no-repeat;
		background-position: center;
	}
	div.slideshow {
		height: 463px;
		width:919px;
		overflow:hidden;
	}
	div.slideshow span.image-wrapper {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		height: 475px;
		width:919px;
	}
	div.slideshow a.advance-link {
		display: block;
		width: 466px;
		height: 243px; /* This should be set to be at least the height of the largest image in the slideshow */
		text-align: center;
		overflow:hidden;
	}
	div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
		text-decoration: none;
	}
	div.slideshow img {
		position:absolute;
		left:0;
		top:0;
		padding:4px;
		border:1px solid #ddd;
	}
	div.slideshow.noborder img {
		padding:0;
		border:none;
	}
	div.caption-container {
		position: relative;
		clear: left;
		height:40px;
	}
		.advanced_gallery div.caption-container {
			position:absolute;
			right:0;
			top:0;
			width:40%;
		}
	span.image-caption {
		display: block;
		position: absolute;
		width: 466px;
		top: 0;
		left: 0;
	}
	div.caption {
		padding:10px 70px 0 30px;
		overflow:hidden;
	}
	div.caption h4 {
		float:left;
		background:#fff;
	}
	div.image-desc {
		font-size:10px;
		text-transform:uppercase;
		float:right;
		padding:8px 0 0 0;
	}
	div.navigation {
		/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
	}
	ul.thumbs {
		clear: both;
		margin: 0;
		padding: 0;
	}
	ul.thumbs li {
		float: left;
		padding:1px !important;
		background:none !important;
		list-style: none;
		margin:0 4px 0 0;
		border:1px solid #ddd;
		margin-bottom:4px;
	}
	ul.thumbs li.last {
		padding-right:0;
	}
	a.thumb {
		display: block;
	}
	ul.thumbs li.selected a.thumb {
	}
	a.thumb:focus {
		outline: none;
	}
	ul.thumbs img {
		border: none;
		display: block;
	}


/* Kwicks */
.kwicks-wrapper {
	width:940px;
	overflow:hidden;
}
	.kwicks-box {
		border:1px solid #323232;
		padding:12px;
		}

	.kwicks {
		/* recommended styles for kwicks ul container */
		list-style: none;
		position: relative;
		margin: 0;
		padding: 0 !important;
		overflow:hidden;
		height:396px;
		background:#000;
		}
	.kwicks li{
		/* these are required, but the values are up to you (must be pixel) */
		width: 155px;
		height: 396px;
		/*do not change these */
		display: block;
		overflow: hidden;
		padding: 0 !important;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */
		cursor:pointer;
		opacity:.5;
		filter: alpha(opacity=50);
		background:none !important;
		}
	.kwicks li.active {
		opacity:1;
		filter: alpha(opacity=100);
		}
	.kwicks.horizontal li {
		/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
		margin-right: 0; /*Set to same as spacing option. */
		float: left;
		}

	.kwicks_vertical {
		/* recommended styles for kwicks ul container */
		list-style: none;
		position: relative;
		margin: 0;
		padding: 0 !important;
		overflow:hidden;
		width:950px;
		height:396px;
		background:#000;
		}
	.kwicks_vertical li{
		/* these are required, but the values are up to you (must be pixel) */
		height: 196px;
		/*do not change these */
		display: block;
		overflow: hidden;
		padding: 0 !important;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */
		cursor:pointer;
		float:none;
		opacity:.5;
		filter: alpha(opacity=50);
		}
	.kwicks_vertical li.active {
		opacity:1;
		filter: alpha(opacity=100);
		}

/* Elements list */
.elements-list li {
	background:none !important;
	padding:0 0 12px 0 !important;
	position:relative;
	}
	.elements-list li code {
		position:absolute;
		right:0;
		top:-3px;
		padding:2px 3px 1px 3px;
		border:1px dotted #333;
		}


/* Tabs */
.tabs {
	clear: left;
	float: left;
	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.nav { width:100%;}

	.tabs ul {
		float: left;
		list-style: none;
		margin: 0 0 5px 0 !important;
		padding:0 0 0 0 !important;
		}
		.tabs li {
			display: block;
			float: left;
			margin: 0 5px 0 0;
			background:none !important;
			padding:0 0 0 0 !important;
			}
		.tabs .selected {
			margin-bottom: -5px;
			position: relative;
			}
		.tabs .selected a {
			background: #f0f0f0;
			color: #000;
			padding-bottom: 10px;
			}
		.tabs a:hover {
			background: #f0f0f0;
			color: #000;
			}

		.tabs a {
			background:#000;
			color: #fff;
			display: block;
			padding:5px 10px;
			text-decoration: none;
			}

	.tabs .tab-content {
		background: #f0f0f0;
		clear: both;
		width: auto;
		max-width:940px;
		overflow:auto;
		}
		.tabs .tab-content .inner {
			padding:10px;
			}

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


/* Twitter */
#twitter {
	margin-bottom: 2em;
	}

	#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;
		/* generate your own loader gif: http://www.ajaxload.info */
		}

	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:#f0f0f0;
			margin-bottom:7px;
			}
		ul#twitter_update_list li:hover {
			background-color:#a5a5a5;
			color:#fff;
			}
			ul#twitter_update_list li:hover a {
				color:#000;
				}

			ul#twitter_update_list li a {
				/* timestamp link */
				color: #000;
				}

				ul#twitter_update_list li span {
					display: block;
					}

				ul#twitter_update_list li span a {
					/* links in tweet */
					color: #a5a5a5;
					}

			ul#twitter_update_list li.firstTweet {

				}
			ul#twitter_update_list li.lastTweet {
				border-bottom: none;
				}

			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:hover {
		text-decoration:none; color:#000
	}
	.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;
	}

/* Advanced Menu */
#advanced {
	position:fixed;
	z-index:999;
	right:-172px;
	top:50px;
	background:#181818;
	padding:20px 16px 20px 18px;
	width:135px;
	font-size:11px;
	border-right:3px solid #3a3a3a;
	font-family:Tahoma, Geneva, sans-serif;
	color:#dfdfdf;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-left-radius: 6px;
}
	#advanced span.trigger {
		display:block;
		position:absolute;
		left:-81px;
		top:50%;
		margin-top:-160px;
		width:81px;
		height:50px;
		background:#fff;
		cursor:pointer;
		text-align:center;
		background:url(../images/panel/adv-trigger.png) no-repeat 0 0;
	}
		#advanced span.trigger strong {display:block; padding:4px 0 0 0;}
		#advanced ul li {
			background:url(../images/panel-arrow.gif) no-repeat 0 6px;
			padding:0 0 0 13px;
			font-size:12px;
		}
		#advanced ul li.trigger_adv {
			padding:0 0 0 0;
		}
			#advanced ul li.trigger_adv > span {
				background:url(../images/panel-arrow2.gif) no-repeat 100% 8px #636363;
				border-radius:3px;
				-moz-border-radius:3px;
				-webkit-border-radius:3px;
				padding:0 20px 0 12px;
				color:#dfdfdf;
				font-weight:bold;
				display:inline-block;
			}

		#advanced ul li a {
			color:#4393d0;
			text-decoration:none;
		}
		#advanced ul li a:hover {
			text-decoration:underline;
		}
		#advanced ul ul {
			margin-left:13px;
		}
			#advanced ul ul li {
				font-size:11px;
				background:url(../images/panel-arrow1.gif) no-repeat 0 7px;
			}
			#advanced ul ul a {
				text-transform:capitalize;
				color:#dfdfdf;
			}
			#advanced ul ul ul {
				margin-left:8px;
			}
			#advanced ul ul ul li {
				background:none;
				}
			#advanced ul ul ul li a {
				color:#939393;
			}