/* RESET STYLES */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, font, img, ol, ul, li, form, table, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;}
:focus {outline: 0;}
ol, ul {list-style: none;}
table {border-collapse: separate; border-spacing: 0;}
a, a:hover {text-decoration: none;}

/* GLOBAL STYLES */
body {background: #333335 url(../images/bkg.png) repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #aaa; line-height: 1.3;}
.alt_content {display: none;}
a {color: #888;}
a:hover {color: #ef1e0e;}
.gal {display: block; width: 134px; height: 288px; border: 3px solid #555; border-width: 10px 7px 15px 7px; background: url(../images/gal_bloks.jpg) no-repeat;}
#cont {margin: 30px auto auto auto; display: block; width: 900px; height: 500px; position: relative;}
.copy_block {display: block; width: 660px; height: 295px; position: absolute; left: 165px; top: 185px;}
.copy_block a {color: #ddd; font-weight: bold;}
.copy_block a:hover {color: #f00;}

/* TEXT STYLES */
p {display: block;margin-bottom: 10px;}
h2 {font-weight: bold; font-size: 26px; margin: 5px 0 8px 0;}
h3 {font-weight: bold; font-size: 16px; margin: 5px 0 8px 0;}
.caption {display: block; width: 640px; position: absolute; left: 0; top: 214px; font-size: 9px; text-align: center; color: #ccc;}
.hidden {display: none;}
.clear {clear: both;}
.bold {font-weight: bold;}
.white {color: #eee;}
.italic {font-style: italic;}
.boxed {background: #555; padding: 8px; border: 1px solid #333; border-color: #888 #000 #000 #888;}
.red {color: #ef1e0e;}
.blue {color: #59a8ef;}

/* MASTHEAD STYLES */
#mast {display: block; width: 100%; height: 138px; background: #000; border-bottom: 1px solid #555; position: relative;}
#mast_bloks {display: block; width: 700px; height: 138px; margin-left: 200px;}
h1 {display: block; left: 459px; height: 21px; margin: -30px 0 0 0;}
#nav {margin-left: 400px; margin-bottom: -1px;}
#nav li {display: inline;}
#nav li a {display: inline-block; padding: 8px 35px 9px 10px; border-width: 0 1px 5px 1px; border-color: #555; border-style: solid; margin-left: -5px;}
#nav li a:hover {border-bottom: 5px solid #f00; background: #000; color: #fff;}

/* CLIENT THUMBNAIL LIST */
.thumbs {display: block; width: 656px; position: absolute; left: 0; top: 180px;}
.thumbs li {display: inline;}
.thumbs li a {display: inline-block; width: 60px; height: 50px; border: 2px solid #aaa; margin: 1px -1px 2px -1px;}
.thumbs li a:hover {border: 2px solid #f00;}

/* SERVICES STYLES */
.services_menu {display: block; width: 148px; height: 312px; margin: -4px 0 0 0; background: url(../images/services_menu.png) no-repeat;}
.services_menu li {width: 148px; height: 25px;margin: 4px 0;}
.services_menu li a {display: block; padding-top: 3px; padding-left: 10px; padding-bottom: 6px; border-left: 8px solid #23415f; width: 130px; height: 16px; background: #587ca0; font-weight: normal; color: #ccc; line-height: 1.7;}
.services_menu li a:hover {background: #000; border-left: 8px solid #f00; color: #fff;}

iframe {background: #333;}

.thumbs_3d {display: block; width: 700px; position: absolute; left: 0; top: 200px;}
.thumbs_3d li {display: inline;}
.thumbs_3d li a {display: inline-block; width: 80px; height: 80px; border: 2px solid #aaa; margin-right: 8px; margin-left: 0px;}
.thumbs_3d li a:hover {border: 2px solid #f00;}

.print_item {height: 80px; padding-bottom: 15px;}
.print_item a {display: block; width: 80px; height: 80px; float: left; margin-right: 10px; margin-bottom: 10px; border: 2px solid #fff; padding: 0;}
.print_item a:hover {border: 2px solid #f00;}
#print_thumb01 {background: url(../images/thumb_print_twigs.jpg) no-repeat;}
#print_thumb02 {background: url(../images/thumb_print_stylehouse.jpg) no-repeat;}
#print_thumb03 {background: url(../images/thumb_print_redblok.jpg) no-repeat;}
#print_thumb04 {background: url(../images/thumb_print_goodtaste.jpg) no-repeat;}
#print_thumb05 {background: url(../images/thumb_print_hughes.jpg) no-repeat;}

.copy_block_pricing {display: block; width: 625px; margin: -300px 0 20px 160px; left: 160px; top: 190px; border: 1px solid #555; background: #333335; padding: 10px;}
.flashfile {display: block; width: 500px; height: 333px; margin: auto; padding: 0; border: 1px solid #aaa; background: #333 url(../images/loading_bkg.png) no-repeat;}

/* PRICING STYLES */
.bullet {margin-right: 8px;}
.pricing_list a {font-weight: bold; color: #ddd;}
.pricing_list a:hover {font-weight: bold;color: #f00;}
.item {font-weight: bold; color: #ccc;}

/* CONTACT STYLES */
.narrow {line-height: 75%;}

/* FOOTER STYLES */
.ft p { display: block; width: 900px; font-size: 9px; text-align: center; margin: 10px auto; color: #555;}
.ft p a {color: #666;}
.ft p a:hover {color: #f00;}

/*
#form_container {width: 470px;}
#copy_block_services {margin-left: 10px;}
.client_link a {display: block; width: 658px; height: 20px; background: #555; text-align: center; color: #ddd; line-height: 170%; font-weight: bold;}
.client_link a:hover {background: #f00; color: #fff;}
.caption {top: 165px;}
.jobs {color: #ccc;}
.jobs a {color: #a7ccdf; font-weight: bold;}
.jobs a:hover {color: #f00;}
.client_link a {display: block; width: 658px; height: 20px; background: #555; text-align: center; color: #ddd; line-height: 170%; font-weight: bold;}
.client_link a:hover {background: #f00; color: #fff;}
*/