body{
/**
* Good Practise to set Body Margin and Padding to kosong song
**/
	padding: 0px;
	margin: 0px;
	background: #000;
    color: #636363;
    font: 12px 'Century Gothic',arial,sans-serif;
	height:950px;
	text-align:center;
}

@font-face {
	font-family: 'Century Gothic';
	src: url('font/GOTHIC.TTF');
}

/**
* Tricky Tricky LOL please don't ask me this.
*/
html{ 
	height: 950px;
}

.clear_left{
	clear: both;
}

* { margin: 0; padding: 0;}

/**
* Common Element Specific
*/
p{ 
  padding: 0px;
  margin:0px;
}

img { border: 0;}

h2 { 
	font: 16px 'century gothic', arial, sans-serif;
	text-transform:uppercase;
	font-weight:bold;
  	color: #440e62;
  	padding: 3px 0 5px 0;
}

a, a:hover{ 
	outline: none;
  	text-decoration: none;
  	color: #662d91;
	font-weight:bold;
}

a:hover{ 
	text-decoration: none;
}

ul{ 
	margin: 0px;
}

ul li{ 
	list-style-type: circle;
  	margin: 0px; 
  	padding: 0px;
}

ol{ 
	margin: 0px;
}

ol li{ 
	margin: 0px;
}


/**
* Layout Specific
*/
.auto_margin{
	margin: auto;
}

.global_wrap{
	width:1000px;
	margin:0 auto;
	height:100%;
}

/**moving particles**/


#foreground {
	background: url(images/foreground.png) repeat;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	height:900px;
	opacity:0.8;
}


/**end**/

#level1 {
	background: url("images/background.jpg") center 0 no-repeat;
	height:901px;
	width:100%;
}


#level2 {
	background: url("images/elephant_bg.png") center 0 no-repeat transparent;
	height:270px;
	width:100%;
	margin:-150px 0 0 0;
}

#header { width:1000px; float:left; height:165px; }

.logo { 
	background: url("images/logo.png") center 0 no-repeat transparent;
	height: 165px;
	width:144px;
	float:left;
	z-index:10;
 }
 
 .menu {
	width: 814px;
	height:50px;
	margin:60px 0 0 0;
	float:left;
	padding:0 20px;
	z-index:10;
}
#flowerbg {
	background: url("images/flower.png") center 0 no-repeat transparent;
	width:874px;
	height:99px;
	float: left;
	margin: -40px 0 0 160px;
	z-index:10;
}

#component {
	width:980px;
	height:806px;
	float:left;
	text-align:left;
	margin:-30px 0 0 0;
	position:relative;
	overflow:hidden;
	z-index:9999 !important;
}

.articles_view {
background: white;
padding: 0 10px 10px 10px;
}

dl.article-info { display:none; }
div.icons {display:none;}

.article_title {
border-bottom: 1px dotted #662D91;
background: url("images/article-bg.png") center 0 no-repeat transparent;
}


#home-slideshow { z-index:4000; }

.footer {
	width:100%;
	float:left;
	border-top:5px solid #362f2d;
}

.footer_wrap {
	width:980px;
	padding:10px;
	float:left;
	color: #fff552;
	text-align:center;
}

/**
* form stylling table like
*/
.form_tb{
	margin: 15px 0 0;
}

.form_tb p{
	padding: 0 0 4px;
}

.form_tb span {
    float: left;
    text-align: left;
    width: 200px;
}

.form_tb input, .form_tb textarea {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E5E5DB;
    color: #47433F;
    font: 100% arial;
    padding: 5px;
    width: 299px;
}

.form_tb .checkbox {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    margin: 4px 0;
    padding: 0;
    width: 14px;
}

.form_tb select {
    width: 310px;
}

.form_tb .submit {
    background: none repeat scroll 0 0 #263C56;
    border: 1px solid;
    color: #FFFFFF;
    cursor: pointer;
    font: 100% arial;
    height: 33px;
    margin: 0 0 0 212px;
    padding: 2px 0 3px;
    width: 99px;
}

/* 
Contact Form
*/

