html, body {
	height: 100%;
	min-height: 100%;
	margin: 0px;
	padding: 0px;
}

body {
    background: url(../images/bg.jpg) top left repeat;
    cursor: url(normal_select.cur), url(css/normal_select.cur), default;
}

.clr {
	clear: both !important;
	height: 0px !important;
	width: 1px !important;
	line-height: 0px !important;
	font-size: 0px !important;
	padding: 0 !important;
	margin: 0 !important;
	float: none !important;
}

body, input, textarea, select, button, p, div, a {
	font-family: Helvetica, Arial, Verdana, Georgia, sans-serif;
	color: #585858;
	font-size: 11px;
}

input, textarea, button {
	vertical-align:middle;
}

img, div { behavior: url(css/iepngfix.htc) }

/* @URLE */

a,a:active {
	text-decoration: none;
}

 a:hover{
	text-decoration:none;
}

a:link {;}

a:visited {
	color: #FFFFFF; ;
	}

/* @WRAPPERY CONTENERY INNE SZMERY BAJERY */

div#site_area {
	width:100%;
	height:100%;
	text-align:left;
	z-index: 20;
}

div#site_content_wrapper {

	padding:0px;
	margin: 0 auto;
	min-height:100%;
	height: auto;
}

* html div#site_content_wrapper {
	height:100%;
	position: relative;
}

/* @HEADER */
#header-container {
	height: 108px; 
	width: 100%;
	position: fixed;
	top:0;
	z-index: 9999; 
}

* html #header-container {
    position: absolute;
}

#header-container #header {
	height: 36px;
	background-color: #fff;
	padding-left: 214px;	
}

#header IMG {
	display: block;
}


#logo {
    padding: 0px 0 2px 2px;
    width: 212px;
    height: 70px;
    background-color: #fff;
  
}

#logo a {
    display: block;
    width: 212px;
    height: 39px;
}

#header UL#mainMenu {
    list-style: none;
    height: 37px;
    padding-top: 0px;
    width: 800px;
    font-weight: bold;
}

UL#mainMenu li {
    float: left;
    width: 107px;
}


UL#mainMenu li a {
    display: block;
    color: #707070;
    font-size: 10px;
    width: 90px;
    padding-left: 17px;
    line-height: 37px;
    font-weight: normal;
}

* html UL#mainMenu li a {
    line-height: 37px;
}

UL#mainMenu li a:hover, Ul#mainMenu li a.hver {
    color: #fff;
    background-color: #414141;
        font-weight: bold;
}

UL#mainMenu li ul {
    background: url(../images/bgdropdown.jpg) left top repeat;
    overflow: hidden;
}

* html UL#mainMenu li ul {
    padding-bottom: 0;
    padding-top: 0;
}

UL#mainMenu li ul li {
  clear: both;
  overflow: hidden;
}

UL#mainMenu li ul li a {
    padding-left: 0;
    width: 214px;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 14px;

}

UL#mainMenu li ul li.first a {
    padding-top: 15px;
}

UL#mainMenu li ul li.last a {
    padding-bottom: 15px;
}

UL#mainMenu li ul li a span {
    display: block;
    padding-left: 63px;
    color: #7F7F7F;
    cursor: hand;
}

UL#mainMenu li ul li a span.new {
   background: url(../images/new.gif) right top no-repeat;
   margin-right: 5px;
}

UL#mainMenu li ul li a img {
    display: none;
}

UL#mainMenu li ul li a:hover {
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
    height: 46px;
    line-height: 46px;
    background: #f00;
}

UL#mainMenu li ul li a:hover img {
    float: left;
    display: block;
}

UL#mainMenu li ul li a:hover span {
    float: left;
    padding-left: 12px;
    color: #fff;
    width: 144px;
}

UL#mainMenu li ul li a:hover span.new {
    background: url(../images/new.gif) right 17px no-repeat;
}

/* @CONTENT */
#body-container {
	overflow: hidden;
	padding-bottom: 37px;
	/*border-bottom: solid 4px yellow;*/
	padding-top: 216px; /* old without position fixing was 120px, now + 108 */
	padding-left: 107px; /* old was 46px */
}

#langSelect {
    position: absolute;
    bottom: 54px;
    left: 72px;
}

#langSelect ul {
    list-style: none;
    overflow: hidden;
    height: 35px;
}

#langSelect ul li {
    float: left;
    height: 34px;
    width: 34px;
     font-weight: bold;
    font-size: 09px;

}

#langSelect ul li.sec {
    margin-left: 1px;
    width: 35px;
}

#langSelect ul li a {
    display: block;
    color: #989898;
    background: #fff;
    text-align: center;
    height: 34px;
    line-height: 33px;
    font-weight: bold;
    font-size: 09px;
}

#langSelect ul li span {
    display: block;
    color: #fff;
    background: #ED1C2F;
    text-align: center;
    height: 34px;
    line-height: 33px;
    font-weight: bold;
}

#langSelect ul li a:hover {
    color: #fff;
    background: #ED1C2F;
        font-weight: bold;
    font-size: 09px;
}


.smallerLeft {
    padding-left: 19px !important;
}

.smallLeft {
    padding-left: 53px !important;
}

