/* **************************************************************** */
/* ************************* style globalne *********************** */
/* **************************************************************** */
body
{
		font-family: "Arial";
		font-size: 11px;
		color: #333333;
		padding: 0px;
		margin: 0px;
}
h1, h2, h3, h4, h5, h6 { font-weight: normal; padding: 0px; margin: 0px 0px 15px 0px; }
h1 { font-size: 11px; color: #666666; margin:0 0 1px 0; }
h2 { font-size: 18px; color: #BB0073; }
h3 { font-size: 16px; color: #5E6BEC; }
textarea { font-family: "Arial"; font-size: 11px;	color: #333333; }
input { font-family: "Arial"; font-size: 11px;	color: #333333; }

/* **************************************************************** */
/* ************************* class globalne *********************** */
/* **************************************************************** */
.Text { line-height: 18px; }
.columnLeft { clear: right; float: left; width: 48%; }
.columnRight { clear: right; float: right; width: 48%; }
.borderNone { border: none !important; }
.borderRightNone { border-right: none !important; }
.borderBottomNone { border-bottom: none !important; }
.valid-ok { color: #333333 !important; }
.separathor { display: block; clear: both; height: 1px; background-color: #E9E9E9; margin: 5px 0px 5px 0px; }
.scaling { color: #999999; text-align: center; }

.Text a { color: #CCCCCC; }
.Text a span { color: #5E6BEC; }
.Text a strong { color: #DF5690; }
a.back { float: left; background: url("../gfx/arrow.jpg") no-repeat 0px 50%; color: #5E6BEC; text-decoration: none; padding: 0px 0px 0px 8px; }


/* **************************************************************** */
/* ************************* style layout ************************* */
/* **************************************************************** */
div#Topline { position: absolute; float: left; top: 290px; height: 1px; width: 20%; background-color: #E9E9E9; }
div#Botline { position: relative; float: right; height: 1px; width: 50%; background-color: #E9E9E9; margin-top: -11px; }
div#Mainline { height: 13px; background: url("../gfx/Mainline.png") no-repeat bottom; }
div#Footline { height: 7px; background: url("../gfx/Footline.png") no-repeat top; }
div#Leftline { position: absolute; height: 10px; width: 1px; background-color: #E9E9E9; margin: -10px 0px 0px 272px; }
div#sectionContent { position: relative; overflow: hidden; width: 970px; margin: 10px auto 10px auto; }
div#sectionHeader { overflow: hidden; height: 90px; padding: 20px; }
div#sectionBanner { height: 330px; background: url("../gfx/bckgrBanner.png") no-repeat bottom; }
div#sectionMain { overflow: hidden; border-right: 1px solid #E9E9E9; padding: 0px 40px 30px 30px; }
div#sectionLeft { float: left; width: 273px; padding: 0px 0px 0px 0px; }
div#sectionRight { float: right; width: 580px; padding: 30px 0px 0px 0px; }
div#sectionFooter { overflow: hidden; border-left: 1px solid #E9E9E9; padding: 15px 20px 15px 20px; }

div#sectionLeft div.Main { overflow: hidden; border-right: 1px solid #E9E9E9; padding: 30px 20px 20px 0px; }
div#sectionLeft div.End { display: block; height: 7px; background: url("../gfx/Leftline.png") top right; }

div#sectionPage h1 { margin-top: 20px; }
div#sectionPage div.columnLeft { width: 45%; }
div#sectionPage div.columnRight { width: 45%; } 
div#sectionRight div#sectionPage h1 { margin-top: 0px !important; }

div#Error-Page h1 { margin-top: 20px; }


/* **************************************************************** */
/* ************************* style header ************************* */
/* **************************************************************** */
a#Logotype { position: absolute; display: block; color: #FFFFFF; margin: 10px 0px 0px 75px; }
div#Address { float: right; color: #999999; margin-top: 10px; }
div#Address a { color: #CCCCCC; }
div#Address a span { color: #5E6BEC; }

/* **************************************************************** */
/* ************************* style menu ************************* */
/* **************************************************************** */
div#sectionMenu { overflow: hidden; float: left; margin: 5px 0px 0px 300px; }
div#sectionMenu a { display: block; float: left; height: 78px; background-image: url("../gfx/menu-sprite.png"); background-repeat: no-repeat; color: #FFFFFF; margin: 0px 10px 0px 18px; }
div#sectionMenu a span { display: none; }
div#sectionMenu a.item1 { width: 81px; background-position: 0px 0px; }
div#sectionMenu a.item2 { width: 104px; background-position: -81px 0px; }
div#sectionMenu a.item3 { width: 113px; background-position: -185px 0px; }
div#sectionMenu a.item4 { width: 100px; background-position: -298px 0px; }
div#sectionMenu a.item5 { width: 92px; background-position: -398px 0px; }

div#SubMenu, div#ParentMenu { padding: 0px 0px 0px 20px; }
div#SubMenu a, div#ParentMenu a { display: block; border-bottom: 1px solid #E9E9E9; color: #666666; text-decoration: none;  padding: 10px 0px 10px 0px; }
div#SubMenu a:hover { color: #DF5690; }
div#ParentMenu a:hover { color: #5E6BEC; }
div#SubMenu a.this { font-weight: bold; color: #DF5690; padding-right: 20px; }

/* **************************************************************** */
/* ************************* style footer ************************* */
/* **************************************************************** */
div#Copyright { float: left; color: #999999; }
div#Menu { float: right; padding: 7px 0px 0px 0px; }
div#Menu a { color: #666666; text-decoration: none; padding: 17px; }

div#Slider { padding: 0px 0px 20px 0px; }
div#Slider a.Image, div#Client a.Image { display: block; background: url("../gfx/blank.gif") no-repeat center; height: 85px; text-align: center; margin-bottom: 10px; }
div#Slider a, div#Client a { color: #666666; text-decoration: none; }
div#Slider a:hover, div#Client a:hover { text-decoration: underline; }
div#Slider strong a, div#Client strong a { display: block; color: #BB0073; margin-bottom: 5px; }
div#Slider strong a span, div#Client strong a span { font-weight: normal; }
div#Slider-Main { height: 160px; }
div#Slider-Display { overflow: hidden; height: 160px; }
div#Slider-Display div.Item { display: none; height: 160px; }

div#Progress-Bar { overflow: hidden; width: 250px; height: 3px; background-color: #E9E9E9; margin: 15px 1px 0px 1px; }
div#Progress-Bar a { display: block; float: left; width: 25px; height: 100%; }
div#Progress-Bar a:hover { background-color: #BFCFFF; }
div#Progress-Bar a.this { background-color: #5E6BEC; }

div#Square { overflow: hidden; padding: 0px 0px 25px 25px; }
div#Square a.Item { display: inline; float: left; color: #666666; text-transform: lowercase; text-decoration: none; padding: 10px; }


div#Square a.green.s60  { background: url("../gfx/green60.jpg") no-repeat center; color: #FFFFFF; }
div#Square a.green.s90  { background: url("../gfx/green90.jpg") no-repeat center; color: #FFFFFF; }
div#Square a.green.s120 { background: url("../gfx/green120.jpg") no-repeat center; color: #FFFFFF; }

div#Square a.orange.s60  { background: url("../gfx/orange60.jpg") no-repeat center; color: #FFFFFF; }
div#Square a.orange.s90  { background: url("../gfx/orange90.jpg") no-repeat center; color: #FFFFFF; }
div#Square a.orange.s120 { background: url("../gfx/orange120.jpg") no-repeat center; color: #FFFFFF; }

div#Square a.skyblue.s60  { background: url("../gfx/skyblue60.jpg") no-repeat center; color: #FFFFFF; }
div#Square a.skyblue.s90  { background: url("../gfx/skyblue90.jpg") no-repeat center; color: #FFFFFF; }
div#Square a.skyblue.s120 { background: #013A6F url("../gfx/skyblue120.jpg") no-repeat center; color: #FFFFFF; }

div#Square a.blue.s60  { background: url("../gfx/blue60.jpg") no-repeat center; color: #FFFFFF; }
div#Square a.blue.s90  { background: url("../gfx/blue90.jpg") no-repeat center; color: #FFFFFF; }
div#Square a.blue.s120 { background: url("../gfx/blue120.jpg") no-repeat center; color: #FFFFFF; }

div#Square a.pink.s60  { background: url("../gfx/pink60.jpg") no-repeat center; color: #FFFFFF; }
div#Square a.pink.s90  { background: url("../gfx/pink90.jpg") no-repeat center; color: #FFFFFF; }
div#Square a.pink.s120 { background: url("../gfx/pink120.jpg") no-repeat center; color: #FFFFFF; }

div#Square a.purple.s60  { background: url("../gfx/purple60.jpg") no-repeat center; color: #FFFFFF; }
div#Square a.purple.s90  { background: url("../gfx/purple90.jpg") no-repeat center; color: #FFFFFF; }
div#Square a.purple.s120 { background: url("../gfx/purple120.jpg") no-repeat center; color: #FFFFFF; }

div#Square a.s60  { width: 60px; height: 60px; margin: 45px 0px 45px 1px; }
/*div#Square a.s90  { width: 90px; height: 90px; margin: 30px 0px 30px 1px; }*/
div#Square a.s90  { width: 90px; height: 90px; margin: 0px 0px 1px 1px; }
div#Square a.s120 { width: 120px; height: 120px; margin: 15px 0px 15px 1px; }


div#HelloWorld h1 { margin-bottom: 25px; }
div#HelloWorld a.Next { display: block; color: #5E6BEC; text-align: right; text-decoration: none; margin: 40px 0px 0px 0px; }
div#HelloWorld a.Next:hover { text-decoration: underline; }


div#Projects, div#Project { overflow: hidden; }
div#Projects div.Item, div#Project div.Item { overflow: hidden; border-bottom: 1px solid #E9E9E9; padding: 30px 0px 30px 0px; }
div#Projects div.Header, div#Project div.Header { clear: both; height: 20px; margin-bottom: 20px; }
div#Projects div.Object, div#Project div.Object { display: block; text-align: center; margin: 0px 0px 20px 0px; }
div#Projects a.category, div#Project a.category { float: right; background-color: #6271ED; color: #FFFFFF; text-transform: lowercase; text-decoration: none; padding: 5px 5px 5px 5px; margin-top: -5px; }
div#Projects a.Image, div#Project a.Image { text-align:center; display: block; border: 10px solid #E9E9E9; color: #E9E9E9; margin: 0px 0px 20px 0px; }
div#Projects a.Image.noexists, div#Project a.Image.noexists { height: 160px; color: #666666; text-align: center; text-decoration: none; padding-top: 140px; }
div#Projects a.url, div#Project a.url { color: #5C75FE; text-decoration: none; }
div#Projects span.url, div#Project span.url { color: #999999; }
div#Projects a.client, div#Project a.client { float: right; color: #666666; text-decoration: none; }
div#Projects h3 { font-size: 18px; }
div#Projects h1 { margin-top: 30px; }
div#sectionRight div#Projects h1 { margin-top: 0px; }
div#Project h1 { margin-top: 30px; }
div#Project div.Item { padding-top: 5px; }

div#Clients { overflow: hidden; }
div#Clients h1 { margin-top: 20px; }
div#Clients div.Item { float: left; width: 250px; height: 120px; border-width: 0px 1px 1px 0px; border-style: solid; border-color: #E9E9E9; text-align: center; padding: 23px; }
div#Clients div.Item a.Image { display: block; background: url("../gfx/blank.gif") no-repeat center; height: 85px; text-align: center; margin-bottom: 10px; }
div#Clients div.Item a { color: #666666; text-decoration: none; }
div#Clients div.Item a:hover { text-decoration: underline; }
div#Clients div.Item strong a { display: block; color: #333333; margin-bottom: 5px; }
div#Clients div.Item strong a span { font-weight: normal; }

div#Contact a { color: #CCCCCC; }
div#Contact a span { color: #5E6BEC; }
div#Contact div.columnLeft, div#Contact div.columnRight { margin-bottom: 50px; }

div#Contact-Map { margin-bottom: 30px; }
div#Contact-Map ul { list-style-type: square; color: #A5A5A5; }
div#Contact-Map ul li { padding: 2px 0px 2px 0px; }
div#Contact-Map ul li a { color: #CCCCCC; }
div#Contact-Map ul li a span { color: #BB0073; }

div#Contact-Form label { display: block; margin: 5px 0px 5px 0px; }
div#Contact-Form textarea { width: 240px; height: 50px; background-color: #EFEFEF; border-width: 1px; border-style: solid; border-color: #CCCCCC #DFDFDF #DFDFDF #CCCCCC; color: #999999; padding: 5px; }
div#Contact-Form input.inputText { width: 120px; background-color: #EFEFEF; border-width: 1px; border-style: solid; border-color: #CCCCCC #DFDFDF #DFDFDF #CCCCCC; color: #999999; padding: 5px; }
div#Contact-Form input.submitAction { float: right; width: 80px; height: 80px; border: none; background: url("../gfx/submitWyslij.jpg") no-repeat center; margin: 5px 15px 0px 0px; }
div#Contact-Form div.Message-Box { background-color: #364497; border: 1px solid #364497; color: #FFFFFF; text-align: center; padding: 10px; }