body,td,th {
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
body {
margin-left: 00px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color:#000000;
}

.mainArea {
width:899px;
margin:0px auto;
}
.clearBoth{
clear:both;
}

/* PROMOTIONAL HEADER */
.promoHeader {
background-color:#FFFFCC;
color:#666666;
font-size:13px;
text-align:center;	
padding-top:4px;
padding-bottom:4px;
background-image:url(gfx/promo-gradient4.gif);
background-repeat:repeat-x;
margin-top:4px;
height:18px;
}
.promoHeader strong {
color:#FF8421;
font-weight:bold;
color:#000000;
}

.promoHeader a:link     { color: #000000; text-decoration: none; }
.promoHeader a:visited  { color: #000000; text-decoration: none; }
.promoHeader a:hover    { color: #B96018; text-decoration: none; }
.promoHeader a:hover strong   { color: #B96018; text-decoration: none; }
.promoHeader a:active   { color: #000000; text-decoration: none; }


/* HEADER */

.mainHeader {
	width:901px;
	height:32px;
	background-image:url(gfx/3DLiveStats-logo.gif);
	background-repeat: no-repeat;
	background-position: 761px 18px;
	padding-left:10px;
	padding-top:64px;
	color:#FFFFFF;
	font-size:14px;
}

.mainHeader .menuItem {
	float:left;
	margin-right:25px;
	color:#AAAAAA;
}

.mainHeader .menuItem a:link     { color: #AAAAAA; text-decoration: none; }
.mainHeader .menuItem a:visited  { color: #AAAAAA; text-decoration: none; }
.mainHeader .menuItem a:hover    { color: #FFFFFF; text-decoration: none; }
.mainHeader .menuItem a:active   { color: #AAAAAA; text-decoration: none; }

.mainHeader #high a:link     { color: #FFFFFF; text-decoration: none; }
.mainHeader #high a:visited  { color: #FFFFFF; text-decoration: none; }
.mainHeader #high a:hover    { color: #FFFFFF; text-decoration: none; }
.mainHeader #high a:active   { color: #FFFFFF; text-decoration: none; }

.mainHeader .menuItemWidget {
	float:left;
	margin-right:25px;
	color:#FF8421;
}

.mainHeader .menuItemWidget a:link     { color: #FF8421; text-decoration: none; }
.mainHeader .menuItemWidget a:visited  { color: #FF8421; text-decoration: none; }
.mainHeader .menuItemWidget a:hover    { color: #FFFFFF; text-decoration: none; }
.mainHeader .menuItemWidget a:active   { color: #FF8421; text-decoration: none; }


.mainHeader #high {
  font-weight:bold;
	color:#FFFFFF;
}


/* MAIN CONTENT */

.mainContent {
	border:1px solid #403F3F;
	color:#FFFFFF;
	font-size:14px;
	line-height:18px;
	letter-spacing:0.1pt;
	background-image:url(gfx/main-header.jpg);
	background-repeat:no-repeat;
	/*
	min-height:800px;
	*/
}

#seomozPromo .mainContent {
background-image:url(gfx/background-promo.jpg);
}

#widget .mainContent {
background-image:url(gfx/widget-background.jpg);
background-repeat:repeat-x;
}


.mainContent .movieClipArea {
position:relative;
height:520px;
width:800px;
}

.mainContent .movieClipArea .movieClip {
  position:absolute;
  width:386px;
	height:231px;
	margin-left:248px;
	margin-top:110px;
}

.mainContent .movieClipArea .movieClip #ufoWidescreenClip {
color:#FFFFFF;
text-align:center;
}

.mainContent .slogan {
text-align:center;
font-size:36px;
padding-top:80px;
padding-bottom:20px;
}

.mainContent .content {
margin-left:15px;
del-margin-right:15px;
color:#CCCCCC;
width:865px;
1-border:1px solid red;

width:860px;
margin-left:0px;
padding-left:15px;
padding-right:15px;
}
.mainContent .content strong {
color:#FFFFFF;
}

.mainContent .content .row {
clear:both;
}
.mainContent .content .column {
float:left;
width:420px;
del-margin-right:20px;
text-align:justify;
1-padding-right:20px;
1-border:1px solid green;
}
.mainContent .content .columnSpacer {
float:left;
width:20px;
1-border:1px solid yellow;
}


.mainContent .content .column img{
margin:18px 10px 5px 0px;
}

.mainContent H2 {
margin-bottom:0px;
color:#FFFFFF;
}

.mainContent H3 {
	margin-bottom:-14px;
	margin-top:14px;
	color:#FFFFFF;
	font-size:14px;
}

.mainContent p {
margin-bottom:24px;
}

/* HOW IT WORKS SEGMENT */

.mainContent .howItWorks {
background-image:url(gfx/how-3dlivestats-works.jpg);
background-position:0px 50px;
background-repeat:no-repeat;
width:861px;
height:425px;
position:relative;
font-size:11px;
color:#CCCCCC;
}

.mainContent .howItWorks strong{
color:#FFFFFF;
}

.mainContent .howItWorks .step1 {
	background-image:url(gfx/step-1.gif);
	background-repeat:no-repeat;
	background-position: 5px;
	width:200px;
	position:absolute;
	top:40px;
	left:10px;
	padding-left:30px;
}

.mainContent .howItWorks .step2 {
	background-image:url(gfx/step-2.gif);
	background-repeat:no-repeat;
	background-position: 5px;
	width:200px;
	position:absolute;
	top:10px;
	left:318px;
	padding-left:30px;
}

.mainContent .howItWorks .step3 {
	background-image:url(gfx/step-3.gif);
	background-repeat:no-repeat;
	background-position: 5px;
	width:240px;
	position:absolute;
	top:35px;
	left:608px;
	padding-left:30px;
}



/* FOOTER */

.mainFooter {
	text-align:center;
	font-size:12px;
	color:#999999;
	margin-top:15px;
	margin-bottom:15px;
}





/* PROMO */
.mainContent .content .promoSlogan {
padding:160px 50px 50px 75px;
text-align:center;
font-size:16px;
color:#FFFFFF;
}

#seomozPromo .mainContent .content .column h2 {
margin-top:0px;
padding-top:0px;
padding-left:10px;
}

#seomozPromo #promoAnim {
background:url(gfx/lcd-screen-plus-reflection.jpg);
padding-left:17px;
padding-top:17px;
width:406px;
height:480px;
}

#seomozPromo .mainContent .content li{
font-size:14px;
color:#FFFFFF;
padding-bottom:5px;
}

#seomozPromo .prices {
font-size:20px;
text-align:center;
margin-top:20px;
margin-bottom:20px;
color:#FFFFFF;
}

#seomozPromo .prices s{
padding-right:5px;
}

#seomozPromo .prices strong{
color:#FF0000;
color:#FF8421;
}

#seomozPromo .buttons {
text-align:center;
}

#seomozPromo .buttons a img {border:0px;}


/* WIDGET */
.mainContent .content .widgetLogo {
background-image:url(gfx/widget-logo.gif);
width:266px;
height:29px;
margin-top:30px;
}

#widget h2 {
color:#F3F3F3;
font-size:20px;
margin-bottom:30px;
}
#widget h3 {
color:#F3F3F3;
font-size:18px;
margin-top:40px;
}

#widget .content p.designButtons img{
margin-bottom:-30px;
}

