﻿html { height:100%; }
body { height: 100%; margin: 0px; padding: 0px; text-align: center; font-family: Garamond, Times New Roman, serif; color: #ffffff; background:#6C7B78 url(../images/bgshim.jpg) repeat-x top; }
#aspnetForm { height: 100%; }
#PageWrapper { padding: 0px; margin: 0px auto 0; width: 860px; height: auto;  position: relative; text-align: left; padding-bottom:20px;  }
* html #PageWrapper { height:100%; }

.clear{ clear: both;}

#Header{ width:860px;  padding-bottom:10px; border-bottom:solid 1px #ccc; margin-bottom:10px; }
#Logo { width:400px; margin-top:15px; position:relative; font-size:2em; font-family:Garamond,Times New Roman, Serif; color:White; float:left;}
#HeaderImage{ clear:both;}

.Menu { margin:0px; padding:0px; text-align:center; float:right; width:280px; }
.Menu ul{ float:right;}
.Menu li { list-style-type: none; float:left; padding-top: 1.8em; padding-left:25px;}
.Menu li a { color: #6C7B78; text-decoration: none; color:#bbb; font-size:1em; }
.Menu li a:hover, .Menu li a.thisPage { color: #ffffff; }

.footermenu li{ padding-top:0px;} 

#Content .Home{  text-align:center;  padding:0px; margin:0px; font-size:1.2em; }
#Content img.Header{ margin-bottom:20px;}
#Content {  padding: 10px 0px 10px 0px; position: relative; line-height:100%; clear:both; border-top:solid 1px #737373; border-bottom:solid 1px #8c8c8c;  }
#Content a { text-decoration: none; color:White; }
#Content a:hover { }
#Content h1 { font-size: 1.6em; font-weight: normal; font-family:Garamond,Times New Roman, Serif;}
#Content h2 { font-size:1.4em; }

.contentbox{  color:#fff; font-family:Arial; text-align:justify; font-size:0.8em;min-height:400px;}
.aboutleft{ float:left; padding-right:20px; width:400px;}
.aboutright{ float:left; width:400px; padding:15px;}
.aboutsection{ padding-bottom:10px; height:180px; font-family:Garamond,Times New Roman, Serif; font-size:1.5em; clear:both; display:block;}
.aboutsection img{ float:left; margin-right:10px; }
.aboutsectionname{ float:left; padding-top:160px; color:#fff;}
.aboutsection a div{ color:#fff;}

.projectleft{ float:left; padding-right:20px; width:280px;}
.projectright{ width:520px; float:left; padding-top:10px;}
#Content .projectleft h1{ font-family:Garamond,Times New Roman, Serif; font-size:2.5em;}


#Content .aboutnumbers{ width:100%; text-align:center; color:Black; font-size:2em; padding:20px 0px;}
#Content .aboutnumbers a{ color:#ccc;font-family:Garamond,Times New Roman, Serif;}
#Content .aboutnumbers a.currentnumber{ color:#fff;}
.aboutimage{ width:100%; text-align:center; height:650px;}
.abouttitle{ text-align:center; padding:10px 0px;}
.description{margin:0px auto; }

#Content .abouttitle h1{ font-family:Garamond,Times New Roman, Serif; font-size:2em;}

.abouttitle a{ color:#000;}

.roundedtop{ -moz-border-radius-topleft:7px; -moz-border-radius-topright:7px; -webkit-border-top-left-radius:7px; -webkit-border-top-right-radius:7px; } 
.rounded {-moz-border-radius:7px; -webkit-border-radius:7px;} 
.roundedbottom{-moz-border-radius-bottomleft:7px; -moz-border-radius-bottomright:7px; -webkit-border-bottom-left-radius:7px; -webkit-border-bottom-right-radius:7px;}

#Content ul.Projects{ margin:0px; padding:0px; list-style:none;}
#Content ul.Projects li{ float:left; width:260px; height:240px; padding-left:0px; text-align:center; padding:10px;}
#Content ul.Projects li a{ font-size:130%; font-family:Garamond,Times New Roman, Serif; color:White;}

#Content #ProjectImage{ width: 420px; margin: 0px auto 0;text-align:center;}
#Content #ProjectImages{ float:left; width:150px; }

#Content #ProjectNav{ width:780px; text-align:right;  float:right; width:150px; line-height:200%; }

.RightImage{ float:right; margin-left:20px; margin-bottom:20px;}

.ProjectIcon { width: 120px; height: 120px; background-color: #6C7B78; margin: 20px; }

#Footer{ text-align: left; font-size:0.8em; width:400px; margin-top:10px;color: #ccc; margin-top: 0px; clear:both; margin-bottom:10px; float:left;  line-height:0px; }

table.ProjectListing tr td{ vertical-align:middle; text-align:center;}
table.ProjectListing tr td table{ margin-left:20px; margin-bottom:20px;}

table.ProjectListing tr td img{ margin:0px; float:none; clear:none;}