/* ----- RESET ----- */
/* Here, we are going to reset all browsers, so we don't have to declare a bunch of stuff over and over */
@import url("reset.css");
body { font: 13px/15pt Verdana, Arial, sans-serif; background:#000000; color: #000000;margin: 0px 0 20px 0; }
html { overflow-y: scroll; }

.body { font-family: verdana,arial,helvetica,sans-serif; font-size: 13px; line-height: 15pt; color: #000000; }
.bodywhite { font-family: verdana,arial,helvetica,sans-serif; font-size: 13px; line-height: 15pt; color: #ffffff; }
.bodyred { font-family: verdana,arial,helvetica,sans-serif; font-size: 13px; line-height: 15pt; color: #AE1023; }
.bodyredbold { font-family: verdana,arial,helvetica,sans-serif; font-weight: bold; font-size: 13px; line-height: 15pt; color: #AE1023; }
.bodyredhead { font-family: verdana,arial,helvetica,sans-serif; font-weight: bold; font-size: 17px; line-height: 15pt; color: #AE1023; }
.bodyredbold2 { font-family: verdana,arial,helvetica,sans-serif; font-size: 25px; line-height: 15pt; color: #AE1023; }
.bodygold { font-family: verdana,arial,helvetica,sans-serif; font-size: 13px; line-height: 15pt; color: #e99d3a; }
.bodygoldbold { font-family: verdana,arial,helvetica,sans-serif; font-weight: bold; font-size: 13px; line-height: 15pt; color: #e99d3a; }
.bodyviolet { font-family: verdana,arial,helvetica,sans-serif; font-size: 13px; line-height: 15pt; color: #994396; }
.bodyvioletbold { font-family: verdana,arial,helvetica,sans-serif; font-weight: bold; font-size: 13px; line-height: 15pt; color: #994396; }
.bodylime { font-family: verdana,arial,helvetica,sans-serif; font-size: 13px; line-height: 15pt; color: #b2c03d; }
.bodylimebold { font-family: verdana,arial,helvetica,sans-serif; font-weight: bold; font-size: 13px; line-height: 15pt; color: #b2c03d; }
.bodymagenta { font-family: verdana,arial,helvetica,sans-serif; font-size: 13px; line-height: 15pt; color: #F21B68; }
.bodymagentabold { font-family: verdana,arial,helvetica,sans-serif; font-weight: bold; font-size: 13px; line-height: 15pt; color: #F21B68; }
.bodyorange { font-family: verdana,arial,helvetica,sans-serif; font-size: 13px; line-height: 15pt; color: #f27530; }
.bodyorangebold { font-family: verdana,arial,helvetica,sans-serif; font-weight: bold; font-size: 13px; line-height: 15pt; color: #f27530; }
.bodypink { font-family: verdana,arial,helvetica,sans-serif; font-size: 13px; line-height: 15pt; color: #EE6DAD; }
.bodypinkbold { font-family: verdana,arial,helvetica,sans-serif; font-weight: bold; font-size: 13px; line-height: 15pt; color: #EE6DAD; }
.quote { font-family: verdana,arial,helvetica,sans-serif; font-weight: bold; font-style: italic; font-size: 13px; line-height: 15pt; color: #AE1023; }
.header { font-family: helvetica,arial,verdana,sans-serif; font-weight: bold; font-size: 17px; line-height: 15pt; color: #AE1023; }
.header2 { font-family: helvetica,arial,verdana,sans-serif; font-weight: bold; font-size: 15px; line-height: 15pt; color: #AE1023; }
.dropcap { font-family: helvetica,arial,verdana,sans-serif; font-weight: bold; font-size: 23px; line-height: 15pt; color: #000000; }
.xuni { font-family: verdana,arial,helvetica,sans-serif; font-size: 12px; line-height: 14pt; color: #AE1023; }
.authorname {font-family: verdana,arial,helvetica,sans-serif; font-weight: bold; font-size: 13px; line-height: 15pt; color: #adaaaa; }
.header1a { font-family: helvetica,arial,verdana,sans-serif; font-weight: bold; font-size: 17px; line-height: 15pt; color: #994396; }


input, textarea { font-family: verdana,arial,helvetica,sans-serif; font-size: 13px; color: #AE1023; font-weight: normal;}
.button {color: #6699CC;}

em { font-style: italic; }
strong { font-weight: bold; }
.anchorlink {height:1px;line-height:1px;font-size:1px;}
p { margin: 0 0 17px 0; }
@font-face {
  font-family: "Century Gothic";
  src: url("images/GOTHIC.TTF");
}

h1 { font: normal 25px/29px "Century Gothic", Arial, sans-serif;  letter-spacing: 2px; margin: 0 0 15px 0;text-align:left; }
h2 { font: bold 17px/20px Verdana, Arial, sans-serif; color: #AE1023; margin: 0 0 13px 0; }
h3 { font: bold 14px/17px Verdana, Arial, sans-serif; color: #1c749a; text-transform: uppercase; letter-spacing: 2px; margin: 0 0 10px 0; }
h4 { font: bold 14px/20px Verdana, Arial, sans-serif; color: #de471e; text-transform: uppercase; letter-spacing: 1px; margin: 0 0 10px 0; }


hr.mt {color: #ffffff;background-color: #ffffff;border:0; height:1px;  margin:7px 0 15px 0px; text-align: left;}
hr.mtb {color: #f3e03b;background-color: #f3e03b;border:0; height:1px;  margin:27px 0 25px 0px; text-align: left;}

/* ----- LINKS ----- */
/* We change the link color here. The first line color is the color of the link, the second line is the color of the rollover */
a:link, a:visited { color: #e99d3a; text-decoration: underline; }
a:active, a:hover { color: #e99d3a; text-decoration: underline; }
#purple a:link, #purple a:visited {color:#994396;}
#green a:link, #green a:visited {color:#b2c03d;}
#magenta a:link, #magenta a:visited {color:#F21B68;}
#violet a:link, #violet a:visited {color:#994396;}

/* ----- ARCHITECTURE ----- */
html, body {background:#000000;
       height:auto !important; /* FF and compliant browsers should automatically size the body/html */
       height:100%; /* ie will set the body/html to 100%, anything overflowing that will (incorrectly) resize it. go IE */
       min-height:100%; /* when FF/etc automatically size the body/html it should be AT LEAST the height of the entire browser window, but can expand based on content. */	}
#none {margin:0;padding:0;clear:both;}
#footer {clear:both;width:928px;padding-top:10px;text-align:center;color:#e99d3a;font-family:verdana,arial,helvetica,sans-serif; font-size:12px;}
#footer a:link, #footer a:visited {color:#e99d3a;text-decoration:none;}
#backtotop { padding-top: 20px; text-align:center;clear:both;}
#bottomspace { width:928px;clear:both; height: 20px; background:#000000;z-index:99;}
.imgblock{display:block;margin:0;padding:0;}
.imgbottom {margin-bottom:50px;position: absolute; bottom:0;}
#container{position:absolute;margin: 0 auto 0 auto;left: 50%;margin-left: -464px;width: 928px;} 
#xunicontent {width:848px;padding:35px 40px 20px 40px;background:#ffffff;}
#none {margin:0;padding:0;clear:both;}
#backtotop { padding-top: 20px; text-align:center;}
#navigation { width: 928px; height: 116px;padding:0;margin:0; } /* add id to div and ul tags both */
#navigation ul, #navigation ul { float:left; display:inline;line-height: 116px;padding:0;margin:0;list-type:none;list-style-type:none; }
#navigation ul li, #navigation ul li a {display:inline;float:left;padding:0;margin:0;list-type:none;list-style-type:none;}
#clear {clear:both;}
#after {width:424px;float:left;text-align:center;min-height:347px;}
#before {width:423px;float:left;text-align:center;border-right:1px solid #ffffff;min-height:347px;}
#before img, #after img, #before img a:link, #after img a:link {margin:20px auto 10px auto;display:block;text-align:center;}

#xafter {width:284px;float:left;border-bottom:1px solid #ffffff;margin:0 140px 0px 0;padding:10px 0 20px 0;text-align:center;min-height:235px;}
#xbefore {width:283px;float:left;border-bottom:1px solid #ffffff;margin:0 0 0px 140px;padding:10px 0 20px 0;text-align:center;min-height:235px;}
#designblock {min-height:347px;text-align:center;}
#xbefore img, #xafter img, #xbefore img a:link, #xafter img a:link {margin:20px auto 10px auto;display:block;text-align:center;}
#brandleft {border-right:solid 1px #AE1023;width:423px;float:left;text-align:center;}
#brandright {width:384px;float:left;padding:0 0 0 40px;text-align:center;}
#brandleft p, #brandright p, #list1, #list2, #list3 {text-align:center;}
#xunileft {width:625px;padding:0 30px 0 0;border-right:1px solid #AE1023;float:left;}
#xuniright {width:172px;float:left;padding:0 0 0 20px;}
.faqimg {vertical-align:middle;}
#list1 {width:252px;border-right:1px solid #AE1023; float:left;padding: 0 30px 0 0;}
#list2 {width:222px;border-right:1px solid #AE1023; float:left;padding: 0 30px 0 30px;}
#list3 {width:251px; float:left;padding: 0 0 0 30px;}
#list1 a:link, #list2 a:link, #list3 a:link, #list1 a:visited, #list2 a:visited, #list3 a:visited {font-weight:bold;}
#halfleft {width:393px;float:left;border-right:1px solid #AE1023; padding: 0 30px 0 0;}
#halfright {width:394px;float:left; padding: 0 0 0 30px;}
.twtr-hd h4 a {font-size:12px;}
#designstyle {width:100%;background:#1a1a1a;text-align:center;padding: 20px 0 20px 0;}
#designstyle a:link, #designstyle a:visited, #beforestyle a:link, #beforestyle a:visited {color:#adaaaa;}
#beforestyle {width:100%;background:#1a1a1a;text-align:center;padding: 20px 0 20px 0;clear:both;}