@import url(image-zoom.css);

/*  Begin CSS stylesheet file header
    ***************************************************************************
    Title   CSS layout file
      
    Version Date        Author      Comment
    0.1     10/4/10     N Elvin     Controls the layout of all the pages
                                        
    ***************************************************************************
    End CSS stylesheet file header */

ul{
    list-style:none;
}

body{
    margin:0px;
    padding:0px;
}
#whole-page{
  
    margin:0px auto 0px auto;
    padding-top:8px;
    width:1000px;
}
img{
    border:0px;
}
.float-left{
    float:left;
}

.clear-float{
    clear:both;
}

.caption{
    font-size:12pt;
    color:#999999;
    letter-spacing:normal;
}

.paintings
{
    width:450px;
    float:left;
}

h1{
    /*background-image:url("images/branding-02.png");*/
    background-repeat:no-repeat;
    font-size:96pt;
    margin:0px 0px 0px 67px;
    

    
}
/*using overflow auto and width = 100%, instead of clearing floats with an empty div, to make sure floated elements expand to their conatining items height & width*/ 
.navigation-menu{
    margin-top:0px;
    overflow:auto;
    width:1000px;
}


.navigation-menu>.last-link{
 
    margin:20px 30px 0px 5px;
}

.navigation-menu>li{
    
    float:left;
    margin:20px 70px 20px 0px;

}

.navigation-menu>li:first-child{
   
    margin-left:67px;
}



/*using overflow auto and width = 100%, instead of clearing floats with an empty div, to make sure floated elements expand to their conatining items height & width*/ 
.list-of-work{
    padding:0px;
    width:100%;
    overflow:auto;

}
.img-description{
    float:left;
    margin-right:15px;
    width:202px;

    overflow:auto;
}
.list-of-work>li>object[data="../breakout.swf"]{
    
    margin-top:0px;
}
li>a>img,
li>object{
    
   float:left;
   margin-right:20px;
}
.list-of-work>li>a>img,
.list-of-work>li>object{
    margin:10px 20px 10px 0px;
   
   
}
.list-of-work>li,#thank-you-info,
#thank-you-info{
    padding:0px 0px 50px 66px;

}
#thank-you-info{
    height:300px;
}


.list-of-work>li:first-child{
    border-top:0px;
}


map{
    display:inline;
}
.comments{
  
    width:391px;
    clear:both;
    padding:0px 10px 10px 10px;

}
.comments>h3{
    padding:0px;
    cursor:pointer;
    margin:0px;
    padding:10px;
    
}
.comments>ul,
.comments>form{
    display:none;

}
.comments>ul>li>ul{
    padding-bottom:10px;
}
blockquote{
    margin:0px 0px 0px 10px;
}
blockquote>p{
    margin:10px 0px 0px 0px;
}

.comments>ul>li{
    padding:0px 10px 0px 10px;
}
.comments>form>ul>li,
#contact-form>ul>li{
    padding:5px;
}

ul{
    padding:0px;
}
form{
    padding:0px;
}
form>p{
    margin-top:35px;
    margin-bottom:0px;
}

.comments>form>ul>li>textarea,
.comments>form>ul>li>input,
#contact-form>ul>li>input,
#contact-form>ul>li>textarea{
    width:368px;
    padding:5px;
}
.comments>form>ul>li>input[type="submit"],
#contact-form>ul>li>input[type="submit"]{
    cursor:pointer;
    padding:3px;
    background-color:#666666;
    color:white;
    margin-left:309px;
    border:0px;
    width:70px;
}

.comments>ul>li>ul>.date{
    margin-top:13px;
}

address{
    margin-bottom:0px;
      padding:30px 0px 10px 0px;
      
}


address>a{
    padding:10px 60px 0px 0px;

}

#contact-section{
    margin-bottom:10px;
    width:400px;
    padding:0px 0px 50px 66px;
 
    
}
#contact-section>img{
    margin-right:15px;
}
.vcard{
    width:380px;
    margin-top:50px;
    overflow:auto;
    margin-bottom:10px;
    margin-left:66px;
    
}
.vcard>p{
  margin-left:10px;
    width:50%;
    margin-top:5px;
    float:left;
}
.vcard>img{
    float:left;
}
#whole-page>h2{
    margin-left:66px;
}
#whole-page>form{
    margin-left:66px;
    width:400px;
  
}
#whole-page>address{
    clear:both;
}