.success, .validation {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('image/success.png');
}
.validation {
    color: #D63301;
    background-color: #FFCCBA;
    background-image: url('image/error.png');

}
.validation li {
    list-style:disc;
    list-style-position:inside;
    line-height: normal;
}

/**
* Widget Specific Style
*/

/**
* Login Widget
*/
form.login input{
	width: 100px;
}

form.login p{
	margin-top: 0px; 
	margin-bottom: 0px;
}
/**
* Ship Info
*/
.row label{
    clear:both;
    float:left;
    width:150px;
    padding: 3px;
}
.span2{
    float:left;
}
.confirm_title{
    clear:both;
    padding-top:10px;
    font-weight:bold;
    font-size:18px;
}

/* Contact Info */
.email span{
    display: inline-block; 
    background-image: url('image/con_email.png');
    background-repeat: no-repeat;
    width: 16px;
    height:16px;
    margin-right:5px;
}
.mobile span{
    display: inline-block; 
    background-image: url('image/con_mobile.png');
    background-repeat: no-repeat;
    width: 16px;
    height:16px;
    margin-right:5px;
}
.phone span{
    display: inline-block; 
    background-image: url('image/con_tel.png'); 
    background-repeat: no-repeat;
    width: 16px;
    height:16px;
    margin-right:5px;
}
.fax span{
    display: inline-block; 
    background-image: url('image/con_fax.png'); 
    background-repeat: no-repeat;
    width: 16px;
    height:16px;
    margin-right:5px;
}
.address{
    padding-left:20px; 
    display: inline-block; 
    background-image: url('images/con_address.png');
    background-repeat: no-repeat;
}
.website span{
    display: inline-block; 
    background-image: url('image/con_website.png');
    background-repeat: no-repeat;
    width: 16px;
    height:16px;
    margin-right:5px;
}
.city span{
    padding-left:21px;
}
.state span{
    padding-left:21px;
}
.contact_desc span{
    padding-left:21px;
}
.contact_form{
    clear:both;
    font-weight:bold;
    padding: 10px 0 10px 0;
}
/***********************************/
/****************CMS****************/
/***********************************/
/*
*   Categories List Style
*/
.categories_view{
    /*
    padding-top: 10px; 
    padding-left: 10px;
    */
}
/*
* Category Blog Styling
*/
.category_blog_view{
    /*padding-left: 10px;*/
}
/*
* Category List Styling
*/
.category_list_view{
    /*padding-left: 10px;*/
}
/* Articles */
.articles_view{
    
}
/*h4*/
.category_blog_view .article_title h4{
    color:#454545;
    border-top: 1px solid #dddddd; 
    border-bottom: 1px solid #dddddd;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: bold;
    font-size: 17px;
}

.category_blog_view .article_title h4 a{
    color:#095197;
}

.category_blog_view .article_title h4 a:hover{
    color:#FFFFFF;
    background-color: #304d6e;
}

/*
* Article Styling
*/

/*
* Title
*/
/*h2*/
.article_title h2 { color:#662d91; font-size:20px; font-weight:bold; padding:5px 0 15px 0;}

.article_title h2 a{
    color:#095197;
}

.article_title h2 a:hover{
    color:#FFFFFF;
    background-color: #304d6e;
}

.article-navigation {
display:none;
}

/*
* Icons
*/
div.icons{
    float:right;    
}

div.icons ul{
    text-align: right;
    list-style-type: none;
}

div.icons ul li{
    display: inline;
}

/*
* Article Info
*/
dl.article-info{
    float: left;    
}

dl.article-info dd{
    margin:0;
    padding:0;
}

/*
*   Widget Title
*/
.widget h3{
    border-bottom: #555565 solid 1px;    
}

.widget h3 span{
    color:#555565;
    font-size: 15px;
    font-weight: bold;
}

/*
*   Search Widget
*/
form .search label{
    display: none;
}

/*
*   Search Form
*/
.search_form ul{
    margin:0;
    margin-top:10px;
    margin-bottom:10px;
    padding:0;
}

.search_form ul li{
    display: inline;
    list-style: none;
}

/*
*   Search results page
*/
div.search_results{
    padding: 20px;
    background-color: #f5f5f5;
    margin-bottom: 5px;
}

/**slider**/

/* Basic jQuery Slider essential styles */

ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{display:none;position:absolute; list-style:none;}

ul.bjqs-controls{display:none;}

ol.bjqs-markers{list-style:none;margin:0;padding:0;z-index:9999;}
ol.bjqs-markers li{float:left;}

p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}

