@charset "UTF-8";
/* CSS Document */

div#skyline {
		display:block;
		height:207px; width:565px;
		background-image:url(../images/mmg-st-louis.jpg);
		left:10px; top:25px;
		position:relative;
		overflow:hidden;
		
		}

#rightcol8 h2, #rightcol8 p,  #rightcol8 a {font-family:Arial, Helvetica, sans-serif; padding:2px 0 0 5px;}

#rightcol8 p {padding:0px; left:0px; line-height:1em; text-align:left; font-size:11px; margin:2px 0 0 5px;}
#rightcol8 a {padding:0px; left:0px;}


#rightcol8 h2, #topofform {  font-size:11px; font-weight:bold; height:16px; background-color:#ccc; color: #666;}

#rightcol8 .title {font-size:10px; font-weight:normal; color:#344d6f;}

#rightcol8 .contact-link {
		text-decoration:none;
		font-size:10px;
		color:#333333;
 		font-weight:bold;
		display:block;
		position:relative;
		padding:0px 5px 0 5px; margin:0 5px 0 0;
		width:30px;
		top:-12px; left:220px;
		background-color:#fff; border:1px solid black;
		}
		
#rightcol8 .contact-link:hover { background-color: #666666; color:#FFFFFF;}
 #rightcol8 .employees {
 			width:270px;
			padding:5px; margin:0 0 2px 0px;
			float:left;
			}		

#rightcol8 #contacts {						/*  Position of employees infos  */
		position:relative;
		top:35px; left:0px; overflow:hidden;
		margin:0 0 0 11px;
		background-color:#ebebeb;
		width:565px;

		}

#rightcol8 div#accountexe {
	background-color:#666666; margin-top:5px;
	}

#rightcol8 div#accountexe h2{ background:none;}
#rightcol8 div#accountexe span { color:#CCCCCC;}
#rightcol8 #accountexe p {float:none; width:255px; text-align:center;}	
#rightcol8 #accountexe a {
	text-align:center;
	color:#fff;
	text-decoration:none;
	display:block;
	}

#rightcol8 div#accountexe:hover {
	background-color:#344d6f;
	}
#rightcol8 #contacts div#accountexe {
	display: none;
	}	
/* ----------------------- Email form starts here ----------------------- */

#emailform * {margin:0; padding:0;} 										


#emailform form { position:relative; top:5px;}
#emailform	form span { float:left;}


#formbkg {
		position:absolute;
		width:583px; height:550px;
		background-color:#a5b1b3;
		display:block; top:0; right:0;
		opacity:.7;
filter:alpha(opacity=70);   
-moz-opacity: .7;   
		z-index:90;
		}

div#emailform	{
		background-color: #fff;
		position:absolute;
		z-index:91;
		top:0; right:0;
		width:285px;
		padding:5px;
		height:285px;				
		}
		
input {
		width:215px;
		height:15px;
		float:right;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		border:thin solid #CCCCCC;
		color: #333333;
		}

label	{ width:285px; height:26px; display:block;}
label span {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		clear: left;
		height:20px;
		}
		
textarea { width:215px; height:100px; float:right; border:thin solid #CCCCCC;}

div#buttons { clear:both; position:relative; bottom:0; height:35px;}
#reset, #submit {position:relative; bottom:0;}

#reset {width:100px; height:25px; margin-top:10px; float:left; left:70px;}
#submit {width:100px; height:25px; margin-top:10px; float:right;}
#reset:hover, #submit:hover { background-color:#CCCCCC;} 			/* Email form ends here */

		
/* ------------------- Top of the form ------------------- */



#topofform {
		display:block;
		width:285px; height:35px;
		background-color:white;
		}

h2#emailform-name {
		background-color:#344d6f;
		margin:0; padding:0;
		position:relative;
		width:260px; height:20px;
		display:block; color:#fff;
		text-align:center;  line-height:1.2em;
		margin:0 0 0px 0; padding:5px 0 0 0;
		float:left;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		letter-spacing:-.1em;
		}
		
a#closebutton {
		text-align:center;  line-height:1em;
		background-color:#660000;
		color:#FFFFFF;
		position:relative;
		height:20px;
		width:25px;
		margin:0 0 0 0; padding:5px 0 0 0;
		display:block;
		text-decoration:none;
		z-index:10;
		float:right;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		}
		
/* -------------------- MAP ------------------------- */


#specialtystoresmap {
		position:relative;
		height:548px;
		width:581px;
		background-color:#fff;
		}
		
#specialtystoresmap #map {
		background-image:url(../images/map_specialtystores.jpg);
		display:block;
		height:410px;
		width:564px;
		position:relative; top:15px; left:10px;
		overflow:hidden;
		}

.accountexecutive {
		position:relative;
		left:302px;
		top:-52px;
		background-color:#999999;
		height:17px; width:270px;
		margin-bottom:3px;
		border-bottom:1px solid #666;
		overflow:hidden;
		}

.accountexecutive h2 {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#333333;
		font-weight:normal;
		padding:2px 0 0 10px;
		width:290px;
		}
.accountexecutive h2 span {
		font-size:12px;
		font-weight:normal;
		}

.accountexecutive .contact-link {
		background-color:#666666;
		float:right;
		position:relative;
		top:-16px;
		width:42px; height:14px;
		text-decoration:none;
		color:#FFFFFF;
		
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:9px;
		padding:3px 0 0 6px;
		}

* html .accountexecutive .contact-link { left:0px;}

.accountexecutive .contact-link:hover {
		background-color:#000;
		}

#accounts h2 {
	text-align:left;
	padding-left:10px;
	}
#billy { background-color:#ccc;}
#billy h2 { padding:0px;  margin-top:2px;
	}	
h2#billyname {
	position:relative;
	top:0; left:0;
	padding:2px 0 0 10px;  margin-top:0px;
 	}
#dave {background-color:#e96f34;}
#gary { background-color:#a97b50;}
#mark { background-color:#c2b59b;}
#brianna { background-color:#13a89e;}
#bernie { background-color:#c2b49a;}
#murray { background-color:#b7d776;}

#closemap {
		display:block;
		height:16px; width:40px;
		position:relative;
		left:520px; top:18px;
		background-color:#666;
		border-bottom:1px solid black;
		color:#FFFFFF;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		padding:3px 0 0 5px;
		font-weight:bold;
		z-index:10;
		}
#closemap a { text-decoration:none; color:#FFFFFF;}
#closemap:hover {background-color:#993300;}

/* -------------------- DAMN IE6, this is to fix it ------------------- */

* html #rightcol8 * { margin:0; padding:1%;}
* html #rightcol8 { width:580px; position:relative;}
* html div#skyline { position:relative; overflow:hidden; marging:0px; padding:0px; left:5px; top:20px;}
* html div.employees { width:245px; overflow:hidden; height:-50px;}
* html div#rightcol8 div#contacts { 
		width:570px; height:337px;
		position:relative;		
		top:30px; left:-10px;
		background-color:none;!important
		background:none; !important
		margin:0; padding:0;
		float:none;
		}

* html #contacts h2 { height:17px; width:245px; display:block;overflow:hidden;}		
* html .contact-link { position:relative; left:-50px; margin:0;}	
