/* Structure */

body    { 
	background: #E8E8E0; 
	text-align: center; 
	margin: 0 auto; 
	padding: 0; 
	border: 0;
	width: 665px; 
	}
	
#container {
	margin: 0 0 0 0;
	padding: 0;
	background-color: #fff;
	border: 1px solid #BABABA;
	width: 665px !important;
	}

#header { 
	background: url("images/mbc_logo_bg6.gif") no-repeat; 
	margin: 0; 
	padding: 0; 
	height: 126px
	}
	
#outline {
	position: relative;
	height: 322px;
	width: 500px;
	border: 1px solid #CCCCCC;
	margin-left: 60px;
	margin-right: 60px;
	margin-top: 30px;
	background-color: #FFFFFF;
	padding-top: 12px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 539px;	
	}
	
#header2 {
	margin: 0;
	padding: 0;
		}
		

#pos {
	position: relative;
	margin: 0;
	padding-top: 15px;
	padding-bottom: 30px;
	border: 0;
	text-align: left;
	width: 539px;
	}
	
	

#left { 
	position: relative;
	margin-left: 20px;
	width: 332px;
	}
	
	
#right { 
	position: absolute;
	top: 6px;
	right: 5px;
	padding-top: 8px;
	width: 170px;	
	margin-left: 280px;
	}
	

	
/* Douglas Bowman's offset header: http://www.stopdesign.com */
#logo {
  background:none;
  background-color:transparent;
  float:left;
  display:block;
  width:175px;
  height:35px;
  margin:25px 0 0;
  padding:0;
  text-indent:-10000px;
  border-width:0;
  text-decoration:none;
  }	
	
#topnav {
	margin: 0;
	padding: 0;
	height: 85px;
	}

#content       { 
	margin: 0; 
	padding: 0 
	}
	
#footer        {
	margin: 0;
	padding: 0
	} 
	
img {
	border: 0px;
	}	


	
	
/* Navigation*/


#nav {
	margin: 0 0 0 0;
	padding: 0 0 0 225;
	height: 22px;
    list-style: none;
    overflow: hidden;
	}
	
#nav li {
	margin: 0; 
    padding: 0;
    display: inline;
    list-style-type: none;
    }

#nav a {
	float: left;
    padding: 22px 0 0 0;
    overflow: hidden;
    height: 0px !important; 
    height /**/:22px; /* for IE5/Win only */
    }
        
#nav a:hover {
    background-position: 0 -22px;
    }

#nav a:active, #nav a.selected {
    background-position: 0 -44px;
    }	
        
#thome a          { background: url("images/home.gif") no-repeat left top; width: 84px }   
              
#tportfolio a          { background: url("images/portfolio.gif") no-repeat left top; width: 97px }
                 
#tclients a          { background: url("images/clients.gif") no-repeat left top; width: 97px } 

#tcontact a          { background: url("images/contact.gif") no-repeat left top; width: 97px }         
	
	
#levels {
	margin: 0; 
	padding: 0;
	font-family: Arial, Helvetica, san-serif;
	font-size: .65em;
	}
	
#levels ul {
	border: 0px;
	margin: 0px;
	padding: 25 0 0 10px;
    clear: left;
	voice-family: "\"}\"";
	voice-family: inherit;
 	 padding: 35 0 0 10px;
   	}
	
#levels ul li {
	display: block;
	float: left;
	margin: 0px; 
    padding: 0 10 0 0px;
    }
   
#levels ul li a {
    background: #fff;
	width: 17px;
	height: 17px;
	border: 1px solid #3281B2;
	padding: 0;
	margin: 0 0 10px 0;
	color: #3281B2;
	text-decoration: none;
	display: block;
	text-align: center;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 1.5em;
	}   
    
#levels ul li a:hover  { 
	color: #fff; 
	background: #3281B2 }
    
#levels a:active	{
	color: #fff;
	background: #3281B2;
	} 

body#p1 #levels li#one a,
body#p2 #levels li#two a,
body#p3 #levels li#three a,
body#p4 #levels li#four a {
	background: #3281B2;
	color: #fff;
	font-weight: bold;
	}
	
