/*
Theme Name: HayesKnight
Theme URI: http://www.hayesknight.com.au
Description: Theme made for Hayes Knight - Australia.
Version: 1.0
Author: CardoPlus - Romania
Author URI: http://www.cardoplus.ro/
Tags: fixed width, two columns, widgets
*/

@charset "utf-8";
/* CSS Document */

body {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#555555; background:#ffffff url(images/body_bg_2.gif) repeat-x 0 0; margin:0}
form {margin:0; padding:0}

#container {width:930px; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#555555;}

#header {position:relative; height:140px; overflow:hidden}
#header .logo {position:absolute; left:0; top:37px;}
#header .search {width:316px; height:33px; top:0; right:0; position:absolute; background:url(images/search_bg.gif) no-repeat 0 0}
#header .search .div1 {color:#FFF; font-size:11px; float:left; padding:11px 0 0 13px; line-height:15px;}
#header .search .div2 {padding:10px 0 0 14px; float:left}
#header .search .div2 input { font-size:11px; color:#485766; background:#ffffff; border:none; width:210px; cursor:pointer; height:13px }
#header .search .div3 {padding:8px 0 0 11px; float:left}
#header .topMenu {position:absolute; top:58px; right:0; height:55px; background:url(images/topmenu_bg.gif) repeat-x bottom left}
#header .topMenu ul {margin:0; padding:0}
#header .topMenu ul li {margin:0; padding:0; list-style:none; float:left; height:55px}
#header .topMenu ul li a {display:inline-block; color:#475766; text-decoration:none; margin: 10px 10px 0 10px; padding:0 10px; line-height:15px; font-size:11px; line-height:15px; height:45px; font-weight: bold; -webkit-transition:all 500ms; -o-transition:all 500ms; -moz-transition:all 500ms;}
#header .topMenu ul li a.active, #header .topMenu ul li.current_page_item a, #header .topMenu ul li.current_page_parent a, #header .topMenu ul li.current_page_ancestor a {background:url(images/topmenu_bg_active.gif) repeat-x bottom left; color:#48abe2; text-decoration:none; }
#header .topMenu ul li a.active, #header .topMenu ul li.current_page_item a, #header .topMenu ul li.current_page_parent a, #header .topMenu ul li.current_page_ancestor a {font-weight:bold}
#header .topMenu ul li a:hover { color:#48abe2; text-decoration:none; opacity: 0.8; }


#banner {height:270px; position:relative; overflow:hidden; font-family:Arial, Helvetica, sans-serif}
#banner #slides {position:absolute; top:0px; left:0px; height:270px; width:930px; overflow:hidden;}
#banner #jFlowSlide {margin-top:20px; overflow:hidden}
#banner div.slideImg {float:left; margin:0 22px 0 0;}
#banner div.slideImg img {border:2px solid #FFF}
#banner h1 {color:#475766; font-size:30px; line-height:34px; margin:0 0 10px 0 ; text-align:right}
#banner h2 {color:#48abe2; font-size:20px; line-height:25px; margin:10px 0; text-align:justify; font-weight:normal}
#banner p {color:#475766; font-size:15px; line-height:20px; margin:10px 0; text-align:justify}
#banner #slideController {position:absolute; bottom:18px; right:10px}
#banner #slideController .jFlowControl, #banner #slideController .jFlowSelected {display:inline-block; float:left; margin: 0 0 0 8px; line-height:22px; font-size:15px; text-align:center; color:#29363e; width:22px; cursor:pointer}
#banner #slideController .jFlowControl {background:url(images/slide_controll_bg.gif) no-repeat 0 0}
#banner #slideController .jFlowSelected {background:url(images/slide_controll_bg_active.gif) no-repeat 0 0}
#banner a { color:#48abe2; text-decoration:none; }
#banner a:hover { color:#48abe2; text-decoration:underline; }

#main {float:left; width:640px; margin:20px 0; text-align:left; line-height: 18px;}
#main .mainInner {margin:0 35px 0 0;}
#main .articleBox {width:280px; float:left}
#main .articleBoxInner {margin: 5px 0}
#main .articleBox h4.articleBoxTitle {display: block; height: 40px;}
#main .articleBox .imgBox {width:280px; height:150px; background:#c2e7ff; overflow:hidden; position:relative; margin:0 0 15px 0;}
#main .articleBox .imgBox img {border:2px solid #FFF; position:absolute; top:1px; left:1px}
#main .articleBox .imgBox h2 {background:#e5f2fb; font-size:13px; color:#48abe2; line-height:20px; font-weight:bold; position:absolute; margin:3px; padding:2px 10px; display:block; width:259px}
#main .articleBoxVSeparator { float:left; width: 40px; }
#main .articleBoxHSeparator { clear:left; height:20px; }
#main .articleBoxHSeparator2 { clear:left; height:5px; }
#main .sharePage {text-align:right }
#main .sharePage a {margin:0 0 0 5px}
#main .date {text-align:right; color:#999; font-size:11px; margin:0 0 10px 0}
#main .postcontent a img {border: 0}

#main .articleBox img {border:1px solid #c2e7ff }
#main .articleBox .alignleft, #main .articleBox .alignright, #main .articleBox .aligncenter, #main .articleBox div.aligncenter { margin:0 0 10px 0}
#main .articleBoxFirst {text-align:left; background: #e4f7fd; padding: 10px 15px;}
#main .articleBoxFirst h2, #main .articleBoxFirst h3, #main h2.posttitle  {font-size: 22px; line-height: 24px; font-weight: normal; color: #00b4fa; margin: 5px 0 10px 0}

#main div.leadersBox {float: left; width: 177px; background: #f6f6f6;}
#main div.leadersBox2 {float: left; width: 177px;}
#main div.leadersDetailsBox {width: 405px; float: left; overflow: hidden}
#main div.leadersBoxVSeparator {float: left; width: 35px; overflow: hidden}
#main div.leadersBoxVSeparator2 {float: left; width: 20px; overflow: hidden}
#main div.leadersBoxHSeparator {clear: left; height: 20px;}
#main div.leadersBox h3{margin: 5px 0 5px 0; font-size: 13px; line-height: 18px; font-weight: bold; padding: 0 5px;}
#main div.leadersBox h3 span {font-size: 12px; font-weight: bold; font-style: italic}
#main div.leadersBox h3 span.textStyle1 {font-size: 11px; font-weight: normal; font-style: italic; line-height: 14px}

#main div.leadersDetailsBox h2 {font-size: 22px; line-height: 24px; font-weight: normal; color: #00b4fa; margin: 0 0 15px 0}
#main div.leadersDetailsBox h2 span {font-size: 17px; line-height:20px; font-weight: bold; color: #475766;}

#main div.breadcrumb {color:#898989; font-weight:normal; font-size:11px; line-height:21px; margin:0 0 10px 0; border-bottom:1px solid #c8e6f6; padding: 15px 0 10px 0}
#main div#tabs, #main div#tabs2 {font-size: 11px;}
#main div#tabs table {border: 0}
#main div#tabs table td, #main div#tabs2 table td {vertical-align: top;}
#main div#tabs table td iframe, #main div#tabs2 table td iframe {border: 1px solid #bfdbe2; }

#main h2 {font-size:17px; color:#475766; line-height:20px; font-weight:bold; margin:10px 0 10px 0; }
#main h3 {font-size:17px; color:#475766; line-height:20px; font-weight:bold; margin:10px 0 10px 0; }
#main h4 {font-size:15px; color:#475766; line-height:20px; font-weight:bold; margin:15px 0 5px 0; border-bottom: 1px solid #efefef }
#main h5 {font-size:13px; color:#00B4FA; line-height:20px; font-weight:normal; margin:10px 0 10px 0;  }
#main p {margin:12px 0; text-align:left; line-height:18px; color: #555555}
#main ul {margin: 0; padding: 0}
#main ul li {margin: 0; padding: 0 0 0 12px; list-style: none; background: url("images/circle_bullet.gif") no-repeat 0 8px;}
#main p.postmetadata {margin: 0 0 5px 0; font-size: 10px}

#main ul#expertise li {margin: 3px 0; background:url(images/bullet_arrow_right3.gif) no-repeat 0 5px; padding-left: 10px;}

#right {float:left; width:290px; margin:20px 0;}
#right h2 {color:#48abe2; font-weight:normal; font-size:18px; line-height:24px; margin:5px 0 10px 0; border-bottom:1px solid #c8e6f6; padding-bottom: 15px}
#right h3 {color:#475766; font-weight:bold; font-size:14px; line-height:18px; margin:15px 0 0 0; clear:right; padding: 0}
#right h4 {color:#48abe2; font-weight:normal; font-size:12px; line-height:18px; margin:0 0 10px 0; clear:right}
#right h4.categoryLink {color:#48abe2; font-weight:normal; font-size:10px; line-height:15px; margin:0 0 7px 0; clear:right}
#right ul.rightMenu, li#sub-page-menu ul, #right div.menu ul{margin:0 0 10px 0; padding:0 }
#right ul.rightMenu li, li#sub-page-menu ul li, #right div.menu ul li {list-style:none; margin:0; padding:0; font-size:15px; line-height:22px;  border-bottom:1px solid #c8e6f6 }
#right ul.rightMenu li a, li#sub-page-menu ul li a, #right div.menu ul li a {color:#475766; text-decoration:none; display:block; background:url(images/bullet_arrow_right.gif) no-repeat 100% 5px; font-weight:bold; }
#right ul.rightMenu li a:hover, li#sub-page-menu ul li a:hover, li#sub-page-menu ul li.current_page_item a,  #right div.menu ul li a:hover, #right div.menu ul li.current_page_item a {color:#48abe2; text-decoration:none}
#right ul.rightMenu li ul li a, li#sub-page-menu ul li ul li a, #right div.menu ul li ul li a {color:#475766; text-decoration:none; display:block; background:no-repeat; font-weight:bold; font-size: 12px; padding: 0 0 0 15px; margin: 0; }
#right ul.rightMenu li ul li a:hover, li#sub-page-menu ul li ul li a:hover, li#sub-page-menu ul li ul li.current_page_item a, #right div.menu ul li ul li a:hover, #right div.menu ul li ul li.current_page_item a {color:#48abe2; text-decoration:none}
#right li#sub-page-menu ul li ul {display: none}
#right li#sub-page-menu ul li.current_page_item ul, #right li#sub-page-menu ul li.current_page_ancestor ul, #right li#sub-page-menu ul li.current_page_parent ul  {display: block}
#right li#sub-page-menu ul li ul li {border: 0}
#right li#sub-page-menu ul li.current_page_item ul li a {color:#475766 }
#right li#sub-page-menu ul li.current_page_item ul li a:hover {color:#48abe2; text-decoration: none }

#right div.menu ul li ul {display: none}
#right div.menu ul li.current_page_item ul, #right div.menu ul li.current_page_ancestor ul, #right div.menu ul li.current_page_parent ul  {display: block}
#right div.menu ul li ul li {border: 0}
#right div.menu ul li.current_page_item ul li a {color:#475766 }
#right div.menu ul li.current_page_item ul li a:hover {color:#48abe2; text-decoration: none }
#right div.menu ul li ul li ul {margin:0; padding:0}
#right div.menu ul li ul li ul li {margin: 0 ; padding: 0}
#right div.menu ul li ul li ul li a {font-weight:normal; font-size:11px; padding-left: 25px; background: url(images/bullet_arrow_right4.gif) no-repeat 16px 8px;}

#right h3.widgettitle {color:#48abe2; font-weight:normal; font-size:18px; line-height:46px; margin:0 0 10px 0; border-bottom:1px solid #c8e6f6; padding: 0; text-align: left}
#right ul {margin: 0; padding: 0}
#right li {list-style: none; padding: 0}
#right p {margin:10px 0; text-align:left; line-height:18px}
#right div.hSeparator {clear:right; height:15px}

#right li#query-posts-2 li {margin: 10px 0;  background:url(images/bullet_arrow_right3.gif) no-repeat 0 5px; padding-left: 10px; font-weight: bold}

#right li.widget_wp_bannerize ul {margin: 0; padding: 0}
#right li.widget_wp_bannerize ul li {margin: 10px 0; padding: 0}

#right li#testimonials-3 blockquote {margin: 0; padding: 0; font-style: italic; }
#right li#testimonials-3 cite {margin: 5px 0 0 0; font-style: italic; text-align: right; float: right }

#footer { background:#475766; width:100%; text-align:center; color:#FFF; font-size:11px; font-family:Arial, Helvetica, sans-serif; }
#footer .footerInner { width:930px; overflow: hidden; text-align:left}
#footer .div1 {float: left; width:640px; }
#footer .div2 {float: left; width:290px; }
#footer h2 { font-size:13px; line-height:18px; margin:20px 0 10px 0; font-weight:bold }
#footer h3 { font-size:13px; line-height:18px; margin:20px 0 10px 0; font-weight:bold; padding: 0px; text-indent: 0px; text-align: left }
#footer table {border: 0}
#footer table td {vertical-align:top}
#footer ul {margin:0 10px 0 0; padding:0}
#footer li {list-style:none; padding:0; margin:8px 0;}
#footer ul li a {color:#FFF; text-decoration:none}
#footer ul li a:hover {color:#48abe2; text-decoration:none}
#footer p {margin:5px 0; text-align:left; line-height:18px}
#footer .hrDiv { background:#48abe2; margin:15px 0; height:1px; overflow:hidden }
#footer .disclaimer {margin:0 0 15px 0;}
#footer .disclaimer span {float:right}
#footer .disclaimer a {color:#FFF; text-decoration:none;}
#footer .disclaimer a:hover {color:#48abe2; text-decoration:none;}
#footer .disclaimer p {margin: 20px 0 0 0; font-size: 10px; color: #EFEFEF; line-height: 14px; text-align: justify}

a.more-link { background: transparent url(images/bullet_arrow_right2.gif) no-repeat 100% 4px; display: block; text-align: right; font-size:11px; font-weight: bold; line-height: 16px; padding-right: 15px;}
a:link.more-link, a:visited.more-link, a:active.more-link{ color: #00b4fa;  text-decoration: none;}
a.more-link:hover { color: #0092cb;  text-decoration: none; }

a.readMore { background: transparent url(images/btn_readmore_left.gif) no-repeat top left; display: block; float: left; font-size:12px; line-height: 16px; height: 22px; padding-left: 10px; margin-right:4px; text-decoration: none; font-weight:bold }
a:link.readMore, a:visited.readMore, a:active.readMore{ color: #FFFFFF;  text-decoration: none;}
a.readMore span	{ background: transparent url(images/btn_readmore_right.gif) no-repeat top right; display: block; padding: 3px 25px 3px 0; color: #FFFFFF;}
a.readMore:hover { background-position: bottom left;  text-decoration: none; }
a.readMore:hover span{ background-position: bottom right; color: #FFFFFF; text-decoration: none;}



a {color:#48abe2; text-decoration:none}
a:hover {color:#48abe2; text-decoration:underline}

.postcontent a {font-weight: bold}

.cleanerLeft {clear:left}
.cleanerRight {clear:right}
.cleanerBoth {clear:both}



/************************************************
*          WP related          *
************************************************/
.alignleft {float:left; margin:5px 15px 7px 0;}
.alignright {float:right; margin:5px 0 7px 15px;}
.aligncenter, div.aligncenter {margin:10px auto; text-align:center; display:block;}

img.alignleft {float:left; margin:5px 15px 5px 0;}
img.alignright {float:right; margin:5px 0 5px 15px;}
img.aligncenter {margin:10px auto; text-align:center; display:block;}

.wp-caption img {padding:0; margin:0; border: 0 none;}
.wp-caption p.wp-caption-text {font-size:11px; line-height:17px; padding:0 4px 5px; margin:0;}

/************************************************
*          header acordeon          *
************************************************/
.handle{
    float: left;
    width: 31px;
    height: 270px;
    margin: 0px;
    margin-right: 0px;
    background:  url(images/blade.png) no-repeat;
    position: relative;
    overflow: hidden
}
.handleOver{
    background: url(images/blade_sel.png) no-repeat;
}
.handleSelected{
    background: url(images/blade_sel.png) no-repeat;
}
.handle span {display: block; font-size: 17px; color: #acacac; text-align: center; position: absolute; bottom: 5px; left: 8px;}
.handleOver span, .handleSelected span {color: #000000}
.test{
    display: none;
}

.container {
	width:930px;
}
.container ul{
	list-style-type: none;
	margin: 0;
	padding:0;
}
.container li{
	display: inline;
	margin: 0px;
	padding:0px;
}
/*Content Container*/
.contentContainer {
	padding-left: 0px;
	float: left;
	width:0px;
	height: 270px;
	overflow:hidden;
}
.contentWrapper{
}
.contentInnerWrapper{
	text-align: justify;
	padding: 0px;
}

/* Subscribe widget */

div.newsletterContainer {position: relative; width:290px; height: 211px; overflow: hidden; background: url('images/subcribe_bg.gif') no-repeat bottom right; }
div.nlIntro {position: absolute; top: 0; left: 0; width: 205px; line-height: 18px;}
div.nlIntro strong {color: #48ABE2; font-size: 13px}
div#newsletterFormDiv {position: absolute; top:90px; left: 0}
div#newsletterFormDiv input.newsletterTextInput{font-size: 12px; color: #555555; padding: 2px; border: 1px solid #DDD; background: #fafafa; margin: 0 0 10px 0; width: 155px }
div#newsletterFormDiv select.newsletterSelectInput {font-size: 12px; color: #555555; padding: 2px; border: 1px solid #DDD; background: #fafafa; margin: 0 0 10px 0;}
div#newsletterFormDiv input.submit {background: url('images/subcribe_btn.gif') no-repeat 0 0; border: none; margin: 0 0 10px 0; width: 119px; height: 22px; line-height: 22px; font-size: 11px; font-weight: bold; color: #fff; text-align: left; padding: 0 0 0 5px; cursor: pointer  }

#main table.tableStyle1 { width: 100%; border:0; text-align: left }
#main table.tableStyle1 th { padding: 5px; font-weight: bold; background: #c8e6f6 }
#main table.tableStyle1 td { padding:3px 5px; background: #fafafa; }li.page-item-2854 {	display: none !important;}

