/* 

	project:  website rainer server
	author:   asyari dwi (www.kreators.com) 

   
*/

*{ margin: 0; padding: 0; }* 
body { font: .74em Verdana, Arial, "Trebuchet MS", Tahoma, sans-serif; line-height: 1.6em;  background: #001d28 url(images/main_BG.jpg)  repeat-x right top; color: #fff; height:100%; }


a {	color: #fff;	background: inherit; text-decoration: none; }
a:hover { color: #ffcc00; background: inherit; }
p { margin: 0 0 15px 0; }
h1 { font: normal 3.7em "Trebuchet MS", Arial, Sans-Serif; color: #fff; }
h1 a { color: #fff; background: inherit; }
h1 a:hover { color: #E4FFD3; background: inherit; }
sup { font-size: 3em; color: #DFCDA2; }
h2 { font: normal 1.5em "Trebuchet MS", Arial, Sans-Serif; color: #ffcc33; }
h3 { font: normal 1.2em "Trebuchet MS", Arial, Sans-Serif; color: #000; }

#content { width: 768px; margin: 0 auto; height: 600px auto; }

#header { height: 162px; }
	#header p { margin: 30px 0 0; color: #D6E5EA; }
	#logo { padding: 40px 0 0 20px;  float: left; width: 234px; height: 88px ; background:url(images/image_14.png) top left no-repeat; }
	#topmenu { font-size: .8em; margin: 30px 0 0 0; width: 130px; color:#FFFFFF; }

	#search {
	float: right;
	width: 240px;
	text-align: right;
	
}
	#search a, #watch a { color: #fff; font-size: .8em; cursor: pointer; }

	#searchform { padding: 10px; background: #001d28; }
	#searchform p { margin: 0; text-align:left }

	#menu { margin: 65px 0 50px; text-shadow:#333333; }
		#menu li { list-style: none; float: left; }
		#menu li a { cursor: pointer; padding: 5px 20px; line-height: 25px; margin: 0 1px 0 0; color: #000; }
		#menu li a:hover { color: #ff9900; }
		#menu li a.current { color: #fff; }
		#menu li a#last  { margin: 0; padding: 5px 41px 5px 40px; }
		
	#adv { float: left ; width: 534px; text-align:left; margin: 0 0 20px 0; height:100%; }
	#advl { float: left ; width: 260px; margin: 0 5px 0 0; }
	#advr { float: right ; width: 260px; margin: 0 0 0 5px; }
	.t1 { font-size: 1em; text-align:justify; color:#ffcc33; }
	.t2 { font-size: 1em; text-align:justify; color:#000 }
	#rctn { float: right ; width: 225px; text-align:left; margin: 0 0 20px 0; }

.third { font-size: 1em; margin: 0 0 10px 10px; }
.last { font-size: 1em; margin: 0 0 10px 10px; color:#000000 }
.testimg { float: left; margin: 0 5px 0 0; }
.more { border-top: 1px solid #eee; padding: 5px 0 0 0; }

.myctn { font-size: 11px; margin: 0 0 10px 10px; text-align:"justify";}
.myctntitle { font-size: 11px; margin: 0 0 10px 10px; text-align:"justify"; color:#007FC5}

#prefooter { height:100% ; width: 768px; margin: 0 auto; background: #001d28; text-align: center; padding-top:15px; font-size: .9em; }

#links { width: 768px; margin: 0 auto; color: #808080; font-size: .9em; height:auto; vertical-align:bottom; }
	#links a { color: #444; }
	#linksleft { float: left ; width: 534px; text-align:left; }
	.linksleft { margin: 0 50px 0 50px ; text-align:left; }
	#linksright { float: right ; width: 225px; text-align:right; }
	.linksright { margin: 0 5px 0 5px ; text-align:right; vertical-align:bottom; }
	
input {
   font-family: verdana, arial, "Times New Roman", Times, serif;
   font-size: 10px;
   color: #FFFFFF;
   background-color: #666666;
   padding: 2px;
   height: 10px;
   width: 100px;
   border: 1px solid #999999;
}
input.myButton {
   font-family: Verdana,Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #000000;
   background-color: #FF9900;
   padding: 2px;
   height: 20px;
   width: 60px;
   border: 1px solid #000000;
}