/* html .visualIEFloatFix { height: 0.01%; }*/

/**************general******************************/

body {
	margin: 0px;
	padding: 0px;
  background-image: url(/graphics/tlolinia.gif);
  background-position:0px 1px;
  background-color:rgb(240,240,240);
  font-size:12px;
  font-family:Verdana,Arial,Helvetica,sans-serif;
}

p,div ,span {
  margin:0px;
  padding:0px;
}

h1 {
  font-size:18px;
  color:rgb(255, 102, 0);
  color:#222222;
  padding:0px;
  margin:15px 0px;
  margin-top:20px;
  margin-bottom:25px;
  padding-bottom:3px;
  
  border-bottom:2px solid rgb(255, 102, 0);
}

h2 {
  font-size:12px;
  padding:0px;
  margin:10px 0px;
  /*color:rgb(255, 102, 0);*/
}

a:focus {
  outline:none;
} 

a  img{
  border:none;
  margin:0px;
  padding:0px;
}

p a, span a {
  color:rgb(255, 102, 0);
  text-decoration:none;
  display:inline;
  border-bottom:solid 1px #cccccc;
}

p a:hover, span a:hover {
  border-bottom:solid 1px rgb(255, 102, 0);
}

hr  {
  padding:0px;
  margin:20px 0px;
}
/******************layout*******************************/

#container {
  width: 800px;
  background-color: rgb(102,102,102);
  padding: 0px;
  margin: 0px;
  margin-left:auto;
  margin-right:auto;
}

#header {
  background-image: url(/graphics/credo.gif);
  background-position:295px 33px;
  background-repeat:no-repeat;
  height:90px;
  margin:0px;
}

#wrapper {
  height:auto;
  background-image:url(/graphics/menuBg.gif);
  background-repeat:repeat-y;  
  width:100%;
}

#menu {
  height:auto;
  float:left;
  display:inline;
  background:none;
  width:190px;
  margin:0px;
  padding:0px;
  background-image:url(/graphics/naviBegin.gif);
  background-repeat:no-repeat;
  background-position:top right;
}

#content {
  margin:0px;
  padding:0px;
  min-height:500px; 
  height:auto !important;
  height:500px;
  float:left;
  display:inline;
  background:white;
  width:550px;
  background-image:url(/graphics/contentTop.gif);
  background-repeat:no-repeat;
  background-position:top right;
  padding-right:30px;
}

#contentBottom {
  background:white;
  background-image:url(/graphics/contentBottom.gif);
  background-repeat:no-repeat;
  background-position:bottom right;
  height:30px;
  margin:0px;
  padding:0px;
  margin-left:170px;
  padding-left:20px;
  width:580px;
}

#footer {
  clear:both;
  min-height:40px ; 
  height:auto !important;
  height:40px;
}


/*------------------header---------------------------*/

#logo {
  margin:0px;
  margin-top:25px;
  margin-left:20px;
}

#header ul {
  float:right;
  display:inline;
  margin:0px;
  padding:0px;
  margin-top:10px;
  padding-right:10px;
  list-style:none;
}

#header ul li {
  margin:0px;
  margin-right:4px;
  padding:0px;
  float:left;
  font-size:10px;
  color:#bbbbbb;
}

#header ul li a {
  display:block;
  color:#bbbbbb;
  text-decoration:none;
  border-bottom:solid 1px #bbbbbb;
}

#header ul li a:hover {
  border-bottom:solid 1px rgb(255, 102, 0);
}

/*********************navigation at top of content*********************/

span.navi{
  display:block;
  margin:0px;
  padding:0px;
  padding-top:5px;
 /* padding-bottom:5px;*/
  font-size:10px;
  background:rgb(225,225,225);
  float:left;
  height:17px;
  
}

span.naviEnd {
  display:block;
  float:left;
  background-image:url(/graphics/naviEnd.gif);
  background-repeat:no-repeat;
  height:25px;
  width:30px;
}

/**************************menu*********************************/

#menu ul {
  margin:0px;
  margin-top:36px;
  padding:0px;
  list-style:none;
}
  
#menu ul li {
  margin:0px;
  padding:0px;
}

#menu ul li a {
  margin:0px;
  padding:0px;
  padding-top:0.25em;
  padding-bottom:0.35em;
  padding-left:22px;
  display:block;
  font-size:20px;
  text-decoration:none;
  color:#dddddd;
  width:148px;
  background:none;
}

#menu ul li a:hover {
  background-image:url(/graphics/menuBgReverse.gif);
  background-repeat:repeat-y;
}

#menu ul li a.active , #menu ul li a.active:hover{
    background-image:url(/graphics/menuActive.gif);
    background-repeat:no-repeat;
}

/*****************************footer***********************************/

#footer p {
  font-size:10px;
  margin:0px;
  padding:1px;
  color:white;
}

.footerLeft {
  display:inline;
  float:left;
  margin:3px 8px;
}

.footerRight {
  display:inline;
  float:right;
  margin:6px 21px;
}

.footerRight img {
  margin: 4px 8px;
}

/*****************home page ************************/

.halfWidth {
  width:400px;
  margin-bottom:40px;
}

