@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-image:url(../img/back3.jpg); */
	   background:     #ccc;
	   background-position: center center;
	   background-attachment: fixed;
	   background-size: cover;
}
#page_wrapper{
       height:         auto;
       width:          950px;
	   margin:         auto;
	   background:     #fff;
	   overflow-x:     hidden;
	   overflow-y:     hidden;
}

/*===================================
        keyvisual_wrapper css
=====================================*/
#content_left_wrapper{
       border: 		   none;
	   height: 		   700px;
	   width: 		   225px;
	   margin: 		   auto;
	   position: 	   relative;
	   float:          left;
}
#keyvisual {
	   border: 		   none;
	   height: 		   650px;
	   width: 		   225px;
	   margin: 		   auto;
	   position: 	   relative;
}
#keyvisual img{
       height:         650px;
	   width:          100%;	
}
#logo{
       display:        block;  
       height:         150px;
       width:          200px;
       border:         none;
       position:       absolute;
       top:            8px;
	   left:           12px;
	   margin:         auto;
	   background-position-x:0px ! important;
}

#logo img{
	   left:           0px !important;	
}

/*===================================
        Header_wrapper css
=====================================*/
#head_wrapper{ 
       position:       relative;       
       width:          725px;
       height:         165px;
       float:          right;
       padding:        0px;
	   background:     #EBEBEB;
}

#title_wrapper {
	display:			block;
	height:             100px;
	width:				725px;
	margin:				0 auto; 	
	background-position:	top center bottom;
	background-repeat:	no-repeat;
    position:			relative;
	top:                65px;
}
#title_wrapper #title {
	padding:		   5px 0px 5px 0px;
	margin:			   0 auto;
	text-align:		   left;
	font-size:		   28px;
   /* font-family:       'Open Sans Condensed', sans-serif; */
    font-family:       'ABeeZee', sans-serif;
	font-weight:	   normal;
	font-weight:       100;
	color:			   #6BA864;
	position:          relative;
	top:               0px;	
	padding-left:      20px; 
}
#title_wrapper #subtitle {
	padding:		   5px 0px 5px 0px;
	margin:			   0 auto;
	text-align:		   left;
	font-size:		   18px;
    font-family:       'ABeeZee', sans-serif;
	font-weight:	   normal;
	font-weight:       500;
	color:			   #6BA864;
	letter-spacing:    0.5px;
	position:          relative;
	top:               0px;
	padding-left:      20px; 	
}

/* End header_wrapper css */
#navigation_wrapper{
    height:            30px;
	width:             950px;
	background:        #6BA864;
	position:          absolute;
	top:               165px;
	left:              -225px;	
}
#cm_navigation{
	visibility:        hidden;	
}
/*===================================
        Content_wrapper css
=====================================*/
#content_wrapper {
	display:			block;
	position:			relative;
	width:				725px;
	margin:				0 auto;
	height:             auto;
	overflow:           auto;
	top:                30px;
	overflow-y:         hidden;
	overflow-x:         hidden;
	background:         #fff;	
}

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


/*===================================
        Sidebar_wrapper css
=====================================*/
.sidebar_wrapper {
	display:			inline-block;
	position:			relative;
	width:				190px;
	float:              right;
	background:         #ebebeb;
}
	
.content_sidebar {
	display:			block;
	position:			relative;
	width:				170px;
	clear:				both;
	margin:		        20px 10px 20px 10px;		
}
#widgetbar_page_1, #widgetbar_page_2, #widgetbar_page_3{
    display:			block;
	position:			relative;
	width:				170px;
	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 CSS end */


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