html, body {
  background:  #55A0B0;
  color:       #000;
  font-family: "trebuchet ms";
  font-size:   1.0em;
  height:	   100%;
  margin:      0;
  overflow-x:  hidden;
  overflow-y:  auto;
  text-align:  center;
  width:       100%;
}

div#container {
  background:   #FFF;
  border-left:  2px solid #00576A;
  border-right: 2px solid #00576A;
  min-height:       100%;
  margin:       0 auto;
  text-align:   left;
  width:        980px;
}

  div#container:after { 
	content: ""; 
	display: block; 
	height:  0; 
	clear:   both; 
  }

div#main {
  float:     left;
  font-size: 90%;
  margin:    10px 10px 25px;
  width:     960px;
}

h1 {
  float:  left;
  margin: 15px 25px 25px;
  width:  100%;
}

h2 {
  color:         #55A0B0;
  font-size:     130%;
  margin-bottom: 10px;
}

p {
  line-height: 18px;
  margin:      0 0 40px;
}

  p.alt {
    margin-bottom: 20px;
  }
  
  p.error, p.success {
    font-size: 95%;
    padding:   5px;
  }

  p.error {
    border: 1px solid #E18484;
    color:  #CC2743;
  }

  p.success {
    background: #E5F993;
    border:     1px solid #9BAC55;
    color:      #688006;
  } 

.error {
  background: #F6B9B9;
}

div.left, div.portfolio, div.right {
  float:  left;
  margin: 0 10px;
}

div.left, div.right {
  width: 320px;
}

div.portfolio {
  width: 260px;
}

  div.portfolioBlock {
    height:   285px;
    overflow: hidden;
    width:    262px;
  }

  div.portfolio span.item {
    background: #D8E4E6;
	border:     1px solid #55A0B0;
    cursor:     pointer;
	float:      left;
	height:     85px;
	margin:     0 0 10px;
	width:      260px;
  }

    div.portfolio span.item:hover {
      border-color: #003946;
	}

    div.portfolio span.item img {
      margin: 5px;
	}
	
  div.portfolio .navigation {
    display:    block;
    height:     32px;
    text-align: center;
  }	

div.formRow {
  border:  1px solid #55A0B0;
  float:   left;
  margin:  0 0 5px;
  padding: 1px 0;
  width:   100%;
}

  div.formRow label{
    float:        left;
    margin:       0 1px;
    padding-left: 5px;
    width:        100px;
  }
  
  div.formRow label, input.submit {
    background:   transparent url('/images/label.png');
    border:       1px solid #55A0B0;
    height:       25px;
    line-height:  23px;
    color:        #FFF;
  }
  
    div.formRow label.text {
      background: transparent url('/images/text.png');
      height:     150px;
    } 
  
  div.formRow input, div.formRow textarea {
    border:    0;
    float:     left;
    padding:   0px 5px;
    width:     200px;
  }
  
  div.formRow input {
    height:      27px;
    line-height: 27px;
  }
  
  div.sendIt {
    border: 1px solid #55A0B0;
    height: 27px;
    float: right;
    width: 162px;
    margin: 5px -3px 5px 0;
  }
  
    div.sendIt input.submit {
      border: 0;
      margin: 1px;
      padding: 0;
      width:  160px;
    }
  
  div.formRow textarea {
    height: 150px;
  }
  
div.sendIt, .viewPortfolio, a.viewSite {
  background: #FFF;
}
  
.viewPortfolio {
  border:     1px solid #003946;
  height:     465px;
  margin:     0 30px;
  text-align: left;
  width:      920px;
}

  

  .viewPortfolio .close {
    float:    right;
    position: absolute;
    right:    -10px;
    top:      -15px;
  }

  .viewPortfolio .case {
    float:  left;
    height: 440px;
    margin: 10px 0 10px 10px;
    width:  460px;
  }
  
  .viewPortfolio span.label {
    clear:       both;
    display:     block;
    font-weight: bold;
    margin-top:  20px;
  } 
  
  .viewPortfolio span.value, .viewPortfolio p {
    margin:    0;
  }
  
  .viewPortfolio .image {
    float:  right; 
    height: 440px;
    margin: 10px;
    width:  430px;
  }
  
    .viewPortfolio .image img {
       float:  left;
       border: 1px solid #003946;
    }
    
  a.viewSite { 
    border:          1px solid #55A0B0;
    float:           right;
    margin:          5px 0;
    text-decoration: none;
    width:           150px;
    height:          29px;
  }   
  
    a.viewSite:hover, a.viewSite:hover span { 
      color:           #FFF;
      text-decoration: underline;
    } 
  
    a.viewSite span {
      background:  transparent url('/images/label.png'); 
      border:      1px solid #55A0B0;       
      color:       #FFF;
      cursor:      pointer;
      float:       left;
      height:      25px;
      line-height: 23px;
      margin:      1px;
      text-align:  center;
      width:       146px;
    }
    
.mask {
  background: transparent url('/images/bg.png');
  z-index:    10;
}

div#footer {
  margin:     0 auto;
  font-size:  90%;
  text-align: center;
  background: #FFF;
  width: 980px;
  height: 25px;
  line-height: 25px;
  border-left:  2px solid #00576A;
  border-right: 2px solid #00576A;
}