#widget .content p.designButtons {
margin-bottom:70px;
}

#widget .content p.colors img {
margin:0;
padding:0;
margin-right:13px;
margin-top:13px;
border:0;
}


#widget .content p.webID {
margin-top:20px;
}
#widget .content p.webID input {
width:221px;
height:38px;
font-size:24px;
background-color:#000000;
border:0;
padding:8px 0px 0px 8px;
color:#FFFFFF;
background-image:url(gfx/widget-input.gif);
margin-top:5px;
text-align:center;
}
#widget .content p.webID a {
font-size:12px;
color:#AEAEAE;
width:230px;
}
#widget .content p.webID a:link     { color: #AEAEAE; text-decoration: underline; }
#widget .content p.webID a:visited  { color: #AEAEAE; text-decoration: underline; }
#widget .content p.webID a:hover    { color: #FFFFFF; text-decoration: underline; }
#widget .content p.webID a:active   { color: #AEAEAE; text-decoration: underline; }


#widget .content .widgetCreate {
margin-top:50px;
}

#widget .content .preview {
padding-left:28px;
}
#widget .content .preview h3{
text-align:center;
margin-top:40px;
margin-bottom:10px;
}

#widget .content .preview .previewWindow{
background-image:url(gfx/widget-preview.jpg);
width:386px;
height:375px;
width:283px;
height:325px;
padding-left:103px;
padding-top:50px;
}

#widget .content #widgetCode {
border:2px solid #A3A3A3;
background-color:#000000;
margin:0;
padding:0;
width:382px;
height:100px;
font-size:10px;
color:#A3A3A3;

overflow: scroll;
overflow-y: scroll;
overflow-x: hidden;
overflow:-moz-scrollbars-vertical;
}

#widget #widgetBackground {
background-repeat:no-repeat;
}
#widget #widgetFlash {
width:180px;
height:170px;
margin:0;
padding:0;
}
#widget #widgetFooter {
width:180px;
height:20px;
margin:0;
padding:0;
}

#widget #widgetFooter img {
margin:0;
padding:0;
}

#widget .dataWindow {
margin-top:20px;
}

#widget .colLeft {
1-border:1px solid red;
width:100px;
float:left;
}
#widget .colRight {
clear:right;
float:left;
1-border:1px dashed red;
}



#badge {
width:109px;
height:109px;
display:block;
float:left;
position:absolute;
1-border:1px solid red;
1-background-image:url(gfx/badge.gif);
margin-top:52px;
_margin-top:51px;
margin-left:54px;
z-index:1;
padding:0;
}

#badge #badgeA {
border:1px solid red;
margin-left:20px;
margin-top:24px;
width:66px;
height:58px;
1-display:block;
}

