* {
	margin: 0;
	padding: 0;
}
img a {
	border: none;
}
a img {
	border: none;
}
body,html {
	padding: 0;
	margin: 0;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	background-image: url(../images/l-dr-t.jpg);
	width: 100%;
	height: 100%;
		
}

#containerwrap {
	position: absolute;
	left: 50%;
	margin: 0;
	padding: 0;
	margin-left: -477px;
	background-image: url(../images/r-dr-t.jpg);
	width: 90%;
	margin-bottom: -20px;
}
#container {
	margin: 0;
	padding: 0;
	background-image: url(../images/r-t-t.jpg);
	background-repeat: repeat-x;
	height: 568px;	
}
#page {
	background-image: url(../images/l-t-t.jpg);
	background-repeat: repeat-x;
	height: 568px;
	margin: 0;
	padding: 0;
}
#wrapper {
	background-image: url(../images/l-dr.jpg);
	background-repeat: repeat-y;
	margin: 0;
	padding: 0;
	/*float: left;*/
	width: 954px;
}
#innerwrap {
	float: right;
	background-image: url(../images/r-dr.jpg);
	background-repeat: repeat-y;
	background-position: top right;
	width: 854px;
	margin: 0;
	padding: 0;
}
#leftbg {
	width: 100px;
	margin: 0;
	padding: 0;
	float: left;
	background-image: url(../images/l-t.jpg);
	background-repeat: no-repeat;
	height: 568px;
}
#rightbg {
	width: 100px;
	margin: 0;
	padding: 0;
	float: right;
	background-image: url(../images/r-t.jpg);
	background-repeat: no-repeat;
	height: 568px;
}
#mainpage {
	width: 754px;
	margin: 0;
	padding: 0;
	float: left;
	background-color: #000000;
	font-size: 90%;
	line-height: 160%;
}

