/* PersonalityStyle.com Stylesheet by Aaron Elliott */

body {
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image:url(../img/main_bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#FFF;
}
#basic
{
	background-image:url(../img/bkgd_basic.jpg);
}
fieldset {
	border:1px solid #ECE9DD;
	margin-bottom:20px;
	background-color:#FEFEF3;
	padding:10px;
	padding-bottom:0px;
}
fieldset p {
	font-size:12px;
	line-height:22px;
}	

legend {
	font-size:14px;
	color:#858585;
	line-height: 20px;
	letter-spacing: -1px;
	margin:0px;
	padding:0px;
	height:20px;
	font-weight:bold;
}
hr {
	border:0;
	color: #ECE9DD;
	background-color: #ECE9DD;
	height: 1px;
}	

a {
	color:#FF6600;
}
/* structural ids */

#wrapper {
	width:800px;
	margin:0 auto;
}

#nav {
	display:block;
	height:30px;
}

#nav h1 {
	line-height:30px;
	color:#999999;
	font-size:12px;
	margin:0px;
	padding:0px;
	font-weight:normal;
}

#content {
	width:800px;
	margin:0 auto;
}

#tag {
	position:absolute;
	width:384px;
	height:20px;
	top:68px;
	margin-left:4px;
}

#flashcontent {
	position:absolute;
	width:400px;
	height:270px;
	margin-left:400px;
	top:30px;
}
#flashcontent p {
	font-size:12px;
	line-height:22px;
	color:#666;
}

#form {
	position:absolute;
	width:400px;
	height:420px;
	top:120px;
	margin-left:0px;
	background-image:url(../img/form_bg.gif);
	background-repeat:no-repeat;
}
#form2 {
	position:absolute;
	width:760px;
	height:420px;
	top:50px;
	margin-left:0px;
}
#form p {
	font-size:12px;
	line-height:22px;
	color:#666;
}
#form2 p {
	font-size:12px;
	line-height:22px;
	color:#666;
}
#form h1 {
	font-size:18px;
	color:#666;
	letter-spacing:-1px;
}
#formspacer
{
	margin: 10px;
	height: 550px;
	overflow: auto;
}
#textarea1
{
	margin: 10px;
	height: 550px;

	width: 780
	overflow: auto;
	width: 740px;
}

#basic #form {
	top:40px;
	border: solid 2px #FFFFFF;
	background: #FEFEF3 none;
	height:570px;
}
#tagline {
	position:absolute;
	width:380px;
	height:80px;
	margin-left:410px;
	top:300px;
	padding:10px;
}
#tagline p {
	font-size:12px;
	line-height:20px;
	color:#333;
	margin:0px;
	padding-top:10px;
}
#basic #tagline {
	top:20px;
	padding:10px;
}
#basic #tagline p {
	color: #FFFFFF;
	font-size: 11px;
}

#paragraphs {
	position:absolute;
	width:400px;
	height:80px;
	margin-left:400px;
	top:400px;
	padding:10px;
}
#paragraphs p {
	font-size:12px;
	line-height:20px;
	color:#666;
	margin:0px;
	margin-top:10px;
}
#basic #paragraphs {
	top:125px;
	margin-left: 410px;
}

#burst {
	position:absolute;
	width:130px;
	height:130px;
	z-index:100;
	top:100px;
	margin-left:-40px;
}


#footer {
	position:absolute;
	top:825px;
	border-top:1px solid #EFEFEF;
	padding-top:20px;
	font-size:11px;
	color:#CCC;
	line-height:20px;
	width:800px;
	height: 106px;
}

#footer a {
	color:#CCC;
}

#copyright {
	width:650px;
	float:left;
}

#ml_logo {
	width:125px;
	height:86px;
	float:right;
}
/* classes */

.left_50 {
	width:47%;
	float:left;
	margin-right:10px;
}

.left_33 {
	width:32%;
	float:left;
	margin-right:10px;
}
.left_66 {
	width:64%;
	float:left;
	margin-right:10px;
}
.padding {
	padding:20px;
}
.center {
	text-align:center;
}
.padding_left_100 {
	padding-left:94px;
}

.required {
	color:#99CC00;
	font-size:10px;
	margin-left:5px;
	position:absolute;
	left:290px;
}

.smallformdesc {
	font-size:10px;
	color:#999;
	line-height:30px;
	margin-left:95px;
	margin-bottom:0px;
	padding:0px;
}

/* clearfix */

.clearfix:after
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix
{
	min-width: 0;		/* trigger hasLayout for IE7 */
	display: inline-block;
	/* \*/	display: block;	/* Hide from IE Mac */
}
* html .clearfix
{
	/* \*/  height: 1%;	/* Hide from IE Mac */ 
}

/* forms */

label,input,select {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:1px;
	font-size:12px;
	color:#666;
}

input[type="text"] {
	margin-bottom:10px;
}

fieldset {
	font-size:12px;
	color:#666;
}

label {
	text-align: right;
	width: 75px;
	padding-right: 20px;
	font-size:12px;
	color:#666;
}

br {
	clear: left;
	margin-bottom:10px;
}



.linkitems
{
	list-style: none;
	margin: 0;
	padding: 0;
}
.linkitem
{
	font-size: 12px;
	font-weight: bold;
	margin: 5px;
	border-bottom: solid 1px #999999;
	padding-bottom: 5px;
}
.linkitem ul
{
	font-size: 11px;
	font-weight: normal;
	margin: 2px;
}
