* {
	margin:0;
	padding:0;
}


img {
border: 0px; }


input, textarea, select   {
	background-color: #000;
	padding: 5px;
	border: 0px;
	FONT-SIZE: 8px;
	COLOR: #FFFFFF;
	font-family: Calibri,Tahoma, Arial, Verdana, sans-serif;
	font-weight: normal;
   
}   



a{
color: #28363d;
}

a:hover {
color: #577685;
text-decoration: underline;
}

h1 {
font-size: 22px;
}

h2 {
color: #920d0d;
font-size: 18px;
}


h3 {
font-size: 16px;
}

HTML {
background-image: url('images/i_01.png');
background-repeat: repeat-x;
background-position: top;
background-color: #282c2d;
}

BODY {
width: 900px;
margin: 10px auto auto auto;
color: #21323d;
font-family: Tahoma, Arial, Verdana, sans-serif;
min-height: 100%; margin-bottom: 1px; 
font-weight: normal; 
font-size: 12px; 
margin-top: 21px;
}


#wrapper {
background-image: url('images/i_13.png');
width: 848px;
margin: 0px auto auto auto;
padding: 0px 25px 0 26px;
}

#menu{
width: 500px;
display: block;
float: right;
}

#menu ul{
padding-top: 30px;
padding-left: 30px;
padding-bottom: 30px;
list-style: none;
}
#menu ul li a{
list-style: none;
padding: 5px 10px 10px 10px; 
margin: 0px 10px 0px 10px;
float: left;
display: block;
position: relative;
color: #000;
text-decoration: none;
font-size: 15px;

}

#menu ul li a:hover {

background-image: url('images/template_08.png');

color: #FFF;
}


#feature {
	width: 850px;
	height: 253px;
	background-image: url('images/i_17.png');
	color: #727272;
	float: left;
}

#feature:hover {
background-color: #000;
background-image: none;
}

#feature div{
	display: block;
	position: relative;
	top: 40px;
	left: 13px;
	float: left;
	width: 300px;
	color: #000;
}

#feature a{
color: #FFF;
text-decoration: none;
padding: 5px;
margin-top: 5px;
margin-bottom: 5px;
}

#feature a:hover {
	background: #161616;
	color: #F00;

}


#featurer {
width: 315px;
height: 253px;
padding-left: 21px;
color: #727272;
float: left;
}


#featurer ul{
list-style: none;
}

#featurer ul li{
width: 315px;
height: 75px;
background: #161616;
margin-bottom: 14px;
}

#featurer ul li:hover{
width: 315px;
height: 75px;
background: #000;
margin-bottom: 14px;
}


#featurer a{
color: #FFF;
text-decoration: none;
padding: 5px;
margin-top: 5px;
margin-bottom: 5px;
}

#featurer a:hover {
background: #161616;

}

.indexbox {
width: 240px;
height:350px;
float: left;
padding: 20px;
}

.indexboxmonster {
background-image: url('images/Michtine_Monster.png');background-repeat:no-repeat;
width: 240px;
height: 350px;
float: left;
padding: 20px;
}


.indexbox h2 {
font-size: 16px;
font-weight: bold;
}



#footer {
background-image: url('images/i_33.png');
width: 843px;
height: 65px;
margin: 0px auto auto auto;
padding: 5px 25px 10px 31px;

}


#footer a{
color: #FFF;
padding: 3px;
margin-top: 2px;
margin-bottom: 2px;
}

#footer a:hover {
background: #161616;

}


#footer ul{
padding: 5px 5px 5px 0px;
list-style: none;
}

#footer  ul li{
list-style: none;
margin: 0px 10px 5px 10px;
float: left;
display: block;
position: relative;
font-size: 13px;
}


#subpage {
padding: 20px;
}

#subpage ul{
list-style-type: square;

}
#subpage ul li{
margin-left: 20px;
padding-bottom: 5px;
}


.theading {
background: #333;
color: #FFF;
border-bottom: 1px solid #CCC;
text-align: center;
padding: 18px 5px 18px 5px;
font-weight: bold;
}

.theading1 {
background: #F0F0F0;
color: #3333;
padding: 6px;
margin: 2px;
border-bottom: 1px solid #CCC;
font-weight: normal;
text-align: right;
}

.theading2 {
background: #FFF;
color: #bd361b;
padding: 7px;
text-align: center;
}

.theading3 {
background: #FFF;
color: #922733;
padding: 7px;
text-align: center;
}

.theading4 {
background: #FFF;
padding: 7px;
color: #bd361b;
text-align: center;
}


.tbuy a{
width: 100px;
color: #920d0d;
font-size: 12px;
text-decoration: none;
display: block;
margin: auto;
padding: 4px;
border: 2px solid #920d0d;

}

.tbuy a:hover{
color: #CCC;
font-size: 12px;
text-decoration: none;
display: block;
padding: 4px;
border: 2px solid #333;

}

.tbuy {

background: #F0F0F0;
color: #FFF;
padding: 3px;
text-align: center;
border-bottom: 1px solid #CCC;
}

#login{
	width: 360px;
	display: inherit;
	float: right;
}
#content {
	width: 750px;
	margin: 50px auto;
	padding: 20px;
	background: #FFF;
	border: 1px solid #CCC;
	height: 390px;
}

