* {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
}

body {
	margin: 0;
	background: #454748 url('../images/bg-body.jpg') repeat-x top left;
}

div#wrapper {
	background: url('../images/bg-wrapper.jpg') no-repeat top left;
	height: 768px;
	position: relative;
}

a#logo-magicindustries {
	display: block;
	width: 192px;
	height: 180px;
	position: absolute;
	top: 9px;
	left: 13px;
	overflow: hidden;
	text-indent: -999px;
	background: url('../images/logo-magicindustries.jpg') no-repeat top left;
}

div#menu {
	padding: 61px 0 0 347px;
}

div#menu div {
	width: 100%;
	background: url('../images/bg-menu-repeat.jpg') repeat-x top left;
}

div#menu ul {
	margin: 0;
	padding: 0;
	height: 30px;
	list-style: none;
	background: url('../images/bg-menu-left.jpg') no-repeat top left;
}

div#menu ul li {
	float: left;
	margin: 0 8px 0 8px;
}

div#menu ul li:hover, div#menu ul li.iehover, div#menu ul li.on  {
	background: url('../images/bg-menu-marker.jpg') no-repeat center left;
}

div#menu ul li a {
	display: block;
	text-transform: uppercase;
	line-height: 30px;
	font-size: 12px;
	text-decoration: none;
	color: #fff;
	padding: 0 12px 0 12px;
}

div#menu ul li.on a, div#menu ul li a:hover {
	background: url('../images/bg-menu-marker.jpg') no-repeat center right;
}

div#login {
	width: 216px;
	height: 427px;
	background: url('../images/bg-login.jpg') no-repeat center right;
	position: absolute;
	top: 310px;
}

div#login img {
	position: absolute;
	top: 30px;
	width: 210px;
	height: 256px;
}

div#login form {
	position: absolute;
	top: 302px;
	left: 38px;
	margin: 0;
	padding: 0;
}

div#login form label {
	font-size: 12px;
}

div#login form input.text {
	width: 158px;
	height: 20px;
	font-size: 12px;
	background: none;
	border: none;
	background: url('../images/bg-textinput.gif') no-repeat top left;
	margin: 0 0 5px 0;
	color: #555;
	padding: 2px 0 0 4px;
}

div#login form input.login {
	float: right;
	width: 65px;
	height: 30px;
	overflow: hidden;
	text-indent: -999px;
	background: url('../images/btn-login.jpg') no-repeat top left;
	border: none;
	margin: 0 17px 0 0;
	font-size: 1px;
	color: #000;
	line-height: 20px;
}

div#login form input.login:hover {
	background: url('../images/btn-login-on.jpg') no-repeat top left;
}

div#content {
	position: absolute;
	top: 154px;
	left: 347px;
	width: 570px;
}

div#content h1 {
	font-size: 24px;
	font-weight: normal;
	margin: 0 0 25px 0;
}

div#content h1 strong {
	font-size: 24px;
}

div#content h2 {
	font-size: 18px;
	font-weight: normal;
	color: #90ae3a;
	margin: 0 0 20px 0;
}

div#content h3 {
	color: #90ae3a;
	font-size: 13px;
	margin: 15px 0 4px 0;
}

div#content div.horizontalLine {
	height: 1px;
	margin: 15px 0 15px 0;
	background: url('../images/bg-hr.gif') repeat-x center left;
}

div#content ul, div#content p {
	margin: 0 0 10px 0;
}

div#content ul{
	list-style: none;
	padding: 0;
}

div#content ul li {
	background: url('../images/bg-listmarker.gif') no-repeat center left;
	padding: 0 0 0 20px;
	margin: 0 0 5px 0;
}

div#content a {
	color: #8b8b8d;
	text-decoration: none;
}

div#content a:hover {
	text-decoration: underline;
}