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

           Title: Resource Leaders
           Author: Parker
		   

/* 1. Resets
---------------------------------------------*/
*{margin:0;padding:0}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}
ol,ul{list-style:none}
table{border-collapse:separate;border-spacing:0}
caption,th,td{text-align:left;font-weight:400}
blockquote:before,blockquote:after,q:before,q:after{content:""}
blockquote,q{quotes:"" ""}
legend,caption{display:none}
h1,h2,h3,h4,h5,h6{font-weight:500}
img{border-width:0;image-rendering:optimizeQuality;-ms-interpolation-mode:bicubic}
hr{border:none}
.clear{clear:both;height:0;font-size:1px;line-height:0}
a{text-decoration:none;cursor:pointer}

/* 2. Global
---------------------------------------------*/
body {
   font:13px Arial, Helvetica, sans-serif;
   background:#fff url(images/bg.jpg) top center no-repeat;
   color:#707070
}
#container {
   width:960px;
   margin:0 auto;
}

/* 3. Header
---------------------------------------------*/
#header {
   height:122px;
   position:relative
}
#header h1 a{
   display:block;   top:37px   position:relative;
   width:180px;
   height:108px;
   background:url(images/logo.png) no-repeat;
   text-indent:-3000em;
   position:absolute;
   left:20px;
   bottom:0
}
#header h2{
   font-weight:700;
   color:#959595;
   font-size:12px;
   width:100px;
   position:absolute;
   bottom:4px;
   left:169px;
   text-align:left
}
#nav{
   font-size:12px;
   position:absolute;
   bottom:0;
   right:0;
   font-family:'Arial', sans-serif
}


ul.menu li {
   position:relative;
   float:left;
   margin-right:1px
}
ul.menu a {
   display:block;
   color:#959595;
   text-decoration:none;
   padding:11px 13px
}
ul.menu a.services{
   padding:11px 20px 11px 13px
}
ul.menu ul {
   position:absolute;
   left:0;
   display:none;
   opacity:0;
   background:#e3e3e3;
   z-index:20;
   font-size: 12px;
   width: 15em;
   padding:0 30% 0 0
}
ul.menu ul li {
   position:relative;
   display:block;
   margin:7px 0;
   padding:0 10%
}
ul.menu ul li a{
   display:block;
   padding:0;
   background:none !important;
   color:#363636!important;
}
ul.menu ul li a:hover {
   color:#959595!important;
   background:none !important;
}

ul.menu .menulink {
   padding:5px 7px 7px;
   font-weight:bold;
   background:url(images/header.gif);
   width:134px
}
ul.menu .menulink:hover, ul.menu .menuhover, #nav ul.menu a.services:hover {
   background:url(images/arrow.gif) 66px 17px no-repeat #e3e3e3;
   color:#363636
}
ul.menu .topline {}

.page-template-about-php #nav li.about a,page-template-clients-php #nav li.client a,
.page-template-hiring-recruitment-php #nav li.service a,
.page-template-finance-accounting-php #nav li.service a,
.page-template-media-solutions-php #nav li.service a,
.page-template-call-center-services-php #nav li.service a,
.page-template-administrative-services-php #nav li.service a,
.page-template-knowledge-base-php #nav li.base a,
.page-template-blog-php #nav li.blog a,
.page-template-consultation-php #nav li.contact a,
.page-template-home-php #nav li.home a{
   background:#1f79b2;
   color:#fff
}

#nav a.active,#nav a:hover{
   background:#e3e3e3;
   color:#363636
}
#nav ul.menu li ul li a:hover {
   background:#e3e3e3;
   color:#363636
}


#top,#ctop{
   display:block;
   height:320px;
   /*background:url(images/top-a.jpg) left top no-repeat;*/
   margin:60px 0 36px 0;
   color:#446e24;
   font-size:11px
}



div#ctop{
   background:url(images/top-b.jpg) left top no-repeat
}
#top_in{
   float:right;
   display:block;
   width:329px;
   height:225px;
   background:url(images/top-b.png) right 10px no-repeat;
   padding:95px 81px 0 71px;
   position:relative
}

#top_in p{font-weight: bold;
font-size: 15px}


.slideshow{float:left}


#top h3, #ctop h3{
   font-family:'Arial', sans-serif;
   font-size:19px;
   color:#fff;
   margin:0 0 15px 0;
   width:370px
}
p{
   line-height:17px
}
#top_in a{
   font-family:'Arial', sans-serif;
   color:#fff;
   font-size:12px;
   display:block;
   width:97px;
   text-align:center;
   padding:8px 0;
   background:url(images/spr.png) 0 -90px no-repeat;
   float:right;
   margin:29px 0 0 0
}
#top2{
   display:block;
   margin:43px 0 36px 0
}

