*{
	margin:0;
	padding:0;
}
body{
    font-family:"Trebuchet MS", Helvetica, sans-serif;
    font-size:15px;
    color: #fff;
    overflow:auto;
    background-image: url('../images/background.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100% ;
    background-attachment:fixed;
    height:100%;
}

#wrapper{
    width:100%;
    height:100%;
    margin: auto;
    position:relative;
}

/*Header CSS*/
#header_wrapper{
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    height:80px;
    min-width: 1000px;
}

#logo_section{
    width:10%;
    height:100%;
    float:left;
}

#logo_content{
    width:70px;
    height:70px;
    min-width: 70px;
    min-height: 70px;
    border-radius: 5px;
    margin:auto;
    margin-top: 5px;
}

#title_section{
    width:90%;
    float:left;
    opacity:0.7;
    height: 50%;
}

#navigation_section{
    width:89.8%;
    float:left;
    height: 50%;
}

#navigation_menu{
    list-style:none;
    margin:0px;
    padding: 0px;
    width: 100%;
    clear:both;
    float: right;
}

/*Body CSS*/
#body_wrapper{
    margin:15px auto 30px auto;
    width:1000px;
    min-height: 500px;
    border-radius: 5px;
    padding: 10px;
    background-color: rgba(0, 0, 0, 0.2);
    color: #000;
    opacity: 0.99;
}

#content_holder{
    width: 97%;
    margin: auto ;
    background-color: white;
    padding: 10px;
    border-radius: 10px;
}

#intro_tab{
    margin-top: 20px;
}

#intro_product_holder{
    width:1000px;
}

#intro_product{
    background-color: rgba(0, 0, 0, 0.5);
    height: 150px;
    width:313px;
    margin: 0px 0px 10px 13px;
    border-radius: 10px;
    display: inline-block;
}

#intro_product_content{
    background-color: white;
    height: 140px;
    width:300px;
    margin: 5px auto 5px auto;
    border-radius: 10px;
}

/*Footer CSS*/
#footer_wrapper{
    background-color: black;
    width:100%;
    height:200px;
    font-family: serif;
    font-size: 13px;
    opacity: 0.7;
    min-width: 1000px;
    position: absolute;
}

#footer_content{
    width:100%;
    height:100%;
}

#info_section{
    width:49%;
    height:100%;
    float:left;
}

#copyright_section{
    width:49%;
    height:100%;
    float:right;
}

/*Scroll Bar CSS*/
::-webkit-scrollbar {
    width: 5px;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: silver; 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background:  silver; 
}

/*Slider CSS*/
#slider_holder{
}

.coin-slider { overflow: hidden;}
.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 #B8C4CF; color: #B8C4CF; text-indent: -1000px; }
.cs-active { background-color: #B8C4CF; color: #FFFFFF; }

.cs-title { width: 98%; padding: 10px; background-color: #000000; color: #FFFFFF; }

.cs-prev, 
.cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; }

/*Tab CSS*/
#tabs{
    margin:0px;
    padding:0px;
}
#tabs li {
    list-style:none;
    display:inline;
    padding: 0px;
    margin: 0px;
}

#tabs a {
    border-bottom: 0px;
    border-radius: 5px 5px 0px 0px;
    padding:5px 10px;
    display:inline-block;
    background-color: lightgray;
    color:#000;
    text-decoration:none;
    font-weight: bold;
}

#tabs a.active {
    background:#f9f8f8;
    color:#000;
}

.index_content_tabs{
    background-color: white;
    overflow:auto; 
    border-radius: 0px 5px 5px 5px; 
}
.info_content_tabs{
    background-color: white;
    overflow:auto; 
    border-radius: 0px 5px 5px 5px; 
    font-size: 16px;
}



.sac {
	display:block;
	width:100%;
	text-align:right;
	font-style:italic;
	margin-bottom:45px;
	font-size:12px;
}

pre, blockquote {
	-moz-border-radius:10px 10px 10px 10px;
	-webkit-border-radius:10px 10px 10px 10px;
	border-radius:10px 10px 10px 10px;
	background-color:#DFE7DD;
	margin:15px 0;
	padding:15px;
}

pre, code {
	font-family:monospace;
	font-size:12px;
}

.bubbleInfo {
    position: relative;
}

.popup {
    position: absolute;
    display: none; /* keeps the popup hidden if no JS available */
}