body  {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 margin-top: 0;
 margin-bottom: 25px;
 background-image: url(../images/body_bkg.png);
 background-color: #FFFFEE;
 }

/****** Header ******/
#header {
 display: table;
 height: 180px;
 }

#logo {
 display: table-cell;
 padding-top: 10px;
 }

#banner {
 display: table-cell;
 text-align: center;
 padding-top: 10px;
 padding-left: 25px;
 padding-right: 25px;
 clear: right;
 }
 
.name  {
 }

/****** Footer ******/
#footer   {
 text-align: center;
 font-size: 11px;
 width: 950px;
 margin-top: 15px;
 padding-bottom: 15px;
 }

#tech  {
 margin-bottom: 25px;
 width: 950px;
 }


#tech img {
 margin-left: 25px;
 margin-right: 25px;
 }

/****** Content ******/
#main {
 background-image: url(../images/grad_yellow.jpg);
 background-repeat: no-repeat;
 background-color: #FFFFFF;
 width: 950px;
 margin-top: 5px;
 border-left: 2px solid #333333;
 border-top: 2px solid #333333;
 border-right: 2px solid #CCCC33;
 border-bottom: 2px solid #CCCC33;
 }

h1  {
 font-size: 20px;
 margin-top: 5px;
 margin-bottom: 0px
 }


h2 {
 font-size: 15px;
}

h3 {
 font-size: 13px;
}
 
.content {
 text-align: justify;
 margin-left: 25px;
 margin-right: 25px;
 margin-top: 15px;
 font-size: 12px;
 }
 
.first {
 font-size: 13px;
 font-weight: bold;
 }
 
.office {
 position: relative;
 font-weight: bold;
 left: 100px
 }

.row  {
 display: table;
 width: 750px;
 }

.leftColumn  {
 display: table-cell;
 padding-left: 100px;
 width: 325px;
 }


.rightColumn  {
 display: table-cell;
 width: 375px;
 }


#news   {
 width: 900px;
 }

#news img  {
 margin-right: 15px;
 }


/****** Projects ******/

#projects  {
 width: 900px;
 display: table;
 }

.project  {
 display: table-row;
 width: 900px;
 }

.project img  {
 margin-right: 15px;
 }

.project a {
 color: #393939;
 font-weight: bold;
 }

.project a:hover {
 color: #000000;
 }

.l_project  {
 display: table-cell;
 width: 405px;
 padding-top: 15px;
 padding-bottom: 15px;
 padding-right: 20px;
 }

.r_project   {
 display: table-cell;
 width: 405px;
 padding-top: 15px;
 padding-bottom: 15px;
 padding-left: 20px;
 }

.more {
 padding-top: 5px;
 display: block;
 text-align: right;
 }


/****** Navigation ******/
#nav {
 display: table;
 margin-top: 15px;
 font-size: 11px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: bold;
 height: 21px;
 }
 
#navRow {
 padding-left: 40px;
 }
 
#nav a {
 padding-top: 3px;
 color: white;
 text-decoration: none;
 }

#nav a:hover {
 color: yellow;
 text-decoration: underline;
 }

/****** Navigation Formatting ******/
.l   {
 background-image: url(../images/l_dia.gif);
 width: 11px;
 height: 21px;
 display: table-cell;
 background-repeat: no-repeat;
 }

.r  {
 background-image: url(../images/r_dia.gif);
 width: 11px;
 background-repeat: no-repeat;
 height: 21px;
 display: table-cell;
 }

.c  {
 background-image: url(../images/c_dia.gif);
 width: 23px;
 height: 21px;
 display: table-cell;
 background-repeat: no-repeat;
 }

.link  {
 font-size: 11px;
 text-align: center;
 vertical-align: middle;
 background-image: url(../images/bkg_dia.gif);
 position: relative;
 height: 21px;
 padding-left: 10px;
 padding-right: 10px;
 background-repeat: repeat-x;
 display: table-cell;
 }

.titleLink {
 font-size: 18px;
 font-weight: bold;
 text-align: center;
 }

.titleLink a{
 color: #393939;
 }

.titleLink a:hover {
 color: black;
 }
 
.portfoliosite  {
 display: table;
 width: 880px;
 margin-right: 10px;
 margin-left: 10px;
 }

.imgL  {
 display: table-cell;
 vertical-align: middle;
 }

.imgL img {
 margin-right: 15px;
 }

.imgR {
 display: table-cell;
 vertical-align: middle;
 }

.imgR img {
 margin-left: 15px;
 }

.fullCopy {
 display: table-cell;
 width: 460px;
 vertical-align: top;
 }

.halfseparator   {
 margin-top: 0px;
 margin-bottom: 0px;
 width: 325px;
 }

.separator   {
 margin-top: 20px;
 margin-bottom: 10px;
 text-align: center;
 }

.pricelist {
 font-size: 12px;
 }

.pricelist th {
 vertical-align: top;
 padding-bottom: 5px;
 text-align: left;
 }

.pricelist th.cost {
 text-align: right;
 }

.pricelist td {
 vertical-align: top;
 }

.pricelist td.cost {
 text-align: right;
 padding-right: 10px;
 }

.notes {
 text-align: left;
 width: 550px;
 font-size: 11px;
 }

.footseparator {
 margin-bottom: 15px;
 margin-left: 25px;
 margin-right: 25px;
 width: 900px;
 }

.quotation  {
 margin-bottom: 10px;
 font-weight: bold;
 width: 900px;
 }