/* CSS Document */

body {
background:url(../images/bk.gif) repeat-x top #505052;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:9pt;
}

p{
margin:0 0 10px 0;
line-height:120%;
color:#233244;
font-family:Arial, Helvetica, sans-serif;
font-size:9pt;
text-align:justify;
padding: 0;
}

#wrapper {
width:790px;
position:relative;
margin:15px auto 0 auto!Important;
margin/**/:0px auto 0 auto;
}

#header{
width:790px;
height:150px;
}

#logo {
background:url(../images/logo.gif) top left no-repeat;
width:360px;
height:129px;
float:left;
}

#head {
width:430px;
height:34px;
padding-top:94px;
background:url(../images/grad.gif) top right no-repeat;
float:right;
}

#menu {
width:420px;
height:33px;
background:url(../images/mm_bk.jpg) repeat-x bottom #939297;
border-bottom:#818284 solid 1px;
padding:0 0 0 10px;
}

#menu-sec {
width:770px;
padding:3px 10px;
text-align:right;
float:right;
background:#20293C;
}


#body{
	width:770px;
	position:relative;
	background:url(../images/bd-bk.gif) repeat-x top left #a6a7a8;
	margin:0;
	padding:10px;
}

#footer{
width:790px;
height:37px;
}

#foot-menu{
width:688px;
height:29px;
padding:8px 0 0 8px; 
float:left;
background:#3E4447;
text-align:left;
}

#foot-top{
width:94px;
height:37px;
float:right;
}

#icon-eldomo {
width:790px;
height:80px;
margin-top:10px;}

#icon-eldomo a:link, #icon-eldomo a:visited, #icon-eldomo a:active, #icon-eldomo a:hover {
text-align:center;
color:#707070;
text-decoration:none;
font-weight:normal;
font-size:8pt;}

.foot {
color:#bbb;
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
padding: 2px 8px;
}

a:link, a:visited {
font-family::Arial, Helvetica, sans-serif;
color:#bbb;
font-weight:normal;
text-decoration: underline;
font-size:8pt;
}

#text {
width:750px;
background:url(../images/square.gif) top left no-repeat #7B8288;
padding:10px;
}

.textbox {
width:430px;
float:left;
padding-left:20px
}

.textbox-r {
width:430px;
float:right;
padding-right:20px;
}

.box {
background:#fff;
border:1px solid #bbb;
padding: 0 10px;
text-align:justify;
position:relative;
}
.box p {
color:#21497B;
font-weight:bold;
font-size:9pt;
text-transform:uppercase;
font-variant:small-caps;
}

h3 {
color:#FFFFFF;
font-size:15pt;
text-align:left;
margin:0 0 5px 0;
padding:0;
}

input, textarea {
color:#666;
font-size:8.5pt;
font-family:Arial, Helvetica, sans-serif;
}

.button{
background:#474749;
color:#CECFD1;
padding:2px;
border-bottom:1px solid #B7B7B9;
border-top:1px solid #B7B7B9;
border-left:none;
border-right:none;
float:right;
}

.button:hover{
background:#5F5F61;
}

/*menu items*/

a.mm-home, a.mm-home:link, a.mm-home:visited, a.mm-home:active{
width:91px;
height:33px;
background:url(../images/mm_home.jpg) top no-repeat;
text-indent:-999em;
display:block;
float:left;
margin-right:2px;
overflow:hidden;
}

a.mm-home:hover {
background:#CC0000 url(../images/mm-hover_home.jpg) top no-repeat;
overflow:hidden;
}

a.mm-bio, a.mm-bio:link, a.mm-bio:visited, a.mm-bio:active {
width:91px;
height:33px;
background:url(../images/mm_bio.jpg) top no-repeat;
display:block;
text-indent:-999em;
float:left;
margin-right:2px;
overflow:hidden;
}

a.mm-bio:hover {
background:url(../images/mm_hover-bio.jpg) top no-repeat;
overflow:hidden;
}

a.mm-port, a.mm-port:link, a.mm-port:visited, a.mm-port:active {
width:91px;
height:33px;
background:url(../images/mm_portfolio.jpg) top no-repeat;
text-indent:-999em;
display:block;
float:left;
margin-right:2px;
overflow:hidden;
}

a.mm-port:hover {
background: url(../images/mm-hover_portfolio.jpg) top no-repeat;
overflow:hidden;
}

a.mm-contact, a.mm-contact:link, a.mm-contact:visited, a.mm-contact:active {
width:91px;
height:33px;
background:url(../images/mm_contact.jpg) top no-repeat;
text-indent:-999em;
display:block;
float:left;
margin-right:2px;
overflow:hidden;
}

a.mm-contact:hover {
background: url(../images/mm-hover_contact.jpg) top no-repeat;
overflow:hidden;
}

.featured {
color:#FFFFFF;
font-size:8.5pt;
text-transform:uppercase;
font-variant:small-caps;
padding:10px;
background:#000000;
display:block;
}


/*HACKS*/

.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }

.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}

.clearfix{display: block;}

/* End hide from IE-mac */