body {
    background: black;
    font-family: sans-serif;
    behavior:url("site_media/css/csshover.htc");
    color: red;
}

#main {

    width: 900px;
    margin-left: auto;
    margin-right: auto; 
    float: none;
    padding: 5px;
}

a:link {
    color: red;    
    text-decoration: none;
    border: none;
}

a:visited {
    color: red;    
    text-decoration: none;
}

img {
    border: 0px;
}



.box {
    background-color: #101415;
    border: 1px solid #2d3537;
    margin: 0px 15px 15px 0;    
    padding: 15px;   
    font-size: 10px;
}

.link:hover {
    background-color: #141f22;
}

.small {
    width: 150px;
   
}

.big {
    width: 347px;
    float: left;
    height: 327px;
}

.logo {
    background-color: white;
}

.float {
    float: left;
    height: 140px;
}

.long {
    height: 327px;
   
}

ul.no-bullets {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}



.box h1 {
    font-size: 12px;
    font-weight: bold;
}

#close {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: hand;
    cursor: pointer;
}

#main-photo {
    float: right;
    left: 210px;
}

#portfolio-items {
    width: 700px;
}

#overlay{

    position: absolute;
    border: 1px solid #2d3537;
    padding: 10px;    
    margin: 10px;
   /* These positions makes sure that the overlay */
    height: 60px; /* will cover the entire parent */

    width: 140px;
    background: #000;
    opacity: 0.35;
    -moz-opacity: 0.35; /* older Gecko-based browsers */
    filter:alpha(opacity=35); /* For IE6&7 */
}

.overlay p {
    margin: 5px;
}

div.clear {
    float:none;
    width: 100%;
    clear: both;
}

#footer {
    float: none;
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    font-size: 10px;
}

#footer a {
    padding: 5px;
    color: #2d3537;
}