* { padding : 0; margin : 0; }
html, body, div, span, img, h1, h2, h3, h4, p, a, ul, li, small {
    font-family : inherit;
    font-size : 100%;
    font-weight : normal;
    font-style : normal;
    text-align : left;
    text-transform : none;
    text-decoration : none;
    list-style : none;
    background : transparent;
    padding : 0;
    margin : 0;
    border : 0 none;
    outline : 0 none;
    vertical-align : baseline;
}
:focus { outline: 0; }
.clear { clear : both; }
.clearfix:after {
    content : " ";
    display : block;
    clear : both;
    visibility : hidden;
    line-height : 0;
    height : 0;
}
.clearfix { display : block; }
html[xmlns] .clearfix { display : block; }
* html .clearfix { height : 1%; }

body {
    /* customize_body_background_color */ background-color:#eeeeee; /* customize_body_background_color */
    overflow-y : scroll;
    overflow-x : hidden;
    cursor : default;
}

#page {
    /* customize_page_background_color */ background-color:#ffffff; /* customize_page_background_color */
    padding : 0 10px;
    margin : 0 auto;
    box-shadow : 0 0 20px rgba(0,0,0,0.1);
    -webkit-box-shadow : 0 0 20px rgba(0,0,0,0.1);
    -moz-box-shadow : 0 0 20px rgba(0,0,0,0.1);
    -o-box-shadow : 0 0 20px rgba(0,0,0,0.1);
    -ms-box-shadow : 0 0 20px rgba(0,0,0,0.1);
}

#header {
	font-family: 'Arimo', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color:#333;
	font-weight:bold;
    padding : 40px 0 30px;
}

#header a {
	/* customize_logo_font */ color:#333333; /* customize_logo_font */	
}

#header h1 { font-size:60px; line-height: 60px; }
#header h2 { font-size:48px; line-height: 48px; }
#header h3 { font-size:36px; line-height: 36px; }
#header h4 { font-size:24px; line-height: 24px; }
#header h5 { font-size:20px; line-height: 20px; }
#header h6 { font-size:16px; line-height: 16px; }

#header p {
    margin : 0;
	font-size:16px;
}

#header_banner img {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;	
}

#header_banner {
	font-family: 'Arimo', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	margin : 0 0 20px;
	/* customize_header_banner_font_color */ color :#333333; /* customize_header_banner_font_color */
}

#header_banner strong {
	color:#ffffff;	
	font-weight : bold;
}

#header_banner h1,
#header_banner h2,
#header_banner h3 {
    line-height : 54px;
    font-weight : bold;
    letter-spacing : -1px;
    /*text-transform : uppercase;*/
	padding: 20px;
}

#header_banner h1 { font-size:60px; }
#header_banner h2 { font-size:48px; }
#header_banner h3 { font-size:36px; line-height : 42px; }

#header_banner p {
    /* customize_header_banner_pg_color */ color :#666666; /* customize_header_banner_pg_color */
    line-height : 24px;
    margin : 0 0 20px;
	padding: 0 20px;
}

#header_banner p a {
	color:#333333;	
	font-weight : bold;
}

#header_banner p a:hover, p a:active, h3 a:hover, h3 a:active { color : #008099; }

#header_banner a {
    cursor : pointer;
    transition : all .15s ease-in-out;
    -webkit-transition : all .15s ease-in-out;
    -moz-transition : all .15s ease-in-out;
    -o-transition : all .15s ease-in-out;
    -ms-transition : all .15s ease-in-out;
}


#header_banner.banner_1 {
	/* customize_banner_bg_color */ background-color:#88cc00; /* customize_banner_bg_color */
}


#header_banner1{
	background : transparent url(/packages/jb_eco_elegant/themes/jb_eco_elegant/images/edge.png) bottom right no-repeat;

}

#navmenu {
	font-family: 'Arimo', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	 padding : 40px 0 30px;
}

#navmenu ul {
	float:right;
}

#navmenu li {
	display:inline-block;
	padding:0 5px;
}

