@charset "UTF-8";
/* CSS Document */

/* Reset */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
border:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
margin:0;
padding:0;
}

/*Basic Styles*/

#PAGE
{
	margin: auto;
	margin-top: 0px;
	position: relative;
	width: 800px;
	height: auto;
}

body
{
}

img
{
	border: none;
}

/* Headers */

h1
{
	font-size: 14px;
	color: #666666;
	font-family: helvetica, sans-serif, arial;
}

h2
{
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	font-family: helvetica, sans-serif, arial;
}

/* Header */

#logo
{
	margin-top: 45px;
	padding-bottom: 5px;
	width: 242px;
}

#LOGIN
{
	width: 500px;
	height: 30px;
	margin-top: 15px;
}

#sub_login
{
	float: left;
	width: 400px;
	height: 30px;
}

#sub_login2
{
	float: right;
	/*margin-top: -30px;*/
	width: 400px;
	height: 30px;
}

/* Lists */

li
{
	line-height: 18px;
}

.news
{
	list-style: circle;
}


/*forms*/

input
{
	width: 12em;
}

#form1
{
	float: left;
}

#form2
{
	float: left;
	margin-left: 10px;
	margin-right: 15px;
}

/*layout*/

#content
{
	float: left;
	width: 800px;
	height: 300px;
}

#home_content
{
	width: 820px;
	height: 176px;
	margin-top: 15px;
	font-family: helvetica, arial, sans-serif;
	font-size: 12px;
	color: #666666;
	padding: 0px;
	float: left;
	line-height: 15px;
}

/*The two headers on the left have the same styles and the id on the right has its own to line up all the headers correctly*/

#home_box
{
	float: left;
	margin-right: 15px;
	width: 256px;
	height: 175px;
	background-image: url(images/about-moho.png);
	background-repeat: no-repeat;
}

#home_box2
{
	float: left;
	margin-right: 15px;
	width: 256px;
	height: 175px;
	background-image: url(images/getting-started.png);
	background-repeat: no-repeat;
}

.columns
{
	margin-top: 0px;
	margin-right: 10px;
	margin-left: 220px;
	padding: 20px;
	width: 650px;
	float: left;
	font-size: 13px;
	color: #666666;
	font-family: helvetica, arial, sans-serif;
	line-height: 18px;
}

.icon
{
	float: left;
	margin-right: 10px;
	height: 100%;
}

.content
{
	margin-left: 70px;
}

.columns_right
{
	margin-top: 30px;
	width: 400px;
	float: right;
	font-size: 13px;
	color: #666666;
	font-family: helvetica, arial, sans-serif;
	line-height: 18px;
}

/*Free Membership*/

#free_membership
{
	position: absolute;
	top: 90px;
	left: -40px;
}

/* Screenshots Page */

#scrn_container
{
	width: 280px;
	height: 120px;
	float: left;
	margin: 10px;
}

/*footer*/

#footer
{
	float: left;
	width: 800px;
	margin-top: 10px;
	height: 20px;
	text-align: right;
	margin-right: 5px;
}

/* Content Pages */

#corp
{
	width: 900px;
	height: auto;
	padding-top: 25px;
}

#banner
{
	width: 900px;
	height: 76px;
	background-image: url(images/nav_banner.png);
	background-repeat: no-repeat;
}

#nav
{
	float: left;
	width: 200px;
	height: 100%;
	margin-top: 40px;
	padding-right: 50px;
	margin-left: 30px;
}

#nav_box_moho
{
	/*float: left;*/
	background-image: url(images/moho_nav.png);
	background-repeat: no-repeat;
	width: 200px;
	height: 260px;
	padding-top: 40px;
	padding-left: 10px;
	line-height: 22px;
}

#nav_box_ol
{
	/*float: left;*/
	background-image: url(images/ol_nav.png);
	background-repeat: no-repeat;
	width: 200px;
	height: 110px;
	padding-top: 40px;
	padding-left: 10px;
	line-height: 22px;
}

#nav_box_promo
{
	/*float: left;*/
}

.newsItem
{
	display: none;
	height: 250px;
	width: 180px;
}
	

#text
{
	float: left;
	margin-top: 40px;
	width: 450px;
	height: auto;
	overflow: inherit;
	padding-bottom: 20px;
	line-height: 18px;
	font-size: 11px;
	font-family: helvetica, sans-serif, arial;
	color: #666666;
}

.partners
{
	float: left;
	width: 290px;
	margin-left: 30px;
}
	

/*Links*/

#links
{
	float: left;
	border-top: 1px solid #666666;
	margin-top: 20px;
	margin-bottom: 20px;
	height: 20px;
	width: 900px;
}

.active
{
	font-family: helvetica, sans-serif, arial;
	font-size: 14px;
	color: #BA1F25;
	font-weight: bold;
}

.bottomActive
{
	font-family: helvetica, sans-serif, arial;
	font-size: 13px;
	margin-right: 14px;
	color: #333333;
	font-weight: bold;
}

a.login:link{text-decoration: none; color: #BA1F25; font-family: helvetica, arial, sans-serif; font-size: 11px;}
a.login:visited{text-decoration: none; color: #BA1F25; font-family: helvetica, arial, sans-serif; font-size: 11px;}
a.login:active{text-decoration: none; color: black; font-family: helvetica, arial, sans-serif;font-size: 11px;}
a.login:hover{text-decoration: underline; color: #666666; font-family: helvetica, arial, sans-serif; font-size: 11px;}

a.linktext:link{text-decoration: none; color: #BA1F25; font-family: helvetica, arial, sans-serif; font-size: 13px; font-weight: bold; margin-right: 15px;}
a.linktext:visited{text-decoration: none; color: #BA1F25; font-family: helvetica, arial, sans-serif; font-size: 13px; font-weight: bold; margin-right: 15px;}
a.linktext:active{text-decoration: none; color: black; font-family: helvetica, arial, sans-serif;font-size: 13px; font-weight: bold; margin-right: 15px;}
a.linktext:hover{text-decoration: underline; color: #666666; font-family: helvetica, arial, sans-serif; font-size: 13px; font-weight: bold; margin-right: 15px;}

a.navtext:link{text-decoration: none; color: #666666; font-family: helvetica, arial, sans-serif; font-size: 14px; font-weight: bold;}
a.navtext:visited{text-decoration: none; color: #666666; font-family: helvetica, arial, sans-serif; font-size: 14px; font-weight: bold;}
a.navtext:active{text-decoration: none; color: black; font-family: helvetica, arial, sans-serif;font-size: 14px; font-weight: bold;}
a.navtext:hover{text-decoration: underline; color: #BA1F25; font-family: helvetica, arial, sans-serif; font-size: 14px; font-weight: bold;}