html, body {
	margin: 0px;
	padding: 0px;
	border: none;
	color: #b2b2b2;
	background: #111;
	font-size: 11px;
	line-height: 13px;
	position: relative;
}

body {
	margin: 0px 426px 0px 0px;
	position: relative;
}

body, input, textarea, select {
	font-family: "arial", tahoma, verdana, sans-serif;
}

div { cursor: default; }

a,
a:active,
a:focus {
	text-decoration: none;
	outline: none;
	-moz-outline-style: none; 
}

a img { border: none; }

p {
	padding: 0px 0px 15px 0px;
	margin: 0px;
}

h1 {
	font-family: Arial Narrow, Arial, Tahoma, Sans-Serif;
	padding: 0px 0px 15px 0px;
	font-size: 21px;
	font-weight: normal;
	line-height: 21px;
	color: #fff;
	margin: 0px;
}

h2 {
	padding: 0px 0px 15px 0px;
	font-size: 13px;
	font-weight: bold;
	line-height: 15px;
	color: #ddd;
	margin: 0px;
}

#feedback {
	height: 22px;
	line-height: 21px;
	text-indent: 10px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 99;
	width: 75%;
	border-right: 1px solid #111;
}

.good {
	background: #415f28;
	color: #cfd7c9;
}

.bad {
	background: #783228;
	color: #ddccc9;
}

#feedback a, #feedback a:hover {
	color: #fff;
}

div#header {
	height: 180px;
}

div#logo {
	float: left;
	width: 25%;
	height: 90px;
	padding: 45px 0px 0px 0px;
}

div#logo div {
	text-align: center;
	margin: 0px auto;
	padding-top: 13px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 8%;
	height: 75px;
}

div#logo div a {
	width: 109px;
	height: 55px;
	display: block;
	text-align: center;
	margin: 0px auto;
}

div#strap {
	float: left;
	width: 50%;
	height: 180px;
	background: url(../img/strap_aylis.png) 0px 85px no-repeat;
}

div#news {
	float: left;
	width: 22%;
	padding-top: 65px;
	padding-right: 3%;
	background: url(../img/ttl_latestnews.png) 0px 42px no-repeat;
	height: 104px;
	overflow-y: hidden;
}

div#news span.date {
	color: #666;
}

div#ayzine {
	width: 25%;
	padding-right: 426px;
	height: 176px;
	border-top: 4px solid #00b4e6;
	position: absolute;
	left: 75%;
}

div#ayzine div.inner {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 426px;
}

div#ayzine div.form {
	width: 390px;
	padding-top: 61px;
	background: url(../img/ttl_subscribetoayzine.png) 0px 38px no-repeat;
	position: relative;
}

div#ayzine div.form form {
	position: absolute;
	top: 109px;
	left: 34px;
}

div#ayzine div.form input.ayzineemail {
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 4px 3px 5px 3px;
	border: none !important;
	color: #fff !important;
	background: #333 !important;
	font-size: 11px;
	width: 202px;
}

div#ayzine div.form input.ayzineemail2 {
	display: none;
}

div#ayzine div.form input.ayzinesubmit,
div#ayzine div.form input.ayzinesubmit2 {
	position: absolute;
	top: 0px;
	margin: 0px;
	padding: 0px;
	border: none;
	width: 41px;
	height: 23px;
	cursor: pointer;
}

div#ayzine div.form input.ayzinesubmit {
	left: 209px;
	background: url(../img/btn_start.gif) no-repeat;
	width: 67px;
}

div#ayzine div.form input.ayzinesubmit2 {
	left: 277px;
	background: url(../img/btn_stop.gif) no-repeat;
	width: 87px;
}

div#ayzine div.divider {
	position: absolute;
	height: 4px;
	width: 425px;
	border-left: 1px solid #111;
	top: -4px;
	right: 0px;
	font-size: 0px;
	line-height: 0px;
}

ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul#nav1 li, ul#nav2 li, ul#nav3 li, ul#nav4 li {
	margin: 0px;
	padding: 0px;
	display: block;
	float: left;
}

ul#nav1 li a, ul#nav2 li a, ul#nav3 li a, ul#nav4 li a {
	display: block;
	height: 240px;
	cursor: default;
	background: #1a1a1a;
}

ul#nav1 li a:hover, ul#nav2 li a:hover, ul#nav3 li a:hover, ul#nav4 li a:hover {
	background: #00b4e6;
}

ul#nav1 li a span, ul#nav2 li a span, ul#nav3 li a span, ul#nav4 li a span {
	display: none;
}

ul#nav1 {
	height: 240px;
}

ul#nav1 li {
	position: absolute;
	width: 26%;
}

ul#nav1 li a {
	border-left: 1px solid #111;
}

ul#nav1 li a div {
	width: 1px;
	position: absolute;
	left: 49%;
	top: 50%;
}

ul#nav1 li a div div {
	width: 56px;
	height: 30px;
	cursor: pointer;
	position: absolute;
	left: -29px;
	top: -16px;
	margin: 0px;
	padding: 0px;
}