.marginLeftGiver {
    padding-left: 19px;
}

.marginTopGiver {
    padding-top: 44px;
    padding-left: 19px;
}

/* @CONTENT - ELEMENTS */

#body-container #mainColumn {
    width: 300px;
    float: left;
}

#body-container div.flashFrame {
	float: left;
}

.design #prevNext, .design2 #prevNext {
	overflow: hidden;
	display: block;
	height: 16px;
}   

.design #prevNext a, .design2 #prevNext a  {
	display: block;
	float: left;
}

.design #prevNext img, .design2 #prevNext a  {
	display: block;
	width: 45px;
	height: 16px;
}

#body-container h1 {
    color: #4e4e4e;
    font-size: 26px;
    padding: 1px 1px 1px 1px;
    margin: 0;
    line-height: 32px;
    display: inline;
    font-family: 'Helvetica Neue', Helvetica, Arial !important;
    font-weight: bold;
}

#setProject {
;
}

#setProject img {
	position: absolute;
	 cursor: url(link_open.cur), url(css/link_open.cur), default;
}

#site_content #body-container div.design {
	width: 381px;
	z-index: 998;
	float: none !important;
	top:216px;
}

* html #site_content #body-container div.design {
	position: absolute;
}



#site_content #body-container div.design2 {
	width: 300px;
    overflow: hidden;
	padding-top: 0px;
	padding-bottom: 15px;
}

#site_content #body-container div.design2 h1 {
    clear: both;
}

#body-container ul.latestWork {
    list-style: none;
    margin-top: 10px;
}

#body-container ul.latestWork li {
    padding: 0 0 0 1px;
    margin: 0;
    overflow: hidden;
    height: 17px;
}

#body-container ul.latestWork li a {
    font-weight: bold;
    font-size: 11px;
    color: #535353;
    background: #fff;
    padding: 2px 2px;
    line-height: 16px;
    margin: 0;
}

#body-container ul.latestWork li a:hover {
    color: #F1F1EF;
    background-color: #ED0707;
}

#body-container #one  {
    width: 214px;
    float: left;
}

#body-container #two  {
    width: 195px;
    float: left;
}

#body-container #three {
    width: 342px;
    float: left;
    overflow: hidden;
}


#body-container .text {
    padding-left: 2px;
    padding-right: 20px;
    padding-top: 27px;
    font-size: 11px;
    line-height: 16px;
    color: #535353;
    margin: 0;
}

#body-container #one .text, #body-container #two .text {
    padding-top: 42px; 
}


#body-container .text p {
    font-size: 11px;
    line-height: 16px;
    color: #535353;
    margin: 0;
    padding-bottom: 10px;
}

.text a {
    font-weight: bold;
    font-size: 11px;
    color: #535353;
    background: #fff;
    padding: 0px 2px ;
    line-height: 11px;
    margin: 0;
}

.text a:hover {
    color: #FFFFFF;
    background-color: #ED0707;
}

html .text a.nobg {
	background: none;
}

#one .text a {
	background: none;
}

#one .text a:hover {
	background: none;
}

#body-container div.design .text, #body-container div.design .text p {
	font-size: 11px;
	color: #535353;
}

#body-container div.design .text {
	padding-top: 15px;
}

#body-container div.design2 .text, #body-container div.design2 .text p {
	font-size: 11px;
	color: #eaebe6;
}

#body-container div.design2 .text {
	padding-top: 15px;
}

.weTrust {
    list-style: none;
}

.weTrust li {
    padding-bottom: 10px;
}

.weTrust li span {
    display: block;
    padding-bottom: 0px;
}

.weWork {
    list-style: none;
}

.weWork li {
    float: left;
    width: 106px;
    height: 106px;
    padding-bottom: 1px;
    padding-right: 1px;
}

.weWork li img {
    display: block;
    width: 106px;
    height: 106px;
}

.oneItemList {
    float :left;
}


.oneItemList ul {
    list-style: none;
    width: 52px;
    overflow: hidden;
}

.oneItemList ul li {
    padding-bottom: 1px;
    background: #B3B3B3;
    width: 53px;
    float: left;
}

.oneItemList ul li a {
    display: block;
    background-color: #f62227;
    width: 53px;
    height: 53px;
}

.oneItemList ul li a.hoverEffect img {
    filter:alpha(opacity=0);
    -moz-opacity:0.0;
    opacity:0.0;
}

.oneItemList ul li img {
    display: block;
    width: 53px;
    height: 53px;
}

.twoItemContainer {
    float: left;
    padding-left: 55px;
    /*padding-top: 30px;*/
    display: none;
}

.twoItemContainer .imgLook { 
    float: left;
}

.twoItemContainer .txtLook { 
    float: left;
    width: 470px;
    padding-left: 55px;
}

.txtLook .dateLook {
    font-size: 12px;
    font-weight: bold;
    color: #535353;
    padding-top: 18px;
    padding-left: 1px;
}

#body-container div.twoItemContainer div.txtLook div.text {
    font-size: 10px;
    padding-top: 10px;
}

#body-container div.twoItemContainer div.txtLook div.text p {
    font-size: 10px;
}