@charset "utf-8";
/* CSS Document */
body { background:url(../images/bg-purple.jpg); font-family:Arial, Helvetica, sans-serif;}

#main {
width: 797px;
margin:auto;
background-color:#000000;
}

#top {height:189px;
background:url(../images/bg-top.jpg) no-repeat;}

#logo {background:url(../images/logo.png) no-repeat;
width:258px; height: 189px; float:left;}

#testimonial {width: 190px; float:left; font:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#000000; font-weight:bold; text-align:center; vertical-align:middle; margin:11px 11px -15px 11px;}
#testimonial a {color:#000000;}

#login {float:right; background:url(../images/bg-login.jpg) no-repeat; width:228px; height:126px; margin-right: 10px; margin-top:23px; padding:20px;
font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:15px; font-weight:bold; text-align:right;}
#login a {font-size:9px; color:#999999; text-decoration:underline; font-weight:normal;}

#content { padding-top:7px; background-color:#000000;}

#tutorials {
padding: 0px;
width: 785px;
margin: auto;
background-color:#000000;
}

#tabs {
padding: 0px;
width: 782px;
margin: auto;
}

 

#tabs #nav {
margin: 0px;
float:left;
width:141px;
}

#tabs #nav2 {
margin: 0px;
float:right;
width:141px;
}

 

#tabs ul {
list-style: none;
margin: 0px;
padding: 0px;
}

 

#tabs #nav ul li {
display: block;
padding: 0;
border: 0;
margin: 0;
}
 

#tabs #contenttabs {
margin: 0;
float:left;
width:500px;
}

 

#tabs #contenttabs div {
display: none;
border: 0;
height:412px;
margin-top:2px;
margin-left:2px;
padding-bottom:10px;
}

 

#tabs #contenttabs div.active {
display: block;
}

#word {width:372px; height:33px; float:left; background:url(../images/bg-word.jpg) no-repeat; padding: 38px 10px; font-size:12px; text-align:center; margin-left:7px;}
#quote { width:372px; height:33px; float:left; background:url(../images/bg-quote.jpg) no-repeat; padding: 38px 10px; font-size:12px; text-align:center;}
#announcement {
	background:url(../images/bg-announce.jpg) no-repeat;
	width:780px;
	height:60px;
	font-size:18px;
	text-align:center;
	margin-left:7px;
	margin-top:7px;
	padding-top:7px;
}
#contact-form{ background:url(../images/bg-contactform.png) no-repeat; padding-top: 80px; margin-left:26px; width:747px; height:106px; font-weight:bold;}
#refer-form{ background:url(../images/bg-referform.png) no-repeat; padding-top: 80px; margin-left:26px; width:747px; height:106px; font-weight:bold;}
#cwk {width:744px; margin-left:5px;}
#footer{background:url(../images/bg-footer.jpg); width:797px; text-align:center; font-size:10px; margin-top:3px; padding-top:10px;}


#footer a:link { color: orange; text-decoration: none; }
#footer a:visited { color: orange; text-decoration: none; }
#footer a:hover { color: #803FA2; text-decoration: none; }
#footer a:active { color: orange; text-decoration: none; }


#one {background-color:#FFFFFF; width:495px; background:url(../images/bg-tabs.jpg) no-repeat; width:475px; overflow:auto; padding-left:10px; padding-right:10px; font-size:13px;}
#two {background:url(../images/bg-tabs.jpg) no-repeat #FFF; width:475px; overflow:auto; padding-left:10px; padding-right:10px; font-size:13px;}
#three {background:url(../images/bg-tabs.jpg) no-repeat; width:475px; overflow:auto; padding-left:10px; padding-right:10px; font-size:13px;}
#three ul li {margin-left:30px; list-style:outside; margin-bottom:5px;}
#four {background:url(../images/bg-testimonials.jpg) no-repeat #FFF; width:475px; overflow:auto; text-align:center; padding-left:10px; padding-right:10px; font-size:13px;}
h2 {font-size:20px; color:#803FA2;}
#blog-register {background:url(../images/bg-blog-register.jpg); width:249px; height:198px; float:left; margin:10px; padding:10px; font-weight:bold;}
#blog-register a {color:#000000; font-weight:normal;}
#content-area {background:url(../images/bg-fade.jpg) repeat-x #FFF; width: 750px; margin:auto; padding:20px;}