* {margin:0; padding:0;}

/*-------clear fix-------*/
  .box {

  }
  .floated {
    float: left;
    background: #f00;
    width: 100px;
    height: 100px;
    border: 1px solid #f0f;
  }
      
  * html .clearfix {
    height: 1%; /* IE5-6 */
  }
  .clearfix {
    display: inline-block; /* IE7xhtml*/
  }
  html[xmlns] .clearfix { /* O */
    display: block;  
  }
  .clearfix:after { /* FF, O, etc. */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
/*-------end clear fix-------*/


body {
height:100%;
background:#fff url(images/bg.jpg) repeat-x;
color:#000;  
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:.8em;
line-height:120%;
}

a {
color:#23447F;
text-decoration:underline;
}

a:hover {
color:#616161;
text-decoration:none;
}

hr {
margin:10px 0 20px 0;
border:none;
width:99%;
color:#eeeeee;
background-color:#eeeeee;
height:1px;
clear:both;
}

ul {margin-left:15px;}


#centerColumn { 	
margin:0 auto;
width:775px;
text-align:left;
vertical-align: middle;	
background-color:#ffffff;
}

h2 {
margin:0 0 .5em 0;
padding:.75em 0 0 0;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.4em;
}

h3 {
margin:0 0 .5em 0;
padding:.75em 0 0 0;
font-size:1.6em;
font-weight:lighter;
font-family:georgia;
padding:0 0 10px 0;
}

h4 {
font-size:1em;
}

dt {
font-weight:bold;
}

dd {
margin-bottom:10px;
}

p {
padding:3px 0 12px 0;
}


#navbar {
background:#fff url(images/navbar.jpg) no-repeat;
height:20px;
padding-top:5px;
margin-top:2px;
}

#navbar ul {
list-style:none;
margin:0;
}

#navbar li {
margin:0;
list-style:none;
display:inline;
}

#navbar li a {
margin:0 0 0 0;
border-right:1px solid #fff;
padding:5px 18px 4px 18px;
font-weight:bold;
color:#fff;
text-decoration:none;
}

#navbar li a:hover {
color:#fff;
}

#navbar li#active a {
color:#fff;
cursor:default;
text-decoration:underline;
}

#header {
margin:0;
padding:0;
height:139px;
}

#header h1 {
margin:0;
font-size:1.7em;
font-weight:lighter;
letter-spacing:.15em;
color:#000;
}

#header h1 a {
text-indent:-999999px;
display:block;
width:775px;
height:140px;
background:#fff url(images/logo.jpg) no-repeat;
}

#header h2 {
margin:0 0 0 0;
padding:1em 0 0 0;
font-size:.9em;
font-weight:300;
letter-spacing:.1em;
color:#000;
}

.contentwrap {
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
background:url(images/contentwrap2.jpg) repeat-y;
}

#home .contentwrap {
background:url(images/contentwrap.jpg) repeat-y;
}

#gallery .contentwrap {
padding:7px;
background:#fff;
}

#gallery .contentwrap h3 {
background:url(images/block1_h3.jpg) repeat-x bottom left;
}

#home .block_1 {
width:365px;
padding:15px 10px;
}

.leftcol {
float:left;
width:260px;
}

.rightcol {
float:right;
width:260px;
}

.leftcol h4, .rightcol h4 {
background:url(images/block1_h3.jpg) repeat-x bottom left;
font-family:georgia;
font-size:16px;
padding:15px 0 10px 0;
}

.block_1 {
float:left;
width:550px;
padding:15px 10px 15px 10px;
}

.block_1 h3 {
background:url(images/block1_h3.jpg) repeat-x bottom left;
}

#home .cell_3 {
width:375px;
padding:15px 10px 15px 0;
}

.cell_3 {
float:right;
width:180px;
padding:15px 10px 15px 10px;
}

#home .cell_3 {
background:url(images/cell_3.jpg) repeat-x bottom left;
}

.cell_3 h3 {
background:url(images/cell_3_h3.jpg) repeat-x bottom left;
}

div.twolists {
width:43%;
float:left;
}

ul.plus {
list-style-type:none;
margin:0;
}

ul.plus li {
background:url(images/plus.gif) no-repeat left 5px;
padding:1px 0 1px 15px;
}

.barepic {
border:none;
}

.right {
float:right;
}

.left {
float:left;
}

.thumbleft {
float:left;
padding-right:10px;
}

.center {
width:auto;
margin-left:auto;
margin-right:auto;
}

.clear {
clear:both;
}

img.floatright {
float:right;
margin-left:15px;
}

img.floatleft {
float:left;
margin-right:15px;
}

.project {
clear:both;
}

.projectinfo {
float:left;
width:280px;
padding:10px;
}

#footer {
position:relative;
clear:both;
bottom:0;
margin:0 auto;
padding:3px 0;
text-align:center;
font-size:.7em;
text-align:center;
background:url(images/footer.jpg) repeat-x;
width:775px;
color:#fff;
}

#footer a {
color:#fff;
}