/* 
Welcome to the Q7 world, how are you? 
We are glad to introduce you crazy css file. Enjoy!
*/


/* Build background images */
#background {position:absolute; width:100%; z-index:1; min-width:990px;}
#background_mainpage {position:absolute; width:100%; z-index:1; min-width:990px;}

img.background{min-width:990px;}


/* General css */
html,body {height:100%;  color:#FFFFFF; font: 16px Arial, Helvetica, sans-serif; line-height:22px;margin:0;padding:0; }
body {background-color:#00141F; }
a img {border:0px;}
a {cursor: pointer;}
a:active{ color:#3798C6; text-decoration:underline;}
a:visited{color:#3798C6; text-decoration:underline;}
a:link{ color:#3798C6; text-decoration:underline;}
a:hover  {color:#ffffff; text-decoration:underline;}

#main{min-height:100%; height:100%; width:100%; min-width:990px; position:absolute; z-index:1;}
#mainpadder {min-height:100%; height:100%; padding-left:4%; padding-right:4%; position: relative; z-index:2;}
#content_container {width:97%; padding-left:2%; min-height:500px; height:500px; height:auto; display:inline-block; position:relative; padding-bottom:100px; z-index:7;}


#mainpage_works_box {position: absolute; width:44%; max-width:600px; top:420px; left:4%;  z-index:4; }
#studio_text_box {position:absolute; margin-top:340px; margin-left:370px; width:270px; height:400px;  }
#glass {width:70%; position:absolute; top:80px; left:30%; float:right; overflow:hidden;}
#stopglasses { width:100%; min-width:990px;  position:absolute;   top:0px;z-index:3;}


#leftcontent {width:60%; float:left;}  
#rightcontent {width:33%; float:right;}
#rightcontent .description {margin-top:0px; font-style:italic; display: inline-block; font-size:15px;}

#leftcontent2 {width:67%; float:left; margin-left: -1px;}  /* uses for portfolio sites pages */
#rightcontent2 {width:33%; float:right;}

#leftcontent3 {width:78%;  float:left; margin-left: -1px;}  /*uses for  portfolio description pages*/
#rightcontent3 {width:19%; float:right;}

#content_only {width:100%; float:left; margin-left: -1px;}
#content_only .alfabg_43percent {padding:30px; background-image: url(/i/alfa_px_43percent.png); background-repeat:repeat;}
#content_only .alfabg_83percent {padding:30px; background-image: url(/i/alfa_px_83percent.png); background-repeat:repeat;}

.description {font-style:italic; display: inline-block; font-size:15px;}

.title {color:#FFFFFF; font: 27px Arial, Helvetica, sans-serif; line-height:31px;}
.title20px {color:#FFFFFF; font: 20px Arial, Helvetica, sans-serif; line-height:24px; margin-bottom:12px; display:block;}
.title27px {color:#FFFFFF; font: 27px Arial, Helvetica, sans-serif; line-height:33px; margin-bottom:24px; display:block;}
.link20px{font-size:20px; line-height:25px; display:block;}
.link27px{font-size:27px; line-height:29px;}


.oblako {background-repeat:no-repeat; width:150px; height:150px; margin-bottom:10px;}
.oblako_mainpage {background-repeat:no-repeat; width:150px; height:200px; margin-bottom:10px;}

#shadow { width:131px; height:34px; background-image:url(/i/shadow.png); behavior: url(/png_fix/pngfix.htc); background-repeat:no-repeat; margin-left:10px;}

#work_screen{margin-top:20px; text-align:center;}
#work_screen .siteadress {position:relative;  color:#333333; margin-top:-16px;  height:16px;  font-size:9px;  line-height:12px;  margin-left: -430px;}

#work_description { padding:15px; background-image: url(/i/alfa_px_43percent.png); background-repeat:repeat;}

.workers {margin-top:50px; display: inline-block; font-size:14px;}

#logos_container {padding:10px; background-repeat:repeat;}

#game {position:absolute;  margin-left:175px; width:40%; height:194px; z-index:100; max-width:600px;}

#more {display:inline-block; padding:2px 5px 2px 5px; margin-top:-15px; font-size:14px; display:none!important;}
#more_active {display:inline-block; padding:2px 5px 2px 5px; margin-top:-15px; background-color:#B323B8; font-size:14px; display:none!important;}

#left_arrow {position:absolute; margin-top:-15px; margin-left:-23px;}
#right_arrow {position:absolute; margin-top:-15px; margin-left:15px;}

#idea {position:absolute; left:50%; z-index:2000;}


/* Header */
#header_mainpage {width:100%; height:420px;}
#header_mainpage .title_words {position:absolute; width:408px; height:62px; top:94px;}


#header {width:100%; height:200px;}
#header .logo {position:absolute; width:107px; height:77px;}
#header .title_words {position:absolute; width:408px; height:62px; top:94px;}

#menu_block {position:absolute; float:right; width:92%;}

.menu {float:right; width:100%;   padding-top:70px; font-size:27px; line-height:37px; display:block; margin:0; padding:50px 0px 0px 0px; list-style-type: none;}
.menu li {font-size: 27px; float:right; margin-left:2%;}
.menu li a:link {color:#3798C6;}
.menu li a:visited {color:#3798C6;}
.menu li a:active {color:#3798C6;}
.menu li a:hover {color:#ffffff;}
.menu li.off {color:#ffffff;}

.menu li.grey  a:link{ color:#cccccc;}
.menu li.grey  a:visited{ color:#cccccc;}
.menu  li.grey  a:active{ color:#cccccc;}
.menu  li.grey a:hover{color:#ffffff;}

#tel{ color:#FFFFFF; text-align:right;  width:100%; font-size:27px; line-height:27px; display: inline-block; padding-top:25px;}
#tel span {font-size:18px; color:#79666D;}


/* Submenu block */
.submenu_grey {font-size:24px; line-height:37px;}
a.submenu_grey:link{color:#cccccc;}
a.submenu_grey:visited{ color:#cccccc;}
a.submenu_grey:active{color:#cccccc;}
a.submenu_grey:hover{color:#ffffff;}

.submenu {font-size:24px; line-height:37px;}
.submenu_active{font-size:24px; line-height:37px;}
 
#sub_razdel {margin-bottom:35px; margin-right:5%;}
#sub_razdel .top {border-top:1px #108EA9  solid  ; text-align:center; vertical-align:top;}
#sub_razdel .left {border-left:1px #108EA9 solid;}
#sub_razdel .right {border-right:1px #108EA9 solid;}
#sub_razdel .bot {border-bottom:1px #108EA9 solid; text-align:center; vertical-align:bottom;}
#sub_razdel img.liner_top {margin-top:-1px; position:relative;}
#sub_razdel img.liner_bot {margin-bottom:-1px; position:relative;}


/* Internet advertise page*/
#shit {position:absolute; top:330px; z-index:21; min-width:1000px; width:100%;  height:690px; background-image:url(/i/shit_top.gif); background-position: center 0px; background-repeat:no-repeat;}
#shit_bottom {position:absolute; min-width:1000px; top:330px; z-index:20; width:100%; height:690px; background-image:url(/i/shit_bot.jpg); background-position: center 398px; background-repeat:no-repeat;}
#shit .title {color:#000000; font: 20px Arial, Helvetica, sans-serif; line-height:24px; margin-bottom:25px; clear:right; font-style:italic; display:block;}
#reklama_box {float:left; width:33%; color:#000000; font-size:14px; line-height:20px; margin-top:31px;}
#reklama_box .padder {padding-left:40px;}


/* Ul`s and Li`s*/
#works {width:100%;  padding-left:30px;  margin-left:-1px; list-style-type: none; line-height:19px;}
#works li {float:left; height:255px; width:150px; margin-right:30px; margin-left:40px; text-align:center;}

#works_mainpage {width:100%; margin:0px; padding:0px; padding-left:60px; margin-left:-1px; list-style-type: none; line-height:19px; padding-top:30px;}
#works_mainpage li {float:left; height:255px; width:150px; margin-right:15%; margin-left:0px; text-align:center;}

#logos { width:100%; padding:0px; margin-left:-1px; list-style-type: none; line-height:19px; display:inline-block;}
#logos li { float:left; width:50%;   text-align:center; margin-left:-1px; padding-bottom:20px;}
#logos .description { padding-left:10%; padding-right:10%; text-align:left; font-size:14px; font-style:normal; display:none;}

#klient_logos {width:100%; float:left; padding-left:34px; margin-left:-1px; list-style-type: none; line-height:19px; margin-top:20px; margin-right:0px; font-size:13px;}
#klient_logos li {float:left; height:240px; width:150px; margin-right:3%; margin-left:2.7%; text-align:center;}
#klient_logos .logo {width:150px; height:150px; margin-bottom:5px;}

#workers_list { margin:0;  padding:0px; float:left; width:100%; }
#workers_list li{ padding-bottom:17px; list-style-type: none;}
#workers_list li b{ font-style: italic; line-height:17px;}


/* Right big images*/
#creative_homes {height:419px; width:36.4%; overflow:hidden; display:inline-block;}
#creative_homes .inner {position:absolute; overflow:hidden; height:419px;  width:36.4%; left:69%; margin:-1px; padding:0px; background:url(/i/homs.png); background-repeat:no-repeat;
 }
#creative_logos {padding-top:40px; text-align:center;}
#creative_logos .description {display:inline-block; text-align:left;  margin-top:-50px; font-size:13px; font-style:italic; line-height:17px; }
 

/* Footer*/
#bottom_light {margin-top:-317px; position:absolute; width:110%; overflow:hidden; margin-left:-14.1%; background:url(/i/bottombg.png); background-repeat:no-repeat; z-index:2;  min-height:317px;}

#bottom_light2 {margin-top:-317px; position:absolute; width:110%; overflow:hidden; margin-left:-14.1%; background:url(/i/bottombg2.png); background-repeat:no-repeat; z-index:2;  min-height:317px;}


#tel_mainpage{ color:#FFFFFF;   width:100%; font-size:27px; line-height:27px; display: inline-block; padding-top:25px;}
#tel_mainpage  .tel {font-size:18px; color:#79666D;}
#tel_mainpage  .copy {font-size:12px; color:#999999;}



/******************
 ie6 must die (fix) 
 ******************/
*html {overflow-x:hidden;}
*html #background .visible_ie6 {display:none;}
*html #background_mainpage .visible_ie6 {display:none;}
*html #background {position:absolute; width:100%; z-index:1; behavior: url(/png_fix/scale.htc); height:727px; background:url(/i/bg2.png); width:expression((document.documentElement.clientWidth||document.body.clientWidth)<990?'990px':'100%');}
*html #background_mainpage {position:absolute; width:100%; z-index:1; behavior: url(/png_fix/scale.htc); height:727px; background:url(/i/bgmain.png); width:expression((document.documentElement.clientWidth||document.body.clientWidth)<990?'990px':'100%');}
*html body mainpage { background-color:#000000;}
*html img.background{width:expression((document.documentElement.clientWidth||document.body.clientWidth)<990?'990px':'100%');} 
*html img {behavior: url(/png_fix/pngfix.htc);}
*html #main {height:100%; width:expression((document.documentElement.clientWidth||document.body.clientWidth)<990?'990px':'auto');}

*html #mainpage_works_box {width:450px; }

*html #glass {width:75%; left:25%; margin-left:6%;}
*html #stopglasses {width:expression((document.documentElement.clientWidth||document.body.clientWidth)<990?'990px':'100%');}
*html .oblako {behavior: url(/png_fix/pngfix.htc);}
*html .oblako_mainpage {behavior: url(/png_fix/pngfix.htc);}

*html #works li {float:left; height:255px; width:150px; margin-right:30px; margin-left:31px; text-align:center; }
*html #klient_logos li {margin-right:3%; margin-left:2.3%;}

*html #menu_block {position:absolute; float:right; width:100%;}
*html #creative_homes {width:106%;}
*html #creative_homes .inner {margin-left:1.4%; width:106%; behavior: url(/png_fix/pngfix.htc);}


*html #leftcontent2 {width:60%; float:left; margin-left:-1px; position:relative; display:block; }
*html #rightcontent2 { width:31.1%; float:right; position:relative; display:block;}
*html #leftcontent3 {width:78%;  float:left; position:relative;   margin-left:-1px;  display: inline-block;  }
*html #rightcontent3 {width:16%; float:right;  }

*html #content_only {width: 95%; float:left; }
*html #content_only .alfabg_43percent {behavior: url(/png_fix/scale.htc); width:100%;}
*html #content_only .alfabg_83percent {behavior: url(/png_fix/scale.htc); width:100%;}
*html #content_only_nobottompad {width: 95%;}
*html #content_only_nobottompad .alfabg_43percent {behavior: url(/png_fix/scale.htc); width:100%;}

*html #logos_container {behavior: url(/png_fix/scale.htc); width:95%;}
*html #game {position:absolute  margin-left:175px; width:45%; height:194px; z-index:100;}
*html #klient_logos {width:102%;}


*html #left_arrow {margin-top:-11px; }
*html #right_arrow {margin-top:-11px; }

*html #idea { display:none;}
*html #work_description {padding:13px; behavior: url(/png_fix/scale.htc);  width:100%;}

*html #bottom_light  {behavior: url(/png_fix/pngfix.htc); margin-top:-317px; position:absolute; width:133%; left:-9%;  overflow:hidden;  z-index:2; height:317px;}

*html #bottom_light2  {behavior: url(/png_fix/pngfix.htc); margin-top:-317px; position:absolute; width:133%; left:-9%;  overflow:hidden;  z-index:2; height:317px;}