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

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

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


/*===================================
        Header_wrapper css
=====================================*/
#head_wrapper{ 
       position:       fixed;       
       width:          220px;
       height:         100%;
	   min-height:     700px;
       margin-left:    7%;
       padding:        45px 0px 0px 0px;
	   background:     #000000;
	   border-left:    5px solid ;
	   border-right:   5px solid ;
	   top:            0px;
	   box-shadow:     0px 0px 10px #666;
	   opacity:        0.85; 
}
#head_wrapper{
       z-index:        10;	
}
#logo{
       display:        block;  
       height:         130px;
       width:          220px;
       border:         none;
       position:       relative;
       top:            80px;
	   background-position-y:0px ! important;
	   background-position-x:0px ! important;
}

/*#logo{
       height:         150px;
	   width:          230px;	
}*/
#logo img{
	   left:           0px !important;
	   top:            0px !important;	
}
#cm_navigation{
       visibility:     hidden;
	   height:         0px;
}
	
/* End head_wrapper css */


/*===================================
        Title_wrapper css
=====================================*/
#title_wrapper {
	display:			block;
	min-height:         80px;
	width:				190px;
	max-height:         200px;
	margin:				0 auto;
	background-position:	top center bottom;
	background-repeat:	no-repeat;
    position:			relative;
	top:                100px;
	right:              0%;
}
#title_wrapper #title {
	padding:		   5px 0px 5px 0px;
	margin:			   0 auto;
	text-align:		   center;
	font-size:		   28px; 
    font-family:       'ABeeZee', sans-serif;
	font-weight:	   normal;
	font-weight:       100;
	color:			   #f0f0f0;
	position:          relative;
	top:               0px;	
	right:             0px; 
}
#title_wrapper #subtitle {
	padding:		   5px 0px 5px 0px;
	margin:			   0 auto;
	text-align:		   center;
	font-size:		   18px;
    font-family:       'ABeeZee', sans-serif;
	font-weight:	   normal;
	font-weight:       500;
	color:			   #f0f0f0;
	letter-spacing:    0.5px;
	position:          relative;
	top:               0px;
	right:             0px;	
}
/* End title_wrapper css */

/*===================================
        Content_wrapper css
=====================================*/
#content_wrapper {
	display:			block;
	position:			relative;
	width:				87%;
	margin:				auto;
	height:             auto;
	overflow:           auto;
	overflow-x:         hidden;
	overflow-y:         hidden;
	min-height:         400px;
	margin:             100px 7% 100px 5%;
}

/*===================================
        Content_main css
=====================================*/
#main-wrapper {
    display:			inline-block;
	height:             auto;
	position:			relative;
	width:				77%; 
	float:              left;
	min-height:         400px;
	background:         #f0f0f0;
	border:             5px solid ;	
}
#content_main{
    display:			inline-block;
	height:             auto;
	position:			relative;
	width:				62%;
    min-height:         360px;
	float:              right;
	padding:            20px;	
}

/* Content_main CSS end  */

/*===================================
        Sidebar_wrapper css
=====================================*/
.sidebar_wrapper {
	display:			inline-block;
	height:             auto;
	position:			relative;
	width:				20%;
	float:              right;
	min-height:         400px;
	background:         #f0f0f0;
    border:             5px solid #000;
}
.content_sidebar {
	display:			block;
	position:			relative;
	width:				84%;
	clear:				both;
	margin:		        10px 8% 10px 8%;		
}
#widgetbar_page_1, #widgetbar_page_2, #widgetbar_page_3, #widgetbar_page_4, #widgetbar_page_5, #widgetbar_page_6{
    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;
}

/* sidebar_wrapper CSS end */


/* CONTENT CSS end */


/*===================================
        Footer_wrapper css
=====================================*/

#footer{
	visibility:         hidden;
    background:         #565656; 
    height:             auto;
	width:              100%;
	position:           relative;		
}