#skip-links {position:absolute;top:0;left:-10001px;list-style:none;margin:0;padding:0}
#skip-links li a:focus, #skip-links li a:active { display:block; position:absolute; left:10001px; top:0; z-index:10001; width:200px; margin:15px 0 0 15px; padding:2px 0; background:#333; color:#fff; text-align:center; text-decoration:none; }

/* 4. Left
---------------------------------------------*/
#left {
   float:left;
   width:302px;
   margin:0 42px 0 0
}
#left h3,#right h3,#subnav h3{
   font-family:'Arial', sans-serif;
   color:#363636;
   font-size:14px;
   margin:0 0 24px 0;
   font-weight:bold

}
#left ul{
   margin:26px 0 15px 0
}
#left li a{
   color:#707070;
   display:block;
   background:#f1f1f1;
   margin:0 0 2px 0;
   padding:10px
}
#left li a:hover{
   background:#eaeaea
}
#left .more,#right a{
   font-family:'Arial', sans-serif;
   color:#959595;
   font-size:12px;
   display:block;
   width:96px;
   text-align:center;
   background:url(images/spr.png) -97px -90px no-repeat;
   float:right;
   position:relative;
   height:24px;
   padding:8px 0 0 0
}
#subnav{
   float:left;
   width:252px;
   margin:0 42px 0 0;
   position:relative;
   top:-40px
}
#container div.snavr{
   float:right;
   width:183px;
}
#subnav h3{
   margin-left:16px
}
#subnav ul{
   margin:0 0 30px 0
}
#subnav li a{
   width:192px;
   height:23px;
   background:url(images/spr.png) 0 -122px no-repeat;
   display:block;
   color:#707070;
   padding:13px 0 0 16px;
   margin:0 0 2px 0
}
#subnav form{
   padding:0 0 39px 0
}
#search_inp{
   border:2px solid #e1e1e1;
   width:102px;
   padding:8px 10px;
   color:#707070;
   font-size:11px
}
#search_btn{
   width:68px;
   color:#707070;
   background:url(images/spr.png) -140px 0 no-repeat !important;
   border:none;
   padding:8px 10px;
   cursor:pointer;
   -moz-border-radius:10px;
   -khtml-border-radius:10px;
   -webkit-border-radius:10px;
   border-radius:10px;
   margin:0 0 0 6px;
   position:relative;
   top:1px
}
/* 5. Content
---------------------------------------------*/
#mid {
   width:220px;
   float:left;
   padding:45px 0 0 0;
   margin:0 52px 0 0
}
#mid h4{
   font-weight:700;
   font-size:13px;
   margin:0 0 3px 0
}
#mid ul{
   margin:0 0 18px 0
}
#mid li{
   margin:0 0 3px 0
}
#content{
float:left;
width:600px;
margin-bottom: 40px;
}
#content h2{
   font-size:15px;
   font-family:'Arial', sans-serif;
   color:#666;
   font-weight:bold;
   margin:5px 0;
   text-transform: capitalize;
   position:relative;
   /*left:-20px;*/
   
}
#content h3{
   font-size:12px;
   font-weight:700;
   margin:26px 0 18px 0
}
#content p{
   margin:0 0 17px 0
}
hr{
   display:block;
   width:100%;
   height:1px;
   color:#e1e1e1;
   background:#e1e1e1;
   margin:52px 0 43px 0
}
/* 6. Right
---------------------------------------------*/
#right {
   float:left;
   width:310px
}
#right h3{
   clear:both
}
#right a{
   margin:21px 0 28px 13px
}


/* 7. Contact
---------------------------------------------*/
#contact div{
   float:left;
   margin:13px 24px 0 0
}
#form_1{
   padding:13px 0;
   width:100%;
   float:left
}
#form_1 label, label.frm_pos_top{
   font-weight:700
}
#form_1 input, input.text{
   display:block;
   width:304px;
   padding:10px;
   background:#f1f1f1;
   border:1px solid #c8c8c8;
   font-size:13px;
   color:#707070;
   margin:15px 0 0 0
}
#contact p{
   position:relative;
   left:-12px
}
#contact p input{
   margin:0 9px 0 14px;
   position:relative;
   top:3px
}
#contact strong{
   font-size:12px;
   font-weight:700;
   display:block;
   padding:0 0 12px 0
}
.sel,.msg{
   font-size:12px;
   font-weight:700;
   display:block;
   margin:0 0 17px 0
}
#contact select, #frm_field_12_container select{
   width:156px;
   margin:0 0 19px 0
}
#contact textarea, #frm_field_13_container textarea{
   width:654px;
   height:240px;
   padding:10px;
   border:1px solid #c8c8c8;
   background:#f1f1f1;
   font-size:13px;
   color:#707070;
   display:block
}
#send_btn,.submit input{
   font-family:'Arial', sans-serif;
   cursor:pointer;
   background:url(images/spr.png) 0 -161px no-repeat;
   border:none;
   width:83px;
   height:32px;
   font-size:14px;
   color:#fff;
   margin:21px 0 0 0
}
/* 8. Footer
---------------------------------------------*/
#footer {
   margin:42px 0 10px 0;
   position:relative;
   clear:both;
   background:#f1f1f1;
   -moz-border-radius:10px;
   -khtml-border-radius:10px;
   -webkit-border-radius:10px;
   border-radius:10px;
   color:#959595;
   height:102px;
   font-size:11px;
}
#copy{
   position:absolute;
   top:32px;
   left:29px
}
#footer p{
   margin:0 0 2px 0
}
#footer a{
   color:#363636
}
#footer a:hover{
   text-decoration:underline
}
#footer .email{
   color:#959595
}
#social{
   position:absolute;
   top:27px;
   right:25px;
   width:318px
}
#social h3{
   font-family:'Arial', sans-serif;
   color:#363636;
   font-size:16px;
   margin:12px 0 0 0
}
#social ul{

}
#social a{
   display:block;
   background-image:url(images/spr.png);
   width:48px;
   height:48px;
   position:absolute;
   top:0;
   text-indent:-3000em
}
.s1{
   background-position:0 -42px;
   right:180px
}
.s2{
   background-position:-143px -42px;
   right:120px
}
.s3{
   background-position:-48px -42px;
   right:60px
}
.s4{
   background-position:-96px -42px;
   right:0
}

