/* Standard Definitions */
body, left_column, right_column { text-align: left; font-family: "Lucida Grande", Verdana, Arial, sans-serif; color: #fff; background-color: #0a0a0a; margin: 0; padding: 0; font-size: 11px; }
a:link, a:visited { border-style: none; color: #ecab1b; text-decoration: none; }
a:hover { color: #fafbed; }

/* Design Elements */
#shadow { margin-right: 15px; margin-left: 18px; margin-bottom: 10px; float: right; right: 0px; top: 0px; position: relative; z-index: 10; border: solid 1px #1f1f1f; }
#inset_picture { left: 0px; top: 0px; position: relative; z-index: 10; padding-left: 16px; background-repeat: no-repeat; padding-right: 16px; padding-bottom: 36px; padding-top: 19px; background-image: url(../media/ui2/picture_frame.png); }
#nav_top { background-image: url(../media/border_top.jpg); background-repeat: repeat-x; width: 100%; height: 60px; clear: right; }
#border_tl { width: 188px; height: 60px; background-repeat: no-repeat; background-image: url(/media/border_tl.png); position: absolute; top: 0; left: 0; z-index: 1; }
#border_tr { width: 188px; background-repeat: no-repeat; height: 60px; background-image: url(/media/border_tr.png); text-align: right; position: absolute; top: 0; right: 0; z-index: 1; }


#content { }

#splash_top { padding-bottom: 15px; background-image: url(../media/banner_top.jpg); background-repeat: no-repeat; position: static; width: 1014px; height: 60px; z-index: 0; }
#splash_bottom 	{ background-image: url(../media/banner_mid.jpg); background-repeat: no-repeat; width: 1014px; height: 164px; }
#menu 			{ background-image: url(../media/banner_menu.jpg); background-repeat: no-repeat; background-position: 0px 0; width: 1014px; height: 82px; }

#statue_left { background-image: url(../media/ui2/shaman.gif); background-repeat: no-repeat; position: relative; top: 93px; left: 20px; width: 200px; height: 299px; float: left; }
#shaman_1 { background-image: url(../media/ui2/shaman_1.gif); position: relative; top: 93px; left: 30px; width: 200px; height: 150px; z-index: 1; float: left; }
#shaman_2 { background-image: url(../media/ui2/shaman_2.gif); position: relative; top: 150px; width: 200px; height: 149px; z-index: 1; }
#statue_right { background-image: url(../media/ui2/rogue.gif); background-repeat: no-repeat; position: relative; top: 88px; right: 50px; width: 158px; height: 335px; float: right; }
#rogue_1 { background-image: url(../media/ui2/rogue_1.gif); position: relative; top: 88px; right: 40px; width: 158px; height: 150px; z-index: 1; float: right; }
#rogue_2 { background-image: url(../media/ui2/rogue_2.gif); position: relative; top: 150px; width: 158px; height: 150px; z-index: 1; }
#rogue_3 { background-image: url(../media/ui2/rogue_3.gif); position: relative; top: 150px; width: 158px; height: 35px; z-index: 1; }


/* Layout Settings */

#case { width: 100%;}
#page { width: 808px; padding-right: 108px; padding-left: 108px; clear: none; }
#page_margin { width: 728px; background-color: #111111; clear: left; position: relative; z-index: 0; padding: 20px 40px; }
#nav_bottom { background-image: url(../media/ui2/border_bottom.jpg); background-repeat: repeat-x; background-position: 0 16px; width: 100%; height: 58px; clear: both; }
#border_bl { background-image: url(../media/ui2/border_bl.gif); background-repeat: no-repeat; position: relative; width: 196px; height: 54px; z-index: 10; float: left; }
#border_br { background-image: url(../media/ui2/border_br.gif); background-repeat: no-repeat; text-align: right; position: relative; width: 196px; height: 54px; z-index: 10; float: right; clear: right; }
#page_footer { background-color: #111111; background-image: url(../media/ui2/border_bottom.jpg); background-repeat: repeat-x; background-position: 0 16px; position: relative; width: 808px; height: 54px; z-index: 1; }
#page_margin { clear: both; color: #bababa; font-size: 10.2px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; }
#left_column { margin-top: -5px; height: 440px; padding-left: 35px; padding-bottom: 20px; padding-right: 20px; padding-top: 20px; color: #aaaaaa; text-align: left; background-color: #111111; float: left; width: 387px; }
#right_column { margin-top: -5px; height: 480px; background-color: #111111; background-repeat: no-repeat; float: right; background-image: url(../media/ui2/inset_distinction.jpg); width: 366px; }

                     
/* Text Formatting */
.headline { z-index: 5; position: relative; color: #fff; font-size: 21px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; }
.highlight { color: #fafbed; font-size: 11px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; }
.disabled { color: #4d4d4d; }
#mirrormenu { color: #737373; font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold;  }
#mirrormenu a { color: #df9e0d; background-color: #141414; width: 340px; height: 35px; padding: 10px;}
#mirrormenu a:hover { color: #fff; background-color: #1f1f1f; }
.testimonial { background-image: url(../media/ui2/fader.jpg); margin-right: 30px; margin-left: 10px; margin-top: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; padding-left: 15px; padding-bottom: 10px; padding-right: 15px; padding-top: 10px; word-wrap: normal; font-size: 11px; }

#highlight_header { margin-bottom: 5px; background-color: #0c0c0c; padding: 10px; clear: both; color: #fafbed; font-size: 11px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; }
#highlight_header a { clear: right; border-style: none; background-color: #0a0a0a;}
#highlight_header a:hover { padding-bottom: 8px; }#highlight_header a span { left: 5px; top: 10px; float: left; clear: right; position: relative; color: #4c4c4c !important; visibility: hide; display: none; }
#highlight_header a:hover span { margin-left: 0px; margin-bottom: 20px; margin-right: 10px; padding: 10px; background-color: #111111; color: #4c4c4c !important; visibility: show; display: block; }

#download_btn { text-align: left; background-repeat: no-repeat; background-image: url(../media/download.png); height: 67px; width: 214px; }
#download_btn a:hover #title { color: white; }
#download_btn a:hover #subtext { color: white; }
#download_btn #title { left: 75px; top: 15px; position: relative; text-transform: uppercase; font-weight: bold; font-family: Verdana; color: #df9e0d; font-size: 18px; height: 67px; width: 214px;}
#download_btn #subtext { left: 75px; top: 15px; position: relative; font-style: normal; font-weight: normal; color: #bfbfbf; font-size: 10px;}
#padme { padding: 20px; }