ul#nav1 li#linkbuy { left: 0px; }
ul#nav1 li#linkbuy a { border-left: none; background: #1a1a1a url(../img/link_buy.png) 48% 50% no-repeat; }
ul#nav1 li#linkbuy a:hover { background: #00b4e6 url(../img/link_buy.png) 48% 50% no-repeat; }

ul#nav1 li#linksell { left: 25%; }
ul#nav1 li#linksell a { background: #1a1a1a url(../img/link_sell.png) 48% 50% no-repeat; }
ul#nav1 li#linksell a:hover { background: #00b4e6 url(../img/link_sell.png) 48% 50% no-repeat; }

ul#nav1 li#linkbuild { left: 50%; }
ul#nav1 li#linkbuild a { background: #1a1a1a url(../img/link_build.png) 48% 50% no-repeat; }
ul#nav1 li#linkbuild a:hover { background: #00b4e6 url(../img/link_build.png) 48% 50% no-repeat; }

ul#nav1 li#linkrun { left: 75%; }
ul#nav1 li#linkrun a { background: #1a1a1a url(../img/link_run.png) 48% 50% no-repeat; }
ul#nav1 li#linkrun a:hover { background: #00b4e6 url(../img/link_run.png) 48% 50% no-repeat; }


ul#nav2 {
	width: 426px;
	position: absolute;
	right: -426px;
	top: 180px;
}
	
ul#nav2 li {
	border-left: 1px solid #111;
}

ul#nav2 li a {
	width: 70px;
	position: relative;
}

ul#nav2 li a div {
	width: 40px;
	position: absolute;
	left: 15px;
	top: 110px;
	cursor: pointer;
	height: 20px;
}

ul#nav2 li#linkteam a { background: #1a1a1a url(../img/link_team.png) center no-repeat; }
ul#nav2 li#linkteam a:hover,
#pageteam ul#nav2 li#linkteam a { background: #00b4e6 url(../img/link_team.png) center no-repeat; }

ul#nav2 li#linkcontact a { background: #1a1a1a url(../img/link_contact.png) center no-repeat; }
ul#nav2 li#linkcontact a:hover, 
#pagecontact ul#nav2 li#linkcontact a { background: #00b4e6 url(../img/link_contact.png) center no-repeat; }

ul#nav2 li#linkayzine a { background: #1a1a1a url(../img/link_ayzine.png) center no-repeat; }
ul#nav2 li#linkayzine a:hover, 
#pageayzine ul#nav2 li#linkayzine a { background: #00b4e6 url(../img/link_ayzine.png) center no-repeat; }

ul#nav2 li#linkfree a { background: #1a1a1a url(../img/link_free.png) center no-repeat; }
ul#nav2 li#linkfree a:hover,
#pagefree ul#nav2 li#linkfree a { background: #00b4e6 url(../img/link_free.png) center no-repeat; }

ul#nav2 li#linkfriends a { background: #1a1a1a url(../img/link_friends.png) center no-repeat; }
ul#nav2 li#linkfriends a:hover,
#pagefriends ul#nav2 li#linkfriends a { background: #00b4e6 url(../img/link_friends.png) center no-repeat; }

ul#nav2 li#linkterms a { background: #1a1a1a url(../img/link_terms.png) center no-repeat; }
ul#nav2 li#linkterms a:hover,
#pageterms ul#nav2 li#linkterms a { background: #00b4e6 url(../img/link_terms.png) center no-repeat; }

ul#nav3 {
	width: 426px;
	position: absolute;
	right: -426px;
	top: 450px;
	height: 35px;
	background: url(../img/copyright_aylis.png) 170px bottom no-repeat; 
}

ul#nav3 li {
	float: right;
	height: 11px;
	background: #111;
	padding: 0px 7px;
	border-right: 1px solid #444;
}

ul#nav3 li#linklinkedin {
	padding: 0px 20px 0px 7px;
	border-right: none;
}

ul#nav3 li a {
	height: 11px;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

ul#nav3 li a:hover {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

ul#nav3 li#linktwitter a {
	width: 34px;
	background: url(../img/link_twitter.png) center no-repeat; 
}

ul#nav3 li#linkfacebook a {
	width: 41px;
	background: url(../img/link_facebook.png) center no-repeat; 
}

ul#nav3 li#linkyoutube a {
	width: 35px;
	background: url(../img/link_youtube.png) center no-repeat; 
}

ul#nav3 li#linklinkedin a {
	width: 35px;
	background: url(../img/link_linkedin.png) center no-repeat; 
}

ul#nav4 {
	height: 240px;
	position: absolute;
	left: 75%;
	width: 26%;
}

ul#nav4 li {
	position: absolute;
	width: 50%;
	height: 120px;
}

ul#nav4 li a {
	border-left: 1px solid #111;
}

ul#nav4 li a div {
	width: 1px;
	position: absolute;
	left: 49%;
	top: 50%;
}

ul#nav4 li a div div {
	width: 56px;
	height: 30px;
	cursor: pointer;
	position: absolute;
	left: -29px;
	top: -16px;
	margin: 0px;
	padding: 0px;
}

