body {
margin:0px;
padding:0px;
background:#070F1C url(images/gradientbackground.jpg) repeat-x left top;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

img {
border:none;
}

#outerwrapper {
	width:850px;
	margin:0 auto;
	background:url(images/characters.png) no-repeat right 20%;
	position:relative;
}

#competition {
	display:none;
	position:absolute;
	width:104px;
	height:199px;
	top:0px;
	right:-5px;
	z-index:100;
}

#flashlinktext {
	float:left;
	margin-top:10px;
	width:300px;
	text-align:right;
	padding-top:5px;
	padding-left:190px;
}

#wrapper {
	width:762px;
	z-index:1;
	padding-bottom: 30px;
}

#colone {
	width:150px;
	float:left;
	text-align:right;
	color:#FFFFFF;
	background:url(images/leftcolbackground.png) no-repeat right 24%;
	padding-top: 140px;
	display: inline;
}

#colone p {
display:block;
padding-bottom:8px;
margin:0px;
font-style:italic;
font-size:10px;
	padding-right:10px;
}

#colone a {
display:block;
}

#colone a.daylink, #colone a.nightlink, #colone a.choicelink{
display:inline;
color:#FFFFFF;
text-decoration:none;
font-size:12px;
font-weight:bold;
}


#colone a.nightlink{
padding-right:10px;
}

#coltwo {
	width:612px;
	float:left;
	color:#00a6dd;
	background:url(images/bottomcenter.png) no-repeat left bottom;
	display:inline;
}


#coltwo h2{
margin:0px;
padding-bottom:8px;
font-size:13px;
}

#flashlink {
margin-top:10px;
	float:right;
	padding-right:70px;
}

#content {
	background:#FFF url(images/middletop.gif) no-repeat bottom left;
	padding-bottom: 0px;
}

#leftcol {
	width:220px;
	float:left;
	margin-left:20px;
}

#leftcol h1 {
font-size:14px;
margin:0px;
}

#leftcol #quicktime {
	padding-left:4px;
	padding-top:4px;
	z-index: 2;
}



#rightcol {
	width:331px;
	float:right;
	margin-right:20px;
}

#contentgap {
	background:url(images/middlepart.gif) repeat-y top left;
	padding-top: 7px;
}

#contentgap p{
margin:0 auto;
width:400px;
font-size:11px;
color:#666666;
font-style:italic;
}

#bottomcontent {

}

#area1, #area2, #area5, #area6, #area3, #area4 {
	width:551px;
	margin:0 auto;
	height:266px;
	margin-top: 20px;
	margin-bottom: 32px;
}

#area1 {
	background:url(images/designbackground.gif) no-repeat left top;
}

#area2 {
	background:url(images/experiencebackground.gif) no-repeat left top;
}

#area4 {
	background:url(images/futurebackground.gif) no-repeat left top;
}

#area3 {
	background:url(images/safetybackground.gif) no-repeat left top;
}

#area5 {
	background:url(images/featuresbackground.gif) no-repeat left top;
}

#area6 {
	background:url(images/contactbackground.gif) no-repeat left top;
}

#aboutcontent, #experiencecontent, #safetycontent, #featurescontent, #futurecontent, #contactcontent {
	width:501px;
	margin:0 auto;
	height: 195px;
	margin-top: 10px;
	color: #666666;
	overflow: auto;
}

* html #aboutcontent, #experiencecontent, #safetycontent, #featurescontent, #futurecontent, #contactcontent {
	display:inline-block;
}

#aboutcontent h2, #experiencecontent h2, #safetycontent h2, #featurescontent h2, #futurecontent h2, #contactcontent h2 {
	color:#b83c96;
	font-weight: bold;
	float: left;
	margin:0px;
}

 #experiencecontent h2 {
	color:#76b800;
}

#safetycontent h2 {
color:#e30250;
}

#futurecontent h2 {
color:#ff5114;
}

#featurescontent h2, #contactcontent h2 {
color:#6a11e7;
}

#aboutcontent p, #experiencecontent p, #safetycontent p, #featurescontent p, #futurecontent p, #contactcontent p {
	margin:0px;
	padding-bottom:10px;
	display:block;
}



a.insidelink, a.insidelinknew {
padding-left:6px;
color:#b83c96;
text-decoration:none;
	margin:0px;
}

a.insidelinknew {
color:#6a11e7;
padding-left:0px;
}

a.insidelink:hover, a.insidelinknew:hover {
text-decoration:underline;
}

#experiencecontent a.insidelink {
	color:#76b800;
}


#futurecontent a.insidelink {
color:#ff5114;
}

#safetycontent a.insidelink {
color:#e30250;
}

#featurescontent a.insidelink, #contactcontent a.insidelink {
color:#6a11e7;
}


#footer {
	padding-top:10px;
	padding-left:230px;
	color:#f9fbfc;
	font-size:10px;
}

#footer p {
margin:0px;
padding-right:6px;
display:inline;
}

#footer a {
margin:0px;
padding-right:6px;
display:inline;
text-decoration:none;
color:#FFFFFF;
}

#footer a:hover {
text-decoration:underline;
}

.experienceflash{
	color:#FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

.clearboth {
clear:both;
}

/*--------------------------------- IE FIXES ------------------------------------*/
* html #flashlink img, * html #header img, * html #imgNightDay, * html #competition .pngfix{
    position:relative;
    behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
        this.src = "images/transparentgif.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
        this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
    );
}

* html #coltwo #leftcol, * html #coltwo #rightcol {
display:inline;
}

* html #coltwo  {
width:612px;
	background:url(images/bottomcentergif.gif) no-repeat left bottom;
}

* html #colone {
	background:url(images/leftcolbackground.gif) no-repeat right 24%;
}

* html #wrapper {
width:800px;
}
* html #outerwrapper {
	background:url(images/charactersgif.gif) no-repeat right 20%;
}