/*
Theme Name: JobKatif
Description: http://jobkatif.org
Author: illuminea
Author URI: http://illuminea.com/
*/
/* ----------- COLORS

Purple: 693A8A
Light Teal: 48C1BC
Dark Teal: 017F8B
Green: 71B44D
Light Green: CAF2BD


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

/* ----------- 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; 
}

strong{
	font-weight:bold;
}

em{
	font-style:italic;
}

#hpbizwrapper {
float: left;
background: #ddd;

color: #666;
font-size: 12px;
}

#hpbizwrapper .freetext {
margin: 5px 5px 0 0;
}

#hpbizwrapper form {
width: auto;
}


#bizwrapper {
float: left;
background: #ddd;
padding: 10px;
color: #666;
font-size: 11px;
display: inline;
overflow: hidden;
}

#bizwrapper form{
width: 600px;
}


#bizwrapper input {
margin: 0;
}
.area {
float: left; 
margin: 0 10px 0 0;
}

.category {
float: left; 
margin: 0 10px 0 0;
}

.freetext {
float: left; 
margin: 0 10px 0 0;
}







form {
 
	text-align: left;
}
form select {
 
	display: block;
}
form label {
	display: block;
	width: 310px;
	font-size: 12px;
	line-height: 14px;
	padding: 0px 0px 12px 0px;
}

form input {
	display: block;
 
}

 .biz_company,
 .biz_description,
 .biz_family,
 .biz_email,
 .biz_phone,
 .biz_site,
 .biz_address,
.biz_city,

.biz_area {
float: left;
	margin: 0px 10px 0px 0px;
	width: 150px;
}

.biz_description, .biz_private, .biz_type {
 clear: both;
  float: left;
	margin: 0px 10px 0px 0px;
	width: 150px;
 }
 
 .biz_logo{

 clear: both;
  float: left;
	margin: 0px 10px 0px 0px;
	width: 200px;
}
 .biz_company input,
 .biz_family input,
 .biz_email input,
 .biz_phone input,
 .biz_site input,
 .biz_address input,
.biz_city input,
.biz_area  input
 {
	float: left;
	width: 150px;
	padding: 0px;
}
 .biz_private input,
 .biz_type input,
 .biz_description input{
   clear: both;
   float: left;
   width: 150px;
   padding: 0px;
 }

  .biz_logo input {
   clear: both;
 float: left;
   width: 210px;
   padding: 0px;
 }
#contentContainer .wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 0px 0 5px 0;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}
.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}
/* ----------- End Restart-----------------*/

/*---------------------------- TEXT STYLES ----------------------------*/
h1 {
	font-family:"Verdana", "Arial", "Helvetica";
	font-size:36px;
	color:#2c2c2c; 
	line-height:1.5em;	
}

h2{
	font-family:"Verdana", "Arial", "Helvetica";
	font-size:25px;
	color:#2c2c2c; 
	line-height:1.3em;	
	
	}


h2 a{
	font-family:"Verdana", "Arial", "Helvetica";
	font-size:25px;
	color:#017F8B; 
	line-height:1.3em;	
}

 

h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#2c2c2c; 
	line-height:1.3em;	
}

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


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


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

hr {

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

ul{

}

#contentContainer ul{
	 padding-left: 20px;
 list-style-type: disc;
 color: #666;
}

ol{
	padding-left:20px;
}

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

a { 
text-decoration:none;
color:#017F8B;

}

a:hover{
 
color:#55D1CD;
}

#breadcrumbs {
color: #666;
padding: 0 0 0 20px;
font-size: 10px;
}

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


body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
/*	font-family:Myriad Pro,Trebuchet MS,Arial,Sans-Serif;
font-family:"Lucida Grande", arial, sans-serf;*/
	 
	font-weight:300;
	line-height:1.3em;
	background-color:#00353A;
	font-size:13px;


	
}

#mainContainer{
position:absolute;
	left:0px;
	top:0px;
	width:100%;

	background-color:#014E55;
}


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

 

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

#navigationContainer{
 
	width:100%;
 
	background-repeat:repeat-x;
	background-color:#00353A;
}



#menuContainer{
	height:36px;
 
 clear: both;
 
 margin: 0 auto;
 
width:960px;

}

#search-right {
padding: 5px 0 0 0;
margin: 0 6px 0 0;
float: right;
width: 175px;
height:31px;
 background-color: #017F8B;
}

