@charset "utf-8";
/* main.css for SegWii.com */
body {
    height: 100%;
    background: url("../images/bg/diag.png");
    background-color: #555555;
    background-repeat: repeat;
    font-family: sans-serif;
    text-align: center; /* horizontal centering for IE */
    padding: 0;         /* required to "hide" distance div */
    margin: 0;          /* required to "hide" distance div */
}
#headercontainer {
	position: absolute:
	right: 0;
	left: 0;
	top: 0;
	display: block;
	height: 200px;
	width: 100%;
	text-indent: -999em;
	text-decoration: none;
}
#headerright {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	height: 200px;
	width: 50px;
	background: url("../images/bg/right_banner.png") no-repeat;
	text-indent: -999em;
	text-decoration: none;
}
#headerleft {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	height: 200px;
	width: 50px;
	background: url("../images/bg/left_banner.png") no-repeat;
	text-indent: -999em;
	text-decoration: none;
}
#topline {
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0;
	height: 200px;
	//width: 100%;
	margin-left: 50px;
	margin-right: 50px;
	display: block;
	background: url("../images/bg/middle.png") repeat-x;
	text-indent: -999em;
	text-decoration: none;
}
#header {
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0;
	height: 200px;
    margin-left: 0 px;
    padding: 45px;
    margin: 0px;
    display: block;
    background: url("../images/bg/banner_logo.png") no-repeat;
	text-indent: -999em;
	text-decoration: none;
}

img{
border: none;
}
#wrapper {
    position: relative;
    top: 10px;
    padding-top: 0px;
    margin: 0 auto;
    /*padding-bottom: 20px;*/
    text-align: CENTER;
    min-width: 600px;
    max-width: 1000px;
    color: white;
    font-style: Arial;
    font-size: 16px;
    font-weight: 500;
    /*border:1px dashed #FFF;*/
}
#imawrapper {
    position: relative;
    top: 10px;
    padding-top: 0px;
    margin: 0 auto;
    /*padding-bottom: 20px;*/
    text-align: LEFT;
    min-width: 600px;
    max-width: 1000px;
    color: white;
    font-style: Arial;
    font-size: 16px;
    font-weight: 500;
    /*border:1px dashed #FFF;*/
}

#wrapper a {
	color: #0099FF;
	text-decoration: none;
	border: none;
}
#wrapper a:hover {
	color:#0099FF;
	text-decoration:underline;
}
#contact_selected {
	height: 32px;
	width: 140px;
	overflow: hidden;
	background: url("../images/nav/contact.png") top left no-repeat;
	display: block;
	position: relative;
	top: 8px;
	left: 315px;
	margin-left: auto;
	margin-right: auto;
}
#contact_button {
	height: 32px;
	width: 140px;
	overflow: hidden;
	background: url("../images/nav/contact.png") bottom left no-repeat;
	display: block;
	position: relative;
	top: 8px;
	left: 315px;
	margin-left: auto;
	margin-right: auto;
}
#forum_selected {
	height: 32px;
	width: 130px;
	overflow: hidden;
	background: url("../images/nav/forum.png") top left no-repeat;
	display: block;
	position: relative;
	top: 40px;
	left: 183px;
	margin-left: auto;
	margin-right: auto;
}
#forum_button {
	height: 32px;
	width: 130px;
	overflow: hidden;
	background: url("../images/nav/forum.png") bottom left no-repeat;
	display: block;
	position: relative;
	top: 40px;
	left: 183px;
	margin-left: auto;
	margin-right: auto;
}
#hardware_selected {
	height: 32px;
	width: 150px;
	overflow: hidden;
	background: url("../images/nav/hardware.png") top left no-repeat;
	display: block;
	position: relative;
	top: 72px;
	left: 47px;
	margin-left: auto;
	margin-right: auto;
}
#hardware_button {
	height: 32px;
	width: 150px;
	overflow: hidden;
	background: url("../images/nav/hardware.png") bottom left no-repeat;
	display: block;
	position: relative;
	top: 72px;
	left: 47px;
	margin-left: auto;
	margin-right: auto;
}
#code_selected {
	height: 32px;
	width: 120px;
	overflow: hidden;
	background: url("../images/nav/code.png") top left no-repeat;
	display: block;
	position: relative;
	top: 104px;
	left: -85px;
	margin-left: auto;
	margin-right: auto;
}
#code_button {
	height: 32px;
	width: 120px;
	overflow: hidden;
	background: url("../images/nav/code.png") bottom left no-repeat;
	display: block;
	position: relative;
	top: 104px;
	left: -85px;
	margin-left: auto;
	margin-right: auto;
}
#theory_selected {
	height: 32px;
	width: 130px;
	overflow: hidden;
	background: url("../images/nav/theory.png") top left no-repeat;
	display: block;
	position: relative;
	top: 136px;
	left: -205px;
	margin-left: auto;
	margin-right: auto;
}
#theory_button {
	height: 32px;
	width: 130px;
	overflow: hidden;
	background: url("../images/nav/theory.png") bottom left no-repeat;
	display: block;
	position: relative;
	top: 136px;
	left: -205px;
	margin-left: auto;
	margin-right: auto;
}
#home_selected {
	height: 32px;
	width: 120px;
	overflow: hidden;
	background: url("../images/nav/home.png") top left no-repeat;
	display: block;
	position: relative;
	top: 168px;
	left: -325px;
	margin-left: auto;
	margin-right: auto;
}
#home_button {
	height: 32px;
	width: 120px;
	overflow: hidden;
	background: url("../images/nav/home.png") bottom left no-repeat;
	display: block;
	position: relative;
	top: 168px;
	left: -325px;
	margin-left: auto;
	margin-right: auto;
}
#home_selected:hover {
    background-position: bottom left;
}
#home_button:hover {
    background-position: top left;
}
#theory_selected:hover {
    background-position: bottom left;
}
#theory_button:hover {
    background-position: top left;
}
#code_selected:hover {
    background-position: bottom left;
}
#code_button:hover {
    background-position: top left;
}
#hardware_selected:hover {
    background-position: bottom left;
}
#hardware_button:hover {
    background-position: top left;
}
#forum_selected:hover {
    background-position: bottom left;
}
#forum_button:hover {
    background-position: top left;
}
#contact_selected:hover {
    background-position: bottom left;
}
#contact_button:hover {
    background-position: top left;
} //END Code :)