body {
    color: #333333;
    font-family: Verdana,sans-serif;
    font-size: 11px;
    margin: 0;
    padding: 0;
    text-align: center;
}
.main {
    border-collapse: collapse;
    margin: auto;
    padding: 0;
    width: 800px;
}
.head {
    height: 83px;
    width: inherit;
}
.title {
    background-image: url("img/logo3.png");
    color: #333333;
    float: left;
    font-size: 25px;
    height: 40px;
    margin: 44px 0 0;
    width: 280px;
}
.title span {
    display: none;
}
.mainMenu ul {
    float: right;
    margin: 65px 0 0;
    padding: 0;
    text-align: right;
    width: 450px;
}
.mainMenu li {
    display: inline;
    list-style-type: none;
    padding-left: 10px;
    text-transform: uppercase;
}
.mainMenu li a {
    color: #f0a513;
    font-size: 13px;
    font-weight: bold;
}
.mainMenu li a:hover {
    color: #333333;
    cursor: help;
}
.middle {
    border-bottom: 1px solid gray;
    border-top: 1px solid gray;
    margin: 8px 0;
    min-height: 300px;
    padding: 0;
    text-align: justify;
    width: 100%;
}
.newsTitle {
    font-size: 14px;
}
.footer {
    font-size: 10px;
    height: 20px;
    text-align: left;
    width: inherit;
}
.footer ul {
    margin: 0;
    padding: 0;
    position: absolute;
}
.footer li {
    display: inline;
    list-style-type: none;
    padding-right: 10px;
}
.footer li a {
    color: #f0a513;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
}
.active {
    color: #333333;
}
.footer li a:hover {
    color: #333333;
}
.signature {
    color: gray;
    float: right;
    font-size: 11px;
}
.signature span {
    color: #f0a513;
}
a {
    color: #f0a513;
    outline: medium none;
    text-decoration: none;
}
a:hover {
    color: #333333;
}
a .back_link {
    text-align: left;
}
a img {
    border: medium none;
}
.login {
    text-align: center;
}
.login p, .login h1 {
    text-align: left;
}
.login table {
    margin: 10px auto;
}
.login input[type="text"] {
    width: 250px;
}
.login input[type="submit"] {
    float: right;
}
.errormessage {
    color: red;
}
.emailme input[type="submit"] {
    float: right;
}
.newesletterLabel, .emailmeLabel, .loginLabel, .sendToFriendLabel {
    color: #666;
}
label {
    display: block;
    float: left;
    width: 90px;
}
input[type="text"] {
    border: 1px solid #668;
    padding: 2px;
    width: 250px;
}
textarea {
    border: 1px solid #668;
    padding: 2px;
    width: 250px;
}
input[type="submit"] {
    background-color: #fff;
    border: 1px solid #668;
    margin-top: 4px;
    padding: 2px;
    width: 50px;
}
input[type="submit"]:hover {
    background: none repeat scroll 0 0 #f0a513;
    border: 1px solid gray;
    color: #fff;
    cursor: pointer;
}
.sendtofriend table td {
    padding: 5px;
}
.sendtofriend input[type="submit"] {
    float: right;
}
#newRecipe {
    display: none;
    width: 600px;
}
#newRecipe input[type="text"] {
    border: 1px solid gray;
    padding: 3px;
    width: 500px;
}
#newRecipe select {
    border: 1px solid gray;
    padding: 3px;
    width: 200px;
}
#newRecipe textarea {
    border: 1px solid gray;
    height: 200px;
    padding: 3px;
    width: 500px;
}
.captchaPic {
    float: left;
}
#newRecipe input[name="captcha"] {
    border: 1px solid gray;
    float: left;
    letter-spacing: 3px;
    margin-right: 10px;
    padding: 3px;
    text-align: center;
    width: 70px;
}
#newRecipe input[type="submit"] {
    border: 1px solid yellow;
    padding: 3px;
    width: 90px;
}
.recipes p {
    margin: 3px 0;
    padding: 0;
}
.recipes h4 {
    margin: 15px 0 2px;
    padding: 0;
}
.recipes img {
    float: right;
    margin: 5px;
    width: 150px;
}
.recipes div {
    color: #6a6acc;
    font-family: courier;
    margin: 10px 0;
}
a .readMore {
    display: none;
}
.backLink {
    margin: 5px 0;
}
.recipes img {
    float: right;
    margin: 5px;
    width: 150px;
}
.recipes div {
    color: #6a6acc;
    font-family: courier;
    margin: 10px 0;
}
a .readMore {
    display: none;
}
.backLink {
    margin: 5px 0;
}
.porfolioTable td {
    background: none repeat scroll 0 0 #fffef7;
    border: 1px dashed gray;
    width: 25%;
}
.porfolioTable td:hover {
    border: 1px dashed #6a6acc;
}


.projectsMosaic {
margin:5px 0;
text-align:center;
}

.projectsMosaic .project {
border:3px solid #EEE;
display:inline-block;
height:143px;
margin:5px;
padding:0;
width:143px;
}

.projectsMosaic .project span {
background:#000;
color:#FFF;
display:block;
height:25px;
line-height:25px;
opacity:0.8;
padding:5px;
text-align:left;
vertical-align:middle;
}

.projectsMosaicYearSeparator {
border-bottom:1px solid #EEE;
margin:10px 0;
text-align:left;
}

.projectsList {
border-collapse:collapse;
display:table;
margin:5px 0;
}

.projectsList .project {
border-bottom:1px solid #EEE;
display:table-row;
padding:10px 0 1px;
}

.projectsList .project .cell1,.projectsList .project .cell2,.projectsList .project .cell3 {
display:table-cell;
vertical-align:bottom;
}

.projectsList .project img:hover {
box-shadow:1px 1px #CCC;
opacity:1;
}

.projectsList img {
box-shadow:1px 1px #777;
height:80px;
margin:0 10px 0 0;
opacity:0.9;
width:80px;
}

.projectsList .cell2 div {
margin-bottom:2px;
}

.projectsList .cell3 {
font-size:20px;
line-height:35px!important;
margin:0 5px 0 0;
text-align:right;
}

.projectsList .cell3 .type {
display:block;
font-size:20px;
}

.projectsList .cell3 .year {
display:block;
font-size:30px;
}