#search{
 
	height: 22px;
 	
	margin: 3px 10px 0px !important;
	padding:0px !important;
}
* html #search{
	margin-right: 8px;
}

.searchtext {
display: inline;
color: #E6EBA3; 
font-weight: bold;
font-size: 11px;
 margin: 0 10px; 
 border-right: none !important;
}

#nav1 li.searchtext  {
 border-right: none !important;
 }
#search input{
	background: #ffffff;
 
	color: #666;
	float: left;
	font-size: 11px;
	width:100px;
	margin:0px 0px 0px 0px;
	height: 15px;
}
#search .btn{
	padding: 0;
	height:21px;
	width: auto;
	margin:0px 0px 0px 0px !important;
	border:none;
	width:21px;
}

.sbtn {
background-color:#fff;
 
}

#s {
padding: 3px;
 
border: none;
font-size: 10px;
}


#menu{
	position:relative;
 
 	font-family: Arial, Helvetica, sans-serif;
	 background-color: #017F8B;
	 border-top: 1px solid #49B68C;
	 border-bottom: 1px solid #49B68C;
	 width: 950px;
	 margin: 0 auto;
	 float: left;
	 height: 36px;
	 padding-left: 10px;
}

#menu ul{
	height:36px;
	 background-color: #017F8B;
	 float: left;
	 width: 765px;
}

#menu ul li{ 
    display: inline;
	
}

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

#menu ul li a:hover{
    color:#fff;
	background: #017F8B url('images/argrs.gif') no-repeat bottom;
	font-weight: bold;
}

#menu ul li.current_page_item a{
	color:#fff;
 
	background: #017F8B url('images/argrs.gif') no-repeat bottom;
	 
}


#menu ul li.current_page_item a{
	color:#fff;
	background-color:#017F8B;
}

#menu ul li.current_page_parent a{
	color:#fff;
	background-color:#017F8B;
}

#menu ul li ul li.current_page_item  a{
	color:#fff;
	background-color:#017F8B;
}

#menu ul li.current_page_parent ul li a:hover,#menu ul li.current_page_item ul li a:hover{
	color:#fff;
		background: #017F8B url('images/argr.gif') no-repeat left;
}

/*---------------------------- LOGO ----------------------------*/
#logoContainer{
 
	background-repeat:no-repeat;
	float:left;
 

}

#logoContainer a{
	width:960px;
	height:110px;
	display:block;
	background-image:url(images/jobkatiflogo.jpg);
	background-repeat:no-repeat;
}
#logoContainer p{
	margin-top:0px;
	font-size:13px;
	font-weight:bold;
	color:#6c6c6c;
	
}

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


#header{
	 
 	 
	width:660px;
	min-height:230px;
	overflow:hidden;
	 
	float: left;
	 
	 
}
#headouter {
width: 100%;
 
background-color: #014E55;


}
#headwrap{
	background-color:#fff;
	 
 	background-repeat:repeat-x;
	width:960px;
	min-height:230px;
	overflow:hidden;
	margin: 0 auto;
	clear: both;
 
}

#headerBg{

}
#headerAbout{

float: left;
margin: 15px 0px 0 10px;
width: 245px;
height: 170px;
padding: 15px;;
background-color: #00353A;
color: #fff;
font-size: 12px;
font-family: Verdana;
 
 

}
.aboutmoreLink a{
 display: inline;
	text-decoration:none;
	background:  url('images/argr.gif') no-repeat right 3px ; 
	padding: 0 10px 0 0px;
color: #55D1CD;
margin: 0 10px 0 0;
}
#headerAbout a{
 display: inline;
	text-decoration:none;
 
color: #55D1CD;
 
}

#headerAbout a:hover{
color: #017F8B;
}
 #headerAbout h3{
 color: #fff;
 font-size: 20px;
 font-family: Arial, Helvetica, sans-serif;
 }
#headerBottom{
 	margin: 0px  auto 0;
 	height: 40px;
	width:960px;
	position:relative;
	background-color: #00353A;
}

#hbwrap{
float: left; width: 660px;

}
.headerText{
	width:290px;
	height:180px;
	float:left;
	color:#fff;
	margin: 15px 0 0 0px;
	padding: 9px 9px 9px 30px;
	background-color: #DDDDDD;
	border: 1px solid #CDCDCD;
	
}

