* {margin:0; padding:0; outline:0;}
body {background: #f3f3f3 url(images/Untitled-2_01.gif) repeat-x top; font-family: Arial, sans-serif; font-size:14px; color:#333333; color:#333333; line-height:19px;}
img {border:none;}
.clear {height:0; clear:both;}
a {text-decoration:underline; color:#006699; cursor:pointer;}
a:hover {text-decoration:none;}
p {margin-bottom:1em;}


ul li {list-style-type:none;}
.bg {background:url("bg.gif") 0 100% repeat-x #c9c9c9;}
.main {width:800px; margin:0 auto;}
.header {height:140px; background:url("header_bg.gif") 20px 100% no-repeat; overflow:hidden;}
.header ul {display:block; margin:20px 0 0 157px;}
.header ul li {display:block; float:left; margin:50px 21px 0 0; position:relative; list-style-type:none;}
.header ul li a {display:block; height:54px; overflow:hidden;}
.header ul li a, .header ul li span {color:#333333; text-decoration:none; font-size:18px;}
.header ul li a span {position:absolute; top:-22px;}
.header ul li.current span span {position:absolute; top:-22px;}
.header ul li.current .icon {position:relative; top:0;}
.header ul li.current .icon span {position:relative; top:-34px;}
.header ul li .icon {display:block; overflow:hidden; height:34px; margin-top:12px; position:relative;}
.header ul li .icon span {display:block; height:80px; position:relative; top:0; left:0 !important;}
.header ul li.home {width:59px; height:57px; background:url("menu.gif") 0 -50px no-repeat;}
.header ul li.portfolio {width:57px; height:57px; background:url("menu.gif") -80px -50px no-repeat; margin-right:23px;}
.header ul li.logo {width:166px; height:107px; background:url("menu.gif") -160px 0 no-repeat; margin:0 23px 0 0 ;}
.header ul li.blog {width:59px; height:57px; background:url("menu.gif") -349px -50px no-repeat; margin-right:19px;}
.header ul li.about {width:59px; height:57px; background:url("menu.gif") -427px -50px no-repeat; margin-right:0;}

.header ul li.home .icon span {background:url("menu_icons.gif") 10px 0 no-repeat;}
.header ul li.portfolio .icon span {background:url("menu_icons.gif") 12px -78px no-repeat;}
.header ul li.blog .icon span {background:url("menu_icons.gif") 13px -156px no-repeat;}
.header ul li.about .icon span {background:url("menu_icons.gif") 15px -234px no-repeat;}

.header ul li.home span span, .header ul li.home a span {left:6px;}
.header ul li.portfolio span span, .header ul li.portfolio a span {left:-3px;}
.header ul li.blog span span, .header ul li.blog a span {left:10px;}
.header ul li.about span span, .header ul li.about a span {left:4px;}
.header ul li.logo a {height:107px; text-align:center;}
.header ul li.logo a img {margin-top:14px;}


.content {min-height:340px; background:url("content_bg.gif") 0 0 repeat-x #e8e8e8; margin:0 20px; padding:20px;}
.banner {width:572px; position:relative; margin-left:-40px; float:left;}
.banner .top {height:20px; background:url("box_borders.gif") 0 0 no-repeat;}
.banner .in, .portfolio_item .in {background:#e8e8e8; border-right:1px solid white; padding:0 9px 0 10px; position:relative; margin-right:0;}
.banner .in {margin-right:1px;}
.banner .in .shadow {width:551px; height:205px; background:url("banner_bg.png") 0 0 no-repeat; position:absolute; top:0; left:10px; z-index:10; display:block;}

.banner .in #slider {position:relative; z-index:9; height:205px;}
.banner .in #slider img {position:absolute; top:0; left:0; display:none;}
.banner .bot {height:40px; background:url("box_borders.gif") 0 -20px no-repeat;}

.latest {float:left; width:170px; padding-left:18px; margin-top:18px;}
h2 {margin-bottom:9px; text-shadow: 0 1px 1px white; line-height:normal;}
h2, h2 a {color:#c84353; font-size:22px; text-decoration:none; line-height:normal;}
h3 {margin-bottom:7px; line-height:normal;}
h3, h3 a {color:#333333; font-size:16px; text-decoration:none; line-height:normal;}
.latest p {font-size:14px; margin-bottom:8px;}
.latest ul, .portfolio_text ul {margin-bottom:12px;}
.latest ul li, .portfolio_text ul li {list-style-type:none; padding-left:12px; background:url("li_bg.gif") 0 5px no-repeat; font-size:12px; color:#666666; margin-bottom:1px; //margin-bottom:0; //background:url("li_bg.gif") 0 6px no-repeat;}

.button {display:block; float:left; height:32px; border-bottom:1px solid #fafafa; text-decoration:none;}
.button span {display:block; float:left; border:1px solid #b3b3b3; height:23px; background:url("button.gif") 0 0 repeat-x; font-size:15px; color:#333333; text-decoration:none; padding:7px 10px 0 10px; }

.button:hover span {color:#bb2436;}

.portfolio_btn:hover span {color:#de8300;}
.portfolio_btn.button strong, .button strong  {display:block; width:16px; height:16px; overflow:hidden; float:left; margin-right:10px; position:relative;}
.portfolio_btn.button strong em, .button strong em {display:block; width:16px; height:32px; position:absolute; top:0; background:url("icons.gif") 0 0 no-repeat;}

.about_block {float:left; width:340px; float:left; padding-right:20px;}
.about_block p {font-size:14px; line-height:22px; margin-bottom:16px;}
.about_block p b {font-weight:normal;}

.about_btn:hover span {color:#514ba9;}
.about_btn strong {top:-1px;}
.about_btn strong em {background:url("icons.gif") 0 -32px no-repeat;}

.blog_btn:hover span {color:#598e0e;}
.blog_btn strong em {background:url("icons.gif") 0 -66px no-repeat;}

.blog_block {float:left; width:360px;}
.blog_block p {font-size:14px; line-height:22px; margin-bottom:16px;}

.image {float:left; margin:0 10px 18px 0; overflow:hidden; }
.blog_block .image {margin-bottom:10px;}
.image .in_r {border:1px solid #e2e2e2; border-top:none; border-bottom:none;}
.image a, .image img {display:block;}
.image .in_l {border:1px solid #d5d5d5; border-top:none; border-bottom:none;}
.image .bot {background:url("image_shadow.gif") 100% -4px no-repeat; padding-right:4px;  }
.image .bot div {background:url("image_shadow.gif") 0 0 no-repeat; padding-top:4px;}

.footer {height:81px; background:url("footer_bg.gif") 0 0 no-repeat;}
.footer div {padding:48px 0 0 20px;}
.footer div a, .footer div {font-size:14px; color:#b2b2b2; text-decoration:none;}
b.b {font-weight:normal !important;}

.portfolio_item {width:400px; float:left; margin-left:-40px;}
.portfolio_item .top {height:20px; background:url("box_borders.gif") 0 -60px no-repeat;}
.portfolio_item .bot {height:40px; background:url("box_borders.gif") 0 -80px no-repeat;}
.portfolio_item .shadow {width:380px; height:205px; background:url("image_shadow_small.png") 0 0 no-repeat; position:absolute; z-index:10; top:0; left:10px;}
.portfolio_item a {display:block;}

.portfolio_text {width:340px; float:left; margin-top:18px; padding-left:20px;}
.portfolio_text p {margin-bottom:8px; font-size:14px;}

.closer_btn strong em {background:url("icons.gif") 0 -98px no-repeat;}

.visit {margin:8px 0 0 12px; float:left;}
.ext {padding-right:15px; background:url("external.gif") 100% 3px no-repeat;}

//.mb_x {margin-bottom:20px;}

.blog_list {float:left; width:521px;}
.blog_list p {font-size:14px; line-height:22px; margin-bottom:1em;}
.blog_list h2 {height:60px; color:white; background:url("blog_header.gif") 100% -60px no-repeat; padding-right:45px; margin-left:-40px; margin-bottom:0; margin-right:-20px;}
.blog_list h2 a {height:46px; display:block; background:url("blog_header.gif") 0 0 no-repeat; color:white; text-shadow:0 0 0 white; padding:14px 0 0 40px; font-size:20px; line-height:normal;}
.blog_list .image a {display:block;}

.sidebar {float:left; padding-left:20px; width:175px;}
.sidebar li {margin-bottom:3px;}
.sidebar li a {font-size:14px; padding-left:15px; background:url("li_bg.gif") 0 5px no-repeat;}
.mb_10 {margin-bottom:10px;}

.about_page {float:left; width:340px;}
.about_page p {margin-bottom:1em; line-height:22px;}
.about_page h3 {font-size:19px;}
.about_page li {margin-bottom:3px; padding-left:15px; background:url("li_bg.gif") 0 5px no-repeat;}
.left_50 {float:left; width:50%; margin-bottom:12px;}

.mail {float:left; padding-left:35px; background:url("contact_icons.gif") 0 0 no-repeat;}
.skype {float:left; padding-left:35px; background:url("contact_icons.gif") 0 -38px no-repeat; height:27px; padding-top:3px; margin-top:-3px; margin-right:35px; display:block;}
.photo {float:left; width:360px; display:block;}
.photo img {margin-left:50px;}

.mb_12 {margin-bottom:15px;}

/* --- DM ---*/
#flashContent, #flashContent1, #flashContent2 {margin:30px 0 0 100px;}

.blog_text {float:left; width: 500px;}