* { margin: 0px; padding: 0px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #494949; line-height: 26px; }
.bg-gray { height: 250px; background: url(img/bg/bg-gray1.gif) repeat-x white left top; }
.bg-blue { background: url(img/bg/bg-blue1.gif) repeat-x #5b687b left top; }
.bg-blue div, .bg-blue p, .bg-blue td, .bg-blue a { color: white; }
.wrap { width: 975px; margin:0 auto; overflow: hidden; }

/* HTML */
h1 { font-size: 32px; color: white; font-weight: normal; letter-spacing: 1px; margin-bottom: 10px; }
h2 { font-size: 20px; color: #545454; font-weight: normal; letter-spacing: 1px; margin: 20px 0px 10px 0px; }
table { margin: 0 auto; }
button { padding: 5px 10px; color: #494949; }
button img { padding-right: 8px; vertical-align: bottom; }
input { background: none; border: 1px solid #8d96a3; padding: 4px; color: white; margin: 3px; }
input:focus { border: 1px solid white; }
p { font-size: 14px; color: white; line-height: 24px; margin: 20px 20px; text-align: justify; }
a img { border: 0px; }

/* TOP */
#menu-top { position: absolute; z-index: 25; margin-left: 750px; margin-top: 4px; }
#menu-top-a { padding: 10px; color: #494949; text-decoration: none; font-weight: bold; }
.menu-top:link, .menu-top:active, .menu-top:visited { padding: 5px 10px 5px 10px; margin: 5px; border-top: 3px solid white;  color: #494949; text-decoration: none; }
.menu-top:hover { border-top: 3px solid #6d0019; }
#top-logo { position: absolute; margin: 25px; }
#logo { position: absolute; margin-left: 150px; }
#slogan-1 { position: absolute; margin: 60px 0px 0px 470px; }
#slogan-2 { position: absolute; margin: 170px 0px 0px 460px; }

/* CONTENT */
.inner-wrap { width: 910px; margin:0 auto; }
#slogan-3 { margin: 30px 0px 20px 0px; }
.line-1 { border-bottom: 1px solid #8d96a3; margin: 20px 0px 20px 0px; }
#get-test { float: right; text-align: right; overflow: hidden; }
#news-1 { width: 400px; text-align: justify; }

/* FOOTER */
#f-left { float: left; width: 300px; overflow: hidden; }
#f-center { float: left; width: 310px; overflow: hidden; }
#f-right { float: left; width: 300px; overflow: hidden; }
.accordion { border: 1px solid #ebebeb; margin-bottom: 10px; padding: 12px 6px 6px 6px; }
.accordion:hover { border-color: #8d96a3; cursor: hand; }
.accordion div a { font-size: 11px; font-family: tahoma; letter-spacing: 1px; }
#we-use img { margin: 10px 20px 0px 0px; }
#footer-line { margin: 10px 0px 10px 0px; }
#copyrights { color: #5b687b; font-size: 12px; }

/* GLOBAL */
.center { margin:0 auto; text-align: center; }
.right { text-align: right; }
.left { text-align: left; }
.w-100 { width: 100%; }
.w-50 { width: 50%; }
.float-left { float: left; }
.float-right { float: right; }
.space-10 { height: 10px; line-height: 0px; font-size: 0px; }
.space-20 { height: 20px; line-height: 0px; font-size: 0px; }
.pad-r-10 { padding-right: 10px; }
.img-space { padding: 0px 20px; }
.clear { overflow: hidden; width: 100%; clear: both; }
.row-active { border-collapse: collapse; padding: 2px 6px; background-color: #fff; border-bottom: 1px solid #ebebeb; }
.row-active:hover { border-bottom: 1px solid gray; }
.row-active-par { border-collapse: collapse; padding: 2px 6px; background-color: #f9f9f9; border-bottom: 1px solid #ebebeb; }
.row-active-par:hover { border-bottom: 1px solid gray; }
.success { border: 1px solid green; padding: 3px 3px 3px 30px; background: #daf5ae url(img/icons/ok.gif) 5px 4px no-repeat ! important; }
.failed { border: 1px solid red; padding: 3px 3px 3px 30px; background: #ffdede url(img/icons/cancel.gif) 8px 8px no-repeat ! important; }
.info { border: 1px solid #3a5897; padding: 3px 3px 3px 30px; background: #cbd9ec url(img/icons/info.gif) 8px 8px no-repeat ! important; }
.failed div, .success div, .info div { color: black; }

/* PLUGINS */
/* ~CONTACT */
#user-name { background: #ffffff url(../../system/plugins/contact/name.gif) 5px 4px no-repeat ! important; width:112px; border: 1px solid #ebebeb; color: #494949; margin: 0px 3px; margin-bottom: 0px; padding: 4px 4px 4px 25px; }
#user-name:focus, #user-name:hover { border: 1px solid #8d96a3; }
#user-email { background: #ffffff url(../../system/plugins/contact/email.gif) 5px 7px no-repeat ! important; width:111px; border: 1px solid #ebebeb; color: #494949; margin: 0px 3px; padding: 4px 4px 4px 25px; }
#user-email:focus, #user-email:hover { border: 1px solid #8d96a3; }
#user-comment { background: #ffffff url(../../system/plugins/contact/content.gif) 5px 6px no-repeat ! important; width:265px; height:120px; border: 1px solid #ebebeb; padding: 4px 4px 4px 25px; margin: 0px 3px 3px 3px; color: #494949; }
#user-comment:focus, #user-comment:hover { border: 1px solid #8d96a3; }

/* ~SHOUTBOX */
#shout-msg { background: #ffffff url(../../system/plugins/shoutbox/shout.gif) 5px 6px no-repeat ! important; width: 269px; border: 1px solid #ebebeb; padding: 4px 4px 4px 25px; margin: 0px; color: #494949; }
#shout-msg:focus, #shout-msg:hover { border: 1px solid #8d96a3; }
#shoutbox div, #shoutbox b { font-size: 11px; font-family: tahoma; letter-spacing: 1px; }

/* ~FANCYBOX */
p#fancy img { padding: 5px; margin: 10px; border: 1px solid white; }
