/*
Theme Name: Take Charge
Description: A simple and clean theme. 
Author: Pexeto
Author URI: http://pexeto.com/

*/

/* ----------- Restart-----------------*/


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}

fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ul {
	list-style:none;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}

a { 
outline: 0; 
}



/* ----------- End Restart-----------------*/

/*---------------------------- TEXT STYLES ----------------------------*/

h1, h2, h3, h4, {
font-family:"Arial Narrow", Arial, Helvetica, sans-serif;

}

h2, h2 a, h2 a:hover {
	font-size:20px;
	color:#2c2c2c; 
	line-height:1.3em;	
margin-top:15px;
margin-bottom:15px;
}

h1 {
	font-size:25px;
	color:#2c2c2c; 
	line-height:1.3em;
margin-top:15px;
margin-bottom:15px;
	
}

h3 {
	font-size:18px;
	color:#2c2c2c; 
	line-height:1.3em;	
}


h4 {
	font-size:16px;
	color:#2c2c2c; 
	line-height:1.3em;	
}

h5 {
	font-size:14px;
	color:#2c2c2c; 
	line-height:1.3em;	
}


h6 {
	font-size:12px;
	color:#2c2c2c; 
	line-height:1.3em;	
}

ol{
padding-left:30px;

}

ul{
list-style-image:url(images/bullet.jpg);
padding-left:20px;

}


hr {

	background-color:#dde6ee;
	border:#dde6ee;
	height:1px;
}

p{
	margin-bottom:10px;
	margin-top:10px;
	
}

a{
	text-decoration:none;
	color:#71aadc;
	
}

a:hover{
	color:#0099FF;
	
}

/*---------------------------- TEXT STYLES ----------------------------*/


body {
	font-family:Arial, Helvetica, sans-serif;
/*	font-family:Myriad Pro,Trebuchet MS,Arial,Sans-Serif;
font-family:"Lucida Grande", arial, sans-serf;*/
	font-size:14px;
	color:#515151;
	font-weight:300;
	line-height:1.5em;
	background-color:#555d62;


	
}

#mainContainer{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	background-color:#555d62;
}


.center{
	height:auto;
	width:960px;
	margin:auto;
	text-align:left;
	padding:0px;
	position:relative;
}

/*-------------------------MENU---------------------------------*/

#navigationContainer{
	height:90px;
	width:100%;
	background-image:url(images/menu_bg.jpg);
	background-repeat:repeat-x;
	background-color:#fff;
	border-top: 1px solid #555d62;
}

#menuContainer{
	height:36px;
	float:right;
	margin-top:35px;

}
#menu{
	position:relative;
	right:10px;
}

#menu ul{
	height:36px;
}

#menu ul li{ 
    display: inline;
	
}

#menu ul li a{
    float: left; 
	text-decoration: none;
    color:#5e839c;
	padding-left:11px;
	padding-right:11px;
	font-size:13px;
	font-weight:bold;
	display:block;
	height:25px;
	line-height:25px;
}

#menu ul li a:hover{
    color:#f4bd2f;
}

#menu ul li.selected a, #menu ul li.current_page_item a{
	color:#f4bd2f;
}


/*---------------------------- LOGO ----------------------------*/
#logoContainer{
	width:250px;
	height:90px;
	background-repeat:no-repeat;
	float:left;

}

#logoContainer a{
	width:250px;
	height:90px;
	display:block;
	background-image:url(images/logo.jpg);
	background-repeat:no-repeat;
}

/*---------------------------HEADER----------------------------*/

#header{
	background-color:#5f849d;
	background-image:url(images/header_right_bg.jpg);
	background-repeat:repeat-x;
	width:100%;
	height:260px;
}

#pageHeader{
	background-color:#5f849d;
	background-image:url(images/header_right_bg.jpg);
	background-repeat:repeat-x;
	width:100%;
	height:40px;

}