.frm_checkbox{margin:5px 0px;
width:250px}

.frm_checkbox input{margin-right:10px;}

#_mcePaste ul{padding-left:20px}

#_mcePaste ul li{list-style: circle}

.blog-content2{border-bottom:1px dotted; padding-bottom:20px}

.blog-content ul{padding-left:20px;}

.blog-content ul li{list-style: disc;}

small{font-size:9px;}

.news_list {
margin:20px 0;
border-bottom:1px dotted 
}

.news_list h2 {
font-size:11px;
font-weight:bold;
}

.categoryItem a {
background:url("images/folderIcon.jpg") no-repeat scroll left center transparent;
color:#000000;
font-size:18px;
font-weight:bold;
letter-spacing:-0.5px;
padding-left:23px;
text-decoration:none;
}

/* multi col*/
.ddmcc {
	width: 300px;
	float: left;
	/*padding-right: 20px;*/
}

.ddmcc ul {
	margin: 10px 0 10px 0;
	padding: 0;
	list-style: none;
	text-indent: 0;
}

.ddmcc li {
	margin: 0 0 2px 0;
	padding: 0;  
        list-style-image: url("images/folderIcon.jpg");
}

.ddmcc p.sep {
	font-size: 1.2em;
	color: #808080;
	font-weight: bold;
}

.ddmcc p.sep:hover {
	cursor: pointer;
}

.ddmcc a{color:#666}

#single_post{overflow:hidden}
#single_post h1{font-weight:bold;
margin:5px 0}

#single_post p{margin:10px 0px;}

/* added for the blog */
#sidebar{float:right;
margin:0 0 0 10px;
padding:20px;
width:300px;}
.xoxo li{}
.xoxo h3{margin:15px 0 0 0;
font-weight:bold;
border-bottom:1px solid #EEEEEE;
color:#333333;
font-size:0.8em;
font-weight:normal;
letter-spacing:1px;
text-transform:uppercase;}

.widget-container{border:4px solid #EEEEEE;
margin:0 0 10px;
display:block;
font-size:12px;
padding:10px;
}

.widget-container ul{padding:0 0 0 15px}
.widget-container ul li{padding:5px 0;
list-style:disc}

p.meta{color:#999999;
font-size:11px;
letter-spacing:1px;
margin:5px 0 10px;
text-transform:uppercase;}

.blog-content2 .meta .icoAuthor, .blog-content2 .meta .icoComments {
padding-left:20px;
margin-left:20px

}

.blog-content2 .meta div {
float:left;
margin-right:15px;
}

.icoComments {
background:url("images//ico_comments.png") no-repeat scroll 0 2px transparent;}

.blog-content2 .categs a {
background:none repeat scroll 0 0 #1FA2E1;
}


.blog-content2 .categs a {
color:#FFFFFF;
display:block;
float:left;
font-size:9px;
margin-right:2px;
padding:1px 6px;
text-transform:uppercase;
}

.icoAuthor span {
background:url("images/ico_author.png") no-repeat scroll 0 2px transparent;}

.blog-content2 .meta {
color:#999999;
font-size:10px;
}

.meta {
height:30px;
line-height:20px;}


/* COMMENTS
-----------------------------------*/
#commentform input,#commentform textarea { -moz-border-radius:4px 4px 4px 4px;
border:1px solid #DDDDDD;
margin-bottom:10px;
padding:8px;
width:300px;}

#commentform label {
display:block;
padding:5px 0;}

ul.know{}

.know li{background:url("images/catIcon.gif") no-repeat scroll left center transparent;
list-style:none outside none !important;
padding-left:18px !important;}
