/* CSS Document */

/* ***** Portfolio Layout, Girvin 2007 ***** */

/* ===== Overall Styling ===== */

#main_text
    {
        position:relative; 
        float: right;
        padding:0; 
        margin:0;
        width: 150px;
        height: 260px;
        overflow: hidden;
        left:470px; 
        top: 0px; 
        z-index:1;
        color: #000;
        text-align: left;
        background:transparent;
        filter:alpha(opacity=50);
        line-height:1.5;
        float: left;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size: 9px;
    }
    
    #testimonial_text
    {
        position:relative; 
        float: right;
        padding:0; 
        margin:0;
        width: 60px;
        height: 240px;
        left:483px; 
        top: 16px; 
        z-index:1;
        color: red;
        text-align: left;
        float: left;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:9px;
        font-weight: 300;
        line-height: 1;
    }
    
    #client_header
    {
        position:relative;
		top: 0;
		padding:0;
		margin:0;
		z-index: 1;
    }
    
    #thumbnails
    {
        position:absolute; 
        float: right;
        padding:0; 
        margin:0;
        left:100px; 
        top: 100px;
        width: 200px;
        height: 150px;
        z-index:1;
        white-space:nowrap;
    }
    
    #scroll_arrows
    {
        position:relative; 
        float: right;
        padding:0; 
        margin:0;
        left:133px; 
        top: 238px; 
        z-index:1;
    }
    
    #scroll_arrows ul
    {
        list-style: none;
    }
    
    #up_arrow, #down_arrow
    {
        padding-top: 4px;
    }
    

    #up_arrow a
    {
        display: block;
        background-image: url(http://www.girvin.com/images/arrow-gray-up.jpg);
        width: 7px;
        height: 7px;
    }
    
    #up_arrow a:hover
    {
        display: block;
        background-image: url(http://www.girvin.com/images/arrow-red-up.jpg);
        width: 7px;
        height: 7px;
        cursor: pointer;
    }
    
    #down_arrow a
    {
        display: block;
        background-image: url(http://www.girvin.com/images/arrow-gray-down.jpg);
        width: 7px;
        height: 7px;
    }
    
    #down_arrow a:hover
    {
        display: block;
        background-image: url(http://www.girvin.com/images/arrow-red-down.jpg);
        width: 7px;
        height: 7px;
        cursor: pointer;
    }
/*    
    #thumbsPreviousButton
    {
        display: block;
        background-image: url(http://www.girvin.com/images/arrow-gray-left.jpg);
        width: 7px;
        height: 7px;
        margin-top: 0px;
        margin-right: 5px;
        border: none;
    }
    
    #thumbsPreviousButton:hover
    {
        display: block;
        background-image: url(http://www.girvin.com/images/arrow-red-left.jpg);
        width: 7px;
        height: 7px;
        cursor: pointer;
        border: none;
        
    }
    
    #thumbsNextButton
    {
        display: block;
        background-image: url(http://www.girvin.com/images/arrow-gray-right.jpg);
        width: 7px;
        height: 7px;
        margin-top: 0px;
        margin-left: 5px;
        border: none;
    }
    
    #thumbsNextButton:hover
    {
        display: block;
        background-image: url(http://www.girvin.com/images/arrow-red-right.jpg);
        width: 7px;
        height: 7px;
        cursor: pointer;
        border: none;
    }
  */      
    #image
    {
        position:relative; 
        float: right;
        padding:0; 
        margin:0;
        left:-275px; 
        top: 79px; 
        z-index:1;
        vertical-align: middle;
        text-align: center;
        width: 396px;
        height: 259px;
    }
	
	
    /*
    #thumbImageRow img
    {
        border: 1px solid #999;
        margin: 1px;
    }
    
    #thumbImageRow img:hover
    {
        border: 1px solid red;
    }
    
	*/
	
	ul, ol {
		list-style: none;
	}