#navmenu a {
	text-decoration:none;
	font-family:inherit;
	font-weight: bold;
	/* customize_nav_link */ color:#333333; /* customize_nav_link */ 
	line-height:25px;
}



#navmenu>ul>li>a.nav-path-selected { /* customize_nav_path_selected_link */ color:#88cc00; /* customize_nav_path_selected_link */ }

#navmenu > ul > li > a:hover { /* customize_nav_hover_link */ color:#88cc00; /* customize_nav_hover_link */ }

#navmenu>ul>li>a.sf-with-ul { padding-right:20px; }

#navmenu ul.sub-menu {
    background: url(/packages/jb_eco_elegant/themes/jb_eco_elegant/images/upward-arrow.png) no-repeat center top;
    display: none;
    position: absolute;
    top: 16px;
    left: -1px;
    width: 160px;
    list-style-type: none;
    padding: 15px 0 0 0;
    margin: 10px;  
	
}

#navmenu ul.sub-menu ul.sub-menu {
    background: url(/packages/jb_eco_elegant/themes/jb_eco_elegant/images/sideward-arrow.png) no-repeat 0 6px;
    position: absolute;
    top: 0;
    padding: 0 0 0 10px;
    margin: 0;
	display:none;
}

#navmenu ul.sub-menu li a {
    display: block;
	width:160px;
    height: 30px;
    line-height: 2;
    padding-left: 7px;
    overflow:hidden;
    background-color:#7c7c7c; 
	color:#ffffff;
    transition: background .10s ease-in-out;
    -moz-transition: background .10s ease-in-out;
    -webkit-transition: background .10s ease-in-out;
}

#navmenu ul.sub-menu li{
	margin:0px !important;
	padding:0px !important;
}



#navmenu ul.sub-menu li a:hover {
   background-color:#7c7c7c !important;
   color: #88cc00 !important; 	
}

#navmenu li.nav-dropdown {
    position: relative;
}

li.sfHover a {
	/*background:		#575757;
    color:          #fff;
	outline:		0;*/
}

/* ==== Content ==== */

#content img {
    display : block;
    -ms-interpolation-mode: bicubic;
}
#headline {
    padding : 40px;
    margin : 0 0 20px;
    position : relative;
    z-index : 10;
}
#headline:after {
    content : " ";
    width : 60px;
    height : 60px;
    display : block;
    position : absolute;
    bottom : 0; right : 0;
    z-index : 20;
}

.border-top {
border-top: 1px solid #DDD;
}

#content_field img {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0 0;
}

#content_field {
	font-family: 'Arimo', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	/* customize_content_header_font_color */ color:#333333; /* customize_content_header_font_color */
}

#content_field h1, 
#content_field h2, 
#content_field h3,
#content_field h4,
#content_field h5,
#content_field h6 {
	/*color: #333;*/
	line-height: 42px;
	font-weight: bold;
	letter-spacing: -1px;
	margin: 15px 0;
	
}


#content_field h1 { font-size:60px; line-height: 60px; }
#content_field h2 { font-size:48px; line-height: 48px; }
#content_field h3 { font-size:36px; line-height: 36px; }
#content_field h4 { font-size:24px; line-height: 24px; }
#content_field h5 { font-size:20px; line-height: 20px; }
#content_field h6 { font-size:16px; line-height: 16px; }

#content_field p {
	font-family:inherit;
	font-size:16px;
	margin-bottom: 5px;
	/* customize_content_pg_font_color */ color:#666666; /* customize_content_pg_font_color */
	line-height: 24px;
	margin:10px 0 20px;
}

#content_field a {
	
	/* customize_content_link_color */ color:#333333; /* customize_content_link_color */	
	font-weight:bold;
	cursor : pointer;
    transition : all .15s ease-in-out;
    -webkit-transition : all .15s ease-in-out;
    -moz-transition : all .15s ease-in-out;
    -o-transition : all .15s ease-in-out;
    -ms-transition : all .15s ease-in-out;
}