ul#nav4 li#linkbuy { width: 49%; top: 0px; left: 0px; }
ul#nav4 li#linkbuy a { height: 119px; border-left: none; border-bottom: 1px solid #111;  background: #1a1a1a url(../img/link_buy.png) 48% 50% no-repeat; }
ul#nav4 li#linkbuy a:hover,
#pagebuy ul#nav4 li#linkbuy a { background: #00b4e6 url(../img/link_buy.png) 48% 50% no-repeat; }

ul#nav4 li#linksell { top: 0px; left: 49%; }
ul#nav4 li#linksell a { height: 119px; border-bottom: 1px solid #111; background: #1a1a1a url(../img/link_sell.png) 48% 50% no-repeat; }
ul#nav4 li#linksell a:hover,
#pagesell ul#nav4 li#linksell a { background: #00b4e6 url(../img/link_sell.png) 48% 50% no-repeat; }

ul#nav4 li#linkbuild { width: 49%; top: 120px; left: 0px; }
ul#nav4 li#linkbuild a { height: 120px; border-left: none; background: #1a1a1a url(../img/link_build.png) 48% 50% no-repeat; }
ul#nav4 li#linkbuild a:hover,
#pagebuild ul#nav4 li#linkbuild a { background: #00b4e6 url(../img/link_build.png) 48% 50% no-repeat; }

ul#nav4 li#linkrun { top: 120px; left: 49%; }
ul#nav4 li#linkrun a { height: 120px; background: #1a1a1a url(../img/link_run.png) 48% 50% no-repeat; }
ul#nav4 li#linkrun a:hover,
#pagerun ul#nav4 li#linkrun a { background: #00b4e6 url(../img/link_run.png) 48% 50% no-repeat; }

div#content {
	width: 75%;
	position: relative;
	left: 0px;
	top: 0px;
	margin: 0px 25% 0px 0px;
	padding: 0px;
	font-size: 12px;
	line-height: 15px;
	min-height: 240px;
}
div#content a {
	color: #eee;
	background: url(../img/underline.gif) bottom repeat-x;
}
div#content a:hover {
	color: #00b4e6;
	background: none;
}

div#content div.inner {
	margin: 0px 1px 0px 0px;
	background: #1a1a1a;
	padding: 20px 30px 30px 26px;
	border-left: 4px solid #00b4e6;
}


ul#issues {
	height: 40px;
	display: block;
	margin: 0px 0px 0px 0px;
}

ul#issues li {
	margin: 0px;
	padding: 0px 1px 0px 0px;
	float: left;
}

ul#issues li a {
	float: left;
	width: 26px;
	height: 26px;
	text-align: center;
	display: block;
	font-size: 18px;
	font-weight: normal;
	line-height: 26px;
	background: #333;
	color: #cfcfcf;
}

ul#issues li a:hover {
	background: #444;
	color: #fff;
	text-decoration: none;
}

ul#issues li span {
	float: left;
	width: 26px;
	height: 26px;
	text-align: center;
	display: block;
	font-size: 18px;
	font-weight: normal;
	line-height: 26px;
	background: #00b4e6;
	color: #fff;
}


.contactform ul li {
	margin: 0px;
	padding: 0px 20px 5px 0px;
	float: left;
	display: block;
	clear: both;
}

.contactform ul li div {
	float: left;
	width: 60px;
	height: 28px;
	line-height: 26px;
	font-size: 11px;
}

.contactform ul li.text {
	padding: 0px 20px 5px 60px;
	font-size: 11px;
}

.contactform ul li.text p {
	margin: 0px;
	width: 194px;
}

.contactform ul li input.input {
	float: left;
	width: 186px;
	padding: 6px 3px;
	margin: 0px;
	background: #333 !important;
	border: none !important;
	color: #eee !important;
}

.contactform ul li textarea.textarea {
	float: left;
	width: 186px;
	height: 144px;
	padding: 6px 3px;
	margin: 0px;
	background: #333 !important;
	border: none !important;
	color: #eee !important;
}


.contactform ul li input.submit {
	margin: 0px;
	padding: 0px;
	border: none !important;
	background: #00b4e6 !important;
	width: 112px;
	height: 24px;
	cursor: pointer;
	line-height: 22px;
	font-weight: bold;
	color: #fff !important;
}


.freeform ul {
	height: 28px;
	width: 360px;
	background: url(../img/join.gif) 35px 0px no-repeat;
}

.freeform ul li {
	margin: 0px;
	padding: 0px;
	float: left;
	display: block;
}

.freeform ul li.freefield {
	height: 28px;
	line-height: 28px;
	width: 35px;
}

.freeform ul li.freeinput{
	margin: 0px 1px 0px 0px;
}

.freeform ul li.freeinput input {
	margin: 0px;
	padding: 6px 3px;
	border: none !important;
	background: none !important;
	width: 220px;
	color: #eee !important;
}

.freeform ul li.freesubmit input {
	margin: 0px;
	padding: 0px;
	border: none !important;
	background: none !important;
	width: 88px;
	height: 28px;
	cursor: pointer;
	line-height: 22px;
	font-weight: bold;
	color: #fff !important;
}