/* CSS for consult.angelrafael.com */

/* Page wide styles */
body{
	background: #222222;
	color: #ffffff;
}

ul, ol{
	margin-left: 30px;
}





/* IDs */
#title{
	height: 110px;
	width: 700px;
	background: #222222;
	color: #ffffff;
	margin: auto;
}

#title-img{
	width: 426px;
	height: 100px;
	background: url('../images/title.png') no-repeat 0 10px;
	text-align: right;
	float: left;
}

#emailIco
{ 
	float: left;
	vertical-align: text-bottom;
	padding-right: 5px;
}

#cellIco
{ 
	float: left;
	vertical-align: text-bottom;
	padding-right: 12px;
}



#title-text{
	float: right;
	width: 230px;
	padding-top: 10px;
	display: none;
}


#menubar{
	width: 100%;
	height: 20px;
	background: #222222;
	color: #ffffff;
}

#menuwrap{width: 100%; display: none;}
.menu{
	width: 700px;
	margin: auto;
}

.menu li{
	display: inline;
	list-style-type: none;
	padding-right: 30px;
	width: 30px;
}

.menu a:link, .menu a:visited, .menu a:hover, .menu a:active {
	color: #ffffff;
	text-decoration: none;
}


#main{
	background: #ffffff;
	color: #000000;
	width: 100%;
}

#con1{width: 100%;}
#content1{
	width: 700px;
	margin: auto;
	padding-top: 5px;
}

#con2{width: 100%; display: none;}
#content2{
	width: 700px;
	margin: auto;
	padding-top: 5px;
	
}

#c2left{
	width: 500px;
}

.floatright
{
float: right;
margin: 0 0 10px 10px;
clear: right;
}


#footer{
	padding-top: 10px;
	width: 100%;
	background: #222222;
	color: #ffffff;
	line-height: 1.0;
	font-size: 80%;
}


#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
	color: #ffffff;
}


#footerContent{
	width: 700px;
	margin: auto;
}

#footer ul{
	margin-left: 5px;
	list-style-type: none;
}


#foot1{
	width:200px;
	height: 150px;
	float: left;
	
}

#foot2{
	width: 300px;
	height: 150px;
	float: left;
	
}

#foot3{
	width: 200px;
	height: 150px;
	float: right;
	
}

#footerBottom{
	width:700px;
	clear: both;
	margin: 0px auto;
	text-align: center;
}

/* Generic classes */