@charset "utf-8";
/* CSS Document */

html,body{margin:0; padding:0; text-align: left; height:100%;}
html {background:#cfe1ed url(img/bg_main.gif) repeat-x top left;}
body {font: normal 0.7em verdana, arial, sans-serif; color:#333; padding:0;}

* {margin: 0 0 0 0; padding: 0 0 0 0;}

a img {border:0;}
a:link {color:#ed1c24; text-decoration:underline;}
a:visited {color:#b5b5b5;; text-decoration:underline;}
a:hover {color:#ed1c24; text-decoration:none;}

h1, h2 {color:#ed1c24; font-weight:bold;}
h3, h4, h5, h6 {color:#333; font-weight:bold;}
h1 {font-size:1.4em;}
h2 {font-size:1.3em;}
h3 {font-size:1.2em;}
h4 {font-size:1em;}
h5 {font-size:0.95em;}

.clr {clear:both;}
a.active {font-weight:bold;}
p {margin:0.5em 0;}

/************* Global Styles ****************/
#container {margin:0 auto 0 auto; min-height:100%; position:relative;border-left:#e9e9e9 25px solid; padding-right:25px;}
* html #container {height:100%;}
#wrap { margin:0 auto; width:930px; padding-bottom:9em;}

/************* Left Column Styles ****************/
#left_side {float:left; width:275px; margin-top:40px;}
a#logo {display:block; width:243px; height:55px; background:url(img/logo.gif) no-repeat 0 0;}
a#logo span {display:none;}

#content {background:#fff url(img/dots_vertical.gif) repeat-y 305px 0; _border:1px solid #fff;}
#content h1 {margin-bottom:1em; font-size:1.2em;}
#content p {margin-bottom:1em;}
/************* Navigation Menu Styles ****************/
#nav_menu {margin:45px 0 80px 0; width:180px;}
#nav_menu li {list-style:none; line-height:2.5em; background:url(img/dots_menu.gif) repeat-x 0 100%;}
#nav_menu li a, #nav_menu li a:visited, #path a, #path a:visited {color:#484848; text-decoration:none; background:url(img/bull_menu.gif) no-repeat 0 4px; padding-left:12px;}
#nav_menu li a:hover, #path a:hover {color:#ed1c24;}
#nav_menu li ul {padding-left:15px;}
#nav_menu li ul li { background-image:none;}
#nav_menu li ul li a, #nav_menu li ul li a:visited {color:#484848; background-image:url(img/bull_menu_dark.gif)}
#nav_menu li ul li a:hover {color:#ed1c24; background-position:3px 4px;}


#right_side {float:left;width:653px; margin-top:60px;}
#welcome_text {float:left; width:261px; padding:15px 21px;}
#last_works {float:left; padding:15px 33px; width:283px;}
.prev_img {width:280px; height:60px; border:1px solid #8fb9d0;}
.prev_name {width:280px; height:17px; border:1px solid #8fb9d0; background:#eaecef; text-align:center; margin-top:2px;}
.prev_name a {color:#333; text-decoration:none;}
.prev_name a:hover {color:#ed1c24;} 
#last_works p {margin:1em 0;}

/************* Header And Footer Styles ****************/
#header, #footer {margin:0 5px; background-repeat:repeat-x; background-position:0 -26px;}
#header {background-image:url(img/bg_body_header.gif);}
#footer {background-image:url(img/bg_body_footer.gif);}
.header_inner, .footer_inner {margin-left:-5px; background-repeat:no-repeat; background-position:0 0;}
.header_inner {background-image:url(img/bg_body_header.gif);}
.footer_inner {background-image:url(img/bg_body_footer.gif);}
.header_inner div, .footer_inner div {background-repeat:no-repeat; background-position:100% -52px; height:22px; margin-right:-5px; color:#fff; padding:4px 15px 0 15px;}
.header_inner div {background-image:url(img/bg_body_header.gif); text-align:right;}
.footer_inner div {background-image:url(img/bg_body_footer.gif);}
.header_inner div a, .header_inner div a:visited {color:#fff; text-decoration:none;}
.header_inner div a:hover {text-decoration:underline;}


#copyright {position: relative; width:930px; margin:-7.5em auto 0 auto; background:url(img/bg_copyright.gif) repeat-x 0px 4px;}
.copyright_inner {background:url(img/bg_copyright_side.gif) no-repeat 100% 4px; height:23px; padding:10px 0 0 45px;}
.copyright_inner div {background:url(img/bg_copyright_logo.gif) no-repeat 0 0; width:33px; height:33px; position:absolute; top:0; left:-2px;}
.logo_small {position:absolute; top:0; left:-2px;}

#content_inner { background:#fff; padding:5px 10px;}
#path { background:url(img/dots_menu.gif) repeat-x 0 100%; padding:0 0 8px 0; margin:0 0 5px 0; color:#cecece;}
#path a, #path a:visited {padding-left:8px; margin:0 5px; color:#cecece;}

.doted_top {background:url(img/dots_menu.gif) repeat-x 0 0;}