.clear:after {
	content: ".";
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
}
#content {
	background-image: url(../images/main.jpg);
	background-position: bottom left;
	background-repeat: repeat-y;
	background-color: #000000;
	padding: 10px;
}	
#maincopy {
	float: right;
	width: 444px;
	position: relative;
	
}
#header {
	z-index: 10;
}
#sidebar {
	float: left;	
	width: 260px;
	
}
#footer-wrap {
	clear: both;
}
#footer {	
	height: 20px;
	border-top: 1px solid #CCCCCC;
	padding-top: 5px;
}
#copy {
	float: left;
	font-weight: bold;
	padding-left: 20px;
}
#footlinks {
	float: right;
	padding-right: 20px;
}
#footlinks a {
	color: #CC6600;
	margin-left: 20px;
	font-weight: normal;
}
#footlinks a:hover {
	color: #CCCCCC;
}
h1 {
	font-size: 120%;
	background-color: #CC6600;
	margin: 0;
	padding: 6px;
	margin-bottom: 8px;
	font-weight: bold;
}
h2 {
	font-size: 100%;	
}
#maincopy h2 {
	color: #804000;
	padding-left: 6px;
}
ul li {
	margin-left: 30px;
	margin-right: 10px;
}
.box {
	width: 260px;
	margin-left: 10px;
	background-image: url(../images/boxbottom.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
	margin-bottom: 4px;
	color: #000000;
	padding-bottom: 10px;
	background-color: white;
	line-height: 150%;
}
.leftmenu {
	width: 260px;
	height: 157px;
	margin-left: 10px;
	background-image: url(../images/leftmenu_box.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
	margin-bottom: 4px;
	color: #000000;
	background-color: white;	
}
.leftmenu table {
	position: relative;
	top: 1px;
	left: 1px;
}
.box h2 {
	background-image: url(../images/boxtop.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 4px;
	color: #FFFFFF;
	text-align: center;
}
.mainbox {
	width: 434px;	
	margin-bottom: 4px;
	padding-bottom: 15px;
	color: #000000;
	background-image: url(../images/creambottom.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
	background-color: white;	
}
.mainbox h1 {
	background-image: url(../images/browntop.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 4px 4px 4px 20px;
	color: #FFFFFF;	
	font-size: 100%;
}
.subbox {
	width: 434px;
	/*margin-left: 10px;*/
	background-image: url(../images/creambottom.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
	margin-bottom: 4px;
	color: #000000;
	background-color: white;
	padding-bottom: 10px;
}
.subbox p.top {
	background-image: url(../images/creamtop.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 10px;
}
.subbox p {
	padding: 10px;
	font-weight: bold;
}
.subbox img {
	padding: 15px 0px 0px 5px;
}
span.pix {
	width: 205px;
	float: left;
}
div.mainbox p {
	padding: 8px 30px;
}
div.mainbox div {
	padding: 0px 30px;
}
div.box p {
	padding: 10px;
}
div.box ul {
	
}
div.box ul li {
	
}
span.details {	
	padding: 0;
	width: 80px;	
	background-image: url(../images/details_but.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	margin: 5px 0px 5px 170px
}
span.details a {
	color: #FFFFFF;
	padding: 0px 18px;
	margin: 0;	
	text-decoration: none;
	
}
span.details a:hover {
	text-decoration: underline;
	color: white;	
}
a {
	color: #804000;
	text-decoration: underline;
	font-weight: bold;
}
a:hover {
	color: #CC6600;
}
span.dots {
	background-image: url(../images/dots.gif);
	background-repeat: repeat-x;
	width: 80%;
	display: block;
	margin-top: 5px;
	margin-left: 20px;
}
p.middle {
	text-align: center;
}
.clear:after {
	content: ".";
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
}
fieldset {
	width: 370px;
	margin-left: 20px;
	padding: 10px;
	margin-bottom: 10px;
}
legend {
	font-weight: bold;
	color: #804000;
} 
p.warning {
	color: #FF0000;
	font-weight: bold;
}
span.required {
	color: #FF0000;
	font-weight: bold;
}
#login label, #register label, #refer label, #opinion label, #developer label, form.account label {
	width: 100px;
	float: left;
	text-align: right;
	font-size: 90%;
}
form.account label {
	width: 180px;
	float: left;
	text-align: right;
	font-weight: bold;
}
#developer label.full, #opinion label.full {
	width: 320px;
	float: none;
	text-align: left;
}
#developer input.full-label, #developer textarea.full-label, #opinion input.full-label, #opinion textarea.full-label, #opinion select.full-label {
	margin-left: 20px;
	margin-top: 5px;
	width: 284px;
}
#login p, #register p {
	margin: 0;
	padding: 0;
	margin-top: 10px;
}
input.button {
	cursor: pointer;
	border: 3px double #999999;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding: 0.25em;
	background-color: #F0F0F0;	
	color: #333333;
	font-size: 75%;
	font-weight: bold;
	color: #663300;
	
}
p.buttoncell {
	padding: 10px;
	text-align: center;
}
#sessionbox {
	width: 260px;
	margin-left: 10px;
	background-image: url(../images/boxtop180.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
	margin-bottom: 4px;	
	padding-bottom: 8px;
}
#sessionbox p {
	background-image: url(../images/boxtop.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 4px 10px;
	color: #FFFFFF;
}
#sessionbox a {
	color: white;
	font-size: 80%;
}
#sessionbox a:hover {
	color: #CCCCCC;
}
#sessionbox a.signin {
	font-size: 90%;
	padding: 0px 5px 0px 40px;
}
#breadcrumbs {
	width: 434px;	
	background-image: url(../images/browntop180.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
	margin-bottom: 4px;	
	padding-bottom: 8px;
	font-size: 80%;
}
#breadcrumbs p {
	background-image: url(../images/browntop.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 4px 10px;
	color: #FFFFFF;
}
.crumb {
	color: white;
	font-size: 80%;
}
#breadcrumbs a {
	color: #FFFFFF;
}
#breadcrumbs a:hover {
	color: #CCCCCC;
}
span.submenu {
	font-size: 80%;
	float: right;
	position: relative;
	top: -18px;
	right: 10px;
	margin-bottom: -15px;
}
span.submenu a {
	color: white;
}
span.submenu a:hover {
	color: #CCCCCC;
}
p.logoff {
	margin-left: 10px;
	font-weight: bold;
}
.tooltip {
	position: absolute;
	width: 424px;
	line-height: 150%;
	background-color: rgb(255, 255, 234);
	border: 1px solid black;
	padding: 10px;
	font-size: 12px;
	margin: 1em;
	z-index: 100;
}
.tooltip h1 {
	height: auto;
	margin-top: 0px;
	margin-left: 0px;
	background-color: rgb(106,106,106);
	color: white;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
}
.tooltip p {
	padding: 2px;
	margin-top: 0.5em;
	line-height: 1.2em;
}
.tooltip a.close {
	/* Here for example only. Styles the Close link */
}
#sitemap {
	line-height: 180%;
	padding-left: 10px
}
ol {
	margin: 0px 20px 0px 50px;
}
ol li {
	margin-bottom: 8px;
}
span.highlight {
	text-decoration: underline;
	font-weight: bold;
}
p.capital {
	text-transform: uppercase;
	font-size: 90%;
}
.indent {
	padding-left: 20px;
}
.indentmore {
	padding-left: 40px;
	display: block;
}
p.pad {
	margin-left: 20px;
}
#selectblank {
	visibility: visible;
	position: absolute;
	width: 424px;
	height: 300px;
	line-height: 150%;
	background-color: rgb(255, 255, 234);	
	font-size: 12px;
	margin: 1em;
	z-index: 99;
	display: none;
}
#logos {
	width: 454px;
	height: 264px;	
	position: absolute;
	top: -274px;
	left: 0px;	
	padding: 0;
	margin: 0;
	z-index: 1;
}
#linkwrap {
	padding: 20px;
	line-height: 140%;
}
#morewrap {
	padding: 0px 20px;
}
div.subbox img {
	vertical-align: top;
	padding-right: 5px;
	margin-top: -10px;
	text-decoration: none;
}
div.subbox a img {
	text-decoration: none;
}
div.subbox a {
	text-decoration: none;
}
div.subbox dt {
	width: 180px;
	border-top: 1px solid #E5E5E5;
	margin-top: 5px;
	padding-top: 5px;
	font-weight: bold;
	color: #9A4E00;
}
div.subbox dd {
	width: 110px;
	padding-left: 78px;
	margin: -42px 0 10px !important;
	clear:both;
	font-size: 90%;
	line-height: 140%;
}
#more-1 {
	float: left;	
}
#more-2 {
	float: right;	
}
#more-2 img {
	padding-left:5px;
	border-left:1px solid #E5E5E5
}
#adobewrap {
	clear: both;	
}
#adobe {
	width: 380px;
}
#adobewrap dd {
	padding-left: 110px;
	padding-top: 25px;
	width: 260px;
}
#related {
	margin: 0;
	padding: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: smaller;
	font-weight: bold;
}
#related img {
	margin-top: 10px;
}
#related a {
	color: #804000;
	text-decoration: underline;
	font-weight: bold;
	font-size: 95%;
}
#related a:hover {
	color: #CC6600;
}
#related td {
	padding: 5px;
}	
#btlhead {
	position: relative;
	top: -44px;
	left: 88px;
}
hr {
	border-color: #999999;
	border-style: dashed;
	border-width: 1px 0px 0px 0px;
	height: 0px;
	margin-top: 2px;
}
#more-links {
	padding: 0 20px;
}
span.link_text {
	display: block;
	position: relative;
	left: -20px;
}
span.link {
	display: block;
	margin-top: 5px;
}
span.link_url {
	display: block;
	margin-top: 5px;
	position: relative;
	left: -10px;
	color: #C60;
}
span.uk-thumb {
	width: 80px;
	float: right;
	position: relative;
	right: 25px;
	top: -25px;
}
span.seperator {
	font-size: 200%;
	color: #FFF;
	margin-left: 5px;
}
#bottom-nav {
	text-align: center;
	padding: 0 0 10px 0;
}
#bottom-nav a {
	color: #CC6600;
	margin-left: 5px;
	font-weight: normal;
}
#bottom-nav a:hover {
	color: #CCCCCC;
}
p.overseas {
	margin-top: 0;
	padding-top: 0;
}
p.overseas div {
	margin-top: 0;
	padding-top: 0;
}
span.img-overseas {
	float: right;
	padding-right: 30px;
}