#headerLeft{
	height:260px;
	width:250px;
	background-color:#f4bd2f;
	background-image:url(images/header_left.jpg);
	float:left;

}

#pageHeaderLeft{
	height:40px;
	width:250px;
	background-color:#f4bd2f;
	background-image:url(images/header_left_bg.jpg);
	float:left;

}


#headerRight{
	height:260px;
	width:709px;
	background-color:#5e839c;
	background-image:url(images/header_right.jpg);
	float:left;
	position:relative;
}

.headerText{
	height:auto;
	float:left;
	color:#fff;
	padding-top:20px;
	padding-left:30px;

}

.headerText h1{
	font-size:22px;
	text-transform:uppercase;
	color:#fff;
	font-weight:bold;
	letter-spacing:3px;
}

.headerText h3{
	font-size:19px;
	letter-spacing:2px;
	line-height:1.5em;
	color:#ccdde8;

}

.headerText p{
	font-size:14px;
	line-height:1.5em;
	color:#fff;
	margin-top:20px;
	width:290px;

}
.headerText h2{
	font-size:17px;
	font-weight:bold;
	line-height:1.5em;
	color:#fff;
	text-align:center;
	letter-spacing:1px;
	

}

.pageTitle{
	font-size:18px;
	margin-top:10px;
	margin-left:30px;
	color:#fff;
	
}

#personImg{
	height:225px;
	width:351px;
	background-image:url(images/ginger.png);
	margin-top:35px;
	margin-right:-1px;
	display:block;
	float:right;


}
#iconImg{
	background-image:url(images/resume_icon.png);
	height:93px;
	width:93px;
	display:block;
	margin-top:85px;
	margin-left:75px;

}

.headerButton1{
  height:42px;
    width:177px;
	display:block;
	position:absolute;
	top:192px;
	left:30px;
}

.headerButton1 a{
   
    height:42px;
    width:177px;
	background-image:url(images/buttons.jpg);
	background-position:177px 0;
	display:block;
}


.headerButton1 a:hover {
	background-position:177px 42px;
}


.headerButton2 a{
   
    height:42px;
    width:177px;
	background-image:url(images/buttons.jpg);
	background-position:0 0;
	display:block;
	float:left;
	margin-top:15px;
	margin-left:35px;

	


}
.headerButton2 a:hover {
	background-position:0 42px;
}


/*---------------------------- CONTENT ----------------------------*/
#contentContainer{
	
	position:relative;
	min-height:600px;
	width:960px;
	float:left;
	background-image:url(images/content_bg.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	height:auto;
}
#content{
	padding:30px;
	height:auto;
	margin-bottom:30px;
}

#pageContent{
	margin:30px;
	height:auto;
	width:650px;
	float:left;

}


.servicesBoxs{
	margin-left:-25px;

}

.servicesBox{
	margin-top:20px;
	margin-bottom:30px;
	width:280px;
	float:left;
	margin-left:26px;
	border: 1px solid #e3e3e3;
}

.servicesBox p{
	margin:2px;
	margin-bottom:5px;
	
}


.servicesBoxs h2{

	color:#fff;
	text-transform:uppercase;
	font-size:17px;
	font-weight:bold;
	letter-spacing:1px;
	line-height:33px;
	padding-left:10px;
margin:0px;
}

.servicesBoxs h1{
margin:0px;
margin-left:10px;
}

.servicesBoxs p{
padding:10px;


}

.boxTitile1{
background-image:url(images/box1_bg.jpg);
background-repeat:repeat-x;
width:100%;
height:31px;
border:1px solid #4c84b4;
margin-left:-1px;
margin-top:-1px;

}

.boxTitile2{
	background-image:url(images/box2_bg.jpg);
	background-repeat:repeat-x;
	width:100%;
	height:31px;
	border:1px solid #486e87;
	margin-left:-1px;
	margin-top:-1px;

}

