@charset "utf-8";
* {margin:0;padding:0;}

html, body, #container, #content ,#noplugin {height:100%;}


#content{margin:0; width:100%; height:100%; min-width:960px; min-height:600px; background-color:#ffffff; padding-top: 0px; position:relative}



body {background-color:#fff;color:#333;	font:100.01%/1.4 Arial, Helvetica, sans-serif;
	text-align:center; /* horizontal centering for IE Win quirks */
}
#noplugin {height:100%;}
#noplugin .distance { 
	width:1px;
	height:50%;
	background-color:#fc6;
	margin-bottom:-300px; /* half of container's height */
	float:left;
	}

#noplugin .container {
	margin:0 auto;
	position:relative; /* puts container in front of distance */
	text-align:left;
	height:600px;
	width:960px;
	clear:left; z-index:100
	}
.corner { width:480px; height:300px; position:absolute; z-index:50; background-repeat:no-repeat}
.top_left { top:0;left:0; background-image:url(../images/corner_tl.jpg);}
.top_right { top:0;right:0; background-image:url(../images/corner_tr.jpg);}
.bottom_left { bottom:0;left:0; background-image:url(../images/corner_bl.jpg);}
.bottom_right{ bottom:0;right:0; background-image:url(../images/corner_br.jpg);}

.content { padding:220px 0 0 180px; float:left; }
.content #left {float:left; margin-right:20px; width:151px;}
.content #right {float:left; width:433px;}

.content h1,
.content h2,
.content p.text,
.content p.help span,
.content p.help a {background-repeat: no-repeat;overflow:hidden;text-indent:-1000em;}

.content h1 { width:443px; height:34px; background-image: url(../images/flash_plugin_not_found.png); color:#69b2e2; font-size:36px; line-height:34px; margin:0;}
.content h2 { width:443px; height:30px; background-image: url(../images/no_plug-in_no_fun.png); color:#a5c032; font-size:24px; line-height:30px; margin:0 0 14px;}
.content p { font-size:11px; line-height:12px;}
.content p.text {background-image:url(../images/text.png); height:36px; padding-bottom:14px}
.content p.help { height:30px;}
.content p.help span,
.content p.help a{height:30px; display:block; float:left}
.content p.help span.download{background-image:url(../images/to_download.png); height:30px; width:158px}
.content p.help a{background-image:url(../images/click_here.png); height:30px; width:137px; color:#69b2e2}

.content p.help span.thanks{background-image:url(../images/thanks.png); height:30px; width:70px}

.content a img { border:none;}


.error404 {}
.error404 .content { padding:220px 0 0 150px; float:left; }
.error404 .content #left {width:245px;}
.error404 .content #right {float:left; width:395px;}

.error404 .content h1 { width:395px; height:40px; background-image: url(../images/404_error.png); color:#69b2e2; font-size:36px; line-height:40px; margin:0;}
.error404 .content h2 { width:395px; height:24px; background-image: url(../images/url_not_found.png); font-size:24px; line-height:24px; margin:0 0 21px;}
.error404 .content p.text {background-image:url(../images/404_text.png); height:57px; padding-bottom:16px}

.error404 .content p.help { height:20px;}
.error404 .content p.help span,
.error404 .content p.help a{height:20px; display:block; float:left}
.error404 .content p.help span.visit{background-image:url(../images/visit.png); height:20px; width:37px}
.error404 .content p.help a{background-image:url(../images/site_url.png); height:20px; width:265px; color:#69b2e2}

.error404 .content p.help span.thanks{background-image:url(../images/404_thanks.png); height:20px; width:70px}

.error404 {}
.error404 {}

