/*
Theme Name: Dcmedia design
Theme URI: http://cistov.com/
Description: Dcmedia design.
Version: 1.0
Author: Artur Cistov
Author URI: http://cistov.com/
*/

body { margin: 20px 0; padding: 0; background: #b8b7b8 url("../images/bg.jpg") repeat-x; font: 76%/1.5 Tahoma, Verdana, Helvetica, sans-serif; text-align: center; }

#wrapper { background: #fff url("../images/bg_wrapper_top2.gif") no-repeat; margin: 0 auto; width: 793px; text-align: left; }

img, a img { border: 0; }
a:link, a:visited { color: #465376; }
a:hover { text-decoration: none; }

h1 { margin: 0; padding: 18px 0 11px 0; font-size: 1.2em; }
h1 a { display: block; width: 183px; outline: none; margin-left: 18px; }
h1 p { width: 300px; float: right; font: normal 0.75em/1.7 Tahoma, Verdana, Helvetica, sans-serif; text-align: right; margin: 0 18px 0 0; padding: 9px 0 0 0; color: #737373; display: inline; }
h1 p a { display: inline; width: auto; margin: 0; }
h1 p strong { color: #575757; }

ul#nav { list-style: none; margin: 0 17px 0 17px; padding: 10px 0 0 0; height: 32px; background: url("../images/bg_nav.gif") repeat-x; }
ul#nav li { float: left; padding-left: 45px; height: 18px; text-indent: -9999px; display: inline; background: url("../images/nav_vr.gif") no-repeat 26px 0; }
ul#nav #nav01 { background: none; }
ul#nav li a { display: block; outline: none; }
ul#nav .active { font-weight: bold; text-decoration: none; color: #000; }
ul#nav #nav01 a { width: 40px; background: url("../images/nav01.gif") 0 -18px no-repeat; }
ul#nav #nav01 a.active { background: url("../images/nav01.gif") no-repeat; }
ul#nav #nav02 a { width: 64px; background: url("../images/nav02.gif") 0 -18px no-repeat; }
ul#nav #nav02 a.active { background: url("../images/nav02.gif") no-repeat; }
ul#nav #nav03 a { width: 50px; background: url("../images/nav03.gif") 0 -18px no-repeat; }
ul#nav #nav03 a.active { background: url("../images/nav03.gif") no-repeat; }
ul#nav #nav04 a { width: 60px; background: url("../images/nav04.gif") 0 -18px no-repeat; }
ul#nav #nav04 a.active { background: url("../images/nav04.gif") no-repeat; }
ul#nav #nav05 a { width: 74px; background: url("../images/nav05.gif") 0 -18px no-repeat; }
ul#nav #nav05 a.active { background: url("../images/nav05.gif") no-repeat; }
ul#nav #nav06 a { width: 40px; background: url("../images/nav06.gif") 0 -18px no-repeat; }
ul#nav #nav06 a.active { background: url("../images/nav06.gif") no-repeat; }
ul#nav #nav07 a { width: 60px; background: url("../images/nav07.gif") 0 -18px no-repeat; }
ul#nav #nav07 a.active { background: url("../images/nav07.gif") no-repeat; }


#content { clear: both; margin: 0; width: 759px; background: #fff url("../images/bg_content.jpg") bottom repeat-x; border-bottom: 3px solid #3a4561; padding: 0 17px 16px 17px; float: left; display: inline; min-height: 350px; } 
* html #content { height: 350px; }
#content h2 { color:#666; font-weight: normal; margin: 15px 0 0 0; padding: 0; font-size: 1.6em; }
#content p { margin: 10px 0; padding: 0; }
#content ul { padding: 0; margin: 0; list-style-type: none; } 
#content ul li { background: url("../images/bullet.gif") left center no-repeat; padding: 0 0 0 10px; } 

#content .leftCol { clear: both; width: 371px; float: left; margin: 0; display: inline; }

#content #main { background: url("../images/bg_main.jpg") no-repeat; height: 325px; color: #fff; padding: 0; margin: 0; }
#content #main #mainImg { float: left; margin: 0 20px 0 0; display: inline; border: 0; width: 379px; height: 320px; }
#content #main h2 { margin: 0; padding: 10px 19px 12px 0; color: #fff; background: transparent url("../images/h2home.jpg") 400px 0 no-repeat; text-indent: -9999px; font-size: 1.5em;; position: relative; top:1px; }
#content #main p { margin: 0; padding: 10px 19px 10px 19px; font-size: 0.92em; }
#content #main a:link, #content #main a:active, #content #main a:visited { color: #fbdaa0; font-weight: bold; }
#content #main a:hover { text-decoration: none; }

#content #work { margin: 6px 0 0 0; }
#content #work h3 { padding: 0; margin: 2px 0 8px 0; }
#content #work a { float: left; margin: 0 6px 0 0; outline: none; }
#content #work a img { background: #fff; padding: 4px; border: 1px solid #afafaf; }
#content #work a:hover img { border: 1px solid #888;  }

#content .rightCol { width: 377px; float: right; margin: 5px 0 0 0; display: inline; }
#content .rightCol h3 { padding: 0; margin: 2px 0 8px 0; }
#content form { margin: 0; padding: 0; }
#content #col1 { width: 185px; float: left; }
#content #col2 { width: 185px; float: right;  }
#content input, #content #message  { width: 100%; background: #ebebeb; color: #515151; border-top: 1px solid #98a6b4; border-left: 1px solid #98a6b4; border-bottom: 1px solid #c5cfd8; border-right: 1px solid #e0dad4; margin: 0 0 3px 0; padding: 0; height: 18px; font: 11px Tahoma, Arial, Helvetica, sans-serif; } 
#content #message { height: 150px; }
#content #imgSubmit { width: 73px; height: 18px; border: 0; float: right; margin: 0; padding: 0;  }

#content .section { clear: both; float: left; margin: 0 0 8px 0; width: 740px; }
#content .section .imgCol { width: 134px; float: left; background: #fff url("../images/shadow.gif") right bottom no-repeat; }
#content .section .imgCol div { background: url("../images/mask.png") no-repeat left top !important;  background: url("../images/mask.gif") no-repeat left top; padding: 0 5px 5px 0; float: left; }
#content .section .imgCol img { background: #fff; border: 1px solid #a9a9a9; padding: 4px; }
#content .section .imgColHolder { width: 134px; float: left;  }
#content .section .imgColHolder .imgCol { margin-bottom: 6px; }

#content .section .txtCol { width: 597px; float: right; padding: 0; }
#content .section .txtCol h4, .prices h4 { color: #666; margin: 0; padding: 0; }
.prices h4 { border-bottom: 1px solid #666; margin-bottom: 8px; padding-bottom: 2px; }
#content .section .txtCol p { margin: 6px 0 0 0; padding: 0; }

#content #fullform { width: 497px; }
#content #fullform #col1, #content #fullform #col2 { width: 245px; }
#content #contacts { width: 231px; margin: 0;}
#content #contacts p { margin: 0 0 10px 0; }

#samples .flv { float: left; margin: 0 10px 10px 0; display: inline; width: auto; }
#samples .flv p { font-weight: bold; color:#CC0000; } 
#samples p { margin: 0 0 3px 0; }
#samples #images { clear: both; list-style: none; width: 100%; }
#samples #images li { padding: 0; margin: 0 5px 5px 0; float: left; }
#samples #images li a { display: block; }
#samples h4 { clear: both; margin-bottom: 3px; color: #666; }
#samples p#intro { margin-top: -4px;margin-bottom: 8px; }

p#footer { width: 759px; height: 40px; padding: 16px 17px 16px 17px; margin: 0 auto; clear: both; background: url("../images/bg_wrapper_btm.gif") no-repeat bottom;  color: #737373; font-size: 0.8em; text-align: left; position: relative; }
p#footer span { position: absolute; right: 17px; }

.strikethrough { text-decoration: line-through; font-style: italic; }
.highlight { color: #990000; }

#content #main a#homepromo { display: block; width: 311px; height: 48px; text-indent: -9999px; overflow: hidden; background: url(../images/promo.gif) no-repeat; margin-top: 10px; margin-left: -2px; }

#cc { float: left;  border: 0; padding-left: 80px; }