html {
	width: 100%;
	height: 100%;
	background-color: #0265b1;
}

body {
	width: 100%;
	height: 100%;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
	color:#fff;
	margin: 0;
	background: url(../_img/bg.jpg) repeat-x;
}

a:link {
	color: #fff;
	text-decoration: underline;
}

a:visited {
	text-decoration: underline;
	color: #fff;
}

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

a:active {
	text-decoration: underline;
	color: #fff;
}

ul, li {
	display: none;
}

.clearboth {
	clear: both;
}


#wrapper {
	width: 838px ;
  	margin-left: auto ;
 	margin-right: auto ;
 	overflow-x: visible;
/*  	background: url(../_img/bodyBg.jpg) no-repeat; */

}

#header {
	float: left;
	width: 848px;
	height: 58px;
}

#logo h1 a {
	float: left;
	width: 208px;
	height: 41px;
	background: url(../_img/logo.png) no-repeat;
	text-indent: -99999px;
	margin: 0;
	padding: 0;
}

#designStudio h2 {
	float: left;
	width: 85px;
	height: 41px;
	background: url(../_img/designStudio.png) no-repeat;
	text-indent: -99999px;
	margin: 0;
	padding: 0;
}


/***************/
/* LOGIN STUFF */
/***************/
#login {
	float: left;
	width: 340px;
	margin: 0 0 0 215px;
}

.btnLogin a, .btnLogin a:hover, 
.btnLogin a:active, .btnLogin a:visited {
	float: left;
	margin: -6px 0 0 -10px;
	float: right;
}

.btnLogin,
.btnLogin a {
	float: left;
	width: 90px;
	height: 35px;
	background: url(../_img/btnLogin.png) no-repeat;
	text-indent: -99999px;
	border: none;
	cursor: pointer;
	margin: -6px 0 0 -14px;
}

.btnLogin a:hover {
	float: left;
	width: 90px;
	height: 35px;
	background: url(../_img/btnLogin.png) no-repeat;
	text-indent: -99999px;
	background-position: 0 -35px;
}

.textFieldHolder{
	float: left;
	padding-left: 10px;
	background: url(../_img/textInput.png) no-repeat;
}

.textFieldHolder .textField {
	float: left;
    width: 100px;
    height: 24px;
	background: transparent;
    border: none;
    font-size: 12px;
    color: #424242; 
    overflow: hidden;
    margin: 0 10px 0 -6px;
    padding: 3.5px 5px 0 10px; 
}

.hide {
	display: none;
	
}

.headerLinks {
	float: left;
	width: 340px;
	margin: 0 50px 0 128px;
}

#loginWrapper {
	float: left;
	width: 450px;
}




/*************************/
/*  BODY CONTENTSTUFF    */
/*************************/

.middleWrapper {
	float: left;
	width: 1020px;
	height: 402px;
	background: url(../_img/spotlight.png) no-repeat;
	margin: 15px 0 0 -11px;
}

.theMiddle {
	float: left;
	width: 848px;
	height: 402px;
	margin: -15px 0 0 0;
}

.bodyContent {
	float: left;
	width: 400px;
	height: 100%;
	margin: 28px 0 0 0;
}

.bodyMessage {
	float: left;
	width: 400px;
	height: 114px;
	background: url(../_img/bodyMessage.png) no-repeat;
	text-indent: -99999px; 
	margin: 28px 0 0 11px;
}

.bodyValueProps {
	float: left;
	width: 393px;
	height: 118px;
	background: url(../_img/bodyValueProps.png) no-repeat;
	text-indent: -99999px; 
	margin: 23px 0 20px 15px;
}

.btnGetStarted{ margin: -3px 0 0 7px; }

.btnGetStarted a {
	float: left;
	width: 217px;
	height: 57px;
	background: url(../_img/btnGetStarted.png) no-repeat;
	text-indent: -99999px;
}

.btnGetStarted a:hover {
	background-position: 0 -57px;
}

#videoEmbed {
	float: left;
	width: 398px;
	height: 322px;
	margin: 59px 0 0 42px;
}


/*****************************/
/*  LOWER BODY STUFF         */
/*****************************/
.lowerBody {
	float: left;
	width: 838px;
	height: 133px;
	margin: 20px 0 0 0;
}

.audodeskIcon {
	float: left;
	width: 105px;
	height: 111px;
	background: url(../_img/iconAutodesk.png) no-repeat;
	text-indent: -99999px;
}

.lowerBodyTextWrapper {
	float: left;
	width: 730px;
}

.lowerBodyMessage {
	float: left;
	width: 360px;
	height: 21px;
	background: url(../_img/lowerBodyMessage.png) no-repeat;
	text-indent: -99999px;
	margin: 10px 0 0 0;
}

.lowerBodyMessageTxt {
	float: left;
	height: 20px;
	width: 100%;
	font-size: 12.5px;
	padding: 0 0 0 1px;
}

.btnLowerBodyGetPlugin a {
	float: left;
	width: 149px;
	height: 36px;
	text-indent: -99999px;
	background: url(../_img/btnGetPlugin.png) no-repeat;
	margin: 0 0 0 -6px;
}

.btnLowerBodyGetPlugin a:hover {
	float: left;
	background-position: 0 -36px;
}

.lowerBodySpecialUserLink {
	float: left;
	width: 180px;
	font-size: 10px;
	font-style: italic;
	padding: 10px 0 0 0;
}


/*****************************/
/*  FOOTER STUFF             */
/*****************************/
#footer {
	float: left;
	width: 838px;
	height: 100%;
	font-size: 9px;
	letter-spacing: 0px;
	font-size: 8px;
}

.footerNonLinks {
	color: #9abcdc;
}