body {
    border-color: Black;
    margin: 0 auto;
    font-family: Calibri;
    background: #acacac url("../images/RFinity_Web_Backgroun.jpg") no-repeat top center;
    background-attachment: fixed;
    clear: both;
}

h1, h2, h3 {
    width: 100%;
	margin: 0;
	font-weight: normal;
	font-family: Calibri;
    font-style:inherit;
}

h1 { font-size: 15pt; color:#e4801c; font-weight:bold; padding:8px 0 1px 0; }

h2 { font-size: 12pt; color:#0e87e2; font-weight:bold; padding:8px 0 1px 0; }

h3 { font-size: 10pt; color:#0e87e2; font-weight:bold; padding:8px 0 1px 0; }

p, ul, ol {
    width: 100%;
    margin: 0;
    color: White;
    font-family: Calibri;
    font-size: 10pt;
    float: left;
    white-space: normal;
    list-style-type: disc;
}

a { color: #e4801c; font-family: Calibri; text-decoration: none; font-weight: bold;}

a:hover { color: Silver; }

a img {
	border: none;
}


/* header-wrapper */
#header-wrapper {
    background: #001230;
    width: 1024px;
    margin: 0 auto;
   
}

/* header */
#header {
   
   width: 1024px;
   margin: 0 auto;
   overflow: hidden;
   clear: both;
}

/* logo */
#logo {
    width: 20%;
    float:left;
    margin: 0 0 0 0;
    border: 0 0 0 0;
    clear:both;
}

/* slogan */
#slogan {
    width: 80%;
    float: right; 
    margin: 0 0 0 0;
    border: 0 0 0 0;
    background-image:url("../images/RFinity_Web_NewSimChinese3.jpg");
    background-repeat:no-repeat;
    height:136px;

}



/* Middle content inside of the outside content */
#middle {
    width: 1024px;
    margin: 0 auto;
    padding: 0;
    background-color: #001230;
    overflow: hidden;
    clear: both;
    height: 600px;
} 

#middle li {
    display:list-item;
   
}

/* change */
#change {
    float: right;
    padding: 20px 55px 0 0;
}

#change p {
    float: right;
}

#change a { color: White; font-family: Calibri; text-decoration: none; font-weight: bold; font-size:small;}

#change a:hover { color: #e4801c;}

#change img {
    height: 50px;
    width: 70px;
}

/* banner */
#banner {
    float: left;
    padding: 20px 20px 0 90px;
}

.img_rd_awards
{
    margin-left:-80px;
    padding-right:5px;
    height:85px;
    margin-top:5px;
}
.img_monkey_awards
{
    height:85px;
}

/* Footer */
#footer {
	width: 1024px;
	margin: 0 auto;
	padding: 0;
	clear:inherit;
	
}

#footer p {
	width: 1024px;
    margin: 0;
    padding: 20px 0;
    text-align: center;
    line-height: normal;
    color: #333333;
	clear:inherit;
    font-size: 8pt;
    
}

#footer a {
	width: 1024px;
	color: #333333;
	clear:inherit;
    font-size: 8pt;
}

/* Navigation */

#nav {padding:0; margin:0; list-style:none; margin-top: -3px; height:27px; background: #00235d; position: relative; z-index:500; font-family: Calibri;}
#nav li.top {display:block; float:left; height:27px;}
#nav li a.top_link {display:block; float:left; height:27px; cursor:pointer; background-color:#00235d;}

/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

#nav li:hover ul.sub
{left:0px; top:19px; background-color:transparent; white-space:nowrap; width:130px; height:auto; z-index:300;}
#nav li:hover ul.sub li
{
    display:block; 
    height:27px; 
    background-color:transparent; 
    position:relative; 
    float:left; 
    width:130px; 
    font-weight:normal; 
    font-size:large;
    -filter: alpha(opacity=80); /* ie */
	-moz-opacity: .8; /* mozilla */
	-khtml-opacity:0.8;
}
#nav li:hover ul.sub li a
{display:block; font-size:11px; background-color:#00235d; height:27px; width:130px; line-height:28px; text-indent:5px; color:#fff; text-decoration:none; margin-top: 8px;}
#nav li:hover ul.sub li a:hover 
{background-color:#BCD2EE; color:#000;}

#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:130px; top:-4px; background-color:#00235d; padding:3px; white-space:nowrap; width:inherit; z-index:400; height:auto;}

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:130px; height:0; margin:0; padding:0; list-style:none;}

.style1 {
    color: #FFFFFF;
}

.on_img
{
	display:none;	
}

.top_link:hover > .top_img
{
	display:none;
}

.top_link:hover > .on_img
{
	display:block;	
}