@import url(http://fonts.googleapis.com/css?family=Tulpen+One|Miss+Fajardose|ABeeZee);
@charset "utf-8";
/* CSS Document */

/*===================================
       Html,body css
=====================================*/

html,body{
       margin:		   0px;
	   padding:	       0px;
	   width:		   100%;
	   font-size:	   1em;
	   font-family:	   Arial, Helvetica, Geneva, sans-serif;
	   overflow:       auto;
	   overflow-x:     hidden;
	  /* background:     url(../img/bg2.jpg) no-repeat; */
	   background-position: center center;
	   background-attachment: fixed;
	   background-size: cover;
}
#page_wrapper{
       height:         auto;
       width:          85%;
	   overflow-y:     hidden;
	   overflow-x:     hidden;
	   margin:         auto;
}


/*===================================
        Header_wrapper css
=====================================*/
#head_wrapper{ 
       position:       relative;       
       width:          100%;
       height:         75px;
       margin:         auto;
	   background:     #5A6571;
	   clear:          both;
	   margin-top:     30px;
}	

#logo {
       position:        relative;
	   float:           right;
       height:          75px;
       width:        	200px;
	   margin:			0 20px 0 0;
	   background-position-y: 0px !important;
}
#logo img{
       top:             0px !important;	
/*	right:0px !important;	
	left:0px !important;	
	bottom:0px !important;*/	
	
}

#title_wrapper {
       position:        absolute;
       margin:			0 0 0 20px;
	   width:			49%;
}

#title_wrapper h1 {
       margin:			0 0 10px 0;
}

#title_wrapper h2 {
       margin:  		0 0 0 0;
}

/* End title_wrapper css */

/*===================================
        keyvisual_wrapper css
=====================================*/
#keyvisual{
	   border: 		   none;
	   height: 		   250px;
	   width: 		   100%;
	   margin: 		   auto;
	   clear:          both;
	   position: 	   relative;
	   /*background-image:	url('../img/kv_01.jpg'); */
}

/*===================================
        Content_wrapper css
=====================================*/
#content_wrapper {
	display:			block;
	position:			relative;
	width:				100%;
	margin:				0 auto;
	height:             auto;
	overflow:           auto;
	overflow-y:         hidden;
	min-height:         400px;
	clear:              both;
	background:         #A2A9AF;	
}


/*===================================
        Sidebar_wrapper css
=====================================*/
.sidebar_wrapper {
	display:			inline-block;
	position:			relative;
	width:				28%;
	float:              right;
	height:             100%;
}
	
.content_sidebar {
	display:			block;
	position:			relative;
	width:				84%;
	clear:				both;
	margin:		        30px 8% 8px 8%;		
}
#widgetbar_page_1, #widgetbar_page_2, #widgetbar_page_3{
    display:			block;
	position:			relative;
	width:				90%;
	padding:			1px 10px 1px 10px;
	clear:				both;
	margin:             0px 0px 20px 0px;	
}
#widgetbar_site_1{
	visibility:         hidden;	
}
.content_main a, .content_sidebar a {
	color:		        #000;
	text-decoration:	none;
}
.content_main a:hover, .content_sidebar a:hover {
	text-decoration:	underline;
}

#cm_navigation{
    visibility:         hidden;
	height:             0px;
}
/* sidebar_wrapper CSS end */


/*===================================
        Content_main css
=====================================*/
#main-wrapper{
    display:			inline-block;
	position:			relative;
	width:				72%; 
	float:              left;	
	overflow:           auto;
	overflow-x:         hidden;
	overflow-y:         hidden;
}
#content_main {
    display:			inline-block;
	position:			relative;
	width:				96%; 
    font-family:        'ABeeZee', sans-serif;
	font-size:			15px;
	line-height:		1.5;
	color:				#4e5056;
	min-height:         200px;
	margin:             20px 15px 0px 20px;
}
/* Content_main CSS end  */

/* CONTENT CSS end */


/*===================================
        Footer_wrapper css
=====================================*/
#footer{
	visibility:         hidden;
    background:         #565656; 
    height:             auto;
	clear:              both;
	width:              100%;
	position:           relative;		
}