.headerText p{
	font-size: 12px;
line-height:1.538em;
font-family: Verdana, Arial, Helvetica, sans-serif;
	display: inline;
color: #666;
}

.headerText p a{
display: inline;
}

.headerTitle h1, .headerTitle h1 a{
	color:#666;
	font-weight:bold;
	line-height:1.1em;
	font-family: Arial, Helvetica, sans-serif;
	margin: 5px 0;
	width:300px;
	display:block;
	font-size: 20px;

}

.headerTextSmall{
	color:#FFFFFF;
	font-size:17px;
	line-height:1.5em;
	padding-top:20px;
	margin:0px;
}

.headerButtons{
	position:relative;
	float:left;
	width:500px;
	height:43px;
	margin-top:34px;

}



.headerButton1 a{
   
    height:41px;
    width:180px;
	background-image:url(images/header_buttons.jpg);
	background-position:0 0;
	display:block;
	float:left;


}
.headerButton1 a:hover {
	background-position:0 41px;
}


.headerButton2 a{
   
    height:41px;
    width:180px;
	background-image:url(images/header_buttons.jpg);
	background-position:180px 0px;
	display:block;
	margin-left:35px;
	float:left;

}

.headerButton2 a:hover {
	background-position:180px 41px;
}

.imageWrapper{
	position:relative;
	width:320px;
	height:200px;
	float:left;
 
}

.staticImageHolder{
	width:335px;
	height:200px;
	position:absolute;
	top:15px;
	left:15px;
 
}

.staticImageHolder img{
	max-width:322px;
}

/*---------------------------SLIDER----------------------------*/

.fadeWrapper{
	position:relative;
	width:457px;
	height:273px;
	float:right;
	background-image:url(images/slider_bg.png);
	background-repeat:no-repeat;
	margin-top:34px;
}

.imageHolder{
	width:395px;
	height:225px;
	position:absolute;
	top:14px;
	left:15px;
}

.headerFadeWrapper{
	position:relative;
	height:305px;
	overflow:hidden;
}

.singleFade{
	position:absolute;
	top:0px;
	left:0px;
	width:960px;
	
}

ul.navUl li{
	background-image:url(images/nav_bullet_off.png);
	background-repeat:no-repeat;
	width:15px;
	height:15px;
	float:left;
	padding-right:5px;
	margin-top:10px;
}

#sliderNavigation{
	float:right;
	width:auto;
	}

ul.navUl{
	list-style:none;
}
	
ul.navUl li.selected{
	background-image:url(images/nav_bullet.png);
} 


#subscriberight{
float: right;
width: 275px;
color: #fff;
font-size: 12px;
}

#subscriberight h3{
color: #fff;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 10px 0;
font-weight: bold;
float: left;
}
/*-------------------------END SLIDER----------------------------*/

/*---------------------------- CONTENT ----------------------------*/
#contentContainer{
	
	position:relative;
	min-height:600px;
	width:610px;
	float:left;
	padding: 0px 20px 10px;
	margin:0 0 50px 0;
}

#contentContainer h1{
	color:#602B85;
	padding: 0px 15px 5px 0px;
		font-family:"Verdana", "Arial", "Helvetica";
	font-size:25px;
	line-height:1.3em;
}
#contentContainer p{
line-height: 1.5em;
color: #666;
}
#contentContainer p:first-child{
	margin-top:0px;
}

#contentContainer img{
 
 
}

#contentContainer .sociable img{
padding: 0;
}

.servicesBox{
	margin-top:25px;
	margin-bottom:25px;
}


.servicesBoxs h2,.servicesBoxs h2 a{

text-transform:capitalize;
font-size:20px;
margin-bottom:7px;
color:#2c2c2c;
}



.servicesImg{
float:left;
padding:5px;
background-color:#FFFFFF;
border:1px solid #dadada;
margin-right:20px;
margin-top:5px;
}

.check{
float:left; 
margin-right:15px;
margin-top:7px;

}
#homeContainer{
	
	position:relative;
 	width:930px;
	float:left;
	padding: 15px;
 	background-color: #fff;
 
}

.homebox1 {
float: left;
width: 260px;
height: 300px;
margin: 0 23px 0 0;
background-color: #DDDDDD;
border: 1px solid #CDCDCD;
padding: 15px;
}

