@import "reset.css";

body {
font: 12px/1.3 Verdana, Arial, sans-serif;
color: #000000;
background: #0c0807 url("../img/bg.jpg") repeat top left;
}

h1.title {width: 492px;font: 21px/42px Verdana, Arial, sans-serif;color: #ffffff;margin-bottom: 15px;padding: 0 10px;text-align: center;border: 1px solid #500101;background: #000000;position: absolute;top: 10px;left: 269px;z-index: 4;}
p {margin-bottom: 7px;}

a:link, a:active, a:visited {text-decoration: none;color: #d80202;}
a:hover {text-decoration: underline;color: #d80202;}

hr {width: 90%;border: none;height: 1px;margin: 10px auto;padding: 0;background: #ae9775;color: #ae9775;}

.txtl {text-align: left !important;}

.txtc {text-align: center !important;}

.txtr {text-align: right !important;}

.txtj {text-align: justify !important;}

.center {display: block;margin-left: auto !important;margin-right: auto !important;}

.vtop {vertical-align: top !important;}

.vmiddle {vertical-align: middle !important;}

.vbottom {vertical-align: bottom !important;}

.p2 {padding: 2px !important;}

.p5 {padding: 5px !important;}

.p10 {padding: 10px !important;}

.m5 {margin: 5px !important;}

.m3 {margin: 3px !important;}

.m10 {margin: 10px !important;}

.mbt10 {margin: 10px 0 !important;}

.mlr10 {margin: 0 10px !important;}

.mt10 {margin-top: 10px !important;}

.mb10 {margin-bottom: 10px !important;}

.ml10 {margin-left: 10px !important;}

.mr10 {margin-right: 10px !important;}

.block {display: block !important;}

.inline {display: inline !important;}

.rel {position: relative;z-index: 1;}

.abs {position: absolute;}

.bold {font-weight: bold;}

.italic {font-style: italic;}

.nonitalic {font-style: normal;}

.float_l {float: left;}

.float_r {float: right;}

.clear {clear: both !important;}

a.black:link, a.black:active, a.black:visited {text-decoration: none;color: #000000;}
a.black:hover {text-decoration: underline;color: #000000;}
a.white, a.white:active, a.white:visited {text-decoration: none;color: #ffffff;}
a.white:hover {text-decoration: underline;color: #ffffff;}

.f10 {font-size: 10px !important;line-height: 12px !important;}
.f11 {font-size: 11px !important;line-height: 13px !important;}
.f12 {font-size: 12px !important;line-height: 14px !important;}
.f13 {font-size: 13px !important;line-height: 15px !important;}
.f14 {font-size: 14px !important;line-height: 16px !important;}
.f15 {font-size: 15px !important;line-height: 17px !important;}
.f16 {font-size: 16px !important;line-height: 18px !important;}
.f17 {font-size: 17px !important;line-height: 19px !important;}
.f18 {font-size: 18px !important;line-height: 20px !important;}
.f19 {font-size: 19px !important;line-height: 21px !important;}
.f20 {font-size: 20px !important;line-height: 22px !important;}
.f21 {font-size: 21px !important;line-height: 23px !important;}
.f22 {font-size: 22px !important;line-height: 24px !important;}
.f23 {font-size: 23px !important;line-height: 25px !important;}
.f24 {font-size: 24px !important;line-height: 26px !important;}
.frame {border: 5px solid #ae9775 !important;}
/** Structure styles **/
#copyright {clear: both;padding-top: 80px;text-align: center;color: #d80202;}
#tagline {width: 1134px;height: 55px;margin: 0 auto;position: relative;z-index: 2;background: url("../img/tagline.png") no-repeat 301px 30px;}
#tagline #logo {position: absolute;top: 15px;left: -33px;z-index: 3;}
#wrapper {width: 1135px;margin: 0 auto;padding: 7px;border: 1px solid #6c0000;}
#home-panel {width: 340px;height: 684px;background: url("../img/home-panel-bg.jpg") no-repeat top left;}
#home-media {width: 794px;}
#wrapper-text {width: 780px;height: 44px;position: absolute;top: 560px;left: -22px;z-index: 2;}
#wrapper-slide {width: 794px;height: 684px;}
#home-menu {margin: 114px 0 80px 0;padding: 0;list-style: none;}
#home-menu li {margin: 0;padding: 0;}
#home-menu li a {display: block;}
#home-menu li img {display: block;margin: 0 auto 20px auto;}
#home-portfolio {width: 220px;height: 200px;margin: 0 auto;border: 5px solid #500101;background: #000000 url("../img/home-portfolio-picture.jpg") no-repeat 9px 9px;position: relative;z-index: 1;}
#home-portfolio-link {width: 302px;height: 147px;position: absolute;top: 163px;left: -43px;}

#nav {position: relative;z-index: 3;}
#nav #bg-nav {width: 821px;height: 141px;position: absolute;top: -64px;left: -45px;z-index: 4;}
#nav ul {margin: 0;padding: 0;list-style: none;position: absolute;top: -3px;left: 45px;z-index: 5;}
#nav li {margin: 0 14px 0 0;padding: 0;float: left;}
#nav li img {display: block;}

#menu {margin: 0 0 35px 210px;padding: 0;list-style: none;}
#menu li {margin: 0 20px 0 0;padding: 0;display: inline;}
#menu a:link, #menu a:active, #menu a:visited {text-decoration: none;color: #560000;}
#menu a:hover {text-decoration: underline;color: #000000;}

#container {width: 874px;}
#panel {width: 258px;height: 684px;background: #6c0000 url("../img/panel-bg.jpg") no-repeat top left;border: 1px solid #4e0101;}
#rotate {display: block;margin: 43px auto 0 auto;border: 5px solid #500101;}
#get {display: block;margin: 25px auto;}
#portfolio {width: 150px;height: 136px;margin: 0 auto;border: 5px solid #500101;background: #000000 url("../img/portfolio-picture.jpg") no-repeat 5px 5px;position: relative;z-index: 1;}
#portfolio-link {width: 220px;height: 112px;position: absolute;top: 107px;left: -35px;}
#content-top {width: 858px;margin: 27px 0 33px 14px;background: #e0cdae url("../img/cnt-bg-top.jpg") no-repeat top left;}
#content-bottom {min-height: 564px;height: auto !important;height: 564px;padding: 40px 20px 40px 30px;background: url("../img/cnt-bg-bottom.jpg") no-repeat bottom left;}
#content {width: 698px;margin: 0 60px 0 50px;overflow: hidden;}

#dynamic {width: 698px;margin: 0 60px 0 50px;overflow: hidden;}
.element {padding: 10px 0;}
.element-title {margin-bottom: 4px;font-weight: bold;color: #6c0000;}
.element-subtitle {margin-bottom: 2px;font-weight: bold;font-size: 11px;}
#slideshow {margin: 10px auto 0 auto;}
#slideshow td {padding: 10px;}
#slideshow td img {display: block;margin: 0px auto;border: 5px solid #ae9775;}
#prev_link {background: url("../img/prev.png") no-repeat center left;padding-left: 12px;}
#next_link {background: url("../img/next.png") no-repeat center right;padding-right: 12px;}
#cache {display: none;}