/* CSS - andersdesign */

body {
    margin: 0px;
    
    background-image: url(../images/background_tile.jpg);
    background-repeat: repeat-y;
    
    font-family: "Times New Roman", Georgia, Serif;
}

a {
    color: #FFFFFF;
    text-decoration: none;
}

/* Remove the blue border */

img {
    border: none;
}

p {
    font-family: "Times New Roman", Georgia, Serif;
}

/* headlines */
h2 {
    position: relative;
    
    padding: 0px;
    margin: 0px;
    
    left: 35px;
    top: 10px;
    
    color: #FFFFFF;
    
    font-family: Verdana;
    font-size: 14px;
    font-weight: normal;
}

div#logo {
    position: relative;
    
    left: 85px;
    top: 10px;
    
    width: 593px;
    height: 317px;
    
    background-image: url(../images/logo.jpg);
    background-repeat: no-repeat;
}

/* top background image with shading */
div#topImage {
    width: 1199px;
    height: 702px;
    
    
    background-image: url(../images/background_top.jpg);
    background-repeat: no-repeat;
}

div#wrapper {
    width: 1200px;
        
    position: absolute;
    
    top: 0px;
    left: 0px;
}

div#portfolio, div#portfolio div#top, div#portfolio div#content, div#portfolio div#bottom {
    width: 713px;
}

div#portfolio {       
    margin-left: auto;
    margin-right: auto;
}

div#portfolio div#tab {
    height: 44px;
        
    background-image: url(../images/portfolio_top.png);
    background-repeat: no-repeat;
}

div#portfolio div#content {
    height: 500px;
    
    background-image: url(../images/portfolio_content.png);
}

div#portfolio div#bottom {
    height: 6px;
    
    background-image: url(../images/portfolio_bottom.png);
}

img.magnifyGlass {
    position: absolute;
    top: 86px;
    left: 127px;
}

div.project div.thumbnail {
    border: 1px dotted;
    position: relative;
}

div.project {
    position: relative;
    float: left;
    
    margin-bottom: 10px;
    padding: 10px;
    width: 155px;
    height: 200px;
}

div.project p.name {
    margin: 0px;
    padding-bottom: 3px;
    
    color: #798bad;
    font-family: Verdana, arial;
    font-size: 13px;
}

div.project p.description {
    margin: 0px;
    padding-top: 3px;
    
    font-family: Verdana, arial;
    color: #d2d8e4;
    font-size: 12px;
}

div.project img.live {
    position: absolute;
    bottom: 0px;
}

div#about {
    position: absolute;
    
    top: 220px;
    left: 243px;
    
    width: 507px;
    height: 134px;
    
    background-image: url(../images/about_me_box.png);
}

span.blue {
    color: #798bad;
    font-size: 15px;
}

span.italic {
    font-style: italic;
}

#about p {   
    margin: 0px;
    padding: 10px;
    
    color: #FFFFFF;
    font-family: Georgia;
    font-size: 13px;
    
    max-width: 490px;
    max-height: 126px;
}

div#contact {
    position: absolute;
    
    top: 220px;
    left: 768px;
    
    width: 189px;
    height: 135px;
    
    background-image: url(../images/contact_box.png);
}

#contact p {
    margin: 0px;
    padding: 7px;
    
    color: #FFFFFF;
    font-family: Verdana;
    font-size: 11px;
    
    max-width: 190px;
    max-height: 130px;
}

div#footer {
    position: relative;
    
    height: 162px;
        
    background-image: url(../images/footer_1px.jpg);
    background-repeat: repeat-x;
}

div#copyright {
    position: absolute;
    
    left: 50px;
    top: 50px;
}

#copyright p {
    font-size: 13px;
    color: #383838;
}

div#copyright span#reserved {
    font-size: 10px;
}

div#footer div.seperator {
    position: absolute;
    

    
    width: 131px;
    height: 162px;
    
    background-image: url(../images/footer_seperator.jpg);
}

div#footer div#seperatorOne {
    left: 340px;  
}

div#footer div#seperatorTwo {
    right: 340px;  
}

div#quoteWidget {
    position: absolute;
    
    top: 20px;
    right: 30px;
}

#quoteWidget p {
    color: #383838;
    font-size: 13px;
}

#contactForm {
    position: absolute;
    
    top: 30px;
    right: 300px;
    width: 395px;
}

#contactForm label {
    width: 55px;
    float: left;

    display: block
}

#contactForm label, #contactForm input, #comment {
    font-size: 11px;
    margin-bottom: 5px;
}

#contactForm input, #comment {
    background-color: #FFFFFF;
    border: 1px solid #cccccc;
}

#contactForm {
    color: #383838;
    font-size: 13px;
}

textarea#comment {
    width: 200px;
    height: 40px;
}



#quotes {
    font-size: 12px;
    color: yellow;
    font-family: "Times New Roman",Georgia,Serif;
    font-style: italic;
    color: #5b5b5b;
    width:300px;
    height:100px;
    position:relative;
}

#author{
    font-size: 10px;
    color: #404040;
    position:relative;
    top: 7px;
}