.homebox1 h3{

color: #00353A;
background: url('images/present.gif') no-repeat;
padding: 0px 0 10px 30px;
line-height: 22px;
}

.homebox2 {
float: left;
width: 260px;
height: 300px;
margin: 0 23px 0 0;
background-color: #DDDDDD;
border: 1px solid #CDCDCD;
padding: 15px;
color: #666;
}

.homebox2 h3{

color: #00353A;
background: url('images/briefcase.gif') no-repeat;
padding: 0px 0 10px 30px;
line-height: 22px;
}


.homebox3 {
float: right;
width: 266px;
height: 300px;
margin: 0 0px 0 0;
background-color: #DDDDDD;
border: 1px solid #CDCDCD;
padding: 15px;
}

.homebox3 h3{

color: #00353A;
background:  url('images/news.gif') no-repeat;
padding: 0px 0 10px 30px;
line-height: 22px;
}


.homebox3 h3 a{
color: #00353A;
 
}

#homeContainer ul{
list-style-type: none;
list-style: none;
padding: 0;
}
#homeContainer ul li a{
border-bottom: 1px solid #ccc;
padding: 10px 10px 10px 0;
list-style: none;
list-style-type: none;
display: block;

 
 
	background:  url('images/argr.gif') no-repeat right center ; 
 
 
}


.fr {
float: right;
margin: 0;
}


.bizlist {
padding: 10px 0;
float: left;
border-bottom: 1px solid #ddd;
}

 .bizheaders {
 font-size: 11px;
 padding: 3px 0;
float: right;
border-bottom: 1px solid #ddd;
 }

#biztable {
margin: 10px 0 0 0;
line-height: 16px;
color: #666;
font-size: 11px;
 
}

#biztable p{
display: inline;
}


.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	text-decoration: none;
	border: 1px solid #017F8B;
	color: #017F8B;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:visited {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	text-decoration: none;
	border:1px solid #017F8B;
	color: #017F8B;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:hover {	
	border: 1px solid #666;
	color: #666;
	background-color: #FFFFFF;
}
.wp-pagenavi a:active {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	text-decoration: none;
	border:1px solid #017F8B;
	color: #017F8B;
	background-color: #FFFFFF;	
}
.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px;
	margin: 2px 2px 2px 2px;
	color: #666;
 
	background-color: #FFFFFF;
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	font-weight: bold;
	border: 1px solid #666;
	color: #666;
	background-color: #FFFFFF;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px;
	margin: 2px;	
	border: 1px solid #666;
	color: #666;
	background-color: #FFFFFF;
}

/*-----------------------  SIDEBAR MENU  ---------------------------*/
#submit{
background-color: #017F8B;
font-weight: bold;
color: #fff;
border: none;
padding: 3px 5px;
}
#bizsubmit{
margin: 15px 0 0 0 !important;
float: left;
background-color: #017F8B;
font-weight: bold;
color: #fff;
border: none;
padding: 3px 5px;
}
#hpsubmit{
background-color: #017F8B;
font-weight: bold;
color: #fff;
border: none;
float: left;
margin: 18px 0;
padding: 3px 5px;
}
.sidebarBox{
float:left;
position:relative;
background-color: #DDDDDD;
border: 1px solid #CDCDCD;
width:270px;
margin: 0px 0 20px 20px;
 
}

 #sendButton{

 
	display:block;
 
	color:#000;
	font-size:16px;
 	font-weight: bold;
	line-height:38px;
	font-family:"Verdana", "Arial", "Helvetica";
	 
	word-spacing:5px;
	padding: 0 15px;
	 
}


.sidebarBox h3{

  	display:block;
 	color:#000;
	font-size:16px;
 	font-weight: bold;
	line-height:38px;
	font-family:"Verdana", "Arial", "Helvetica";
	word-spacing:5px;
	padding: 0 15px;
	margin: 0;
	
	
	 
}
.sidebarMenu{
	 
background-color: #DDDDDD;
 
	padding:0px 15px 10px;
 	display: block;
 
	margin:0 0 10px 0;
	color: #666;
	
}

.sidebarMenu img{
	margin-bottom:5px;
	margin-top:5px;
	
}


