/*
1) HEADER
2) SLIDER
3) INTRO
4) CONTENT
5) FOOTER
6) COPYRIGHT
7) PAGETOP
8) SIDEBAR PAGE
9) WRAPPER
10) OTHERS
*/

/* STARTING with BODY */
body{
   font:12px/21px 'Arial', Arial;
   position:relative;
   height:100%;
   margin:0;
   padding:0;
   -webkit-text-size-adjust:100%;
   -o-text-size-adjust:100%;
   -ms-text-size-adjust:100%;
   -moz-text-size-adjust:100%;
   overflow-x:hidden;
}

h1,h2,h3,
h4,h5,h6 {   font-family:"Open Sans", Arial, sans serif; padding:0; margin:0 0 0.4em 0; line-height:1em; letter-spacing: 0.1px; font-weight:inherit; }
h1{         font-size:36px;  }
h2{         font-size:32px;  }
h3{         font-size:28px;  }
h4{         font-size:24px;  }
h5{         font-size:20px;  }
h6{         font-size:14px;  margin:0;	}

/*-------------------------------------------
	1. HEADER
-------------------------------------------*/
#header{
   position:relative;
   z-index:1;
  	height:140px;
   color:#bbbbbb;
   background:url(../images/header_bg.png) no-repeat 50% 0 scroll #fff;
}
#header .logo{
   position:absolute;
   z-index:1;
   display:block;
   line-height:0;
   bottom:20px;
	left:0;
}
#header .inner-right{
   display:block;
   position:relative;
   float:right;
   text-align:right;
   margin-top:10px;
}
#header .inner-right span.call-us{
   text-align:right;
   font:11px/21px Tahoma;
}
#header .menu{
   position:absolute;
   display:block;
   height:45px;
   bottom:0;
   right:-15px;
}
#header ul.sf-menu,
#header ul.sf-menu * {
	margin:0;
	padding:0;
	list-style:none;
}

/* LEVEL 1 */
#header ul.sf-menu li {
   display:inline;
	float:left;
   margin:0;
	position:relative;
}
#header ul.sf-menu li:hover {
	visibility:inherit;
}
#header ul.sf-menu li a {
	display:block;
	position:relative;
	text-decoration:none !important;
	padding:5px 15px;
	font-size:17px;
	font-family:'Open Sans', Arial;
   color:#5c606b;
}
#header ul.sf-menu > li.current_page_item > a,
#header ul.sf-menu li a:hover{
   color:#88ac2e;
}

/* LEVEL 2 */
#header ul.sf-menu li ul {
	position:absolute;
	top:-999em;
	width:200px;
   box-shadow:0 2px 0 0 rgba(0,0,0,0.2);
}
#header ul.sf-menu li ul li {
	width:100%;
}
#header ul.sf-menu li ul li a{
   padding:7px 15px;
   font:bold 11px/21px 'Tahoma',Arial;
   background-color:#f1f1f1;
   color:#555555;
}
#header ul.sub-menu li.current_page_item > a,
#header ul.sub-menu li a:hover{
   background-color:#aaaaaa;
   color:#ffffff !important;
   outline:0;
}

/* LEVEL 1-2-3 */
#header ul.sf-menu li:hover ul,
#header ul.sf-menu li.sfHover ul {
	left:0;
	top:45px;
	z-index:999;
}
#header ul.sf-menu li:hover li ul,
#header ul.sf-menu li.sfHover li ul {
	top:-999em;
}
#header ul.sf-menu li li:hover ul,
#header ul.sf-menu li li.sfHover ul {
	left:10em;
	top:0;
}
#header ul.sf-menu li li:hover li ul,
#header ul.sf-menu li li.sfHover li ul {
	top:-999em;
}
#header ul.sf-menu li li li:hover ul,
#header ul.sf-menu li li li.sfHover ul {
	left:10em;
	top:0;
}

/*-------------------------------------------
	2. SLIDER
-------------------------------------------*/
#slider{
   background:url(../images/slider_bg.png) repeat-x 50% 0 scroll #ffffff;
   float:left;
   width:100%;
   display:block;
}
#slider a{        color:#88ac2e; }
#slider a:hover{  color:#999999; }

