/* Layout Stylesheet */ 
body {
margin: 23px 0 0; 
font-size: 1em; 
background: #101010;
text-align: center; 
padding: 0; 
z-index: 0; 
border : none; 
background:url(../images/bg.jpg); 
background-repeat: repeat-x; 
outline: none;
}
#outerlayer {
width: 960px; 
height: 100%; 
margin: auto;
padding: 0px 0px 0px 0px;
z-index: 4; 
} 
#logo {
position : relative; 
top : 21px; 
left: 15px;
text-align : left; 
float : right; 
width : 66px; 
height : 58px; 
z-index : 6; 
/*border: 1px red solid;  */
background:url(../images/mobobo-logo.png); 
background-repeat: no-repeat; /**/
} 
#mobobo {
display: inline;
clear: none;
padding: 0px 0px 0px 0px; 
margin: 42px 0px 0px 0px;
position : relative; 
text-align : left; 
float : left; 
z-index : 1; 
} 
#imageheader {
position : relative; 
display: inline;
float: left;
padding: 0px 0px 0px 0px; 
margin: 3px 0px 0px 0px;
width : 940px; 
height: 188px;
z-index : 1; 
}
.header {
text-align: center;
clear: none;
float: left;
position: absolute;
padding: 0px 0px 0px 75px; 
margin: 0px 0px 0px 0px;
z-index : 3; 
}

.skills{
clear: left;
float: left;
margin : 10px 0px 20px 5px; 
padding: 0px 0px 0px 0px; 
width: 65%;
}
.moreabout{
clear: both;
display: inline;
text-align: center;
float: right;
margin: 6px 20px 10px 0px; 
padding: 0px 0px 0px 0px; 	  /*   3. bottom 4.from left*/
text-align : left; 
width: 300px;		
font-size : 12px;
font-weight: bold;
color: #666666; 
font-family: Arial, sans-serif; 
line-height: 1.6em; 
}

.box_1 {
margin: 10px 0px 55px 0px;  /* top right bottom left */
padding:0px 20px 0px 0px; 
float:left;
width: 300px;
/*border: 1px red solid;  */
}

.box_2 {
margin: 10px 0px 55px 0px; 
padding:0px 20px 0px 0px; 
float:left;
width: 300px;
/*border: 1px red solid;  */
}

.box_3 {
margin: 10px 0px 55px 0px; 
padding:0px 20px 0px 0px; 
float:left;
width: 300px;
/* border: 1px red solid; */
}
#maincontainer {
float: left;
display: block;
clear: both;
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px;
width: 960px; 
z-index: 10; 
} 
#services {
float: left;
display: block;
clear: none;
margin: 60px 0px 0px 0px; 
padding: 0px 0px 50px 0px;
width: 960px; 
z-index: 1; 
/* border: 1px red solid;  */
} 

#footbg{
position: relative;
background: #101010;
/* border: 1px red solid;*/
clear: both;
width: 100%;
padding: 0px 0px 0px 0px;	
margin: 0px 0px 8px 0px; 
height: 350px;
text-align: center;
}
#foot{
border: 1px #101010 solid;/* */
clear: none;
width: 960px;
padding: 0px 0px 0px 0px;	
margin: auto; 
/*border: 1px #101010 solid; */
text-align: center;
}

#footer {
position: relative;
background: #101010;
background:url(../images/footerbg.png) no-repeat;
padding: 0px 0px 0px 0px;	
margin: -33px 0px 0px 0px;	
text-align: center;
height: 300px;

}
.foobox {
position: relative;
width: 700px;
margin: -263px 0px 0px 130px; 
clear: none;
padding: 0px 0px 0px 0px; 
float:left;
/*border: 1px red solid;
*/
}


#email{
border: 1px red solid;
}