.sidebarMenu ul{ 
	list-style-type: none;
list-style: none;
list-style-position: outside;
 
 
} 
.sidebarMenu ul li {
border-bottom: 1px solid #ccc;
padding: 15px 0;
margin: 0;
list-style: none;
list-style-type: none;
display: block;

	background:  url('images/argr.gif') no-repeat right center ; 
}

.sidebarMenu li a{
display: block;
list-style: none;
list-style-position: outside;
padding: 0;
overflow: hidden;
 
}
.sidebarMenu ul li a:hover{
	background-image:none;
	color:#55D1CD;

}

.sidebarTitle{
	position:relative;
}

.sidebarTitle h3 a{
	color:#fff;
}

.left{
	float:left;
}
.right{
	float:right;

}

.sidebarTitleLeft{
 
 
}

.sidebarTitleRight{
 
}

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


#footer{
 
	width:960px;
	display:block;
	margin: 0 auto;
	clear: both;
	background-color:#014E55;
 

}

#footerBg{
 
	background-color:#014E55;
	display:block;
  
 }
 
 
 
 .footerinfo p{
  text-align: left;
 display: inline; 
 color: #fff;
 float: left;
 
 font-size: 11px;
 }

#footerBg p{
 
}

#footerBg p a{
color: #55D1CD;
}

#footerBg p a:hover{
text-decoration: underline;}

#footerBg img{
margin-top:34px;


}

 

#footerMenu ul{
	
	text-align:left;
	font-size:12px;
	font-weight:bold;
	line-height:20px;
	float:right;
	color:#fff;
}

#footerMenu ul li{
	float:left;
	text-decoration: none;
	padding-left:10px;
	text-transform:uppercase;
	list-style:none;
}

#footerMenu ul li a{
	color:#fff;
	text-decoration: none;
	font-size:13px;
}

#footerMenu ul li a:hover{
	color:#eaeaea;
}

 
#footerLogo p{
margin-top:0px;
}
/*-------------------------BLOG PAGE-------------------------*/
.contentarea {
 float: left;
background-color: #fff;
}

.outercontent{
	 position:relative;
 	width:960px;
 
 
 	
	margin: auto;
 
}


 
#pageHeader{
	color: #000;
	width:100%;
 
}

#pageHeader h1{
	color:#602B85;
	padding: 20px 15px 5px 20px;
		font-family:"Verdana", "Arial", "Helvetica";
	font-size:25px;
	line-height:1.3em;

}

#pageHeader h5{
	color:#666;
	font-size: 12px;
	position:relative;
	top:-2px;
	padding: 0 0 10px 20px;
}

.postBox{
	margin-bottom:50px;
	height:auto;
	overflow:hidden;
}
.postBox-biz p{
display: inline;
}


.postBox-biz h1 {
margin: 20px 0 0 0;

}
.postBox p{
 
 

}
.postBox img{
padding:5px;
background-color:#FFFFFF;
border:1px solid #dadada;
margin-right:20px;
margin-top:10px;
}

.postBox img + p{
	margin-top:10px;
}

.date{
 
	color:#000;
	
}

.postInfo{
	font-size:10px;
	margin-bottom:6px;
}
#contentContainer .sociable a img {margin: 0px; padding: 0px; }
#contentContainer .sociable {margin: 0; }
#contentContainer .printemail img {margin: 0px; padding: 0px;}
.printemail a img.wp-printicon{padding: 0px; margin: 0px;}
.printemail a{margin: 0px; padding: 0px; }

.commentBubble{
	background-image:url(images/comment_bubble.jpg);
	background-repeat:no-repeat;
	width:38px;
	height:25px;
	float:right;
	color:#fff;
	text-align:center;
	font-weight:bold;
	line-height:22px;
}

.commentBubble a{
	color:#fff;
}

.moreLink{
	 display: inline;
	text-decoration:none;
	background:  url('images/argr.gif') no-repeat right 3px; 
	padding: 0 10px 0 0px;
	margin: 0 10px 0 0;

}

 .donatelink {
background: none;
margin: 10px 0 0 0;
}
 .donatelink a{
background: none;
}


.navigation{
width:100%;
height:30px;
}

.alignleft{
	float:left;
}

.alignright{
	float:right;
}

.navigation a, .commentNavigation a{
	border:1px solid #ccc;
	padding:5px;
	color:#2c2c2c;
	padding-left:10px;
	padding-right:10px;
}

.navigation a:hover{
	color:#888888;
}

