/* CSS Document */
/*reset.css*/body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}

a { text-decoration:none; color:#77756e; }
a:hover { color:#CC3333; }
.selected { color:black; }
body { font-size:62.5%; font-family:Georgia, "Times New Roman", Times, serif; text-align:center; line-height:1.5; color:#77756e; }
h1 { position:absolute; font-size:2.8em; left:30px; top:25px; color:white; letter-spacing:0.04em;}
h1 span { color:#77756e; }
h2 { font-size:1.4em; }
h4 { margin-top:2em; font-size:1.4em; color:black; }
p { margin-bottom:1em; color:#77756e; font-size:1.2em; }
em { font-style:italic; }

h2.selected { color:black; }


#wrapper { width:996px; height:768px; margin:10px auto; background-color:#FFF; text-align:left; position:relative; border-bottom:1px solid #77756e; border-top:1px solid #77756e;}

#commissionQuote { position:absolute; left:40px; bottom:30px; width:550px; font-style:italic; }
#contactDetails { position:absolute; left:680px; top:300px; }
#dimensions, #material { color:#77756e; }
#directions { margin-top:2em; }

#feature { position:absolute; top:185px; left:0; }

#info { position:absolute; left:695px; top:440px; }
#nav { position:absolute; left:710px; top:45px; color:#77756e; }
#profile, #directions, #commissionText { position:absolute; left:680px; top:300px; width:300px; }
#commissions h1 span { color:#fffba6; }
#contact h1 { width:623px; height:100px; background:#BDB7AB; left:0; top:0; padding:25px 0 0 30px;}
#artist h1 { z-index:2; }

#casts h1 { width:623px; height:160px; background:#afbfc0; left:0; top:0; padding:25px 0 0 30px; }
#glass h1 { width:623px; height:160px; background:#acac9d; left:0; top:0; padding:25px 0 0 30px; }
#stone h1 { width:623px; height:160px; background:#c2c2c2; left:0; top:0; padding:25px 0 0 30px; }

#thumbnails { width:355px; height:148px; position:absolute; left:690px; bottom:30px; }
#title { font-size:2em; color:#77756e; }
#siteCredit { position:absolute; left:30px; top:773px; color:#D2CFC0; }

#t_1 { position:absolute; top:0; left:0; }
#t_2 { position:absolute; top:0; left:74px; }
#t_3 { position:absolute; top:0; left:148px; }
#t_4 { position:absolute; top:0; left:222px; }
#t_5 { position:absolute; top:74px; left:0; }
#t_6 { position:absolute; top:74px; left:74px; }
#t_7 { position:absolute; top:74px; left:148px; }
#t_8 { position:absolute; top:74px; left:222px; }

#commissionText li { margin-bottom:1em; font-size:1.2em; }
#commissionQuote p { color:white;  font-size:2.6em;}
#commissionQuote em { font-size:1.4em; }
#profile a, #contactDetails a { text-decoration:none; border-bottom:dotted 1px #77756e; padding-bottom:2px; }
#profile a:hover, #contactDetails a:hover { border-bottom:dotted 1px #CC3333; }

#artist #info { position:absolute; left:680px; top:690px; }
#artist #feature { position:absolute; left:0; top:0px; }
#contact #feature { position:absolute; left:0; top:100px; }
#home #wrapper { background:url(../images/homepage_bg.jpg) 0 0 no-repeat; border-top:1px solid #77756e; }
#commissions #wrapper { background:url(../images/commissions/commissions.jpg) 0 0 no-repeat; border-top:1px solid #77756e; }

#stone #thumbnails #t_1.selected { top:0; left:0; width:70px; height:70px; background:url(../images/blank.gif); position:absolute; }
#stone #thumbnails #t_2.selected { top:0; left:74px; width:70px; height:70px; background:url(../images/blank.gif); position:absolute; }
#stone #thumbnails #t_3.selected { top:0; left:148px; width:70px; height:70px; background:url(../images/blank.gif); position:absolute; }
#stone #thumbnails #t_4.selected { top:0; left:222px; width:70px; height:70px; background:url(../images/blank.gif); position:absolute; }
#stone #thumbnails #t_5.selected { top:74px; left:0; width:70px; height:70px; background:url(../images/blank.gif); position:absolute; }
#stone #thumbnails #t_6.selected { top:74px; left:74px; width:70px; height:70px; background:url(../images/blank.gif); position:absolute; }
#stone #thumbnails #t_7.selected { top:74px; left:148px; width:70px; height:70px; background:url(../images/blank.gif); position:absolute; }
#stone #thumbnails #t_8.selected { top:74px; left:222px; width:70px; height:70px; background:url(../images/blank.gif); position:absolute; }

#casts #thumbnails #t_1.selected { top:0; left:0; width:70px; height:70px; background:url(../images/blank.gif); position:absolute; }
#casts #thumbnails #t_2.selected { top:0; left:74px; width:70px; height:70px; background:url(../images/blank.gif); position:absolute; }
#casts #thumbnails #t_3.selected { top:0; left:148px; width:70px; height:70px; background:url(../images/blank.gif); position:absolute; }
#casts #thumbnails #t_4.selected { top:0; left:222px; width:70px; height:70px; background:url(../images/blank.gif); position:absolute; }
#casts #thumbnails #t_5.selected { top:74px; left:0; width:70px; height:70px; background:url(../images/blank.gif); position:absolute; }
#casts #thumbnails #t_6.selected { top:74px; left:74px; width:70px; height:70px; background:url(../images/blank.gif); position:absolute; }
#casts #thumbnails #t_7.selected { top:74px; left:148px; width:70px; height:70px; background:url(../images/blank.gif); position:absolute; }
#casts #thumbnails #t_8.selected { top:74px; left:222px; width:70px; height:70px; background:url(../images/blank.gif); position:absolute; }

#glass #thumbnails #t_1.selected { top:0; left:0; width:70px; height:70px; background:url(../images/blank.gif); position:absolute; }
#glass #thumbnails #t_2.selected { top:0; left:74px; width:70px; height:70px; background:url(../images/blank.gif); position:absolute; }
#glass #thumbnails #t_3.selected { top:0; left:148px; width:70px; height:70px; background:url(../images/blank.gif); position:absolute; }
#glass #thumbnails #t_4.selected { top:0; left:222px; width:70px; height:70px; background:url(../images/blank.gif); position:absolute; }
#glass #thumbnails #t_5.selected { top:74px; left:0; width:70px; height:70px; background:url(../images/blank.gif); position:absolute; }
#glass #thumbnails #t_6.selected { top:74px; left:74px; width:70px; height:70px; background:url(../images/blank.gif); position:absolute; }
#glass #thumbnails #t_7.selected { top:74px; left:148px; width:70px; height:70px; background:url(../images/blank.gif); position:absolute; }
#glass #thumbnails #t_8.selected { top:74px; left:222px; width:70px; height:70px; background:url(../images/blank.gif); position:absolute; }

.alert { color:red; }