h1 {
	margin: 0;
}

hr {
	border: none;
	height: 1px; line-height: 1px;
	background: #CCC;	
	margin-bottom: 20px;
	padding: 0;
}

p {
	margin: 0;
	padding: 7px 0;
	color: #000;
}

.clear {
	clear: both;
	line-height: 1px;
	font-size: 1px;
}

a { 
	outline-color: #888;	
}
h3 {
	margin: 0;
	padding: 7px 0 0 0;
	font-size: 16px;
	text-transform: uppercase;
	color: #FFF;
		}

		div#feature_list {
	width: 848px;
	height: 250px;
	overflow: hidden;
	position: relative;
	background-color: #000000;
		}

		div#feature_list ul {
	position: absolute;
	top: 2px;
	list-style: none;
	padding: 0;
	margin: 0;
		}

		ul#tabs {
	left: -2px;
	z-index: 2;
	width: 320px;
		}

		ul#tabs li {
			font-size: 12px;
			font-family: Arial;
		}
		
		ul#tabs li img {
			padding: 5px;
			border: none;
			float: left;
			margin: 10px 10px 0 0;
		}

		ul#tabs li a {
			color: #222;
			text-decoration: none;	
			display: block;
			padding: 10px;
			height: 60px;
			outline: none;
		}

		ul#tabs li a:hover {
	color: #CCC;
		}

		ul#tabs li a.current {
			background:  url('images/feature-tab-current.png');
			color: #FFF;
		}

		ul#tabs li a.current:hover {
			text-decoration: none;
			cursor: default;
		}

		ul#output {
	right: 45px;
	width: 463px;
	height: 240px;
	position: relative;
		}

		ul#output li {
	position: absolute;
	width: 412px;
	height: 237px;
	left: -15px;
	top: 0px;
		}

		ul#output li a {
	position: absolute;
	bottom: 36px;
	right: -65px;
	padding: 8px 12px;
	text-decoration: none;
	font-size: 11px;
	color: #FFF;
	-moz-border-radius: 5px;
	width: 111px;
	height: 18px;
		}
		
		ul#output li a:hover {
		}
#wrapper #feature_list #tabs li a span {
	color: #999;
}
#container {
    width:780px;
    margin:0 auto;
    position: relative;
}

#content {
    width:520px;
    min-height:500px;
}
a:link, a:visited {
    color:#27b;
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
}
a img {
    border-width:0;
}
#topnav {
    padding:10px 0px 12px;
    font-size:11px;
    line-height:23px;
    text-align:right;
}
#topnav a.signin {
    background:#C1C1C1;
    padding:4px 6px 6px;
    text-decoration:none;
    font-weight:bold;
    color:#fff;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    *background:transparent url("images/signin-nav-bg-ie.png") no-repeat 0 0;
    *padding:4px 12px 6px;
}
#topnav a.signin:hover {
    background:#E87A0D;
    *background:transparent url("images/signin-nav-bg-hover-ie.png") no-repeat 0 0;
    *padding:4px 12px 6px;
}
#topnav a.signin, #topnav a.signin:hover {
    *background-position:0 3px!important;
}

a.signin {
    position:relative;
    margin-left:3px;
}
a.signin span {
    background-image:url("images/toggle_down_light.png");
    background-repeat:no-repeat;
    background-position:100% 50%;
    padding:4px 16px 6px 0;
}
#topnav a.menu-open {
    background:#ddeef6!important;
    color:#666!important;
    outline:none;
}
#small_signup {
    display:inline;
    float:none;
    line-height:23px;
    margin:25px 0 0;
    width:170px;
}
a.signin.menu-open span {
    background-image:url("images/toggle_up_dark.png");
    color:#789;
}
#signin_menu {
    -moz-border-radius-topleft:5px;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    display:none;
    background-color:#8D8D8D;
    position:absolute;
    width:210px;
    z-index:100;
    border:1px transparent;
    text-align:left;
    padding:12px;
    top: 24.5px; 
    right: 0px; 
    margin-top:5px;
    margin-right: 0px;
    *margin-right: -1px;
    color:#789;
    font-size:11px;
}

#signin_menu input[type=text], #signin_menu input[type=password] {
    display:block;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border:1px solid #ce5a21;
    font-size:13px;
    margin:0 0 5px;
    padding:5px;
    width:203px;
}
#signin_menu p {
    margin:0;
}
#signin_menu a {
	color:#389F13;
}
#signin_menu label {
    font-weight:normal;
}
#signin_menu p.remember {
    padding:10px 0;
}
#signin_menu p.forgot, #signin_menu p.complete {
    clear:both;
    margin:5px 0;
}
#signin_menu p a {
	color:#D00930!important;
}
#signin_submit {
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    background:#39d url('images/bg-btn-blue.png') repeat-x scroll 0 0;
    border:1px solid #39D;
    color:#fff;
    text-shadow:0 -1px 0 #39d;
    padding:4px 10px 5px;
    font-size:11px;
    margin:0 5px 0 0;
    font-weight:bold;
}
#signin_submit::-moz-focus-inner {
padding:0;
border:0;
}
#signin_submit:hover, #signin_submit:focus {
    background-position:0 -5px;
    cursor:pointer;
}
