html {background:#f0f0f0}
body {padding:0; margin:0; text-align:center; font-family:arial, sans-serif; font-size:76%;}

#wrapper {width:800px; margin:0 auto; text-align:left;}

#header {width:1125px; height:100px; position:relative; float:left; margin-bottom:0; background:url(../graphic/backlight.png) no-repeat;}
* html #header {background:none;}

#content {width:800px; float:left;}
#info {width:750px; min-height:230px; padding:10px 24px; background:#fff; border:1px solid #ddd; border-radius:3px; box-shadow:0 15px 10px -15px rgba(0,0,0,0.4);}

#info p {font-size:12px; line-height:18px;}
#info p.info {margin-left:10px;}
#info h2 {padding:10px 0 5px 10px; margin:0; font-size:15px; color:#151;}
#info h3 {padding:5px 0 10px 10px; margin:0; font-size:12px; color:#048; font-weight:normal;}

.link {
	color: #fff; text-decoration: none; font-size: 12px; font-weight: bold;	line-height: 140%;}

#footer {min-height:100px; text-align:center; background:#151;}
#foot {width:801px; margin:0 auto; text-align:left; background:#151;}
#foot p {padding:0; margin:0; line-height:22px; font-size:11px; color:#aaa;}
.clear {clear:both;}

#header #logo {float:left; width:300px; font-family:'times new roman', serif;}
#header #logo h1 {padding:0; margin:0; font-size:45px; float:left; color:#fff;}
#header #logo h1 a {color:#fff; text-decoration:none;}
#header #logo h2 {padding:0 0 0 10px; margin:0; font-size:45px; float:left; color:#69c; font-weight:normal;}
#header #logo h2 a {color:#69c; text-decoration:none;}

#header #logo h3 {font-family:'Ubuntu',arial, sans-serif; font-weight: 500; padding:0 0 0 5px; margin:0; clear:left; font-size:15px; color:#696;}
#header #logo h2 span {float:left; padding-left:5px;}
#header #logo h2 span.backy {padding-left:0;
-moz-transform:rotateY(180deg);
-ms-transform:rotateY(180deg);
-o-transform:rotateY(180deg);
-webkit-transform:rotateY(180deg);
transform:rotateY(180deg);
}

.demos #main_menu li#demos a,
.menus #main_menu li#menus a,
.layouts #main_menu li#layouts a,
.boxes #main_menu li#boxes a,
.mozilla #main_menu li#mozilla a,
.explorer #main_menu li#explorer a,
.opacity #main_menu li#opacity a,
.java #main_menu li#java a {box-shadow:0 20px 30px -10px rgba(255,255,255,0.4); border-color:#888; background:#000; color:#6cf;}

#navigation {padding:0; margin:0; list-style:none; position:absolute; bottom:38px; left:5px;}
#navigation li {font-family:'Ubuntu',arial, sans-serif; font-weight: 500; float:left; font-size:11px; color:#ccc; padding:0 15px 0 0; line-height:22px; }
#navigation li a {font-family:'Ubuntu',arial, sans-serif; font-weight: 500; display:block; float:left; font-size:11px; color:#fff; line-height:22px; text-decoration:none;}
#navigation li a:hover {text-decoration:underline;}