@charset "utf-8";
body {
	font: 100% "Comic Sans MS", cursive;
	background-image:url(../images/thebg.jpg);
	background-repeat:repeat-y;
	background-color:#2f3334;
	background-position:center;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #999;
	font-size:14px;
}
h3{
	color:#999;	
	font-family:"Comic Sans MS", cursive;
	font-size:18px;
	font-weight: lighter;
}
/*layout*/
.oneColFixCtrHdr #container {
	width: 900px;
	background: #2f3334;
	margin: 0 auto; 
	border: 2px solid #fff;
	text-align: left;
	overflow:hidden;
}
.oneColFixCtrHdr #header {
	background-image:url(../images/header_bg.jpg);
	border-bottom:#FFF 1px solid;
	height:89px;
	position:relative;
}
.oneColFixCtrHdr #banner {
	background:#C0F;
	height:200px;
	border-bottom:#FFF 1px solid;
	
}

.oneColFixCtrHdr #mainContent {
	padding: 25px 20px 25px 20px; 
	background: #2f3334;
	height:820px;
}
.oneColFixCtrHdr #footer {
	background-image:url(../images/footer.jpg) ;
	position:relative;
	text-align:left;
	padding: 20px 10px 10px 10px;
	height:250px;
}

/*header content*/
.logo{
	position:absolute;
	left:14px;
	bottom:9px;
}
/*menu*/
.menu{
	position:absolute; bottom:0px; right:10px;
	
}

.oneColFixCtrHdr #tutorials{
  position:absolute;
  bottom:9px;
  right:336px;
  display: block;
  width: 67px;
  height: 24px;
  background: url(../images/menu/tutorial_roll.png) no-repeat 0 0;
}

.oneColFixCtrHdr #tutorials:hover{ 
  background-position: 0 -24px;
}

.oneColFixCtrHdr #tutorials span{
  display: none;
}

.oneColFixCtrHdr #products{
  position:absolute;
  bottom:9px;
  right:259px;
  display: block;
  width: 67px;
  height: 24px;
  background: url(../images/menu/products_roll.png) no-repeat 0 0;

}

.oneColFixCtrHdr #products:hover{ 
  background-position: 0 -24px;
}

.oneColFixCtrHdr #products span{
  display: none;
}

.oneColFixCtrHdr #community{
  position:absolute;
  bottom:9px;
  right:168px;
  display: block;
  width: 82px;
  height: 24px;
  background: url(../images/menu/community_roll.png) no-repeat 0 0;

}

.oneColFixCtrHdr #community:hover{ 
  background-position: 0 -24px;
}

.oneColFixCtrHdr #community span{
  display: none;
}

.oneColFixCtrHdr #sponsor{
  position:absolute;
  bottom:9px;
  right:90px;
  display: block;
  width: 70px;
  height: 24px;
  background: url(../images/menu/sponsor_roll.png) no-repeat 0 0;

}

.oneColFixCtrHdr #sponsor:hover{ 
  background-position: 0 -24px;
}

.oneColFixCtrHdr #sponsor span{
  display: none;
}


.oneColFixCtrHdr #company{
  position: absolute;
  bottom:9px;
  right:10px;
  display: block;
  width: 67px;
  height: 24px;
  background: url(../images/menu/company_roll.png) no-repeat 0 0;

}

.oneColFixCtrHdr #company:hover{ 
  background-position: 0 -24px;
}

.oneColFixCtrHdr #company span{
  display: none;
}
/*end menu*/
/*end header content*/


/*footer content*/

.oneColFixCtrHdr #footer a {
	color:#999;
	font-family: "Comic Sans MS", cursive;
	font-size:14px;
	text-decoration:none;
}

.oneColFixCtrHdr #footer a:hover {
	color:#fff;
	font-family:"Comic Sans MS", cursive;
	font-size:14px;
	text-decoration:none;
}
.oneColFixCtrHdr #footer p {
	margin: 0; 
	padding: 10px 0; 
}
.validated{
	position:absolute;
	left:660px;
	top:120px;
}
textarea,input{
  background-color:#999;
  color : #fff;
}

/*social links ul*/
.soclink{
	position:absolute; left:165px; top:40px;
}
.soclinkul{
	list-style: none;
    margin: 0;
    padding: 0;
	
}
li.facebook{
	background-image:url(../images/facebook.png);
    background-repeat: no-repeat;
	background-position: 0 50% ;
     padding: 5px 0 10px 50px;
     margin: 10px 0 0 10px;
}
li.twitter{
	background-image:url(../images/twitter.png);
	background-repeat: no-repeat;
    background-position: 0 50% ;
     padding: 5px 0 10px 50px;
     margin: 10px 0 0 10px;
}
li.rss{
	background-image:url(../images/rss.png);
    background-repeat:no-repeat;
    background-position: 0 50% ;
     padding: 5px 0 10px 50px;
     margin: 10px 0 0 10px;
}
li.tube{
	background-image:url(../images/utube.png);
    background-repeat:no-repeat;
    background-position: 0 50% ;
     padding: 5px 0 10px 50px;
     margin: 10px 0 0 10px;
}
/*end social links ul*/

/*additional footer links*/
.addlinks {
	position: absolute;
	left:320px;
	top:40px;
	width:250px;
	text-align:center;
}
.addlinks li{
	font-size:14px;
	color:#999;
	font-weight:lighter;
	margin: 5px 0 0 0;
}
/*end additional footer links*/
.login{
	position:absolute; left:700px; top:40px;
	text-align:center;
	}


/*end footer content*/

/*flashcontent*/

.carousel{
	float:left;
	width:425px;
	height:300px;
	margin: 0 0 20px 0;
}

.sponsor{
	float:right;
	width:425px;
	height:150px;
}

.interview{
	float:right;
	width:425px;
	height:150px;
	margin:0 0 20px 0;
}

.freetuts{
	width:300px;
	height:220px;
	float:left;
	margin:0 0 20px 0;
	
}

.commtuts{
	width:550px;
	height:220px;
	float:right;
	margin:0 0 20px 0;
	
}
.rssreader{
	width:300px;
	height:260px;
	float:left;
	margin:0 5px 0 0;
}

.tvpalace{
	width:275px;
	height:260px;
	float:left;
	margin:0 5px 0 0;
}
.picomonth{
	width:275px;
	height:260px;
	float:left;
}
/*end flash content*/
/*end layout*/