.boxTitile3{
	background-image:url(images/box3_bg.jpg);
	background-repeat:repeat-x;
	width:100%;
	height:31px;
	border:1px solid #b78a16;
	margin-left:-1px;
	margin-top:-1px;
	
}

#servicesButton{
	width:100px;
	margin:10px;
	height:28px;
}
#servicesButton a{
	color:#FFFFFF;
	text-decoration:none;
	line-height:28px;
	padding-left:10px;
	display:block;
	height:28px;
}
#servicesButton a:hover{
	color:#e1e1e1;

}

.postBox{
margin-bottom:50px;

}

.postBox img{
	margin-top:15px;
	margin-bottom:15px;
}

.blogTumbnail{
margin-top:10px;
margin-bottom:10px;

}

.postInfo{
	background-color:#5e839c;
	border: 1px solid #46677e;
	height:27px;
	width:100%;
	margin-top:12px;
}

.postInfo p{
	padding:0px;
	color:#FFFFFF;
	font-size:15px;
	padding-left:15px;
	line-height:17px;
margin-top:5px;
}

.postInfo a{
	color:#FFFFFF;

}

.postInfo a:hover{
	color:#f4bd2f;

}




#comments{

}

.commentContainer{
border:#d2d2ca 1px solid;
margin-top:20px;
background-color:#ffffff;
padding:0px;
width:648px;
margin-left:-20px;
}

.comentBox{
background-color:#ffffff;
padding:20px;
width:608px;
min-height:140px;
}

.comentBox img{
margin-right:20px;
margin-bottom:10px;
margin-top:0px;

}
.commentAutor{
float:left;

}
.ComentAutorName{
font-size:12px;
}

.commentDate{
font-size:10px;
}

.comentBoxAdmin{
background-color:#ededed;
}

.wholePageCommentNavigation{
width:800px;
	float:left;
	height:50px;
	position:relative;
	margin-top:20px;
	border:1px solid red;
}

.commentNavigation{
	width:100%;
	float:left;
	height:50px;
	position:relative;
	margin-top:20px;
}

.commentNavigation a{
	text-decoration:none;
	background-color:#f7f7ee;
	border:#d2d2ca 1px solid;
	display:block;
	padding:5px;
	color:#000;
	padding-left:10px;
	padding-right:10px;
	font-size:12px;
}

.commentNavigation a span{
	position:relative;
	top:-2px;
}

.commentInput{
	padding-top:4px;
	height:20px;
	width:250px;
	margin-bottom:15px;
}

.commentTextArea{
	width:350px;
	margin-bottom:15px;
}






/*-----------------------  SIDEBAR MENU  ---------------------------*/


#sidebar{
width:220px;
height:auto;
margin-top:40px;
float:left;
margin-bottom:30px;
margin-left:28px;
}

.sidebarBox{
	float:left;
	position:relative;
	padding:15px;
	width:190px;
	background-color:#f2f2f2;
	border: 1px solid #cedae5;
	margin-bottom:30px;
	
	
}


.sidebarBox h3{

	font-size:12px;
	text-transform:uppercase;
	line-height:1.5em;
	font-weight:bold;
}

.sidebarBox p{

	font-size:14px;
	line-height:1.5em;
}

.sidebarForm{

	height:22px;
	width:180px;
	
}
.sidebarButton a{
   
    height:42px;
    width:177px;
	background-image:url(images/sidebar_button.jpg);
	background-position:177px 0;
	display:block;
	float:left;
	margin-top:15px;
	margin-left:2px;
	


}
.sidebarButton a:hover {
	background-position:177px 42px;
}

.testimonials{

	font-size:17px;
	font-style:italic;
	background-image:url(images/qu.png);
	background-repeat:no-repeat;
	background-position:top left;
	padding-top:10px;
	padding-left:5px;
	}



.sidebarMenu{
	font-size:14px;
	position:relative;
	padding-bottom:14px;
	position:relative;

}