.wp-pagenavi a{
border:1px solid #ccc;
	padding:5px;
	color:#2c2c2c;
	
}

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



#menu ul li ul{
     position:absolute;
     left:0px; 
	 top:35px;  
  
     margin:0;
	 padding:0;   
     float:left;  
     width:170px;  
 
	 z-index:100;
	 height:auto;
	 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;
	color:#fff;
	background-color:#017F8B; 
	line-height:2.5em;
	margin:0px;
 
	font-size:13px;
	font-family:"Arial";
 
 	padding: 0 0 0 10px;
	text-transform:capitalize;
	font-weight:normal;
}




#menu ul li ul li ul   {
  position:absolute;
    margin: 0 0 0 40px;
	 top:0px;  
  
    
	 padding:0;   
     float:left;  
     width:170px;  
 
	 z-index:100;
	 height:auto;
	 visibility:hidden;
}


#menu ul li ul li ul li a{
 background-color: #ddd;
 color: #666;
}
#menu ul li ul li a:hover {
 
	background: #017F8B url('images/argr.gif') no-repeat left center;
	
	}
#menu ul li.current_page_parent a{
	color:#fff;
	background-color:#017F8B;
}

#menu ul li.current_page_parent ul li a{
	color:#fff;
	background-color:#017F8B;
}

#menu ul li ul li.current_page_item  a{
	color:#fff;
		background: #017F8B url('images/argr.gif') no-repeat left;
		padding: 0 0 0 10px;
}

#menu ul li.current_page_item ul li  a{
color:#fff;
 			padding: 0 0 0 10px;
			background: none;
}

#menu ul li.current_page_parent ul li a:hover,#menu ul li.current_page_item ul li a:hover{
	color:#fff;
		 	background: #017F8B url('images/argr.gif') no-repeat left;
		padding: 0 0 0 10px;
 }

.hover{
	color:#fff;
 }



/*--------------------SINGLE PAGE STYLES------------------------*/

.pageContainer img{
padding:5px;
background-color:#FFFFFF;
border:1px solid #dadada;
margin-right:20px;
}

/*---------------------------- CONTACT PAGE ----------------------------*/
.input{
	width:300px;
	height:24px;
	border:1px solid #b0a4a4;
	background-color:#fff;
	padding-top:8px;
}

.textArea{
	height:205px;
	padding-top:0px;
	font-family:Arial;
	font-size:12px;
	padding-top:8px;
	padding-bottom:8px;
}

#sendButton{
	width:80px;
	height:35px;
	margin-bottom:-5px;
	border:1px solid #999999;
	border-top:0px;
	
}

.errorMessage{
	color:red;
}

.borderImg{
	padding:5px;
	background-color:#FFFFFF;
	border:1px solid #dadada;
}


#submitForm{
	margin-top:40px;
}


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


div.wrapper {
	 
	width:660px;
	height:230px;
	padding:0px;
	position: relative;
	overflow: hidden;
}

ul.wrapper  {
 display: block;
  padding:0px;
  margin: 0px;
  list-style: none;
}
.wrapper li {
 display: block;
  float: left;
  padding: 0;
}
.wrapper  a {
  display: inline;
  text-decoration: none;
}
.articleHolder {
	width:660px;
	height:230px;
	float:left;
	display:inline;
	margin:0px;  
}

#leftArrow{
	border:0px;
	background-image:url(images/left_arrow.png);
	background-repeat:no-repeat;
	width:25px;
	height:40px;
	 float: left;
	margin: 0 0 0 15px;
}

#leftArrow p{
padding: 0 0 0 30px;
color: #fff;
font-weight: bold;
margin: 7px 0 0 0;
}
#rightArrow{
	border:0px;
	background-image:url(images/right_arrow.png);
	background-repeat:no-repeat;
	width:25px;
	height:40px;
 	float: right;
	margin: 0 10px 0 0;
}

#rightArrow p{
 
color: #fff;
font-weight: bold;
margin: 7px 0 0px -35px;
}
/*--------------------ALT PAGE------------------------*/

.fullWidthContainer{
	position:relative;
	min-height:400px;
	height:auto;
	width:1000px;
	float:left;
	padding-top:50px;
	padding-bottom:50px;
}

.contentBoxs{
margin: 0px -40px 0px 0px;

}