#banner {
  height:330px;
  width:980px;
  margin:0 auto;
  position:relative;
  background:#fff;
  box-shadow:0 0 50px rgba(0,0,0,0.5);
}

.bjqs-wrapper {
border-bottom: 30px solid #662d91;
}

 ul.bjqs-controls li a{
  display:none;
}

a.bjqs-prev{
  left:0;
  padding: 6px 30px;
  float:left;
}

a.bjqs-next{
  right:0;
  padding: 6px 30px;
  float:right;
}

 p.bjqs-caption{
  background:rgba(0,0,0,0.7);
  color:#fff;
  text-align:center;
}

 ol.bjqs-markers{
  position:absolute;
  bottom:-23px;
}

 ol.bjqs-markers li{
  float:left;
  margin:0 3px;
}

.bjqs-controls li {list-style:none; width:80px; float:left;}

 ol.bjqs-markers li a{
  display:block;
  height:5px;
  width:5px;
  border:5px solid #440e62;
  overflow:hidden;
  text-indent:-9999px;
  background:#000;
  border-radius:10px;
  box-shadow:0 0 50px rgba(0,0,0,0.5);
}

ol.bjqs-markers li.active-marker a{
  background:#fff552;
}

.box { width:464px; float:left; margin: 0 13px;}
.imagebox { padding: 20px 20px 10px 20px;}
.textbox { padding: 0 20px;}

/**turn js css**/
::selection{ 
	 background:#666;
	 color:white;
	 text-shadow:none;
}

::-moz-selection{
  	background:#666;
  	color:white;
  	text-shadow:none;
}


#viewport{
	overflow: hidden;
}

.pages, #controllers{
	width:900px;
	height:636px;
	position:relative;
	margin:auto;
	margin-top:50px;
}

.x1024 .pages, .x1024 #controllers{
	width:1024px;
}

.x1024 .turn-page, .x1024 #shadow-page{
	width:512px;
}

.clear{
	clear:both;
}

.turn-page{
	width:450px;
	height:636px;
	overflow:hidden;
	background:white;
	background-color:#f0f0f0;
}

.turn-page-wrapper{
	overflow: hidden;
}

#shadow-page{
	width:450px;
	height:636px;
	position:absolute;
	top:0px;
	right:0px;
	-moz-box-shadow: 5px 5px 10px #888;
	-webkit-box-shadow: 5px 5px 10px #888;
	box-shadow: 5px 2px 10px #888;
	z-index:-1;
}

#next, #previous{
	opacity:0;
	position:absolute;
	height:636px;
	width:24px;
	background:#999;
	-webkit-user-select:none;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-ms-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	transition: opacity 0.5s;
	z-index:1000;
}

#next i, #previous i{
	background:url(../images/sprite.png) no-repeat;
	width:32px;
	height:32px;
	display:block;
	margin-top:334px;
	margin-left:-4px;
}

#next{
	-webkit-border-radius: 0px 10px 10px 0px;
	-moz-border-radius: 0px 10px 10px 0px;
	-ms-border-radius: 0px 10px 10px 0px;
	-o-border-radius: 0px 10px 10px 0px;
	border-radius: 0px 10px 10px 0px;
	right:-24px;
	top:0px;
}

#next i{
	background-position:-32px 0px;
}

#previous{
	-webkit-border-radius: 10px 0px 0px 10px;
	-moz-border-radius: 10px 0px 0px 10px;
	-ms-border-radius: 10px 0px 0px 10px;
	-o-border-radius: 10px 0px 0px 10px;
	border-radius:  10px 0px 0px 10px;
	left:-24px;
	top:0px;
}

#previous i{
	background-position:0px 0px;
}

#next.visible:hover, #previous.visible:hover {
	opacity:1 !important;
}