/*
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- GENERAL CLASSES -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */
* {margin: 0; padding: 0;}
html {height: 100%;}
body {height: 100%; background: #333333 url(./images/background/body_top.gif) top left repeat-x !important; color: #FFFFFF; font-family: Helvetica, Arial, sans-serif; font-size: 80%; line-height: 1.4em;}
#content { min-height: 1000px;
	}
*html #content{
	height:1000px;
}
a{color: #40bfff;}
img{border: none;}
h1{}
h2{}
p{}
ul{list-style: none;}
.clear{clear:both; font-size:1px; line-height:0px;}

/*
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- CONTAINERS CLASSES -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */
#page{height: 100%; width: expression((documentElement.clientWidth||document.body.clientWidth)<995?'995px':''); min-width: 995px;}
#wrapper{min-height: 100%; background: url(./images/background/body_bottom.gif) bottom left repeat-x;}
* html #wrapper{height: 100%;}
#content{padding-bottom: 230px;}
#header{height: 90px; position: relative; padding: 10px; padding-bottom: 0px;}
#left_collumn{float:left; width:15em; background: #aa33cc;}
#right_collumn{float:right;width:10em; background: #ffcc00;}
#wrap1{float:right;width:100%;margin-left:-15em;}
#wrap2{margin-left:15em;}
#wrap3{width:100%;}
#wrap4{float:left;width:100%;margin-right:-10em;}
#center_collumn{margin-right:10em; background: #ff3300;}
#footer { position: relative; height: 150px; margin-top: -150px; font-size: 100%;}

/*
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- HEADER -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */
#header .news_container{background: url(./images/background/header_container.gif) top center repeat-y !important;}
#header .news_container .gradient{height: 90px; overflow: hidden; background: url(./images/background/header_container_gradient.gif) top center repeat-y !important; padding-left: 30px; padding-right: 30px;}
#header .news_container ul{padding-top: 22px;}
#header .news_container ul li{width: 25%; float: left; font-size: 90%; /*font-family: Helios;*/ line-height: 1.3em; letter-spacing: normal;}
#header .news_container ul li div{width: 185px; margin: 0px auto;}
#header .news_container ul .first *{color: #ffffff;}
#header .news_container ul .second *{color: #cccccc;}
#header .news_container ul .third *{color: #999999;}
#header .news_container ul .fourth *{color: #666666;}

/*
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- MAIN MENU -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */
#main_menu{height: 160px; position: relative; margin: 0px 30px;}
#main_menu .logo{position: absolute; top: 84px; left: 5%;}
#main_menu a{color: #40bfff; font-size: 120%; /*font-family: Helios;*/ line-height: 16px; font-weight: bold;}

#main_menu .company_about{font-weight: normal;position: absolute; top: 70px; left: 5%; margin-left: 55px; font-size: 100%;}
#main_menu .company_about_sel {font-weight: normal;position: absolute; top: 70px; left: 5%; margin-left: 55px; font-size: 100%; color: #406b80;}

#main_menu .sites{position: absolute; top: 55px; left: 22.5%;}
#main_menu .sites_sel{position: absolute; top: 55px; left: 22.5%; color: #406b80;}

#main_menu .polygraphia{position: absolute; top: 92px; left: 32%;}
#main_menu .polygraphia_sel{position: absolute; top: 92px; left: 32%; color: #406b80;}

#main_menu .fstyle{position: absolute; top: 36px; left: 43%;}
#main_menu .fstyle_sel{position: absolute; top: 36px; left: 43%; color: #406b80;}

#main_menu .reklama{position: absolute; top: 66px; left: 62%;}
#main_menu .reklama_sel{position: absolute; top: 66px; left: 62%; color: #406b80;}

#main_menu .visualisztion{position: absolute; top: 111px; left: 77%;}
#main_menu .visualisztion_sel{position: absolute; top: 111px; left: 77%; color: #406b80;}

#main_menu .outside{position: absolute; top: 66px; right: 77px; color: #40FFFF;}
#main_menu .outside_sel{position: absolute; top: 66px; right: 77px; color: #406b80;}

#main_menu .current{color: #FFFFFF;}

/*
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- PROJECT DETAIL -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */
.project_detail{position: relative; width: 734px; height: 734px; margin: 0px auto;}
.shadow_600{width: 734px; height: 734px; background: url(./images/shadow_600x600.png);
-background-image: none;
-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=./images/shadow_600x600.png,sizingMethod='scale');}
.shadow_600 .img_600{position: absolute; top: 57px; left: 57px; width: 600px; height: 600px;}
.project_detail .description{position: absolute; top: 30px; left: 57px; color: #ffffff; font-size: 100%; /*font-family: Helios;*/}
.project_detail .prew{text-decoration: underline; cursor:pointer; font-size: 93%; /*font-family: Helios;*/ background: url(./images/prew_arrow.gif) left 2px no-repeat !important; padding-left: 44px; position: absolute; top: 344px; left: -130px; line-height: 13px;}
.project_detail .next{text-decoration: underline; cursor:pointer; font-size: 12px; /*font-family: Helios;*/ background: url(./images/next_arrow.gif) right 2px no-repeat !important; padding-right: 44px; position: absolute; top: 344px; left: 682px; white-space: nowrap; line-height: 100%;}

/*
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- PORTFOLIO -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */
#portfolio{}
#portfolio .text_block{width: 600px; margin: 0px auto; padding-top: 38px;}
#portfolio .text_block h1{color: #FFF; font-size: 250%; font-weight: normal; line-height: 25px; padding-bottom: 12px; position: relative; float: left;}
#portfolio .text_block a{color: #ff2b00; font-size: 45%; /*font-family: Helios;*/ position: absolute; top: -17px; right: -65px;}
#portfolio .text_block p{color: #FFF; font-size: 100%;line-height: 1.4em; /*font-family: Helios;*/}

.portfolio_list{margin-left:50px; margin-top: 40px;}
.portfolio_list .porfolio_item{width: 300px; min-height: 300px; float: left;}
* html .portfolio_list .porfolio_item{width: 300px; height: 300px;}
.portfolio_list .porfolio_item .container{width: 242px; position: relative; margin: 0px auto;}
.portfolio_list .porfolio_item .shadow_box{width: 200px; height: 200px; padding: 21px; background: url(./images/shadow_242x242.png); 
/*-background-image: none;
-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=./images/shadow_242x242.png,sizingMethod='scale');*/}
.portfolio_list .porfolio_item p{width: 200px; margin: 0px auto; color: #ffffff; font-size: 100%;}

#site_order{padding-top: 40px; width: 600px; margin: 0px auto;}
#site_order .text_block{width: 600px; margin: 0px auto;}
#site_order .text_block h1{color: #FFF; font-size: 250%; font-weight: normal; line-height: 25px; padding-bottom: 12px; position: relative; float: left; padding-bottom: 37px;}
#site_order .text_block a.hdr{color: #ff2b00; font-size: 45%; /*font-family: Helios;*/ position: absolute; top: -10px; right: -18px;}
#site_order .text_block a{color: #40bfff;}
#site_order .text_block p{color: #FFF; font-size: 100%; /*font-family: Helios;*/ line-height: 1.4em; padding: 8px 0px;}
#site_order .text_block p span{color: #ff9900;}

#order_form{font-style: italic; padding-top: 30px;}
#order_form table{width: 100%;}
#order_form td{white-space: nowrap;}
#order_form .other{width: 30px; padding-left: 20px; padding-right: 6px;}
#order_form .textfield{border: none; height: 19px; width: 100%; background: #FFF; border-top: solid 1px #6b6b6b;}
#order_form textarea{border: none; height: 99px; width: 100%; background: #FFF; border-top: solid 1px #6b6b6b;}
#order_form .micro_options{width: 135px;}
#order_form .micro_options td{padding: 2px 0px; height: 12px; vertical-align: bottom;}
/*#order_form .micro_options td.cb{padding-top: 1px;}*/
#order_form .label{padding-bottom: 8px;}
#order_form .inpbox{padding-bottom: 26px;}

.content_block{width: 600px; margin: 0px auto; padding-bottom: 60px;}
.content_block .header{padding-top: 40px;}
.content_block .header h1{color: #FFF; font-size: 250%; font-weight: normal; line-height: 25px; padding-bottom: 12px; position: relative; float: left; padding-bottom: 37px;}
.content_block p{color: #FFF; font-size: 100%; line-height: 1.4em; padding: 8px 0px;}

#contact_photos{width: 600px; margin-top: 40px;}
#contact_photos td{width: 50%; text-align: right; vertical-align:top;}

.project_info{width: 600px; margin: 0px auto; padding-bottom: 60px;}
.project_info .header{padding-top: 40px;}
.project_info .header h1{color: #FFF; font-size: 190%; font-weight: normal; line-height: 25px; padding-bottom: 12px; padding-bottom: 37px; position: relative; float: left;}
.project_info .header h1 span{position: absolute; top: -13px; right: -100px; width: 100px; color: #999999; font-size: 45%;}
.project_info p{color: #FFF; font-size: 100%; line-height: 1.4em; padding: 2px 0px; font-family: Helvetica, Arial, sans-serif;}
#.project_info .project_link p{margin-top: -24px; padding-bottom: 16px; float: left;}
.project_link p{margin-top: -24px; padding-bottom: 16px; float: left;}

.project_info ul{padding-top: 40px;}
.project_info ul li{padding-bottom: 32px;}
.project_info ul li img{margin-bottom: 12px;}
.project_info ul li p{font-style: italic; margin-bottom: 12px;color: #cccccc;}

/*
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- FOOTER -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */
.copyright{position: absolute; top: 30px; left: 7.3%;}
.make_order{width: 130px; margin: 0px auto; padding-top: 25px; text-align: center; margin-top: -2px;}
.make_order .now{padding-top: 36px; background: url(./images/m.gif) top center no-repeat !important; padding-bottom: 20px;}
.make_order .now a{color: #ff2b00; font-size: 14px;font-weight: bold; /*font-family: Helios;*/}
.any_kapriz{position: absolute; top: 27px; right: 4.5%; padding-top: 0px; font-size: 13px;}
.any_kapriz2{position: absolute; top: 30px; right: 3%; background: url(./images/any_kapriz.gif) top center no-repeat; padding-top: 34px;}
.any_kapriz3{position: absolute; top: 30px; right: 3%; padding-top: 8px;}