/* css reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;}

p {
    margin-bottom: 1em;
}

img {
    border: none;
}

a:link {
    text-decoration: none;
    color: #66CCFF;
}

a:visited {
    text-decoration: none;
    color: #66CCFF;
}

a:hover {
    text-decoration: underline;
    color: #66CCFF;
}

body {
    background: #4E4E58 url(bg.jpg) repeat-x top left;
    color: #FFFFFF; 
    font-family: geneva, verdana, sans-serif;
    font-size: 0.95em;
    line-height: 1.2;
    padding-top:  5px;
    padding-left: 20px;
}

h1 a {
    color: #FFFFFF;
    text-decoration: none;
}
#title {
    background: url(ITCAvantGardeGothic48.png) no-repeat;
    display: block;
    width: 788px;
    height: 70px;
}
.ie6 #title{
    background: url(ITCAvantGardeGothic48.gif) no-repeat;
}
#title-txt {
    display: none;
}

#gallery {
    margin-top : 5px;
    width: 55em;
}

#non-gallery {
    padding-left: 30px;
    width: 50em;
}

.singlePage {
    height: 30em;
}

h2 {
    font-weight: bold;
    color: #FFFF88;
    margin-bottom: 20px;
}

.words {
    width: 48em;
    z-index: 1;
}

.vbreeze {
    line-height: 1.3;
}

.block {
    text-align: justify;
}

.red {
    color: #FF6666;
}

.clear {
    clear: both;
}

#footer {
    width: 52em;
    font-size: 0.7em;
    line-height: 1.6;
    margin: 20px 0 10px;
    padding: 4px 40px 4px 200px;
    background: #333333;
    color: #CCCCCC;
}

.ie6 .ecard #footer {
    width: 800px;
}

/*---- home ----------*/
.words .coverPics {
    float:      left;
    width:      350px;
    padding:    5px 5px; 
    text-align: center;	
}

/*--- about > new ---*/
.words.new {
    width: 49em;
}
.words.new .col1 {
    float: left;
    width: 7em;
    font-weight: normal;
}
.words.new .col2 {
    float: left;
    width: 42em;
}

/*--- about > bio ---*/
.bio {
    margin-top: 20px;
    margin-bottom: 20px;
}

.bio img {
    float: left;
    margin: 1px 5px 0px 0px;
}

 /* revisit - combined class */
.bio .words {
    width: 37em;
    float: left;
    margin-left: 10px;
}

.bio .name {
	font-weight: bold;
	color: #FFFF88;
}

/*--- about > prices ---*/
.price-table {
    border: 1px solid #333333;
    border-collapse: collapse;
}

.price-table th {
    border: 1px solid #FFFFFF;
    background-color: #333333;
    color:            #FFFFFF;
    font-size: 14px;
    padding:    2px;
}

.price-table td {
    border: 1px solid #333333;
    background-color: #FFFFFF;
    color:            #333333;
    font-size: 14px;	
    padding:    2px;
}

.price-notes {
    padding-left: 15px;
}

/*--- about > work ---*/
#list {
    margin-top: 10px;
}

#list ul {
    margin-left: 0.1em;
    padding-left: 1.15em;
    list-style-image: url(sq-bullet-w.gif);
}
#list ul ul {
    margin-left: 0;
    padding-left: 2em;
    list-style-image: none;
    list-style-type: circle;
}
#list ul ul ul {
    padding-left: 3em;
    list-style-image: none;
    list-style-type: disc;
}

#list li {
    color: #FFFF88;
/*    padding-top: 0.5em;*/
    padding-bottom: 0.5em;
}
#list li li {
    color: #FFFFFF;
/*    padding-top: 0;*/
    padding-bottom: 0;
}

/*----- contact ------*/
.words .col1 {
    float: left;
    width: 6em;
    font-weight: bold;
}
.words .col2 {
    float: left;
    width: 40em;
}

/*--- gallery style ---*/

#galleryHeader {
    width: 52em;
}

#thumb {
    float: left;
    display: table;
    margin-top: 13px;
    width: 200px;
}
#thumb .row {
    display: table-row;
}
#thumb .cell {
    display: table-cell;
    padding: 0 10px 10px 0;
}

.ie6 #thumb,
.ie7 #thumb {
    display: block;
}
.ie6 #thumb table,
.ie7 #thumb table {
    border-collapse: collapse;
}
.ie6 #thumb table td,
.ie7 #thumb table td {
    padding: 0 10px 10px 0;
}

#thumb img {
    height: 75px;
    width:  75px;
}

