/*



*  Theme Name: MGRA



*  Author: Matthew Laster, CTO



*  Business Empire Group, Inc.



*/







body {



  background: url('./siteart/bkg_logo.gif') repeat top left;



  text-align: center;



  font-family: Arial, Helvetica, Sans-Serif;



  margin: 0;



  padding: 0;



}







.saran {



  margin: auto;



  padding: 0px;



  width:860px;



  height: auto;



  text-align: left;



}







.wrap {



  margin: 0px;



  padding: 0px;



  width: 860px;



  height: auto;



  background: #e9e3d8;



  float: left;



}







.header {



  margin: 0px;



  padding: 0px;



  width: 860px;



  height: 114px;



  float: left;



}







.logo {



  margin: 5px 0px 0px 0px;



  padding: 0px;



  height: 84px;



  width: 860px;



  float: left;



  position: relative;



  background: transparent url('./siteart/bkg_logo_head.gif') no-repeat top left;



}







.logo h1 {



  text-indent: -9000px;



  margin: 0px;



  padding: 0px;



  height: auto;



  float: left;



}







.logo span {



  font-style: italic;



  color: #333333;



  font-family: Arial, helvetica, Sans-Serif;



  font-weight: bold;



  margin: 0px;



  font-size: 12px;



  position: absolute;



  right: -150px;



  top: 40px;



  padding: 0px;



}







.nav {



  margin: 0px;



  padding: 0px;



  height:	30px;



  width: 860px;



  float: left;



  background: #4e3d22;



}







.nav ul {



  margin: 0px 0px 0px 0px;



  padding: 0px 0px 8px 10px;



  list-style-type: none;



  display: inline;



  float: left;



}







.nav ul li.page_item,



 .nav ul li,



 .nav ul li.current_page_item {



  list-style-type: none;



  height: 100%;



  width: auto;



  float: left;



}







.nav ul li.page_item a,



 .nav ul li a {



  text-transform: uppercase;



  font-size: 9px;



  font-weight: bold;



  text-decoration:none;



  color: #ffffff;



  padding: 0px 3px;



  border-right: solid 1px #ffffff;



}







.nav ul li.current_page_item a,



 .nav ul li a:hover,



 .nav ul li.page_item a:hover {



  text-transform: uppercase;



  font-size: 9px;



  font-weight: bold;



  text-decoration:none;



  color: #cccccc;



  padding: 0px 3px;



  border-right: solid 1px #ffffff;



}







.nav ul li.page-item-26 a,



 .nav ul li.page-item-26 a:hover { border: none; }







.footer {



  margin: 0px;



  padding: 0px;



  height: auto;



  width: 860px;



  float: left;



  text-align: center;



  background: #cccccc;



}







.footer ul {



  margin: 0px 0px 0px 0px;



  padding: 20px 0px 0px 10px;



  list-style-type: none;



  display: inline;



  float: left;



}







.footer ul li.page_item,



 .footer ul li {



  list-style-type: none;



  height: 100%;



  width: auto;



  float: left;



  padding: 0px 5px 0px 0px;



}







.footer ul li.page_item a,



 .footer ul li a {



  text-transform: uppercase;



  font-weight: bold;



  text-decoration:none;



  color: #666666;



  padding: 0px;



  margin: 0px;



  font-size: 9px;



}







