/*----------------------------------------------------------*/
/* Glacier Web Creative HOME Cascading Style Sheet */
/* Author: Steve Pettee, Glacier Web Creative */
/* www.GlacierWebCreative.com */
/*----------------------------------------------------------*/

/* General
------------------------------------------------------------*/
html { background: rgb(226,234,242);}   /* light blue */

* {margin: 0;}
* {padding: 0;}
* {font-family: arial;}

#container {
    position: relative; 
    background: rgb(226,234,242);  /* light blue */
    margin: 0 auto;
    width: 900px;
    margin-top: 10px;
    margin-bottom: 10px;}
    
/* Header
-------------------------------------------------------------*/
#header {
    position: relative;
    width: 900px;
    height: 200px;
    background: rgb(39,101,158);}

#subheader {
    position: absolute;
    width: 500px;
    height:200px;
    top: 0px;
    left: 400px;
    background: rgb(39,101,158) url(images/subheader-gradient.gif) repeat-y;}  
        /* dark blue */
    
#header-img {vertical-align: bottom;}
    
#header-text {
    position: absolute;
    top: 65px;
    left: 5px;}
    
#header-goat {
    position: absolute;
    top: 5px;
    left: 406px;}
    
#subheader-bar {
    position: absolute;
    width: 500px;
    height: 18px;
    top: 182px;
    left:0px;
    background: rgb(39,101,158);   /* dark blue */
    vertical-align: bottom;} 
    
/* Content
---------------------------------------------------------------*/
#content {    
    position: relative;
    width: 900px;
    height: 1000px;
    background: white url(images/content-gradient.gif) repeat-x ;
    margin-top: 10px;
    margin-bottom: 10px;}

/* Navigation 
----------------------------------------------------------------*/
#navigation {
    position: relative;
    width: 200px;
    height: 300px;
    top: 100px;}
    
#nav-list {
    position: absolute;
    width: 200px;
    height: 300px;
    margin-left: 30px;
    list-style: none;}
    
#nav-list li {
    width: 150px;
    border-bottom: 1px solid rgb(39,101,158);}
    
#nav-list a {
    display: block;
    width: 150px;
    background: url(images/nav-image.gif) 0 50% no-repeat;
    color: rgb(39,39,39);   /* black gray */
    text-indent: 20px;
    text-decoration: none;
    font: 15px/170% arial;
    font-weight: 500;}
    
#nav-list a:link, #nav-list a:visited {padding: 4px 0 4px 0;}
    
#nav-list a:hover {background: transparent url(images/nav-image.gif) 0 50% no-repeat;}

#nav-list a#current {font-weight: bold; padding: 4px 0 4px 0;}
    
/* Main Text
-----------------------------------------------------------------*/
#main-text {
    position: absolute;
    left: 205px;
    top: 40px;
    width: 430px;
    height: 630px;
    padding-left: 10px;
    background: transparent url(images/bottom-gradient.gif) repeat-x bottom left;}
    
#main-text h2 {
    position: relative;
    width: 410px;
    border-bottom: 1px solid rgb(39,101,158);  /* dark blue */
    color: rgb(39,101,158);  /* dark blue */ 
    padding-bottom: 20px;}
    
#main-text p {
    position: relative;
    top: 20px;
    font: 17px/160% georgia ;
    color: rgb(39,39,39);}   /* black grey */
    
p#provide {
    position: relative;
    top: 0px;
    width: 410px;
    border-bottom: 1px solid rgb(39,101,158);  /* dark blue */
    color: rgb(39,101,158);   /* dark blue */   
    font: 16px arial;
    font-weight: 600;}
    
#provide-text {
    padding-top: 20px;
    padding-left: 0px;
    list-style: none;}
    
#provide-text li {
    width: 370px;
    background: transparent url(images/checkmark.gif) 5% 20% no-repeat  ;
    font: italic 17px/160% georgia;
    padding-left: 40px;}
    
.bold {
    font: italic 700 17px/160% georgia ;}
    
/* Thumb Nails
------------------------------------------------------------------*/
#thumb-nails {
    position: absolute;
    background: transparent;
    width: 225px;
    top:100px;
    left: 660px;
    padding-left: 10px;}
    
#thumb-nails h5 {
    position: absolute;
    width: 195px;
    height: 20px;
    border-bottom: 1px solid rgb(39,101,158);  /* dark blue */
    padding-bottom: 5px;
    color: rgb(39,101,158);   /* dark blue */
    font: 700 17px arial;
    text-align: center
    }
    
#thumb-nails a, img { border-style: none;}

/* select featured work, only 5 --- top = 40, 190, 340, 490, 640 */

    
#shaws-thumb { position:absolute; top:40px;}
#sharps-thumb {position:absolute; top:190px;}
#nssf-thumb {position:absolute; top:340px;}
#rosas-thumb { position:absolute; top:490px;}
#bison-thumb {position:absolute; top:640px;}
/* #vc-thumb { position:absolute; top:190px;} */
/*#fbbf-thumb {position:absolute; top:650px;} */

/* Footer 
-------------------------------------------------------------------*/
#footer {
    position: absolute;
    top: 1120px;
    width: 840px;
    height: 50px;
    margin-left: 30px;
    background: white url(images/horiz-line.gif) repeat-x ;}
    
#copyright {
    font: 14px verdana;
    color: rgb(39,39,39);   /* black-gray */
    padding-top: 10px;}
    
#xhtml {
    position: relative;
    left: 715px;
    top: -18px;
    font: 15px verdana;
    color: rgb(39,101,158);}   /* dark blue */
    
#css2 {
    position: relative;
    left: 740px;
    top: -18px;
    font: 15px verdana; 
    color: rgb(39,101,158);}   /* dark blue */
    
#footer a:link, #footer a:visited {color: rgb(39,101,158);}   /* dark blue */
#footer a:hover { color: rgb(255,80,192);}