/*
Title:                     MBW
Front-End Development:     drew@alibiproductions.com
Copyright:                 2009, MBW.  All rights resevered (please don't re-use without permission).
*/


/* 
 ----------------------------------------------------------------------------
  Please check for cross-browser compatibility prior to making changes
  MINIMUM BROWSER CHECK :: IE5.x/IE6/Firefox/Safari

  CSS Document - layout.css
 ---------------------------------------------------------------------------- 
*/


/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; }

/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }

/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,table,tr,td { margin:0; padding:0; }

/* prevent blue linked image borders */
a img,:link img,:visited img,fieldset { border:none; }


/* global elements
 * ------------------------------------------------------------------------- */


/* ----- type selectors ----- */ 
body {
	background:#fff url("/img/themed/mbw/bkgd.gif") top repeat-x;
	text-align:center;
	color:#473d37;
	font: 12px/16px Arial, Helvetica, sans-serif;
	}
	
body#home { 
	background:#fff;
	text-align:center; 
	color:#473d37;
	font: 11px/16px Arial, Helvetica, sans-serif;
	}


h1	{ font-size:16px; color:#7b8852; font-weight:bold; }
h2	{ font-size:14px; color:#7b8852; font-weight:normal; }
h3	{ font-size:1.0em; color:#000; }

h1 span,h2 span,h3 span	{ display:none; }

a:link,a:visited	{ color:#cc6600; text-decoration:none; outline:none; }
a:hover,a:active	{ color:#993300; text-decoration:underline; outline:none; }

/* ----- classes ----- */

div.clear	{ clear:both; height:.01em;  overflow:hidden; }

	

/* framework
 * ------------------------------------------------------------------------- */

#pg-wrap { background:url("/img/themed/mbw/wrapper.png") no-repeat; width:1039px; margin:0 auto; text-align:left; }
	
	body#home #pg-wrap { background:none; }


/* ----- site margin ----- */

#gutter {width:1020px; margin-left:9px; }



/* ----- col-left ----- */

/* logo framework
 * ------------------------------------------------------------------------- */
 
#masthead { position:relative; background:url("/img/themed/mbw/logo.png") no-repeat; height:60px; } 

	#masthead a { position:absolute; left:22px; width:150px; top:5px; height:55px; }
	#masthead a span { display:none; }
			

/*-----------------------------
     home layout               |
							   |
------------------------------*/

#hm-left { width:607px; float:left; position:relative;}

#hm-left p.phone { position:absolute; display:block; top:115px; left:57px; width:225px; }

#hm-right { width:410px; float:left; }

#hm-right #tagline { background:url(/img/themed/mbw/tag-knowledge.gif) no-repeat; height:11px; margin:52px 0 0 92px;}

#hm-right #tagline span {display:none; }

#hm-right p, #hm-right h1, #hm-right h2, #hm-right h3 { text-align:center; margin:0 113px 0 10px; }

#hm-right h1 { background:url(/img/themed/mbw/logo-wht.gif) no-repeat; height: 60px; margin:73px 0 73px 55px; }

#hm-right h2 { color:#473d37; font-weight:bold; }

#hm-right h2.news { margin-top:110px; }

#hm-right h3 { color:#473d37; font-weight:normal; font-size:1.2em; margin-top:30px; }

#hm-right p {font-size:1.0em; line-height:1.5em; } 

#hm-right ul { margin:0 113px 0 0; text-align: center; }

#hm-right ul li { display:inline; font-size:1.1em; }

#news {  }

#news .date { width:77px; float:left; text-align:right; padding-right:5px; }

#news p { width:225px; float:left; margin:0; padding:0; text-align:left;}

/* ----- col-left ----- */

#col-left {width:220px; float:left; font-size: 12px; }

#col-left p { text-transform:uppercase; margin-left:18px; letter-spacing:1px;}

.btn-resources { margin:37px 0 0 70px;}


/*-----------------------------
     big middle layout         |
							   |
------------------------------*/							   

/* ----- col-mid-lg ----- */

#col-mid-lg {width:452px; float:left; }

#col-mid-lg h1 { margin-bottom:5px;}

#col-mid-lg p { margin-bottom:8px; font-size:1.0em;}

#col-mid-lg-ban {  position:relative; height:313px;  z-index: 0;}

#col-mid-lg-ban-img { position:absolute; top:0; right:0; height:313px; width:498px; background:url(/img/themed/mbw/banner-case-study-test.jpg) top left no-repeat; z-index: 0; }

div.main_body ul, #col-mid-sm ul {
	font-size:.9em;
	color:#d5ac23;
	list-style: square inside;
	margin-bottom: 10px;
}

/* banner framework
 * ------------------------------------------------------------------------- */

	/*body#home #banner { background:url("/img/themed/mbw/banner-home.jpg") no-repeat top right; height:625px;  }*/
	body#home #banner { height:625px;  }
		body#home #banner img { margin-left:32px;  }
	
	body#case-study #banner { background:url("/img/themed/mbw/banner-case-study.jpg"); height:313px;  }
	body#service1 #banner { background:url("/img/themed/mbw/banner-case-study.jpg"); height:313px;  }


/* ----- col-right-sm ----- */

#col-right-sm {width:348px; float:left; }

#col-right-sm #tagline { background:url(/img/themed/mbw/tag-knowledge.gif) no-repeat; height:11px; margin:52px 0 0 27px;}

#col-right-sm #tagline span {display:none; }

	body#resources #col-right-sm p { font-weight:bold; color:#F00; }



/*-----------------------------
     small middle layout       |
							   |
------------------------------*/


/* ----- col-mid-sm ----- */

#col-mid-sm { width:300px; float:left; }

	#col-mid-sm p { margin:0 10px 8px 0; }
	
	body#service1 #col-mid-sm h1 { margin:73px 20px 5px 0; }
	body#partner #col-mid-sm h1 { margin:5px 20px 5px 0; }
		body#partner #col-mid-sm h1 em { font-size:.7em; color:#473d37;  }
	body#resources #col-mid-sm h2 { margin:25px 0 5px 0; }
	body#resources #col-mid-sm h2.first { margin-top:73px; }

	body#resources #col-mid-sm p { font-weight:bold; }
	
#col-mid-sm-ban {  position:relative; height:304px;  z-index: 0;}

#col-mid-sm-ban-img { position:absolute; top:0; right:0; height:304px; width:337px; background:url(/img/themed/mbw/banner-partner-test.jpg) top left no-repeat; z-index: 0; }



/* ----- col-right-lg ----- */

#col-right-lg {width:500px; float:right; }

#col-right-lg #tagline { background:url(/img/themed/mbw/tag-knowledge.gif) no-repeat; height:11px; margin:52px 0 0 179px;}

#col-right-lg #tagline span {display:none; }

#col-right-lg .caption { font-size:1.3em; color:666; margin:16px 160px 0 20px; line-height: 1.3em;}

#col-right-lg .caption span { font-size:.7em; font-style:normal; }

		body#service1 #rt-banner { background: url(/img/themed/mbw/img-services.jpg) top right no-repeat; height:370px; margin-top:10px;}
	body#partner #rt-banner { background: url(/img/themed/mbw/profile-gallery.jpg) no-repeat; height:276px; margin-top:13px;}


#col-right-lg h2 { text-transform:lowercase; margin: 15px 0 0 175px; clear:both; font-weight:bold; float:left; }

	
/* ----- bottom-wrap ----- */
 
#bottom-wrap { height:.01em; clear:both; width:100%; /* fix for Safar */ overflow:hidden;}



/* footer
 * ------------------------------------------------------------------------- */
 
#footer { width:1039px; margin:0 auto; font-size: 10px; height: 30px; margin-bottom: 20px; }
	
#footer-gutter { margin:0 69px 0 229px; border-top:3px #333 solid; }	

	body#home #footer-gutter { margin:0 69px 0 55px; border:none; }

#footer p { float:right; color:#000; margin-top:8px; }

	body#home #footer p { float:right; color:#000; margin:6px 115px 0 0; text-transform:uppercase; letter-spacing:1px;}

#footer ul { float:left; margin:8px 0 0 0; text-transform:uppercase; text-align:left; }

#footer li { padding:0 5px 0 7px; display: inline; border-left: 1px solid #473d37; }

	#footer li.first { border: none; padding-left:0px;}




/* accordion */

#nav-bkgd { background:url(/img/themed/mbw/nav.png) top left no-repeat; height: 401px; position:relative; z-index: 100; }

#nav-bkgd a {position:static; }

#menu1 { padding: 50px 0 0 31px;}

ul.menu, ul.menu ul { list-style-type:none; margin: 0; padding: 0; width: 131px; }

ul.menu li span { display: none; }

ul.menu a { display: block; text-decoration: none; }

ul.menu li { margin-top: 1px; }

ul.menu li a { background: none; padding: 0; height:23px;}

/* ----- regular state ----- */

ul.menu li.hm a { background: url( "/img/themed/mbw/menu-hm.gif") no-repeat;}
ul.menu li.about a { background: url( "/img/themed/mbw/menu-about.gif") no-repeat; }
ul.menu li.services a { background: url( "/img/themed/mbw/menu-services.gif") no-repeat; }
ul.menu li.profiles a { background: url( "/img/themed/mbw/menu-profiles.gif") no-repeat; }
ul.menu li.clients a { background: url( "/img/themed/mbw/menu-clients.gif") no-repeat; }

ul.menu li a:hover { background: none; }

ul.menu li ul { display: none; }
/* ----- over state ----- */

ul.menu li.hm a:hover { background: url( "/img/themed/mbw/menu-hm.gif") 0px -23px no-repeat; }
ul.menu li.about a:hover { background: url( "/img/themed/mbw/menu-about.gif") 0px -23px no-repeat; }
ul.menu li.services a:hover { background: url( "/img/themed/mbw/menu-services.gif") 0px -23px no-repeat; }
ul.menu li.profiles a:hover { background: url( "/img/themed/mbw/menu-profiles.gif") 0px -23px no-repeat; }
ul.menu li.clients a:hover { background: url( "/img/themed/mbw/menu-clients.gif") 0px -23px no-repeat; }

ul.menu li ul li a { height:auto; margin-bottom: 0px;}

ul.menu li ul li.last a { margin-bottom:10px; }


/* ----- dropdown menus ----- */

ul.menu li.hm ul li a, ul.menu li.about ul li a, ul.menu li.services ul li a, ul.menu li.profiles ul li a, ul.menu li.clients ul li a { background: none; padding: 3px 0 3px 25px; }


/* ----- dropdown over menus ----- */

ul.menu li.hm ul li a:hover, ul.menu li.about ul li a:hover, ul.menu li.services ul li a:hover, ul.menu li.profiles ul li a:hover, ul.menu li.clients ul li a:hover { background: none; !important }

/* ----- onpage state, when the star is next to the page name ----- */

body#hm ul.menu li.hm { background: url( "/img/themed/mbw/menu-hm.gif") 0px -46px no-repeat; }
body#content.about-the-firm ul.menu li.about { background: url( "/img/themed/mbw/menu-about.gif") 0px -46px no-repeat; }
body#category.about-the-firm ul.menu li.about { background: url( "/img/themed/mbw/menu-about.gif") 0px -46px no-repeat; }
body#content.about-the-firm ul.menu li.about ul, body#category.about-the-firm ul.menu li.about ul { display: inline; }
body#service1 ul.menu li.services { background: url( "/img/themed/mbw/menu-services.gif") 0px -46px no-repeat; }
body#service1 ul.menu li.services ul { display: inline; }
body#partner ul.menu li.profiles { background: url( "/img/themed/mbw/menu-profiles.gif") 0px -46px no-repeat; }
body#category.case-studies ul.menu li.clients { background: url( "/img/themed/mbw/menu-clients.gif") 0px -46px no-repeat; }
body#case-study ul.menu li.clients { background: url( "/img/themed/mbw/menu-clients.gif") 0px -46px no-repeat; }


/* multi column list */
	#col-right-lg ul#staff { margin-left:185px; float:left; } 
		#col-right-lg ul#staff li { float:left; width:140px; line-height:20px; }
		#col-right-lg ul#staff li span { text-transform:uppercase; font-size:.75em; letter-spacing:1px;}

   	div.content-display-date { font-size: .9em; color:#473d37; font-style: italic; margin: 0 0 5px 0; }
   	div.content-author { font-size: 1em; color:#473d37; font-style: italic; }

#content #col-mid-lg h1 { margin: 70px 20px 5px 0;}

body#category div#category-list {
   margin: 73px 20px 5px 0;
}

body#category div#category-list div.category-list-item {
   margin: 0px 0px 15px 0px;
}

/* ----- partner profiles grid ----- */
div#partner-grid {
   float: right;	
   width: 445px;
   padding-top: 15px;
   padding-right: 40px;
}
div#partner-grid div.grid-row {
   width: 445px;
   height: 120px;
}
div#partner-grid div.grid-row div.names {
   width: 145px;
   padding-right: 10px;
   float: left;
}
div#partner-grid div.grid-row div.names ul {
   
}
div#partner-grid div.grid-row div.names ul li {
   font-family: "Times New Roman", Times, serif;
   height: 30px;
   padding-bottom: 1px;
   font-size: 12px;
   text-align: right;
   line-height: 12px;
   color: #999;
}
div#partner-grid div.grid-row div.names ul li a {
   color: #CC6600;
   text-decoration: none;
}
div#partner-grid div.grid-row div.names ul li a.over {
   color: black;
}
div#partner-grid div.grid-row div.names ul li span.partner-title {
   width: 100px;
   display: block;
   float: right;
   font-size: 10px;
}
div#partner-grid div.grid-row div.photos {
   float: right;
   width: 285px;
}
div#partner-grid div.grid-row div.photos div.photo-div {
   margin: 0 10px 10px 0;
   float: left;
   width: 85px;
   background-color: #000000;
}
form img#captcha {
   margin: 3px 0 0 0px;
}
div#col-right-sm div.photo-wrapper {
   text-align: right;
   margin: 10px 0;
}