.footer ul li.current_page_item a,



 .footer ul li a:hover,



 .footer ul li a.page_item a { color: #ffffff; }







.footer a:hover { text-decoration: underline; }







span {



  text-align: center;



  width: 860px;



  height: auto;



  margin: 0px;



  padding: 68px 0px 16px 0px;



  float: left;



  color: #333333;



  font-size: 12px;



  font-weight: bold;



}







span.employeeLogin {



  text-align: center;



  width: 860px;



  height: auto;



  margin: 0px;



  padding: 0px;



  float: left;



}







span.employeeLogin a {



  text-transform: uppercase;



  font-size: 10px;



  font-weight: bold;



  text-decoration:none;



  color: #330000;



  padding: 0px;



  margin: 0px;



}







.sidekick {



  margin: 0px;



  padding: 0px;



  height: auto;



  width:860px;



  float: left;



  background: transparent url('./siteart/bkg_runner.gif') repeat-y top left;



}







.col {



  margin: 0px;



  padding: 0px 12px 12px 12px;



  width: 405px;



  height: 100%;



  float: left;



}







.col p {



  color: #333333;



  font-family: Arial, Helvetica, sans-serif;



  font-size: small;



}







.style28 {



  color: #333333;



  padding: 10px 0px;



  font-family: Arial, Helvetica, sans-serif;



  font-size: 12px;



  font-style: italic;



  font-weight: bold;



}







.style28 a {



  color: #330000;



  text-decoration: none;



}







.style28 a:hover { text-decoration: underline; }







.col ul { padding-top: 10px; }



.col ul li {



  color: #333333;



  font-family: Arial, Helvetica, sans-serif;



  font-size: 12px;



  padding-top: 5px;



}







h2 {



  color: #486ba3;



  text-transform: uppercase;



  font-size: 16px;



  margin: 15px 0px 5px 0px;



  padding: 0px 0px 0px 12px;



}







a img { border: none; }







/*



*		'flash' header banner styles



*/







.hero {



  margin: 0px 0 0 0;



  padding: 0px;



  width: 860px;



  height: 367px;



  float: left;



  text-align: center;



  position: relative;



  display: block;



}





.hero p { margin: 0; padding: 0; }

.hero img {



  position: absolute;



  top: 0;



  left: 0;



}







.hero h1 {



  height: 250px;



  margin: 0px;



  padding: 0px;



  width: 860px;



  font-family: Georgia;



  filter:alpha(opacity=60);  /* for IE */



  opacity:0.6;  /* CSS3 standard */



  z-index: 100;



  position:absolute;



  top: 0;



  font-size:30px;



  color: #41341f;



  font-weight: normal;



}







.hero h1 i {



  font-size: 26px;



  font-weight: normal;



  font-style: italic;



}







.hero h1 b {



  color: #ce9c0d;



  font-weight: normal;



}



.hero h1 c {



	color: #570917;



	font-size: 28px;



	font-weight: bold;	



}







.hero h1 span {



  margin: 0px;



  padding: 0px;



  display: inline;



  height: auto;



  float: none;



  width: auto;



}







/*



*	TEAM PAGE 



*/







 .team {



  margin: 0px;



  padding: 0px;



  height: auto;



  width: 860px;



  float: left;



  background: #e1dcd0;



}







.menuPane {



  margin: 10px 0px 0px 10px;



  padding: 5px 0px 0px 10px;



  height: 430px;



  float: left;



  border: solid 1px #666666;



  border-right: none;



  width: 250px;



  float: left;



  background: #cdc4b1;



}







.menuPane ul {



  float: left;



  margin: 0px;



  padding: 0px;



  height: auto;



  width: 100%;



  border: solid 1px #666666;



  border-top: none;



}







.menuPane ul li {



  list-style-type: none;



  width: 100%;



  height: 100%;



  margin: 0px;



  padding: 0px;



  display: block;



  float: left;



  border: solid 1px #666666;



  border-bottom: none;



  border-left: none;



  border-right: none;



  background: transparent url('./siteart/bkg_menu_runner.jpg') repeat top left;



}







.menuPane ul li a {



  margin: 0px;



  padding: 3px 0px 3px 3px;



  height: auto;



  width: 100%;



  font-size: 10px;



  font-weight: bold;



  color: #b88e64;



  text-decoration: none;



  background: transparent;



}







.contentPane {



  margin: 10px 10px 0px 0px;



  padding: 15px 10px 10px;



  height: 370px;



  width: 565px;



  float: left;



  border: solid 1px #666666;



  background: #e1dcd0;



}







.contentPane .colOne {



  margin: 0px;



  padding: 10px 0px 0px 0px;



  height: 356px;



  width: 227px;



  float: left;



  background: #9a8863;



  text-align: center;



  border: solid 1px #666666;



  border-right: none;



}





.content interior {

	float: left;

	margin: 0px;

	padding: 0px;

	height: 400px;

	width: 400px;

}

img#portrait { border: solid 1px #ffffff; }







span#name,



 span#title {



  margin: 0px;



  padding: 0px;



  float: left;



  height: auto;



  width: 227px;



  color: #ffffff;



  font-size: 18px;



  font-weight: normal;



  font-family: Times New Roman;



}







span#name { font-weight: bold; }







.contentPane .colTwo {



  margin: 0px 0px 0px 0px;



  padding: 10px 0px 0px 0px;



  height: 356px;



  width: 335px;



  float: left;



  background: #9a8863;



  border: solid 1px #666666;



  border-left: none;



}







.colTwo .bio {



  margin: 0px;



  padding: 5px;



  height: 323px;



  width: 309px;



  border: solid 1px #99a1a1;



  overflow: auto;



  color: #ffffff;



  font-size: 12px;



}







.bio p {



  margin: 0px;



  padding: 0px;



}







.colTwo span {



  margin: 0px 40px 0px 0px;



  padding: 0px;



  width: auto;



  height: auto;



  text-align: right;



  float: right;



}







a.print { margin: 5px 0px 0px 0px; }







.style38 {



  font-size:12px;



  font-family: Arial, Helvetica, sans-serif;



  font-style: italic;



  color: #333333;



  font-weight: bold;



}







.style41 {



  font-size:12px;



  font-family: Arial, Helvetica, sans-serif;



  font-style: italic;



  color: #ffffff;



  font-weight: bold;



  wrap: auto;



}







.style45 {



  font-size: small;



  font-family: Arial, Helvetica, sans-serif;



  color: #333333;



  font-weight: bold;



  wrap: auto;



}







.style46 {



  font-size:small;



  font-family: Arial, Helvetica, sans-serif;



  font-style: italic;



  color: #ffffff;



  font-weight: bold;



}







.style47 {



  font-size:14px;



  font-family: Arial, Helvetica, sans-serif;



  font-style: italic;



  color: #ffffff;



  font-weight: bold;



  line-height: 18px;



}


div.social {
	margin-left:5px;
	display: block;
	float: left;
	height: 38px;
	position: relative;
	width: 35px;
}
div.social#facebook a, li#facebook a {
	background: url('./siteart/facebook_32.png') no-repeat;
	text-indent: -9001px;
		display: block;
	float: left;
	height: 38px;
	position: relative;
	width: 35px;
}
div.social#linkedin a, li#linkedin a {
	background: url('./siteart/linkedin_32.png') no-repeat;
	text-indent: -9001px;
	display: block;
	float: left;
	height: 38px;
	position: relative;
	width: 35px;
}
div.social#twitter a, li#twitter a {
	background: url('./siteart/twitter_32.png') no-repeat;
	text-indent: -9001px;
	display: block;
	float: left;
	height: 38px;
	position: relative;
	width: 35px;
}