/* Copyright (c) Pavel "SPY" Semenov, 2008 | http://www.splined.ru/ */
/************************[ Main Section ]***************************/
body {
   margin: 0;
   padding: 0;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 0.78em;
   background: #274256 url("images/bg_top.gif") repeat-x;
   color: #fff;
}

a { color: #BCDDED; }
a:visited { color: #BCDDED; }
a:hover { color: #fff; }

.clear {
   height: 0;
   clear: both;
}
.hidden {
   visibility: hidden;
   display: none;
}

img {
   margin: 0;
   padding: 0;
   border-width: 0;
}

h1, h2, h3, h4, .hdr1, .hdr2, .hdr3, .hdr4 {
   font-weight: normal;
   margin: 1em 0 0.5em 0;
   padding-top:15px;
   clear:left;
}

h2, .hdr2 { 
   font-size: 2.0em;
   color: #fff;
   margin-top: 0;
}

h2.center
{
  font-size:22px;
  text-align:center;
  margin:0px 0px 30px 0px;
}

.center
{
  text-align:center;  
}

h3, .hdr3 { font-size: 1.6em; margin:25px 0px 10px 0px;}
h4, .hdr4 { font-size: 1.4em; }

p {
   margin: 0 0 10px 0;
   padding: 0;
}

ul, ol {
   margin: 0 0 1.2em 3em;
   padding: 0;
}
ul {
   list-style-type: none;
}
li {
   margin: 0 0 5px 0;
   padding: 0;
   line-height:120%;
}
li ul, li ol {
   margin-top: 0.5em;
   margin-bottom: 0;
}


/************************[ Header Styles ]****************************/
#layout {
   background: url("images/main.jpg") no-repeat;
}

p#logotop {
	padding: 0;
	margin: 0;
}
p#logotop a {
   	position: absolute;
   	width: 101px;
   	height: 61px;
   	left: 177px;
   	top: 63px;
}
p#phonetop {
   	position: absolute;
   	width: 300px;
   	height: 40px;
   	left: 0px;
   	top: 202px;
	font-size: 1.4em;
	text-align:right;
}
#header {
   background: url("images/main_right.jpg") top right no-repeat;
   	padding: 0;
}
p#about {
	margin: 70px 0 0px 360px;
	padding: 10px 50px 20px 10px;
	border-top: 1px solid #BCDDED;
	color: #BCDDED;
	clear: both;
}



/*********************[ Menu Styles ]*************************/
ul.topmenu {
	list-style: none;
	padding:  70px 0 0 0;
	margin: 0px 50px 0 330px;
	height: 35px;
	clear: both;
}

ul.topmenu li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 35px;
	line-height: 35px;
	font-size: 1.1em;
	font-weight: bold;
}

ul.topmenu li a, ul.topmenu li a:visited {
	margin: 0 1px 0 0;
	padding: 0 10px;
	float: left;
	height: 35px;
	line-height: 35px;
	color: #fff;
	text-decoration: underline;
}

ul.topmenu li a:hover {
	color: #BCDDED;
	text-decoration: underline;
}

ul.topmenu li a.selected, .topmenu li a.selected:hover {
	color: #274256 !important;
	text-decoration: none;
	font-weight: bold;
	background: #fff;
}

ul.topsubmenu {
	list-style: none;
	padding:  10px 0 0 0;
	margin: 0px 50px 0 330px;
	height: 25px;
	clear: both;
}

ul.topsubmenu li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 25px;
	line-height: 25px;
	font-size: 1em;
	font-weight: normal;
}

ul.topsubmenu li a {
	margin: 0 1px 0 0;
	padding: 0 10px;
	float: left;
	height: 25px;
	line-height: 25px;
	color: #fff;
	text-decoration: underline;
	white-space:nowrap;
}

ul.topsubmenu li a:hover {
	color: #BCDDED;
	text-decoration: underline;
}

ul.topsubmenu li a.selected, .topsubmenu li a.selected:hover {
	color: #274256;
	text-decoration: none;
	font-weight: bold;
	background: #DAEBF1;
}

ul.topsubmenu + p#about {
	margin-top: 30px;
}

