/* Ivo Ezeta designer */
/* For Bluebird Media, Knoxville TN */
/* bluemediaboutique.com */
@charset "UTF-8";

/* Layout */
body  { 
	margin: 0px; 
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. */
	}
#homebranding{
		float: left;
		width: 400px;
		text-align: left;
		background-repeat: no-repeat;
		background-image: url(/imgs/mbw-logo-home2.gif);
	}	
	
#homebrand{
		margin-bottom: 20px;
		margin-top: 20px;
		background-position: center;
		height: 462px;
		float: none;
		width: 100%;
		text-align: center;
		background-repeat: no-repeat;
		background-image: url(/imgs/mbw-logo-home.gif);
	}	
	
.homegray{
		text-decoration: none;
		font-size: 80%;
		color: #8b8b8b;
		text-align: left;
	}	
	
#homerightbar{
	width: 250px;
	margin-left: 500px;
	text-align: left;
	font-size: 110%;
}	
	
#container { 
	margin-left: auto; 
	margin-bottom: 38px; 
	margin-right: auto; 
	margin-top: 38px; 
	text-align: left; 
	width: 786px; 
	} 
#header{
	height: 136px;
	padding: 0px;
	margin-bottom: 0px;
	margin-right: 33px;
	margin-left: 33px;
	margin-top: 0px;
	background-repeat: no-repeat; 
	background-image: url(../imgs/mbw-logo-header.gif); 
	background-color: white; 
	width: 720px;
	}
#headerhome{
	margin-bottom: 0px;
	margin-right: 33px;
	margin-left: 33px;
	margin-top: 0px;
	background-repeat: no-repeat; 
	background-color: white; 
	width: 720px;
	}
#content{
	padding-top: 0px;
	padding-bottom: 25px;
	padding-right: 25px;
	padding-left: 25px;
	width: 670px;
	background-color: white; 
	margin-top: 0px; 
	margin-right: 33px; 
	margin-left: 33px; 
	margin-bottom: 0px;
	}

#content a:link{
		color: #146496;
		text-decoration: none;
	}

#nav {
		width: 720px;
		margin-right: 33px;
		margin-left: 33px;
		margin-bottom: 0px;
		margin-top: 0px;
		padding-left: 0px;
		padding-bottom: 0px;
		padding-right: 0px;
		padding-top: 25px;
		background-color: white;
	}
#nav ul {
		margin: 0px;
		paddin 720pxg;
	}
#nav li {
	display: inline-block;
	float: left;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 2px;
	border-style: none;
	margin: 0px;
	text-align: center;
	list-style-type: none;
	height: 19px;
	width: 134px;
	}
	
	#nav li a:link, #nav li a:visited {
	padding: 0px;
	margin: 0px;
	color: white;
	text-decoration: none;
	list-style-type: none;
	}
#nav li a:hover {
	text-decoration: underline;
	list-style-type: none;
	}
#nav .about {background-color: #bbdb13;}
#nav .people {background-color: #2dd9be;}
#nav .services {background-color: #0091d5;}
#nav .news {background-color: #004b85;}
#nav .blog {background-color: #9a877d;}

#homecontent{ margin-left: 25px; margin-bottom: 25px; margin-right: 25px; margin-top: 50px;}

.fotoppl{ padding-right: 10px; margin-top: 0px; margin-bottom: 25px; margin-left: 25px; float: right; }

#leftcol{
		float: left;
		width: 267px;
	}	

/* left column */

/* big photos */
#photo{height: 268px;}
#photo.about{background-image: url(../imgs/photo-about.jpg);}
#photo.people{background-image: url(../imgs/photo-people.jpg);}
#photo.services{background-image: url(../imgs/photo-services.gif);}
#photo.news{background-image: url(../imgs/photo-news.jpg);}

/* quotes */
#quoteouter {
	display: table; height: 267px; 
	#position: relative; 
	overflow: hidden;
	}

#quotemiddle {
	#position: absolute; 
	#top: 50%;
	display: table-cell; 
	vertical-align: middle;
	}

#quoteinside {
	#position: relative; 
	#top: -50%; 
	font-size: 110%; 
	font-style: italic; 
	text-align: center; 
	padding: 25px; 
	}
	
#quoteouter.about{background-color: #cde474;}
#quoteouter.people{background-color: #86e9d7;}
#quoteouter.services{background-color: #6fc1dd;}
#quoteouter.news{background-color: #3d6d98;}

#quoteinside.news{color: #ccc;}

	
/* right column */

#ritecol{
		font-size: 90%;
		min-height: 505px;
		padding-top: 33px;
		margin-left: 292px;
		width: 378px;
	}

#ritecol ul{
		margin-top: 5px;
		margin-left: 25px;
		margin-bottom: 20px;
		margin-right: 0px;
		padding: 0px;
		list-style-type: square;
	}

#ritecol li{
		margin-right: 45px;
		padding-bottom: 8px;
		padding-top: 8px;
		border-bottom-color: #bfbfbf;
		border-bottom-width: 1px;
		border-bottom-style: dotted;
		list-style-type: square;
	}

#ritecol li a:link{
		color: #004589;
		text-decoration: none;
		list-style-type: square;
	}

/*-------- Footer ---------*/


#footer{ 
	margin-bottom: 0px; 
	margin-top: 0px; 
	margin-right: 33px; 
	margin-left: 33px; 
	height: 35px;
	width: 720px; 
	font-size: 85%;
} 
#footer a:link, #footer a:visited { 
	text-decoration: none; 
	color: #1c6496; 
} 
#footer a:hover { 
	text-decoration: underline; 
} 
#footer p {
	color: #666666;
	margin: 0; 
	padding: 10px 0; 
}

#footer p.news {
	color: #ccc;
}

#contact {
	background-color: white;
	padding-bottom: 12px;
	padding-right: 14px;
	padding-left: 14px;
	padding-top: 12px;
	float: right;
}

	
	
/* forward - backward arrows */	
#back{
		margin-top: 20px;
		width: 33px;
		float: left;
	}
#more{
		margin-top: 20px;
		float: right;
		width: 33px;
	}


/*  generic div's clear  */
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}



/* Typography and visual design */

body, a.homegray  {
	text-decoration: none;
	padding-top: 0px;
	margin-top: 0px;
	font: 90% "Trebuchet MS", Helvetica, Arial, sans-serif;
	color: #827068;
}
                                  
#homeblog{
	margin-left: 0px;
	margin-bottom: 10px;
	margin-right: 500px;
	margin-top: 0px;
	text-align: right;
	width: 35%;
}

                               
#homeblog p, #homeblog h5{
	margin-left: 0px;
	margin-bottom: 10px;
	margin-right: 0px;
	margin-top: 11px;
	padding: 0px;
	font-size: 80%;
	text-align: right;
}

                               
.homecontentslim{
	margin-bottom: 30px;
	margin-right: 0px;
	margin-top: 0px;
	float: right;
	width: 60%;
	text-align: left;
	font-size: 80%;

}


.homecontent{
	text-align: center;
	padding-left: 25px;
	padding-bottom: 0px;
	padding-right: 25px;
	padding-top: 0px;
	font-size: 80%;
}


/* Background color per section */
body.about{background-color: #cde85e;}
body.people{background-color: #86e9d7;}
body.services{background-color: #6fc1dd;}
body.news{background-color: #3d6d98;}
body.blog{}
H1{ font-size: 170%; font-style: normal; font-weight: normal; }
H2{ font-size: 120%; }
H5 a{ padding: 0px; margin: 0px; text-decoration: none; font-size: 100%; font-weight: bold; color: #004b84; }