body {
	margin:0px; padding:0px;
    font-family:Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color: #ecd5a5;
	background-color:#181818;
}
form {font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#39C}
input, textarea, select {background:#453936; border:1px solid #666; color:#E2C696; margin:3px 5px 0 3px;}
ul {padding-left:20px; margin-left:0px;}
.num_ul {list-style:decimal;}

h1 {font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-size:20px; color:#ffca63; margin-top:0px;}
.h1_ex {color:#F8EDD1;}
.waterline {color:#585144;}
h2 {color:#39F; font-size:18px; line-height:22px; margin-top:0px;}

.right_img {margin:10px 0 10px 10px; float:right}
.button_img img{margin-bottom:3px;}

a:link {color:#EBAF7E; text-decoration:underline; }
a:visited {color:#EBAF7E;}
a:hover {color:#FFC;}

a.white:link {color:#FFFFFF; text-decoration:none;}
a.white:visited {color:#FFFFFF;}
a.white:hover {color:#FFCC99; text-decoration:none;}


.text_a {color:#D8C0A0;}/*lightbrown*/
.text_b {color:#FC3;}/*light orange*/
.text_c {color:#39F;}/*blue*/
.text_d {color:#D0E48B; font-size:16px; font-weight:bold;}/*lightGreen*/
.text_e {color:#EBAF7E;}
.text_f {color:#69C}

#container {width:852px; margin-left:auto; margin-right:auto; }
#heading {height:300px; border-right:1px solid #5a5a5a; border-left:1px solid #5a5a5a;}
#content {background:url(../images/gui/content_bg.png) repeat-x top #313131; border-right:1px solid #5a5a5a; border-left:1px solid #5a5a5a;}
#left_content {float:left; width:560px; margin:22px 0 0px 24px;}
#right_content {float:left; width:222px; margin:22px 0 15px 22px;}
#footer {height:80px; text-align:center; padding:0 20px;}
.footer_bottom {background:url(../images/gui/bottom_bg.png) no-repeat center top; height:30px;}
#footer a {color:#D8CFAD; text-decoration:none;}
#footer a:hover {color:#FC6; text-decoration:underline;}


.box_bg {background:url(../images/gui/tb_bg.png) repeat-x top #252525; border:solid 1px #242220; margin-bottom:15px;}
.deco_a {background:url(../images/gui/tb_corner_a.png) right top no-repeat; padding:20px;}
.deco_b {background:url(../images/gui/tb_corner_b.png) right top no-repeat; padding:20px;}
.deco_c {background:url(../images/gui/tb_corner_c.png) right top no-repeat; padding:20px;}
.deco_d {background:url(../images/gui/tb_corner_d.png) right top no-repeat; padding:20px;}
.deco_e {background:url(../images/gui/tb_corner_e.png) right top no-repeat; padding:20px;}
.deco_f {background:url(../images/gui/tb_corner_f.png) right top no-repeat; padding:20px;}

.divider {background:url(../images/gui/divider.png) repeat-x left; height:3px; margin:10px 0px;}

.box_a {border:#332B24 1px solid; padding:8px; color:#FFF; margin-bottom:10px; background:#333;}

.thumb {margin-top:10px;}
.thumb img {margin:5px 4px 0px 0px; border:1px solid #D1977A;}

.sidebar_top {background:url(../images/gui/sb_top.png) no-repeat top; height:12px;}
.sidebar_mid {background:url(../images/gui/sb_mid.png) repeat-y; padding:0 12px;}
.sidebar_bottom {background:url(../images/gui/sb_bottom.png) no-repeat bottom; height:12px;}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.home_a {width:204px; height:145px; background:url(/images/content/home_a.png) no-repeat; float:right; margin-top:10px;}
.design_a {width:361px; height:118px; background:url(/images/content/design_a.png) no-repeat; margin-top:10px;}
.star {font-weight:bold; color:#C00; font-size:1.6em; }

#dhtmltooltip{
position: absolute;
width: 150px;
border: 1px solid #0099CC;
padding: 5px;
background-color:#F6F7EE;
visibility: hidden;
z-index: 100;
font-size:12px;
color:#003366;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}