/* 
	xhtml & css
	Date: 05/19/2009.
	Modified: 05/19/2009
	Author: Andres Basso

**/

/* Basics */
*{
margin: 0;
padding: 0;
}
body, html{
width: 100%;
cursor: default;
font-family: Helvetica, Arial, Verdana, sans-serif;
padding: 0px 0 10px 0;
background: #ebf7f5;
color: #332a86;
}
a{cursor: pointer;}
a:active{outline: 0 !important;}
a img{border: none;}
abbr, acronym{cursor: help; border: none;}
hr{display: none;}
label{cursor: pointer;}
select option{padding: 1px 2px 0 5px;}
table{border-spacing: 0; border-collapse: collapse;}
ul{list-style: none;}

/* Structure */
#container{
width: 1024px;
margin: 0 auto 0 auto;
}

#container h1{
    height: 0;
    display: block;
    float: left;
		text-indent: -9999px;
}

#header{
height: 195px;
width: 800px;
margin: 0 100px 0 124px;
background: url('../images/MCader_logo.jpg') no-repeat left top;
}

  #header h1{
	display: block;
	text-indent: -9999px;
	}
	
  #header a{
	display: block;
	outline: 0;
  height: 100px;
  width: 358px;
  padding-top: 70px;
  text-indent: -9999px;
	}
	



#menu{
  height: 20px; 
  margin: 0 100px 66px 120px;
}

#menu ul li{
float: left;
}

#menu ul li a {
display:block;
outline:0;
text-indent:-9999px;
height: 20px;
}


#menu ul li a {
display:block;
height:20px;
outline:0;
text-indent:-9999px;
}
#menu ul #b1 a {
background:transparent url(../images/but_who.jpg) no-repeat scroll left top;
width:119px;
}
#menu ul #b2 a {
background:transparent url(../images/but_what.jpg) no-repeat scroll left top;
margin-left:85px;
width:138px;
}
#menu ul #b3 a {
background:transparent url(../images/but_client.jpg) no-repeat scroll left top;
margin-left:85px;
width:130px;
}
#menu ul #b4 a {
background:transparent url(../images/but_how.jpg) no-repeat scroll left top;
margin-left:85px;
width:159px;
}

			
#menu ul #b1 a:hover, #menu ul #b1 a:focus, #s1 #menu ul #b1 a{background-position: left bottom;}
#menu ul #b2 a:hover, #menu ul #b2 a:focus, #s2 #menu ul #b2 a{background-position: left bottom;}
#menu ul #b3 a:hover, #menu ul #b3 a:focus, #s3 #menu ul #b3 a{background-position: left bottom;}
#menu ul #b4 a:hover, #menu ul #b4 a:focus, #s4 #menu ul #b4 a{background-position: left bottom;}

#content{
  margin: 0 100px 150px 120px;  
  }
		
#testimonial{
float: left;
display: block;
width: 221px;
padding: 10px 0px 10px 0px;
font-weight: normal;
font-size: .8em;
line-height:1.5em;
font-style: italic;
}

#testimonial #name{
text-align: left;
font-size: 1em;
font-weight: normal;
padding-top: 10px;
float: right;
font-style: normal;
}    	

#testimonial #name #hyphen{
margin-left:-10px;
float:left; 
}	

#sidebar{
display:block;
float: left;
width: 280px;
height: 405px;
background:url(../images/home_decoration.jpg) left top;
}

#colorbullet{
display:block;
width:10px;
height:10px;
float:left;
margin-top:5px;
margin-right:5px;
text-indent: -9999;
}

#s1 #colorbullet{
background-color: #02b5a5;
}

#s2 #colorbullet{
background-color: #f0575c;
}

#s3 #colorbullet{
background-color: #67ad45;
}

#s4 #colorbullet{
background-color: #f99d1c;
}

#info{
margin: 0 0 50px 30px;
display: block;
float: right;
width: 520px;
min-height: 350px;
border-left: 1px solid #332a86;
padding-left: 30px;
	}
		
		#info p{
		font-size: .8em;
		line-height: 1.4em;
		margin-bottom: 10px;
		}


	#s0 #info{
	border-left: 0px;
  display: block;
  float: right;
  width: 520px;
  margin: 0 0 0 0;
  min-height: 350px;
  padding-left: 0px;
  	
	}
  	
  	#s0	#info p{
		font-size: 1.4em;
		line-height: 1.6em;
		}
		
		#s4 #info{
		min-height: 450px;
    }

#info .internal_title{
font-size: 1.2em;
font-weight: bold;
margin-bottom: 10px;
margin-top: 20px;
}

#info .internal_title span{
font-weight: normal;
}

#info #margiepic{
float: left;
padding: 0 25px 100px 0;
} 

#info ul li{
font-size: .8em;
line-height: 1.4em;
margin-bottom: 8px;
}

#info ul li a{
color: #005cda;
text-decoration: none;
font-size: 1em;
line-height: 1.4em;
}

#info ul{
margin-left: 30px;
list-style-image: url('../images/ulbullet.jpg');
}
		
#highlight_text{
display: block;
margin-bottom: 25px;
text-indent: -9999px;
width: 520px;
height: 80px;
outline: 0;
background: url('../images/who_text.jpg') no-repeat left top;
}

.pagetitle{
height: 80px;
width: 220px;
margin: 0 0 60px 0;
display: block;
outline:0;
text-indent:-9999px;
}

#s1 .pagetitle{
background: url('../images/who_title.jpg') no-repeat left top;
}

#s2 .pagetitle{
background: url('../images/what_title.jpg') no-repeat left top;
}

#s3 .pagetitle{
background: url('../images/client_title.jpg') no-repeat left top;
}

#s4 .pagetitle{
background: url('../images/how_to_title.jpg') no-repeat left top;
}
		
					

#footer{
height: 80px;
width: 1000px;
margin: 0 auto 0 auto;
clear: both;
}

  #footer #footerlinks{
  font-size: 0.75em;
  line-height: 4em;
  text-align: center;
  }
  
  	#footer #footerlinks a{
  	padding: 0 10px 0 10px;
    color: #332a86;  	
		text-decoration: none; 
		}
			#footer #footerlinks a:hover,
			#footer #footerlinks a:focus{
			text-decoration: underline;
			}
  
	#footer p{
	font-size: 0.75em;
	text-align: center;

	}
			


#info a{
color: #332a86;
text-decoration:none;
}

#info a:hover, #info a:focus{
text-decoration:underline;
}

#scroller{
margin: 35px auto 0 160px;
}

#scroller #title{
color: #FFFFFF;
display:block;
background-color:#9398cc;
padding: 5px 0 0 10px;
height:25px;
width:190px;
font-size: 0.9em;
}

/* Classes */		
		

.table{
display: table;
}




.clear{clear: both;}