/* CSS Document for MK Digital Direct Website */


/* ------------MAIN DIV TABLE *---------------*/
#Table_01 {	position:relative; /*Position ABSOLUTE Works */	top:0px;	width:960px;  padding:0px; 
margin-left: auto; margin-right:auto; margin-top: 0px;

}

/* ------------"HEADER" styles *---------------*/
#Main-header {position: relative;	height: 142px;	width: auto;	/*border: solid 2px black; */
	background:url(../images/template/mkdigita_headerBG.jpg) center top no-repeat;
	/*border: 1px black solid; */
}
#MK-Digital-Logo-print { display: none; }
#MK-Digital-Logo {
	position:absolute;
	left:0px;
	top:0px;
	width:186px;
	height:86px;
	margin: 0; padding:0;
}
#Main-header #MKicons {
	position:absolute;
	right:0px;
	top:0px;
	width:230px;
	height:58px;
	margin: 0; padding:0;
}
#Main-header #MKaccountlogin {
	position:absolute;
	left:199px;
	top:0px;
	width:511px;
	height:24px;
	margin: 0; padding:7px 13px 0px 0px;
	color:#FFFFFF;
	text-align: right;
}
#Main-header #MKaccountlogin a {
	color:#FFFFFF;
}
#Main-header #headerMiddle {
	position:absolute;
	left:156px;
	top:0px;
	width:309px;
	height:99px;
	background: url(../images/template/headerMiddle.jpg);
	background-position:inherit; 
	background-repeat:no-repeat;
	margin: 0; padding:0;
}
#chat {	position:absolute;			right:0px;	top:105px;	width:240px;	height:37px;
	margin: 0; padding:0; z-index: 1;	/*border: solid 2px black; */ 
}
#socialize {position:absolute; left:607px; top:99px; width: 105px; height: 43px;}
#socialize2 {float: right; width: 350px; margin-top: 8px; text-align:right;}
#socialize3 {	position: absolute;	right: 0px;	top: 4px;	width: 200px;	text-align:right;	height: 23px; z-index:150;}/* FAcebook Like button */
/* --------------------------------------------------------------------------------------------------*/

/* MENU STYLES */
#menuBar {
	position:absolute;
	left:-7px;
	top:97px;
	width:600px;
	height:45px;
	margin: 0;
	background-image:url(../images/template/menuBar.gif);
	background-position: inherit; 
	background-repeat:no-repeat;
	z-index: 80;
	/*border: solid 2px black; */
}
#menuBar #new {
	position: absolute;
	left: 328px;
	top: 3px;
	width: 40px;
	font-size: 11px;
	font-style:italic;
	color:RED;
}
#menu {	padding: 17px 0px 0px 17px;}
#items {
	display: inline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight: bolder;
	padding: 0 6px 0 5px;
	margin: 0;
	color: #606;
	border-right: 1px solid;
	/*background-color:yellow; */
}
#items a{color:#606;	text-decoration: none;}
#items a:hover {color: #e26204;}
#items.first{padding: 0 6px 0 0;}
#items.last {border-right: 0px;}
#items p {width: 100px;}
/* --------------------------------------------------------------------------------------------------*/

/* -- ORIGINAL OLD DROP DOWN MENU STYLES (NOT USED SINCE DEC 2009)*/
#dropmenudiv{
color: #606;
background-color:#FFF;
position:absolute;
margin-left: -.8em;
margin-top: .4em;
border:1px solid #606;
border-bottom-width: 0;
font: normal 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
color:#606;
background-color:#FFF;
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: normal;
}

#dropmenudiv a:hover{ /*hover background color*/
color: #FFF;
background-color: #606;
font-weight: bold;
}

/* --------------------------------------------------------------------------------------------------*/

/* "FOOTER" styles */

#footer {
	position: relative;
	/* position: relative; -- RELATIVE IS THE CORRECT ONE, I'm using ABSOLUTE TO GET IT OUT OF THE WAY */
	width: 960px; _width:830px;
	height: 49px; _height:49px;
	background-image:url(../images/template/footer.gif);
	background-repeat:no-repeat;
	margin: 0px; padding:0px; margin-top: -5px;
	bottom: 0px;
	clear: both;
}

#footer-text {font-size: 10px; 	text-align: center; 	padding: 5px; }
.footer-text1 {	font-family:Verdana, Arial, Helvetica, sans-serif; 	font-weight: bold;	color: #666;}
.footer-text1 a{text-decoration: none;	color: #666;}
.footer-text1 a:hover{	font-weight: bold;	color: #606;}
.footer-text2 {	font-family: Verdana, Arial, Helvetica, sans-serif;	color: #999;}
.footer-text2 a{text-decoration: none;	color: #999;}
.footer-text2 a:hover{	font-weight: bold;	color: #606;}