#content_field a:hover {
	/* customize_content_link_hover_color */ color:#008099; /* customize_content_link_hover_color */ 
	text-decoration:none;
}

#content_field ul { margin:0 0 10px; }

#content_field li {
	list-style-type:disc; 
	margin: 5px 0 0 20px;
	padding:0;
	color: #333;
}

#content_field li a { 
	/* customize_content_link_list_font_color */ color:#333333; /* customize_content_link_list_font_color */	
	
}
 
#content_field li a:hover { /* customize_content_link_list_hover_font_color */ color:#008099; /* customize_content_link_list_hover_font_color */ }

#content_field li a.selected {
	/* customize_content_link_list_selected_font_color */ color:#008099; /* customize_content_link_list_selected_font_color */
	text-decoration: none;
} 

#content_field ol { 
 	margin:0 0 10px;
 	padding:0;
}

#content_field ol li { 
	list-style-type:decimal;
	margin: 5px 0 0 25px;
}

#content_field dl { 
	margin:0 0 10px 5px;
	padding:0;
	color: #666;
}

#content_field dd {
	margin:0 0 0;
	padding:0;
}

#content_field table { margin:10px 0; }

#content_field table tr th, table tr td { padding: 5px 5px; }

#content_field table tr th {
	font-weight:bold;

}
  
#content_field table tr td {
	color: #666;
}
 


#sidebar img {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0 0;
}

#sidebar {
	font-family: 'Arimo', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	/* customize_sidebar_header_font_color */ color:#333333; /* customize_sidebar_header_font_color */
}

#sidebar h1, 
#sidebar h2, 
#sidebar h3,
#sidebar h4,
#sidebar h5,
#sidebar h6 {
	/*color: #333;*/
	line-height: 42px;
	font-weight: bold;
	letter-spacing: -1px;
	
}


#sidebar h1 { font-size:60px; line-height: 60px; }
#sidebar h2 { font-size:48px; line-height: 48px; }
#sidebar h3 { font-size:36px; line-height: 36px; }
#sidebar h4 { font-size:24px; line-height: 24px; }
#sidebar h5 { font-size:20px; line-height: 20px; }
#sidebar h6 { font-size:16px; line-height: 16px; }

#sidebar p {
	/* customize_sidebar_pg_font_color */ color:#666666; /* customize_sidebar_pg_font_color */
	font-family:inherit;
	font-size:16px;
	margin-bottom: 5px;
	line-height: 24px;
	margin:10px 0 20px;
}

#sidebar a {
	/* customize_sidebar_link_color */ color:#333333; /* customize_sidebar_link_color */	
	font-weight:bold;
	cursor : pointer;
    transition : all .15s ease-in-out;
    -webkit-transition : all .15s ease-in-out;
    -moz-transition : all .15s ease-in-out;
    -o-transition : all .15s ease-in-out;
    -ms-transition : all .15s ease-in-out;
}

#sidebar a:hover {
	/* customize_sidebar_link_hover_color */ color:#008099; /* customize_sidebar_link_hover_color */ 
	text-decoration:none;
}

#sidebar ul { margin:0 0 10px; }

#sidebar li {
	list-style-type:disc; 
	margin: 5px 0 0 20px;
	padding:0;
	color: #333;
}

#sidebar li a { 
	display: block;
	/* customize_sidebar_link_list_font_color */ color:#333333; /* customize_sidebar_link_list_font_color */	
	
}
 
#sidebar li a:hover { /* customize_sidebar_link_list_hover_font_color */ color:#008099; /* customize_sidebar_link_list_hover_font_color */ }

#sidebar li a.selected {
	/* customize_sidebar_link_list_selected_font_color */ color:#008099; /* customize_sidebar_link_list_selected_font_color */
	text-decoration: none;
} 


/* ==== Footer ==== */

#footer img {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0 0;
}

#footer {
	font-family: 'Arimo', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	/* customize_footer_header_font_color */ color:#333333; /* customize_footer_header_font_color */
}