.box {
  height:6em;
  margin:0px;
  padding:0px;
  border-top: 1px dotted rgb(255, 178, 127);
}

.graphics {
  width:320px;
  float:left;
  display:inline;
  margin:0px;
  margin-left: 10px;
  margin-top:15px;
}

.description {
  width: 220px;
  margin:4px 0px;
  padding-top:1px;
  font-size:10px;
  float:left;
  display:inline;
  margin-top:15px;
}

.graphics a img {
  border:none;
  float:left;
  display:inline;
  margin-right:20px;
  margin-top:-10px;
}

.graphics a {
  text-decoration:none;
  color:rgb(150, 150, 150);
  font-size:12px;
  font-weight:bold;
  font-style:italic;
  text-align:left;
  display:block;
}

.graphics a:hover {
  color:rgb(255, 102, 0);
}

.graphics a strong {
  display:block;
  color:rgb(255, 102, 0);
  font-size:16px;
  font-weight:bold;
  font-style:normal;
  text-align:left;
}

.graphics a:hover strong {
  color:rgb(150, 150, 150);
}

/*****************portfolio ************************/


.prewka {
  display:inline;
  float:left;
  background-color:white;
  margin: 0px;
  margin-right:35px;
  margin-bottom:18px;
}

.prewka div {
  width:140px;
  height:140px;
  background-color:#222222;
  background-image:url(/graphics/prewkaBg5.gif);
  border: solid 2px white;
  margin:0px;
}


.prewka a img {
  border: solid 2px white;
  display:block;
  margin:0px;
  padding:0px;
  margin-left:12px;
  margin-top:20px;
  text-align:left;
}
  
.prewka a:hover img {
  border:solid 2px rgb(252, 136, 58);
}

.prewka p {
  text-align:right;
  padding-right:14px;
  margin-top:5px;
}
.forIE {
  margin:0px;
  padding:0px;

}

.prewka p a {
  color:gray;
  color:rgb(215,215,215);
  font-size:11px;
  border:none;
}

.prewka  a:hover {
  color:rgb(255, 102, 0);
  border:none;
}

.prewka a img.arrow2  {
  border:none;
  margin:0px;
  padding:0px;
  display:inline;
}

.prewka a:hover img.arrow2  {
  border:none;
}

/*****************specific portfolio page************/

#portfolioLeft {
  float:left;
  display:inline;
  width:150px;
}

#portfolioRight {
  float:left;
  display:inline;
  width:390px;
}

.border {
  width:123px;
  height:100px;
  background-color:black;
  margin:5px 0px;
  padding-top:5px;
}

.border a img {
  border: solid 2px white;
  display:block;
  margin:auto;
}

.border a:hover img {
  border:solid 2px rgb(255, 102, 0);
}


/*****************references ************************/
/* prewka j.w.  + */

.reference {
  padding-top:2px;
  margin-left: 160px;
}

.quote {
  display:inline;
  float:left;
  margin-right:10px;
  margin-bottom:150px;
}

.signature {
  font-weight:bold;
  font-style:italic;
  margin-top:10px;
  float:right;
  padding-right:20px;
}

/*****************contact form ************************/


form {
  margin:0px;
  padding:0px;

}

/*fieldset {
  margin-bottom:0px;
  border:none;
  padding:0px;
  margin:0px;
}*/

form  div {
  overflow: hidden;
  clear: both;
  margin:0px;
  /*margin-bottom: 0.5em;*/
  margin-bottom: 1px;
  background-color:rgb(230,230,230);
  padding:5px;
  /*margin-right:158px;*/
  width:540px;
}

form  label {
  display: block;
  width: 170px;
  float: left;
  margin:0px;
  padding:0px;
}

form input, textarea {
  border:solid 1px rgb(150,150,150);
  display: block;
  float: left;
  font-family: Verdana,Arial,Helvetica,Sans-serif;
  font-size: 12px;
  line-height: 140%;
  margin:0px;
  padding:0px;
}

textarea {
  width:362px;
  height:100px;
  overflow:visible;
}

input.button {
  /*background-color:rgb(210,210,210);
    border:solid 1px rgb(150,150,150);*/
  background-color:rgb(124,124,124);
  float:right;
  display: inline;
  padding:0px;
  padding-bottom:1.5px;
  padding-right:1px;
  color:white;
  border:solid 1px white;
  font-size:12px;
  height:2em;
  width:4em;
  margin-right:5px;
}

input.button:hover {
  background-color:rgb(93,93,93);
  background-color:rgb(252, 136, 58);
}

/*form select {
  border:solid 1px rgb(170,181,133);
  margin:2px 4px 4px 0px;
}
*/

/************************additional classes*********************************/

.noDisplay {
  display:none;
  margin:0px;
  padding:0px;
}

.noMargin {
  margin:0px;
}

.small {
  font-size:10px;
}

.pad {
  margin-top:30px;
}

.clear {
  width:100%;
  clear:both;
  margin:0px;
  padding:0px;
}

p.underConstruction {
  margin-top:30px;
  font-size:12px;
  font-weight:bold;
}