/*********************[ Center Column Styles ]*************************/
div#news {
   background: #39617D url("images/bg_news.gif") repeat-x;
   margin: 0px 60px 20px 60px;
   padding: 20px 0px 40px 50px;
}
div#news table td {
	vertical-align: top;
}
div#newspic {
	width: 110px;
	height: 100px;
   background: url("images/left_news.jpg") no-repeat;
   position: absolute;
   left: 0;
}
div#news h2, div#news p.hdr2 {
	color: #39617D;
	font-size: 1.6em;
} 
.date {
	color: #BCDDED;
	margin-bottom: 0;
}
div#news a {
	text-decoration: none;
	color: #fff;
}
div#news a:hover {
	text-decoration: underline;
}
.block {
   margin: 20px 60px 40px 60px;
}
.block p {
   padding: 0;
}
.block h2, .block p.hdr2 {
	padding-top: 20px;
}
.block h2 + h3, .block p.hdr2 + p.hdr3 {
	margin-top: -10px;
}

#main h3, #main p.hdr3 {
	padding: 0 60px;
	margin: 0 0 5px 0;
}
#main p {
	padding: 0 60px;
	margin: 0 0 10px 0;
}

#serv td {
	vertical-align: top;
}
#serv h3, #serv p.hdr3 {
	padding-left: 170px;
	padding-top: 60px;
	border: none;
}
#serv h3 a, #serv p.hdr3 a {
	color: #fff;
}
#serv {
	margin-bottom: 40px;
}
#serv p {
	margin-left: 200px;
	padding-left: 10px;
	border-left: 2px solid #fff;
}
#serv td#light {
   	background: url("images/i_light.jpg") no-repeat;
}
#serv td#proj {
   	background: url("images/i_studio.jpg") no-repeat;
}
#serv td#present {
   	background: url("images/i_present.jpg") no-repeat;
}
#serv td#sound {
   	background: url("images/i_sound.jpg") no-repeat;
}
#serv td#tech {
   	background: url("images/i_tech.jpg") no-repeat;
}
#serv td#stage {
   	background: url("images/i_stage.jpg") no-repeat;
}
#partners {
 	float: left;
}
#partners_img {
	margin: 0 60px 0 220px; 	
}
#partners_img img {
	margin: 0 30px 30px 0; 	
}
#partners h2, #partners p.hdr2 {
	padding: 5px 0 0 60px;
	border-top: 2px solid #BCDDED;
	color: #BCDDED;
}

div.head {
	font-size:16px;
	margin:15px 0px 7px 0px;
}

/*********************[ Footer Styles ]************************/
#footer {
   	clear: both;
   	background: url("images/bg_bot.gif") repeat-x;
	padding: 0;
	margin: 0;
}
#footer_in {
   	background: url("images/bot_right.gif") top right no-repeat;
	padding: 70px 60px 60px 180px;
	color: #BCDDED;
}
#footer_in table td {
	vertical-align: top;
	line-height: 1.5em;
}
#footer p {
	padding: 0;
	margin: 0;
}

/********************[ Contacts List ]*************************/
.contacts {
	float:left;
	width:200px;
	padding:15px 30px 15px 0px;
	text-align:center;
}

.contacts img {
	border:0px #000000 solid;
	width:200px;
}

.contacts div.name {
	font-weight:bold;
	margin:5px 0px 0px 0px;
	font-size:14px;
}

.contacts div.title {
	margin:0px 0px 2px 0px;
	font-size:11px;
	line-height:110%;
}

.contacts div.additional {
	margin:10px 0px 0px 0px;
}


/***********************[ Gallery ]****************************/
.album_item {
	padding: 0px 20px 15px 0px;
	float:left;
}

.album_item div.img {
	width:180px;
}

.album_item div.img img {
	border: 0px solid #000000;
	margin:0px;
}

.img_title {
	font-size:14px;
	font-weight:bold;
	margin:0px 0px 0px 0px;
}

.album_item_full {
}

.album_item_full div.img_desc {
	margin:15px 0px 0px 0px;
}

/***********************[ Price ]******************************/
table.price {
  background:#507087;
  margin:30px auto 30px auto;
  width:90%;
}

table.price td {
  background: #274256;
}

table.price thead td {
  text-align:center;
  font-weight:bold;
  white-space:nowrap;
  background:#37556b
}

td.hdr3 {
  font-weight:1.6em;
  font-weight:normal;
  margin:0px;
  padding: 10px 0px 10px 0px;
  text-align:center;
  background:#21394b !important;
}

/* Form */

div.caption
{
  padding:10px 0 3px 0;
}

div.field input, div.field textarea
{
  width:300px;
  border: 1px #BCDDED solid;
}

div.captchaField input
{
  width:148px;
  margin:5px 0 20px 0;
}

span.red
{
  color:#ff6666;
}

div.warnText
{
  color:#ff6666;  
  text-align:left;
  font-weight:bold;
}