#footer h1, 
#footer h2, 
#footer h3,
#footer h4,
#footer h5,
#footer h6 {
	color: #333;
	line-height: 42px;
	font-weight: bold;
	letter-spacing: -1px;
	
}


#footer h1 { font-size:60px; line-height: 60px; }
#footer h2 { font-size:48px; line-height: 48px; }
#footer h3 { font-size:36px; line-height: 36px; }
#footer h4 { font-size:24px; line-height: 24px; }
#footer h5 { font-size:20px; line-height: 20px; }
#footer h6 { font-size:16px; line-height: 16px; }

#footer p {
	font-family:inherit;
	font-size:12px;
	margin-bottom: 5px;
	/* customize_footer_pg_font_color */ color:#666666; /* customize_footer_pg_font_color */
	line-height: 24px;
	margin:10px 0 20px;
	text-align:center;	
}

#footer a {
	font-size:16px;
	font-weight:bold;
	/* customize_footer_link_color */ color:#333333; /* customize_footer_link_color */	
	cursor : pointer;
    transition : all .15s ease-in-out;
    -webkit-transition : all .15s ease-in-out;
    -moz-transition : all .15s ease-in-out;
    -o-transition : all .15s ease-in-out;
    -ms-transition : all .15s ease-in-out;
}


#footer a:hover {
	/* customize_footer_link_hover_color */ color:#008099; /* customize_footer_link_hover_color */ 
	text-decoration:none;
}

#footer ul { margin:0 0 10px; }

#footer li {
	list-style-type:disc; 
	margin: 5px 0 0 20px;
	padding:0;
	color: #333;
}

#footer li a { 
	display: block;
	/* customize_footer_link_list_font_color */ color:#333; /* customize_footer_link_list_font_color */	
	font-size:12px;
}
 
#footer li a:hover { /* customize_footer_link_list_hover_font_color */ color:#008099; /* customize_footer_link_list_hover_font_color */ }

#footer li a.selected {
	/* customize_footer_link_list_selected_font_color */ color:#333333; /* customize_footer_link_list_selected_font_color */
	text-decoration: none;
} 

#footer ol { 
 	margin:0 0 10px;
 	padding:0;
}

#footer ol li { 
	list-style-type:decimal;
	margin: 5px 0 0 25px;
}

#footer dl { 
	margin:0 0 10px 5px;
	padding:0;
	color: #666;
}

#footer dd {
	margin:0 0 0;
	padding:0;
}

#footer table { margin:10px 0; }

#footer table tr th, table tr td { padding: 5px 5px; }

#footer table tr th {
	font-weight:bold;

}
  
#footer table tr td {
	color: #666;
}

ul.blogthumbview li {
	list-style-type:none !important;
	margin:0 10px !important;
}

ul.blogthumbview div.four h1{ text-align:center; }
	
ul.blogthumbview li .content_block h2 {
	margin: 0px !important;
	padding: 20px 0px 0 0 !important;
	font-weight: normal !important;
	font-size: 1.7em !important;
	line-height:24px !important;
}

ul.blogthumbview li .content_block h4 { line-height:24px !important; }	
	
#wrap p { padding:0 20px 0 0 !important; }
#wrap a { font-size:36px;}
#wrap h4 { font-size:20px; }
#wrap h1 { padding: 0px !important; }

blockquote {
	margin: 0 0 20px;
	padding: 9px 20px 0 19px;
	border-left: 1px solid #333333;
}