#close {
	clear: both;
	text-align: center;
	border: 0px;
	margin: 0px;
	height: 54px;
	padding: 8 18 0 40px;
	font-family: Arial, Helvetica, san-serif;
	font-size: .65em;
	}

#close a {
    background: #f2f2f2;
	border: 1px solid #d4d4d4;
	padding: 0 4 0 4px;
	margin: 0;
	color: #3281B2;
	text-decoration: none;
	display: block;	
	text-align: center;
	font-weight: normal;
	line-height: 1.5em;
	}   

#close a:hover {
	color: #fff; 
	background: #3281B2 ;
	border: 1px solid #3281B2;
	}
	
	
/* Typography */

.desc {
	margin: 0; 
	padding: 0 20 0 10px;
	height: 39px;
	color: #999999;
	font-family: Arial, Helvetica, san-serif;
	font-size: .65em;
	line-height: 15px;
	}
	
.desc a {
	color: #3281B2;
	text-decoration: none;
	}
.desc a:hover {
	text-decoration: underline;
	}
	
.desc_title {
	margin: 0; 
	padding: 0 20 0 10px;
	height: 16px;
	color: #333333;
	font-family: Arial, Helvetica, san-serif;
	font-size: .65em;
	line-height: 15px;
	}
	
/* Misc spacing */

#vs15 {
	margin-top: 15px;
	padding: 0px;
	border: 0px;}
		
#vs30 {
	margin-top: 30px;
	padding: 0px;
	border: 0px;}
	
#vs40 {
	margin-top: 40px;
	padding: 0px;
	border: 0px;
	}	
	
#vs45 {
	margin-top: 45px;
	padding: 0px;
	border: 0px;}
	
	
#vs60 {
	margin-top: 60px;
	padding: 0px;
	border: 0px;
	}	




/* Typography */

p  { 
	color: #666666; 
	font: 13px/1.5 Arial, Verdana, sans-serif; 
	text-align: left; 
	margin: 0; 
	padding: 0; 
	border: 0 
	}

#hp1 p {
	margin-top: 15px;
	margin-left: 0px;
	}+

#cl1 p {
	color: #666666; 
	font: 13px/1.4 Arial, Verdana, sans-serif; 
	text-align: left; 
	margin: 0; 
	padding: 0; 
	border: 0 }
	
.copy {
	margin: 0;
	padding: 25 0 0 0px;
	border: 0;
	font: 10px Arial, Verdana, sans-serif;
	color: #999999;
	line-height: 1;
	text-indent: 410px;
	letter-spacing: 0.3pt;
	vertical-align: bottom;
	}

#col1 ul, #col2 ul, #col3 ul {
	font: .75em Arial, Verdana, sans-serif;
	color: #666666;
	}

#col1 li#blt_1, #col2 li#blt_1        { list-style-type: circle; list-style-image: url("images/blt_c.gif"); margin-top: 15px }

#col1 li#blt_2, #col2 li#blt_2        { list-style-type: circle; list-style-image: url("images/blt_m.gif"); margin-top: 15px }

#col1 li#blt_3, #col2 li#blt_3        { list-style-type: circle; list-style-image: url("images/blt_y.gif"); margin-top: 15px }

#col1 li a, #col2 li a {
	color: #666666;
	text-decoration: none;
	}
	
#col1 li a:hover, #col2 li a:hover {
	text-decoration: underline;
	}	
		
	/*contact info all pages*/	

#contactInfo    {
	height: 45px;
	width: 665px;
	position: relative;
	background-image: url(images/contactinfo_bkgrd6.gif);
	background-repeat: no-repeat;
}

#menu   {
	margin: 0;
	padding: 0;
	width: 665px;
	height: 23px;
	list-style-type: none;
	overflow: hidden;
}


#menu   li  {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: inline;
}


#menu a {
	float: left;
	height: 0px;
	padding-top: 23px;
	overflow: hidden;
}

#menu a:hover {
	background-position: 0 -23px;
}


#menu a:active, #menu a:selected {
	background-position: 0 -46px;
}

	

#phone a  {background: url("images/phone8.gif") no-repeat left top; width: 170px }   

#url a {background: url("images/url11.gif") no-repeat left top; width: 260px } 
  
#email a {background: url("images/email10.gif") no-repeat left top; width: 200px }