/* 
Theme Name: humancaptial
Theme URL: http://www.mogmachine.com/
Description: humancaptial custom theme
Author: mogmachine
Author URI: http://www.mogmachine.com
Version: 1.0
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,del,dfn,em,font,img,ins,kbd,q,s,samp,acronym,address,big,cite,code,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { font-size:100%; font-family:inherit; vertical-align:baseline; margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; }
caption,th,td { text-align:left; font-weight:normal; }
table { border-collapse:separate; border-spacing:0; }
blockquote:before,blockquote:after,q:before,q:after { content:""; }
blockquote,q { quotes:; }
* { margin:0; padding:0; }


/*--------------------------------------------------------
# Author: Nenad Jelovac
# Author URI: http://css-guy.com
--------------------------------------------------------*/

/*------------------------------------------------------*/

/* =HTML ELEMENTS					*/

/*-----------------------------------------------------*/
body { background:#fff url(images/bg.jpg); color:#717171; font-family:arial, "helvetica neue", helvetica, sans-serif; font-size:13px; line-height:22px; }

/* SAFARI FIX (if the fix is needed. You can apply it for any element, or for all - on 'body')
body { -webkit-text-stroke:1px transparent; }
@media only screen and (max-device-width:480px) { body {-webkit-text-stroke:0 black;}}
*/
h1 { color:#db1e37; font-family:"Century Gothic", "Lucida Grande", "lucida sans", "bitstream vera sans", "Apple Gothic", sans-serif; font-size:21px; line-height:26px; margin-bottom:15px; text-transform:uppercase; }
h1 span { /*border-bottom:2px solid #db1e37;*/}
h1.news span { /*border-top:2px solid #db1e37;*/ border-bottom:none; display:inline-block; }
h2 { color:#1FCDCD; font-size:15px; }
h3 { color:#1FCDCD; font-size:15px; margin-bottom:5px; text-transform:uppercase; margin-top:0px;}
h4 {color:#ababab; font-size:12px; margin:0px;padding-left:20px; background:url(images/icon-message.jpg) no-repeat 0 50%;}
h5 { color:#ababab; font-size:12px; margin:0px;background:url(images/icon-phone.jpg) no-repeat 0 50%;padding-left:20px;  }
h6 { color:#ababab; font-size:11px; line-height:1.6; margin-bottom:3px; padding-left:20px; }
h7 {color:#ababab; font-size:12px; margin:0px;}


a { color:#221F1F; outline:none; 
/* removing outline in Mozilla */
text-decoration:none; }
a:hover { text-decoration:underline; }
a:active { outline:none; }
a:focus { -moz-outline-style:none; }
.noborder{border: 0!important;}
.nobackground{background: none!important;}

div.box a{color: #1FCDCD;}

/* SETTING FORM ELEMENTS */
button,textarea,input[type=text],input[type=submit] { font-family:arial, "helvetica neue", helvetica, sans-serif; font-size:12px; }
button:hover,input.submit:hover,/* class .submit (if developing for IE6) */
input[type=submit]:hover { cursor:pointer; }

/* removing odd button padding/margin in Mozilla */
button::-moz-focus-inner,input[type=submit]::-moz-focus-inner { border:0; padding:0; }

/*------------------------------------------------------*/

/* =FLOAT CLASSES					*/

/*-----------------------------------------------------*/

/* clears the float  */
.floatClear { overflow:hidden; }

/* usually for <br /> tag to clear the float (in cases where class .floatClear is not applicable) */
.clear { clear:both; line-height:0; }

/*------------------------------------------------------*/

/* =LAYOUT						*/

/*-----------------------------------------------------*/

/*------------------------------------------------------*/

/* =WRAPPER						*/
#wrapper { background:#fff; margin:0 auto; padding:160px 2px 0; width:957px; position:relative; }

/*------------------------------------------------------*/

/* =HEADER						*/
#header { }

/*------------------------------------------------------*/

/* =LOGO							*/
#logo { position:absolute; top:66px; left:30px; }

/*------------------------------------------------------*/

/* =MENU							*/
#menu { background:#dedfdf; height:25px; line-height:18px; margin-bottom:25px; padding:5px 0; list-style-type: none;}
#menu > li { float:left; margin:0 68px; padding-bottom:14px; text-align:center; width:100px; position:relative; z-index:1;}
#menu > li > a { border-bottom:2px solid #434343; color:#221f1f; display:block; font-size:12px; font-weight:bold; padding-bottom:2px; }
#menu > li:hover > a { border-bottom:2px solid #db1e37; color:#db1e37; }
#menu a:hover { text-decoration:none; }
#menu li:hover { cursor:pointer; }

/* menu with icons */
#menu.withIcons { height:135px; }
#menu .icon { background:#0c0c0c url(images/menu-icon.jpg) repeat-x; display:block; height:98px; line-height:98px; margin-top:10px; -moz-box-shadow:0 0 6px #333; 
/* FF3.5+ */
-webkit-box-shadow:0 0 6px #333; 
/* Saf3.0+, Chrome */
box-shadow:0 0 6px #333;
/* Opera 10.5, IE 9.0 */
}
#menu .icon img { vertical-align:middle;margin: 30px 0px 0px 2px;#margin: 0px 0px 0px 2px;-margin-top:30px; }
#menu > li:hover .icon { background:#9f182a url(images/menu-icon-hover.jpg) repeat-x; }

#menu.noIcons .icon{display: none;}

/* drop down */
#menu > li > ul { background:#0c0c0c url(images/drop-down.jpg) repeat-x; border-right:1px solid #7b7b7b; display:none; margin-top:8px; text-align:left; width:195px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; -moz-box-shadow:0 0 6px #333; 
/* FF3.5+ */
-webkit-box-shadow:0 0 6px #333; 
/* Saf3.0+, Chrome */
box-shadow:0 0 6px #333; 
/* Opera 10.5, IE 9.0 */
position:absolute; left:-7px; z-index:100; list-style-type: none;}
#menu > li:hover > ul { display:block; }
#menu > li > ul > li { border-top:1px solid #5e5e5e; border-bottom:1px solid #121212; position:relative; }
#menu > li > ul > li:first-child { border-top:none; }
#menu > li > ul > li:last-child { border-bottom:none; }
#menu > li > ul > li:hover { background:url(images/drop-down-li-hover.jpg) repeat-y;}
#menu > li > ul > li > a { color:#fff; display:block; font-size:12px; }
#menu > li > ul > li:hover > a { background:url(images/drop-down-link-hover.jpg) repeat-y bottom left; text-decoration:none; }
#menu > li > ul > li > a > span { display:block; padding:6px 8px; }
#menu > li > ul > li:hover > a > span { background:url(images/drop-down-span-hover.jpg) no-repeat; }

/* third level drop down */
#menu > li > ul > li .thirdLevelHolder { display:none; padding-left:8px; position:absolute; top:0; left:188px; z-index:200;}
#menu > li > ul > li:hover .thirdLevelHolder { display:block; }
#menu .thirdLevel { background:#0c0c0c url(images/drop-down2.jpg) repeat-x; overflow:hidden; 
/* cleares the floats */
text-align:left; width:420px; _width:440px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; -moz-box-shadow:0 0 6px #333; 
/* FF3.5+ */
-webkit-box-shadow:0 0 6px #333; 
/* Saf3.0+, Chrome */
box-shadow:0 0 6px #333;
/* Opera 10.5, IE 9.0 */
}
#menu .thirdLeveldouble{width:280px; }
#menu .thirdLevelsingle{width:145px; }
#menu .thirdLevel h6 { /*background:url(images/line-horizontal.jpg) repeat-x bottom;*/ font-size:12px;height:23px;margin-top:-4px;padding:0 0 0 10px;text-transform:uppercase;}
#menu .thirdLevel ul {/* background:url(images/line-vertical.jpg) right repeat-y;*/ float:left; font-size:12px; 
/* this needs tweaking depending on the amount of content */
padding:8px 0 0px 4px;width:115px; list-style-type: none;}
#menu .thirdLevel ul:first-child { /*background:none;*/ }
#menu .thirdLevel ul li { padding:0 10px; }
#menu .thirdLevel ul li:first-child { padding:0; }
#menu .thirdLevel a { color:#fff; display:inline-block; padding:3px; }
#menu .thirdLevel a:hover { color:#1fcdcd; }
#menu .thirdLevel h6 a{color:#1fcdcd;}

#menu .thirdLevel ul.rid li.page_item{display: none;width: 345px;font-size:11px;}

/* TOP MENU */
#topMenu { background:#414042; font-family:"Century Gothic", "Lucida Grande", "lucida sans", "bitstream vera sans", "Apple Gothic", sans-serif; font-size:11px; list-style-type:none; overflow:hidden; 
/* cleares the floats */
padding:16px 35px; text-transform:uppercase; position:absolute; top:0; left:2px; right:2px; letter-spacing:1px;}
#topMenu li { border-right:1px solid #fff; float:right; padding:0 10px 0 9px;line-height:12px; }
#topMenu li:first-child { border:none; }
#topMenu a { color:#fff; }
#topMenu a:hover { color:#1fcdcd; text-decoration:none; }

/*------------------------------------------------------*/
/*BREADCRUMBS*/
#breadcrumbs { background:#414042; font-family:"Century Gothic", "Lucida Grande", "lucida sans", "bitstream vera sans", "Apple Gothic", sans-serif; font-size:11px; list-style-type:none; overflow:hidden;  text-transform:uppercase; position:absolute; top:10px; left:45px;  letter-spacing:1px;z-index: 10;line-height: 22px;color:#1fcdcd;}
#breadcrumbs a { padding:0 5px 0 4px;line-height:22px;color: white; }
#breadcrumbs a:hover { color:#1fcdcd; text-decoration:none; }


/* =CONTENT						*/
#content { border-top:1px dotted #b2b2b2; margin:0 auto; padding:15px 0px; width:860px; }
#content p { margin-bottom:25px; }
#content h6 + p { padding-top:15px; }
#content .readMore { background:url(images/link-arrow.jpg) no-repeat 100% 5px; padding-right:11px; }
#content .readMore:hover { background:url(images/link-arrow.jpg) no-repeat 100% -10px; color:#1FCDCD; text-decoration:none; }

/* MAIN */
.main { border-right:1px solid #cbcbcb; float:left; padding:5px 25px 0 0; width:560px; }

/* ASIDE */
.aside { float:right; padding:3px 0 0 0!important; width:250px;border: 0!important; }
#content .aside h2 { color:#221f1f; font-family:"Century Gothic", "Lucida Grande", "lucida sans", "bitstream vera sans", "Apple Gothic", sans-serif; font-size:17px; line-height:22px; margin-bottom:10px; text-transform:uppercase; }
#content .aside h2 span { /*border-bottom:2px solid #221f1f;*/ }
.aside h3{margin-top: 15px;}
.aside a{color: #1FCDCD;}
.aside a:hover{color:#1FCDCD;text-decoration: underline;}
.aside ul{color:#1FCDCD;margin:0 0 0 15px;}
.aside ul li{color:#717171;}

/* PAGINATION */
.pagination { color:#b0b0b0; text-align:right; }
.pagination li { display:inline; font-size:11px; }
.pagination a { padding:0 3px; }
.pagination li.active a { color:#1FCDCD; font-size:13px; }

/* HOME */
.homeHeader { min-height:285px; margin:35px 0 55px; padding-right:345px; }
.homeHeader h1 { font-size:32px; margin-bottom:30px;display: none;  }
.homeHeader a { background:url(images/link-arrow.jpg) no-repeat 100% -10px; color:#1FCDCD; padding-right:10px; }
#home { padding-bottom:15px; }
#home h2 { color:#221f1f; font-size:15px; margin-bottom:10px; }
#home .box { border-top:2px solid #221f1f; float:left; font-size:12px; margin-left:65px; padding-top:10px; width:234px; }
#home .box:first-child { margin:0; }
span.news_title a{display: block;color: #1FCDCD;}
span.news_deets{}

/* PAGE */
#page { padding:15px 0; }
.pageHeader { border-bottom:1px dotted #b2b2b2;  margin:-5px 0 5px; padding:10px 0 10px; }
#page ul{margin: 5px 0 5px 0px;}
#page li{margin-left: 15px;}
#page li a{color: #1FCDCD;}
#page li a:hover{color: #717171;text-decoration: none;}


/* SERVICES */
#services { padding:15px 0; }
#services .main { border-right:1px solid #cbcbcb; float:left; padding:5px 25px 0 0; width:460px; }
#services .aside { float:right; padding-top:3px; width:320px; }

/* TEAM */
#team { border-top:1px dotted #b2b2b2; padding:15px 0; }
#team .box { border-bottom:1px dotted #b2b2b2; margin:0 0 25px 20px; overflow:hidden; padding:0 0 5px 155px; }
#team .box img { float:left; margin:0 -155px; }

/* team aside */
#team .aside ul { list-style-type: none;margin: 0; }
#team .aside li { margin-bottom:5px; }
#team .aside a { background:url(images/link-arrow.jpg) no-repeat 100% 5px; padding-right:11px; }
#team .aside a:hover { background:url(images/link-arrow.jpg) no-repeat 100% -10px; color:#1FCDCD; text-decoration:none; }

/* PRACTICE */
.practiceHeader { border-bottom:1px dotted #b2b2b2; min-height:110px; margin:-5px 0 5px; padding:54px 0 10px; }
#practice { padding:15px 0; }
#practice .main{width: 420px;}
#practice .aside  {width:360px;}
#practice .box { margin-bottom:25px; }

#practice-inner { padding:15px 0; }
#practice-inner .main{ border-right:none; float:left; padding:5px 25px 0 0; width:835px; border-bottom:1px dotted #b2b2b2;margin-bottom: 25px;}
#practice-inner .box { margin-bottom:25px; }
#practice-inner .aside  {width:830px;}
#practice-inner .aside .left {width:250px;float: left;}
#practice-inner .aside .right {width:520px;padding-left: 25px;float: left;border-left:1px solid #CBCBCB;}
#practice-inner .aside .right h2{color:#1FCDCD; }


/* NEWS */
.newsHeader { background:url(images/news-header.jpg) no-repeat 100% 0; /*border-bottom:1px dotted #b2b2b2; */min-height:110px; margin:-5px 0 5px; padding:54px 0 10px; }
#news { border-top:1px dotted #b2b2b2; padding:15px 0; }
#news h2:first-child { margin-bottom:15px; }
#news h3 { font-size:14px; margin-bottom:0; text-transform:uppercase;margin-top:15px; }
#news h3 span { /*background:url(images/arrow-bottom.jpg) no-repeat 100% 6px;*/ color:#1FCDCD; padding-right:11px; }
#news h4 { font-size:13px; }
#news h4 + h5 { margin-top:-3px; }
#news h6 { margin-bottom:22px;padding: 0; }
#news p + h6 { margin-top:-20px; }
#news h3 a { background:url(images/link-arrow.jpg) no-repeat 100% -10px; color:#1FCDCD; padding-right:10px; }
#news .aside a:hover { background:url(images/link-arrow.jpg) no-repeat 100% 5px; color:#1FCDCD; padding-right:10px; }
#news .box { border-top:1px dotted #b2b2b2; margin-bottom:25px;  }

/* TESTIMONIALS */
.testiHeader { margin:-5px 0 5px; padding:15px 0 10px; }
p.testimonial-author{text-align: right;text-transform: uppercase;color:#1FCDCD;margin-bottom: 25px!important;font-size:11px;}
/*------------------------------------------------------*/

/* =FOOTER						*/
#footer { background:url(images/footer.jpg) no-repeat; color:#fff; font-family:"Century Gothic", "Lucida Grande", "lucida sans", "bitstream vera sans", "Apple Gothic", sans-serif; font-size:11px; line-height:18px; height:55px; padding:114px 50px 0 0; text-align:right; text-transform:uppercase; }
#footer a { color:#1fcdcd; }
#footer ul:first-child { margin-bottom:5px; }
#footer ul:first-child a { color:#fff; }
#footer li { border-left:1px solid #fff; display:inline; padding:0 5px 0 6px; letter-spacing:1px;}
#footer li:first-child { border:none; }

.preload{display: none;}