/* CSS Document */
/* WebSpec Design */
/* Author: Dan Good */


/*--catch all hidden tag to hide headers and other info--*/
.hidden{ 
	display:none;
}

body{
	background-color:#CFECF2;
}

/*-----------------------------main container of the page-------------------*/
.container{
	width:881px;
	position:relative;
	margin: 0px auto;
}
.main{
	float:left;
	width:881px;
}
.body{
	float:left;
	width:881px;
	background-color:#FFFFFF;
	background-image:url(images/pageback.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	padding-bottom:25px;
}
.pagebar{
	width:881px;
	height:115px;
	float:left;
}
.pagetitle{
	width:450px;
	margin-right:418px;
	text-align:left;
	float:left;
	margin-bottom:10px;
	padding-top:20px;
	padding-left:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	border-bottom:2px dotted;
	padding-bottom:2px;
}
#main_top {
	font: lighter 18px Arial, Helvetica, sans-serif;
	margin-left: 20px;
	margin-top: 20px;
	text-align: center;
}

/***************************************************************LEFT************************************************/
.leftside{
	width:200px;
	float:left;
	padding-left:15px;
}
.aboutpicinfo{
	float:left;
	padding-top:20px;
	width:100px;
	height:100px;
}
.leftinfo{
	font-size:11px;
	line-height:1.5;
	text-align:left;
	float:left;
	padding-top:30px;
	padding-left:5px;
	width:95px;
	height:100px;
}
.leftabout{
	text-align:left;
	font-size:11px;
	line-height:1.5;
	font-family:Arial, Helvetica, sans-serif;
}

/***************************************************************MIDDLE**********************************************/
.middle{
	width:380px;
	margin-left:10px;
	float:left;
}
.rightpagetitle{
	color:#636363;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	width:380px;
	height:25px;
}

.righttext{
	text-indent:15px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:5px;
	font-size:12px;
}
/************************************************************RIGHT**************************************************/
.rightside{
	width:163px;
	margin-left:20px;
	position:relative;
	float:left;
}

/**************************************** SHERPA BOX AREA **********************************************************/

.sherpabox{
	float:left;
	width:163px;
	background-image:url(images/sherpaback.gif);
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
}
.sherpaline{
	width:130px;
	margin-left:10px;
}
.sherpatitle{
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	font-stretch:extra-expanded;
	padding-left:12px;
	text-shadow:#CCCCCC;
	text-decoration:none;
}
.sherpa{
	text-align:left;
	padding:10px 10px 10px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:1.7;
}
.sherpalink{
	text-decoration:none;
	color:#B4BAD4;
	font-size:11px;
	padding-left:5px;
}
.sherpalink:hover{
	text-decoration:underline;
	color:#B4BAD4;
	font-size:11px;
}
.pagelink{
	text-decoration:none;
	color:#454671;
	font-size:13px;
}
.pagelink:hover{
	text-decoration:underline;
	color:#454671;
	font-size:13px;
}
.middleheader{
	float:left;
	width:400px;
	margin-top:10px;
}
.middleheader h2{
	float:left;
	margin-left:10px;
	position:relative;
	font-size:14px;
	margin-bottom:15px;
}
.middletext{
	width:400px;
	float:left;
	margin-top:10px;
	padding-left:10px;
	padding-right:15px;
}	
.middletext img{
	float:left;
	margin-left:15px;
	margin-right:10px;
	margin-bottom:10px;
	position:relative;
	top:-10px;
	
}	
/********************************************************  SERVICES PAGE  ******************************************/
.servicesrightside{
	float:left;
	width:200px;
}
.servicesmiddle{
	margin-left:25px;
	float:left;
	width:200px;
}
.servicesleftside{
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.5;
	font-size:11px;
	text-align:left;
	float:left;
	margin-top:5px;
	margin-right:10px;
	padding-right:10px;
	padding-left:15px;
	width:440px;
}
.servicesinfo{
	font-size:11px;
	line-height:1.5;
	text-align:left;
	float:left;
	padding-top:10px;
	padding-left:25px;
	width:120px;
	height:100px;
}
.servicespagebar{
	background-image:url(images/serviceslogo.jpg);
	background-repeat:no-repeat;
	width:881px;
	height:115px;
	float:left;
	overflow:hidden;		
}
.servicespagetitle{
	color:#636363;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:300px;
	margin-right:145px;
	height:50px;
}
.servicesbody{
	float:left;
	width:881px;
	max-height:1500px;
	background-color:#FFFFFF;
	background-image:url(images/pageback.gif);
	background-repeat:no-repeat;
	background-position:-180px bottom;
}
.listitems{
	width:400px;
	float:left;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:5px;
	font-size:12px;
}


