/*
Design by Metamorphosis Design
http://www.metamorphozis.com
Released for free under a Creative Commons Attribution 2.5 License
*/

*
{
border: 0;
margin: 0;
}
input,textarea
{
	border: solid 1px #77C9FF; color: #3B5598;
}

body
{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	/**/background: url(images/bg.jpg);/**/

}

#main
{
margin: 0 auto;
width: 1002px;
}

#header
{
width: 1002px;
padding: 0px;
}

#logo
{
padding-left: 40px;
text-align: left;
padding-top: 20px;
height: 86px;
}

#logo a {
	text-decoration: none;
	text-transform: lowercase;
	font-style: italic;
	font-size: 16px;
	color: #FFFFFF;
	font-weight: bold;
}


#logo H2 a
{
	font-size: 10px;
}

#menu {
	height: 58px;
	width: 890px;
	padding-left: 112px;
	margin: 0 auto;
	background: url(images/menu.png) no-repeat bottom;
}

#menu ul {
	margin: 0;
	list-style: none;
	
}

#menu li {
	display: inline;
}

#menu a {
	float: left;
	height: 38px;
	padding-top: 20px;
	text-decoration: none;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
	
}

.first{
	background: url(images/menubor.gif) left center no-repeat;
	width: 140px;
}

.end{
background: url(images/menubor.gif) left center no-repeat;
	width: 138px;	
}

#menu a:hover {	
	color: #000000;
	background:url(images/menuborhover.gif) left center no-repeat; 
}

#contop{
	background: url(images/contop.png) no-repeat center;
	height: 10px;
	margin-top: 10px;
}

#content
{
width: 994px;
background: #ffff01 url(images/rightbot.jpg) no-repeat bottom right;
margin-left: 3px;
}

#content_bg{
	background: url(images/conbg.jpg) repeat-y;
	padding-bottom: 10px;
}

.read{
	text-align:right;	
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 5px;
}

.read a{
	color: #6686c0;
}

.read a:hover{
	color: #6686c0;
	text-decoration: underline;
}

.read2{
	text-align:right;	
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 5px;
}

.read2 a{
	color: #ff0000;
}

.read2 a:hover{
	color: #6686c0;
	text-decoration: underline;
}


#lefttop{
	background:url(images/lefttop.jpg) no-repeat top left;
	width: 714px;
	height: 316px;
	margin-bottom: 5px;
	margin-left: 10px;
}

#wel{
	background: url(images/wel.jpg) no-repeat center;
	width: 400px;
	height: 274px;
	margin-bottom: 10px;
}

#wel h4{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color:#FFFFFF;
	font-weight:normal;
}

#wel a{
	color: #3f0043;
	text-decoration:none;
	margin-left: 15px;
	
}

#wel a:hover{
	text-decoration:underline;
}

.web{
	padding-top: 40px;
	padding-left: 30px;
}

.web2{
	padding-left: 70px;
	padding-top:10px;	
}

#weltext{
	width: 185px;
	color: #cecccc;
	float:right;
	padding-top: 30px;
}


#left
{
width: 740px;
background: #FFFFFF;
}

#leftbg a {
	color: #860500;
	text-decoration: none;
}

#leftbg a:hover {
	color: #3f0043;
	text-decoration: underline;
}

#leftbg{
	background:url(images/leftbg.png) repeat-y;
	margin-left: 5px;
	margin-right: 5px;

}

#leftbgbot{
	background: url(images/leftbgbot.png) no-repeat;
	width: 728px;
	height: 8px;
	margin: 0 auto;
}

#left H1
{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
color:#860500;

padding-bottom: 10px;

}

#leftbot1{
	float:left;
	width: 232px;
	background:url(images/hr.jpg) right repeat-y;
	padding-right: 15px;
}

#leftbot2{
	float:right;
}

#right
{
width: 251px;
float:right;
background: url(images/righttop.jpg) no-repeat top right;
padding-top: 10px;
color: #000000;
}
#center ul 
{
	list-style: none;
	padding: 5px;
	margin: 0px;
	display:block;
	min-height: 144px;
}	

#center ul li{
	margin-left: 10px;
	padding-left: 20px;
	margin-top: 10px;
	background: url(images/ls.png) top left no-repeat;
}
#right ul 
{
	list-style: none;
	padding: 5px;
	margin: 0px;
	display:block;
	min-height: 144px;
}	

#right ul li{
	margin-left: 10px;
	padding-left: 20px;
	margin-top: 10px;
	background: url(images/ls.png) top left no-repeat;
}

#categoties h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	padding-top:3px;
}

#categoties a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color: #820000;
	text-decoration:none;
}

#categoties a:hover{
	color: #3f0043;
	text-decoration:underline;
}

#archives ul li {
	margin-bottom: 5px;
	padding-right: 40px;
	background:url(images/ls2.png) no-repeat left top; 
}

#archives ul li a{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #820000;
	text-decoration: none;
}

#archives ul li a:hover{
	text-decoration: underline;
}


#right h2 {
	height: 21px;
	padding-left: 25px;
	margin-left: 15px;
	background: url(images/titleright.png) no-repeat;
	font-size: 18px;
	color: #880701;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
}

.line{
	background: url(images/line.jpg) no-repeat center;
	height: 1px;
	margin: 0 auto;
	padding-bottom: 20px;
}
#footer
{
	background:url(images/footer.png) no-repeat center top;
	height: 43px;
	margin: 0 auto;
	font-size: 10px;
	color: #ffffff;
	padding-top: 14px;
	text-align: center;
	clear:both;
	padding-bottom: 40px;
}

#footer a
{
	color: #ffffff;
	font-size: 10px;
	text-decoration: none;
}
#testimoni
{
	padding:10px 50px 10px 50px;
	
}
#tbl-produk img
{
	height:200px; width:280px;
	
 
}
.auragenius{
	border:#DBDBDB double 4px;
	 margin:auto; 
	 background-color:#FDFDFD;
	  color:#333333;
	   padding:10px 10px 10px 10px
}
.padding
{
	padding: 10px;
}
.alert
{
	color:#FF0000;
}
.info-topic
{ 
	color: #860500;
	font-size: 20px;
	font-weight: bold;
}
.faq{
     padding-bottom:20px;
	
}
.info-tick{
	color: #333333;
	font-size: 16px;
	
}
.info-tick2{
	color: #CC0000;
	font-size: 18px;
	
}