@media only screen and (max-width: 959px) {
	
	#wrap a { font-size:24px;}
	#wrap h4 { font-size:16px; }

	
	#header h1 { font-size:36px; line-height: 36px; }
	#header h2 { font-size:24px; line-height: 24px; }
	#header h3 { font-size:20px; line-height: 20px; }
	#header h4 { font-size:16px; line-height: 16px; }
	#header h5 { font-size:14px; line-height: 14px; }
	#header h6 { font-size:12px; line-height: 12px; }

	#header p { margin : 0; font-size:12px; }
	
	#header { padding : 20px 0 0;
    
	}
	#navmenu ul {
		float:left;
	}
	
	#navmenu a {
		font-size:12px;
	}
	
	#navmenu {
		 padding : 20px 0;
	}
	
	#header_banner h1, h1 span {
    	font-size : 36px;
    	line-height : 36px;
		padding: 20px 10px 20px 10px;
	}

	#header_banner h2 {
    	font-size : 24px;
    	line-height : 24px;
		padding: 20px 10px 20px 10px;
	}

	#header_banner h3 {
    	font-size : 20px;
    	line-height : 20px;
		padding: 20px 10px 20px 10px;
	}

	#header_banner { margin : 0 0 10px; }
	
	#header_banner1 { background : transparent url(/packages/jb_eco_elegant/themes/jb_eco_elegant/images/edge_small.png) bottom right no-repeat; }

	#content_field h1 { font-size:36px; line-height: 36px; }
	#content_field h2 { font-size:24px; line-height: 24px; }
	#content_field h3 { font-size:20px; line-height: 20px; }
	#content_field h4 { font-size:16px; line-height: 16px; }
	#content_field h5 { font-size:14px; line-height: 14px; }
	#content_field h6 { font-size:12px; line-height: 12px; }
	#content_field p { font-size:14px; }
	
	#sidebar h1 { font-size:36px; line-height: 36px; }
	#sidebar h2 { font-size:24px; line-height: 24px; }
	#sidebar h3 { font-size:20px; line-height: 20px; }
	#sidebar h4 { font-size:16px; line-height: 16px; }
	#sidebar h5 { font-size:14px; line-height: 14px; }
	#sidebar h6 { font-size:12px; line-height: 12px; }
	#sidebar p { font-size:14px; }
	
	#footer h1 { font-size:36px; line-height: 36px; }
	#footer h2 { font-size:24px; line-height: 24px; }
	#footer h3 { font-size:20px; line-height: 20px; }
	#footer h4 { font-size:16px; line-height: 16px; }
	#footer h5 { font-size:14px; line-height: 14px; }
	#footer h6 { font-size:12px; line-height: 12px; }
	#footer p { font-size:12px; }
	
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

#navmenu { background-image:none; }
	
#navmenu > ul > li{
	display:block;
	height:33px;
	width:100%;
	float:none;
}

#navmenu{
	float:none;
	clear:both;
	display:block;
	margin-top:2px;		
}
	
#navmenu > ul{
	float:none;
	margin:0px;
	width:auto;
}
	
#navmenu > ul > li{
	width:100%;
	height:auto;
	position: relative;
	margin:0;
}
	
#navmenu > ul > li > a {
	float:none;
	display:block;
	border-bottom:1px #ffffff solid;
	border-left:0px #000 solid !important;
	border-right:0px #000 solid !important;
	padding:6px 0px;	
	background-color:transparent;
}


	
#navmenu ul.sub-menu, #navmenu ul.sub-menu ul.sub-menu{
	position:static;
	width:100% !important;
	margin-left:0px;
	background:none;
	background-color:transparent !important;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	transition: background 1s ease-in-out;
    -moz-transition: background 1s ease-in-out;
    -webkit-transition: background 1s ease-in-out;	
}
	
#navmenu ul.sub-menu{ margin-top:-20px; }
	
#navmenu ul.sub-menu ul.sub-menu{ margin-top:0px; }
	
#navmenu li.nav-dropdown { position: relative; }

#navmenu ul.sub-menu li{ margin:0px !important; padding:0px !important; position:relative; z-index:2; }

#navmenu ul.sub-menu li a {
	width:415px;
  	height: 30px;
    line-height: 2;
    overflow:hidden;
    background-color: transparent;
    transition: background .10s ease-in-out;
    -moz-transition: background .10s ease-in-out;
    -webkit-transition: background .10s ease-in-out;
	color:#333333;
}

li.sfHover a {
	background-color:transparent !important;
	outline:		0;
}

#navmenu ul.sub-menu li a:hover {
   background-color:transparent !important; 
}

	
}