/**************** HEADER INFORMATION HAS THE HORIZONTAL MENU AND PROPERTIES ****************************************/
.header{
	background-image:url(images/logo.jpg);
	background-position:left;
	background-color:#45446E;
	overflow:hidden;
	background-repeat:no-repeat;
	width:881px;
	height:82px;
	float:left;
	text-align:left;
	margin: 0 auto;
}
.topheader{
	float:left;
	text-align:right;
	background-color:#910101;
	width:800px;
	height:20px;
}
.toplink{
	text-decoration:none;
	color:#E0852A;
	text-transform:uppercase;
	font-size:9px;
	padding-top:3px;
	padding-right:10px;
}
.toplink:hover{
	text-decoration:underline;
	color:#E0852A;
	text-transform:uppercase;
	font-size:9px;
}
.hnavMenu{
	float:left;
	width:881px;
	height:27px;
	background-color:#636363;
	margin-top:1px;
	padding-top:0px;
	border-top:#909BA1 1px solid;
	border-bottom:#909BA1 1px solid;
}

#hnav {
	width:800px;
	height:27px;
	float:left;
	display:inline;
}
div#hnav li {
	display:inline;
	}
div#hnav ul {
	margin:0;
	padding:0;
	list-style:none;
	}
div#hnav ul li {	
	float:left;
	}
div#hnav ul li a span {
	display:none;
	}
div#hnav ul li a#link-home { 
background-image:url(images/hnav_01.jpg); 
background-position:top; 
background-repeat:no-repeat; 
}
div#hnav ul li a#link-services { 
background:url(images/hnav_02.jpg); 
background-position:top; 
background-repeat:no-repeat; 
}
div#hnav ul li a#link-about { 
background:url(images/hnav_03.jpg); 
background-position:top; 
background-repeat:no-repeat; 
}
div#hnav ul li a#link-sherpa { 
background:url(images/hnav_04.jpg); 
background-position:top;
background-repeat:no-repeat; 
}
div#hnav ul li a#link-firstmovers { 
background:url(images/hnav_05.jpg); 
background-position:top;
background-repeat:no-repeat; 
}

div#hnav ul li a#link-home:hover { 
background:url(images/hnav_01.jpg); 
background-position:bottom; 
background-repeat:no-repeat;  
}
div#hnav ul li a#link-services:hover { 
background:url(images/hnav_02.jpg); 
background-position:bottom; 
background-repeat:no-repeat;  
}
div#hnav ul li a#link-about:hover { 
background:url(images/hnav_03.jpg); 
background-position:bottom; 
background-repeat:no-repeat;  
}
div#hnav ul li a#link-sherpa:hover { 
background:url(images/hnav_04.jpg); 
background-position:bottom; 
background-repeat:no-repeat;  
}
div#hnav ul li a#link-firstmovers:hover { 
background:url(images/hnav_05.jpg); 
background-position:bottom;
background-repeat:no-repeat; 
}

/* added by eduardo */
div#hnav ul li a#link-coach { 
background:url(images/hnav_07.jpg); 
background-position:top;
background-repeat:no-repeat; 
}
div#hnav ul li a#link-coach:hover { 
background:url(images/hnav_07.jpg); 
background-position:bottom; 
background-repeat:no-repeat;  
}

a#link-home {
	width:88px;
	height:27px;
	display:block;
	border-right:#909BA1 1px solid;
	}
a#link-services {
	width:106px;
	height:27px;
	display:block;
	border-right:#909BA1 1px solid;
	}
a#link-about {
	width:152px;
	height:27px;
	display:block;
	border-right:#909BA1 1px solid;
	}
a#link-sherpa {
	width:146px;
	height:27px;
	display:block;
	border-right:#909BA1 1px solid;
	}		
a#link-firstmovers {
	width:134px;
	height:27px;
	display:block;
	border-right:#909BA1 1px solid;
	}	

a#link-coach {
	width:212px;
	height:27px;
	display:block;
	border-right:#909BA1 1px solid;
	}		
	
	
/*------FOOTER--------------------------------------------------------------------FOOTER--------------*/

.footer{
	border-top:#909BA1 1px solid;
	text-align:left;
	background-color:#636363;
	width:868px;
	height:20px;
	color:#FFFFFF;
	padding-top:10px;
	padding-left:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	float:left;
	clear:both;
}

.webspeclink{
	color:#CDCDCD;
	text-decoration:none;
}
.webspeclink:hover{
	color:#CDCDCD;
	text-decoration:underline;
}
.copy{
	background-color:#636363;
	text-align:left;
	width:424px;
	float:left;
}
.webspec{
	background-color:#636363;
	text-align:right;
	width:434px;
	float:left;
}