/*-------------------------------------------
	3. INTRO
-------------------------------------------*/
#intro{
   float:left;
   width:100%;
   display:block;
   padding:30px 0 10px 0;
   background:url(../images/intro_bg.png) repeat-x 0 100% scroll #f8f8f8;
   color:#737988;
}
#intro a{         color:#88ac2e; }
#intro a:hover{   color:#737988; }
#intro h1, #intro h2, #intro h3,
#intro h4, #intro h5, #intro h6{
   color:#5c606b;
}

/*-------------------------------------------
	4. CONTENT
-------------------------------------------*/
#content{
   float:left;
   width:100%;
   display:block;
   padding:40px 0;
   background:url(../images/content_bg.png) repeat-x 0 0 scroll #ffffff;
   color:#737988;
}
#content a{       color:#88ac2e; }
#content a:hover{ color:#5c606b; }
#content h1, #content h2, #content h3,
#content h4, #content h5, #content h6{
   color:#5c606b;
}

.commentlist li.depth-1,
.commentlist li.depth-2,
.commentlist li.depth-3,
.commentlist li.depth-4,
.commentlist li.depth-5,
#content	ul.ul_links li a,
#content .recent_list li,
#content .divider_top,
#content .divider_hr,
#content .post-meta,
#content hr{
   border-color:#eeeeee;
}

/*-------------------------------------------
	5. FOOTER
-------------------------------------------*/
#footer{
   float:left;
   width:100%;
   display:block;
   padding-top:40px;
   background-color:#363636;
   color:#999999;
   font-size:11px;
   font-family:'Tahoma', Arial;
}
#footer ul.ul_links li a{     border-color:#4e4e4e;}
#footer ul.ul_links li {      background:url(../images/icons/ul_link.png) no-repeat 2px 11px transparent}
#footer ul.ul_links li ul li {   background-position:25px 11px;}
#footer .imageborder {      padding:3px; border:0;}
#footer a{        color:#cccccc; }
#footer a:hover{  color:#ffffff; }
#footer h1, #footer h2, #footer h3, 
#footer h4, #footer h5, #footer h6{
   color:#ffffff;
}

/*-------------------------------------------
	6. COPYRIGHT
-------------------------------------------*/
#copyright{
   float:left;
   width:100%;
   display:block;
   padding:10px 0;
   background:url(../images/footer_bg.png) no-repeat 50% 0 scroll #000000;
   color:#737988;
   font-size:11px;
   font-family:'Tahoma', Arial;
}
#copyright a{        color:#88ac2e; }
#copyright a:hover{  color:#5c606b; }

/*-------------------------------------------
	7. PAGETOP
-------------------------------------------*/
#page-top{
   float:left;
   width:100%;
   display:block;
   padding:15px 0;
   background:url(../images/page_top_bg.png) repeat-x 0 0 scroll #dddddd;
   color:#737988;
}
#page-top .breadcrumbs{
   font-size:11px;
}
#page-top h2{        display:inline;   }
#page-top a{         color:#88ac2e;    }
#page-top a:hover{   color:#5c606b;    }

/*-------------------------------------------
	8. SIDEBAR PAGE
-------------------------------------------*/
#main, #sidebar{           position:relative; }
.sidebar-right #main{      float:left; width:630px; }
.sidebar-right #sidebar{   float:right; width:300px; }
.sidebar-left #main{       float:right; width:630px; }
.sidebar-left #sidebar{    float:left; width:300px; }

/*-------------------------------------------
	9. WRAPPER
-------------------------------------------*/
.inner, .wrapper {
   margin: 0 auto;
   height:100%;
   width: 960px;
   display:block;
   position:relative;
   z-index:0;
}
.inner:after {
	content    :".";
	display    :block;
	clear      :both;
	visibility :hidden;
	line-height:0;
	height     :0;
}
* html .inner{    height:1%; }


/*-------------------------------------------
	10. OTHERS
-------------------------------------------*/
.dropcircle, .dropcap{  font-family:"Open Sans", Arial, sans serif;}
h1 a,h2 a,h3 a, h4 a, h5 a, h6 a{ text-decoration:none !important; }
.post-wrapper{ margin-bottom:50px;}
#boxed-layout{
   margin: 30px auto;
   height:100%;
   max-width: 1050px;
   display:block;
   position:relative;
   z-index:0;
   box-shadow:0 0 0px rgba(0,0,0,0.5);
}