.unselected { 
    border: 2px solid transparent;
}

.ie6 .unselected { 
    border: 2px solid #6C6C74;
}

.selected { 
    border: 2px solid #FEFF6F;
}

#thumb a {
    color: #FFFF88;
}

#thumb .pageNav {
    display: table-cell;
    padding-bottom: 0;
}

#thumb .arrowNav {
    height: 30px;
}

#display {
    float: left;
    margin-top: 15px;
    margin-left: 15px;
    text-align: center;
}

/*
#display .image {
	min-height: 200px;
	margin-bottom: 20px;
}

.ie6 #display image {
	height: expression(this.scrollHeight < 200 ? "200px" : "auto");
}
*/
#display .title {
	color: #FFFF88;
	font-weight: bold;
}

#display .titleInfo {
	color: #FFFF88;
	font-weight: normal;
}

#display .moreInfo {
	color: #FFFFFF;
	font-weight: normal;
}

#display .ecard {
	margin-top: 10px;
	font-weight: bold;
}

#display .ecard img {
	margin-right: 8px;
}

/*--- thumbnail only gallery style ---*/
#thumbnailsHelp {
    width: 52em;
    padding-bottom: 10px;
    text-align: center;
}
#thumbnails {
    padding-left: 5px;
}
#thumbnails .row {
    height: 56px;
}
#thumbnails .cell {
    float: left;
    padding: 0 7px 7px 0;
}
#thumbnails img {
    height: 45px;
    width:  45px;
}

/*--- drop down menu style ---*/
#menu {
	width: 52em;
	margin: 10px 0;
}

#menu-filler {
	background: #333333;
	float: left;
	height: 1.63em;
	width: 21em;
	margin-right: 1px;
}
.safari #menu-filler {
	height: 1.5em;
}
.opera #menu-filler {
	width: 20.6em;
}
.ie6 #menu-filler {
	width: 20.8em;
}
.ie6 .ecard #menu-filler {
	width: 24.5em;
}

#drop-down-menu,
#drop-down-menu li,
#drop-down-menu ul {
	list-style: none;
}

#drop-down-menu {
	margin: 0;
	padding: 0;
	z-index: 10;
	position: relative;
	float: left;
}

#drop-down-menu li {
	margin: 0 1px 0 0;
	padding: 0.28em 0.7em;
	width: 5.2em;
	float: left;
	font-family: geneva, verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	background: #333333;
	color: #FFFFFF;
}

.ie6 .ecard #drop-down-menu li {
	width: 82px;
}

#drop-down-menu li.hover, /* for IE6 */
#drop-down-menu li:hover {
	position: relative;
	z-index: 12;
	cursor: default;
}

#drop-down-menu li:hover > ul {
	visibility: visible;
}

#drop-down-menu li a,
#drop-down-menu li li a {
	color: #FFFFFF;	
	text-decoration: none;
}

#drop-down-menu li a:hover {
	color: #66CCFF;
}

#drop-down-menu li li a:hover {
	font-weight: bold;
}

#drop-down-menu li li{
	margin: 0 0;
	padding: 4px 10px;
	width: 120px;
	float: none;
	font-family: geneva, verdana, sans-serif;
	font-size:   12px;
	font-weight: normal;
	text-align: left;
	background: #333333;
	color:      #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #62626a;
}

.ie6 .ecard #drop-down-menu li li{
	width: 130px;
}

#drop-down-menu ul {
	visibility: hidden;
	position: absolute;
	margin: 0;
	padding: 0; 
	top: 100%;
	left: 0;
	z-index: 11;
	width: 100%;
}

#drop-down-menu ul ul {
	top: 1px;
	left: 99%;
}

/*--- print styling ---*/
@media print {
    body {
        color:            #000000; 
        background-image: none;   
        background-color: #FFFFFF;
    }

    h2 { color: #000000;}

    a:link    { color: #000000; }
    a:visited { color: #000000; }

    #title { background: none; }
    #title-txt {
        display: inline;
        font-family: 'century gothic', Geneva;
        width:  52em;
        font-size: 4.2em;
        font-weight: normal;
    }

    #drop-down-menu li a { 
        background: #000000; 
        color:#FFFFFF;
    }
    
    #display .title,
    #display .titleInfo,
    #display .moreInfo { 
    	color: #000000;
    }
    
    .bio .name {
        color: #000000;
    }

    #list a {
        text-decoration: underline;
    }
    .price-table th {
        border: 1px solid #000000;
        background-color: #333333;
        color:            #FFFFFF;
    }
}