/* =reset (ONLY EDIT THE FONT FAMILY)******************************** */
html, body { background-color:#EB1C24; background-image:url(http://www.macmachinery.com/background.png)}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,var{font-style:normal;font-weight:normal;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
body{font:13px  arial, helvetica, sans-serif;}
table {font-size:inherit;font:100%;}
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}
pre, code {font:115% monospace;}
body * {line-height:1.22em;}
a {outline:none}


.hidden {position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden;}

/* =elements ***************************** */
a:link			{
	color: #a40000;
	text-decoration: underline;

}
#logo_text a, #logo_main a { font-weight: normal; } 
a:active		{color: #a40000;}
a:visited		{color: #a40000;}
a:hover		{color:#666666; }


em {font-size: 107%;font-style: normal;font-weight: bold;}
/* =typography***************************** */
h1 {color:#a40000;
font-size:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
text-align:left;
margin:25px}

/* =grids ***************************** */
#container {width:778px;
margin:auto;
background:#FFFFFF url(../images/container-bg.gif) repeat-y;
}

#header {background:#eeeeee url(../images/header-bg.gif) repeat-x;
height:164px;
width:731px;
margin:auto;
border: 1px solid #c6c6c6}
#header h1 {
background:url(../images/logo-main.gif) no-repeat 0 0;
text-indent: -9000px;
margin:0px;
padding:0px;
float:left}
#header h1 a {
width: 173px;
height: 164px;
display: block;
text-decoration: none;
}
#logo_main {float:left}
#logo_text{float:left;
width:542px;
height:154px;
background-color:#EEEEEE;
color:#434343;
text-align:left;
padding:10px 0 0 10px
}
#logo_text ul {display:block;
float:left;
list-style:none;
font-size:12px;
font-weight:600;
color:#434343;
padding-top:10px}
#logo_text ul li {display:block;
line-height:18px}

#logo_text h2 {font-size:16px;
font-family:Tahoma;
color:#434343;
font-weight: bold;
font-style: italic;
float:left;
display:block;
margin-left:-10px; }

#logo_text h2 span {
font-style: normal !important; }

#logo_text h3 {
	color:#EB1C24;
	font-size:18px;
	display:block;
	float:left;
	font-weight:normal;
	margin:0;
	padding:0;
	letter-spacing:normal
}
/* #logo_text span {display:block;
float:left;
width:250px;
font-family:Arial;
font-size:14px;
font-weight:600;
color:#434343;
line-height:20px;
padding-top:10px}
#logo_text a {
text-decoration:none;} */

#menu {
background:#000000 url(../images/menu-bg.gif) repeat-x;
height:26px;
width:731px;
margin:auto;
border:1px solid #000;
display:block;
}
#navigation {

}
#navigation ul {

}
#navigation ul li {
float:left;
display:block;
}
 #navigation ul li a {
font-weight: bold;

color: #fff;
padding: 5px 10px 5px 10px;
text-decoration: none;

}
 #navigation ul li a:hover {
	background-color: #a90d0d;
}


#rotation {height:265px;
width:728px;
margin:auto}
#rotation .flash {width:364px;
float:left;
margin-top:2px}
#sep {background:url(../images/sep-bg.gif) repeat-x;
width:731px;
height:25px;
margin:auto;
border: 1px solid #c6c6c6;
}
#content {width:733px;
text-align:center;
margin:auto;
background:url(../content-bg.gif) repeat-y;
line-height:2em}
#side-menu {width:174px;
float:left;}
#main-content { background:url(../images/main-cont-bg.gif)  no-repeat;
width:559px;
min-height:419px;
float:left;
padding-top:20px;
line-height:2em
}

#footer {display:block;

margin-left:130px;
height:80px;

}
#footer img {float:left}
/* =home page***************************** */
#sidemenu {
	list-style: none;
	width: 174px;
	padding: 0px;
	margin:5px 0 0 0;
	text-align:left
	
}
#sidemenu ul {margin:0px;
padding:0px}
#sidemenu li {

	margin: 0;
	width:174px;
	display:block;
	background:url(../images/red-arrow.gif) 10px 5px no-repeat;
border-bottom:1px solid #fff;

}
#sidemenu li a {
font-weight: bold;
font-size:11px;
height: 26px;
text-decoration: none;
color: #000;
display: block;
padding: 12px 0 2px 35px;

border-left: 4px solid #cccccc;
	
}
#sidemenu .hit a {
	
}
#sidemenu li a:hover {

color: #2b2b2b;
border-left: 4px solid #cc0000;	
}
/* =subpage***************************** */





/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.cleary {
	clear: both;
}
.cleary:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.cleary {display: inline-block;}   /* a fix for IE Mac */
/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
 * html .cleary {height: 1%;}
 .cleary {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */
#p-form {
 test-align:left;
 margin-left: 5px;
 width:100%;
}


.adminForm {
 text-align: left;
 width:400px;
 margin-left: 15px;
}