.sidebarMenu ul{ 	
	padding-left:0px;
	margin-left:0px;
	text-decoration: none;
	font-size:14px;
	font-weight:300;
	list-style:none;
	list-style-image:none;
	
}
.sidebarMenu ul li a{
	display:block;
	height:15px;
	width:175px;
	color:#333333;
	background-color:#f2f2f2;
	border-bottom:#cedae5 1px solid;
	padding:7px;
	text-decoration: none;
	list-style:none;
	line-height:15px;

}

.sidebarMenu ul li a:hover{
	background-color:#fff;

}





/*-----------------------  FOOTER  ---------------------------*/


#footer{
	height:75px;
	width:100%;
	display:block;
	background-color:#555d62;
	float:left;
	padding-top:10px;

}

#footer p{
	color:#FFFFFF;
	font-size:13px;
}



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

strong{
	font-weight:bold;
}

em{
	font-style:italic;
}

.alignright{
	float:right;
}

.alignleft{
	float:left;
}

input, .input{
	height:25px;
	border:1px solid #ccc;
	padding-top:3px;
}

textarea{
	border:1px solid #ccc;
	padding-top:5px;
	padding-bottom:5px;
	font-family:Arial;
	font-size:12px;
	width:350px;
}

.search{
	width:125px;
	padding-top:4px;
	margin-top:10px;
	height:20px;
	padding-left:10px;
}

#searchButton{
	height:26px;
	background-color:#fff;
	padding-bottom:6px;
	padding-left:10px;
	padding-right:10px;
	background-color:#f4bd2f;
	color:#fff;
	border:1px solid #ccc;
	font-weight:bold;
	font-size:12px;
}



.baButton1 a{
   
    height:25px;
    width:107px;
	background-image:url(images/babuttons.jpg);
	background-position:0 0;
	display:block;
	float:left;
	margin-left:2px;
	


}
.baButton1 a:hover {
	background-position:0 25px;
}

.baButton2 a{
   
    height:25px;
    width:107px;
	background-image:url(images/babuttons.jpg);
	background-position:107px 0;
	display:block;
	float:left;
	margin-left:2px;
	


}
.baButton2 a:hover {
	background-position:107px 25px;
}

#sendButton{
 height:25px;
    width:107px;
	background-image:url(images/sendbutton.jpg);
	background-position:0px 0;
	display:block;
	float:left;
	margin-left:2px;
	border:0px;
}

#sendButton a:hover {
	background-position:0px 25px;
}



/*-----------------------------DROP-DOWN MENU---------------------*/

#menu ul li ul{
     position:absolute;
     left:0px; 
	 top:25px;  
     background-color:#fff;  
     margin:0;
	 padding:0;   
     float:left;  
     width:170px;  
	 border:1px solid #ececec;
	 border-top:0px;
	 z-index:100;
	 height:auto;
	 padding-top:5px;
         visibility:hidden;
	 
}

#menu ul li ul li{
    margin:0px;
	padding:0px;	
	display:block;
}


#menu ul li ul li a {
	float:left;
	width:160px;
	border-width:0px;
	background-color:#fff;  
	line-height:2.5em;
	margin:0px;
	padding:0px;
	font-size:13px;
	font-family:"Arial";
	padding-left:10px;
	padding-bottom:5px;
	text-transform:capitalize;

}


#menu ul li.current_page_item ul li a, #menu ul li.current_page_parent ul li a{
	color:#5e839c;
}

#menu ul li.current_page_item ul li a:hover{
	color:#f4bd2f;
}

#menu ul li.current_page_parent a{
	color:#f4bd2f;
}

#menu ul li.current_page_parent ul li a:hover{
color:#f4bd2f;
}

#menu ul li ul li.current_page_item  a{
	color:#f4bd2f;
}

#menu ul li.selected ul li a:hover{
	color:#689516;
}

#menuContainer{
	position:relative;
	z-index:2;
}

#contentContainer{
	position:relative;
	z-index:0;
}