@charset "utf-8";
/* CSS Document */
*{margin:0px; padding:0px;}
body,html{
	margin:0px; 
	padding:0px; 
	background:#38526b url(../images/bg_noise.jpg); 
	height:100%;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}
#if_ie{display:none;}
body,html img{border:none;}
input[type=text],input[type=password],select,textarea{border:1px solid #aaa;transition:border linear .2s,box-shadow linear .2s;-moz-transition:border linear .2s,-moz-box-shadow linear .2s;-webkit-transition:border linear .2s,-webkit-box-shadow linear .2s; }

input[type=text]:focus,input[type=password]:focus,textarea:focus{outline:none;border-color:rgba(82,168,236,.75)!important;box-shadow:0 0 8px rgba(82,168,236,.5);-moz-box-shadow:0 0 8px rgba(82,168,236,.5);-webkit-box-shadow:0 0 8px rgba(82,168,236,.5);}

input.with-box:focus,input[class*=search]:focus,input[id*=search]:focus{border-color:inherit!important;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;}

.clearfloat {clear:both; height:0; font-size: 1px; line-height: 0px;}
#main{background:url(../images/banner_bg.png) repeat-x top; width:100%;}
#content{margin:0 auto; width:980px; height:100%;}

#banner{height:247px; background:url(../images/banner.jpg) no-repeat;}
#banner_left{float:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; width:450px;}
#fblike{margin:105px 0 0 310px;}
#question{margin:150px 0 0 30px; color:#b5dff7;}
#banner_left h3{font-size:40px; font-weight:lighter;}
#banner_left p{font-size:22px; font-weight:lighter;}

#banner_right{margin-left:460px;}
/*#username {padding:5px 0px 5px 22px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background:rgba(255,255,255,.2) url(../images/user.png) left no-repeat; background-position:5px; color:#fff; width:175px;}
#password{padding:5px 0px 5px 22px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background:rgba(255,255,255,.2) url(../images/pass.png) left no-repeat; background-position:5px; color:#fff; width:175px;}*/

#login #info{color:#4c81a2;}
#login .loginhelp{width:190px; color:#b5dff7; padding:3px 0 3px 0;}
#login{padding:10px 0 0 38px; height:100px;}
#login ul li{float:left; display:block; margin:0 0 0 5px;}

#login input[type=text], input[type=password]{-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding:5px; background:rgba(255,255,255,.2); color:#fff; width:175px;}
#login input:focus{outline:none;border-color:rgba(255,255,255,.75)!important;box-shadow:0 0 8px rgba(255,255,255,.5);-moz-box-shadow:0 0 8px rgba(255,255,255,.5);-webkit-box-shadow:0 0 8px rgba(255,255,255,.5); background-color: rgba(255,255,255,.7); -webkit-transition: background-color .7s linear .0s; transition: background-color .7s linear .0s; color:#000; -moz-transition-property: background-color, color;  -moz-transition-duration: .7s;  -moz-transition-timing-function: ease-in;}
#login input:hover{outline:none;border-color:rgba(255,255,255,.75)!important;box-shadow:0 0 8px rgba(255,255,255,.5);-moz-box-shadow:0 0 8px rgba(255,255,255,.5);-webkit-box-shadow:0 0 8px rgba(255,255,255,.5); background-color: rgba(255,255,255,.7); -webkit-transition: background-color .7s linear .0s; transition: background-color .7s linear .0s; color:#000;}
#login p{color:#4c81a2; font-size:11px; padding:5px 0 0 0;}
#login a{color:#4c81a2;}

#join{margin:50px 27px 0 0; float:right; text-align:center; width:180px;}
#user a{background:url(../images/join.png) no-repeat; text-indent:9999px; padding:20px 80px 20px 96px; color:rgba(0,0,0,0)}
#user a:hover{background:url(../images/join.png) no-repeat; background-position:-181px 0; text-indent:9999px; padding:20px 80px 20px 96px;}
#business{margin:0 0 0 0}
#business p{margin:20px 0 0 -10px; color:#fff;}
#business a{color:#97c874; text-decoration:none;}

.btn3{background:url(../images/bg-btn.gif) repeat-x; padding: 3px 10px 3px 10px; background-position:0px -200px; font-size:16px; font-weight:700; color:#666666; border:1px #CCCCCC solid; border-right:1px #999999 solid; border-bottom:1px #999999 solid; text-shadow:1px 1px #fff;}

.btn3:hover{background:#EEEEEE; 3px 10px 3px 10px; background-position:0px -200px; font-size:16px; font-weight:700; color:#666666; border:1px #CCCCCC solid; border-right:1px #999999 solid; border-bottom:1px #999999 solid; text-shadow:1px 1px #fff; cursor:pointer;}

.btn3:active{background:#CCCCCC; 3px 10px 3px 10px; background-position:0px -200px; font-size:16px; font-weight:700; color:#666666; border:1px #CCCCCC solid; border-right:1px #999999 solid; border-bottom:1px #999999 solid; text-shadow:1px 1px #fff;}
.rounded5{-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}

#scrollercontent{padding:10px 20px 0 20px; float:left; width:600px;}
#highlights{padding:10px 27px 0 20px; margin:0 0 0 640px;}
#highlights .highpoint{ padding:10px; margin:0 0 10px 0; background:url(../images/bggray.jpg) repeat-x; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; text-align:center; border:2px solid #ccc;}
.highpoint h1{font-weight:normal;}
.highpoint h3{font-weight:normal; font-size:2em;}
#highlights .highpoint a{color:#000;}

#update-shell{padding:0 10px 10px 10px; }

.head-shell{padding:0px 0 10px 0;}
.head-shell2{border-bottom:1px #15b9ed dotted;	padding:0px 0 10px 0;}
.head-shell2 span{margin: 0 10px 0 0;}
.head-shell span{margin: 0 10px 0 0;}

.head{font-size:20px; color:#7a92a9;}
.subhead{font-family:"trebuchet MS", sans-serif; font-size:12px; color:#666666;}

.head2{font-family:"trebuchet MS", sans-serif; font-size:20px; font-weight:bold; color:#FFFFFF;}
.subhead2{font-family:"trebuchet MS", sans-serif; font-size:12px; color:#000000;}

.updates{padding:10px 0 10px 0; border-top:1px #7a92a9 dotted; color:#7a92a9;}
.upimg{border:2px #CCCCCC solid; position:relative; float:left}
.uptime{padding:5px 0 0 0;}
.uptext{margin:0 0 0 60px; font-size:12px; color:#B5DFF7;}
.wuser{font-size:13px; font-weight:bold; color:#15B9ED; text-decoration:none;}
.uplink{color:#0e96c1; text-decoration:none; font-size:10px;}
.uptime a{color:#7A92A9; font-size:10px; text-decoration:none; float:left; margin:3px 5px 0 0;}

#footer {padding: 0 10px 0 10px; border:2px #fff solid;margin:0 auto; padding: 10px; text-align:center; font-size:10px; width:900px; background:#eee; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;} 	

#footer ul li{display:inline-block; vertical-align:middle;}
#footer ul li p{float:left; padding:5px;}
#footer a{display:block; text-decoration:none; padding:5px; color:#000;}
#footer a:hover{text-decoration:underline;}