.contentBoxs h3 span{
position:relative;
top:-10px;
left:15px;
text-transform:capitalize;

}

.servicesIcon{

float:left;
max-height:50px;
}

.contentBox{
float:left;
width:380px;
margin-right:40px;
margin-left:30px;
margin-bottom:30px;
}
.contentBox h3 a{
	color:#2c2c2c;
}

.pairWrapper{
	width:100%;
	height:auto;
	overflow:auto;
}

#bigBox{
float:left;
}

#bigBox h3 a, #bigBox  h3 a:hover{
	color:#2c2c2c;
}


#bigBoxLeft{
width:635px;
float:left;

}

#bigBoxRight{
margin-left:50px;
float:left;

}

#bigBoxRight img{
	margin-top:5px;
	margin-bottom:5px;
	padding:4px;
	background-color:#FFFFFF;
	border: 1px solid #deded6;
}

.check{
float:left; 
margin-right:5px;
margin-top:7px;

}

.testimonials{

font-style:italic;
font-size:13px;

}


.search{
	width:170px;
	height:20px;
	padding:0px;
	margin:0px;
	margin-bottom:3px;
}

#searchButton{
	position:relative;
	top:2px;
}


/*--------------------------------COMMENTS-----------------------------*/


.commentContainer{
background-color: #DDDDDD;
border: 1px solid #CDCDCD;
margin-top:20px;
 
padding:0px;
width:600px;
margin-left:-20px;
}

.comentBox{
background-color: #DDDDDD;
border: 1px solid #CDCDCD;
padding:20px;
width:558px;
min-height:140px;
overflow:auto;

}

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

}
.commentAutor{
float:left;
}

.commentAutor p{
	margin-top:0px;
	margin-bottom:0px;
}

.avatar{
	margin-bottom:0px;
}

.ComentAutorName{
font-size:12px;
}

.commentDate{
font-size:10px;
}

.comentBoxAdmin{
 }

.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 span{
	position:relative;
	top:-2px;
}

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

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

.commentFormTitle{
	font-size:12px;
	font-family:Arial;
	font-weight:bold;
}

/* =Menu
-------------------------------------------------------------- */
#access .menu-header{
	
 	font-family: Arial, Helvetica, sans-serif;
	 background-color: #017F8B;
	 border-top: 1px solid #49B68C;
	 border-bottom: 1px solid #49B68C;
	 width: 950px;
	 margin: 0 auto;
	 
	 height: 36px;
	 padding-left: 10px;
}
#access {
	height:36px;
	clear: both;
	margin: 0 auto;
	width:960px;
	display: block;
	

}
#access .menu-header,
div.menu {
	font-size: 13px;
	
	width: 950px;
}
#access .menu-header ul,
div.menu ul {
	list-style: none;
	margin: 0;
	 background-color: #017F8B;
}
#access .menu-header li,
div.menu li {
	float: left;
	position: relative;
}
#access a {
	 color:#fff;
	display: block;
	line-height: 38px;
	padding: 0 10px;
	text-decoration: none;
	font-size:13px;
	font-weight:bold;
}
#access ul ul {
	
	display: none;
	position: absolute;
	top: 38px;
	left: 0;
	float: left;
	width: 180px;
	z-index: 99999;
	background-color: #017F8B;
}
#access ul ul li {
	min-width: 180px;
}
#access .menu-header ul ul ul {
	left: 100%;
	top: 0;
	background:#DDD;
	}
#access .menu-header ul ul ul a{
font-weight: normal;		
 color: #666;
}
#access .menu-header ul ul ul a:hover{
font-weight: bold;		
 color: #fff;
}
#access ul ul a {
	
	line-height: 1em;
	padding: 10px;
	width: 160px;
	height: auto;
}
#access li:hover > a
 {
	/*background: #333;
	color: #fff;*/
	
	 color:#fff;
	background: #017F8B url('images/argrs.gif')  no-repeat bottom;
	font-weight: bold;
}
#access ul ul :hover > a {
	/*background: #333;
	color: #fff;*/

	 color:#fff;
	background: #017F8B url('images/argr.gif')  left center no-repeat ;
	font-weight: bold;
}



#access ul li:hover > ul {
	display: block;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
		color:#fff;
 
	background: #017F8B url('images/argrs.gif') no-repeat bottom;
}
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
	color: #fff;
}


