body{   

	font: 72%/1.4 Arial, Helvetica, sans-serif;
	background:#000000;
	color: #b3b3b7;
}
#mainblock{
	border:1px solid #333333;
	width:968px;
	margin:10px auto;
	
	background-image: url(../images/grade_black.jpg);
	background-position: top;
	background-repeat: repeat-x;
	position: relative;
}
#logo {
	width: 191px;
	position: relative;
	left: 64px;
	top: 10px;
	height: 250px;
	background-image: url(../images/stuarthay_photography_logo.png);
	background-repeat: no-repeat;
}
#leftControl {
	left: 64px;
	position: relative;
	width: 178px;
}
#thumbview {
	
	vertical-align: middle;
	height: 128px;
	width: 190px;
	margin-top:15px;
	margin-left:2px;
	margin-bottom: 10px;
	background: url('../images/wait_loading.gif') 50% 50% no-repeat #302c2c ;
}
#hometext {
	font-size: 12px;
	line-height: 18px;
	color: #a0a0a2;
	background-color: #131313;
	text-align: justify;
	position: absolute;
	top: 709px;
	width: 600px;
	right: 39px; 
	padding-top: 3px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	
}
#bottom {
	width:968px;
	margin:auto;
	font-size: 11px;
	color: #8b8989;
}

#bottom a{
  color: #8b8989;
  text-decoration: none;
}
#bottom a:hover{
  color: #B7B7B7;
  text-decoration: none;
}

#bottom UL {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
	LIST-STYLE-TYPE: none;
}

#bottom LI.last {
	PADDING-RIGHT: 20px;
	PADDING-LEFT: 0px;
	FLOAT: left;
	PADDING-BOTTOM: 0px;
	MARGIN-right: 20px;
	PADDING-TOP: 0px;
	border:none;
}

#bottom LI {
	PADDING-RIGHT: 20px;
	PADDING-LEFT: 0px;
	FLOAT: left;
	PADDING-BOTTOM: 0px;
	MARGIN-right: 20px;
	PADDING-TOP: 0px;
	border-right-style:solid;
	border-right-width:1px;
	border-right-color:#8b8989; 
}

#hometext a{
   COLOR: #EBEBEB;
   text-decoration:none;
}
#hometext a:hover {
   COLOR: #ffffff;
   text-decoration:underline;
}

#hometext UL {
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 30px;
	
	PADDING-BOTTOM: 0px;
	MARGIN: 5px;
	PADDING-TOP: 5px;
	LIST-STYLE-TYPE: none;
	
}

#flashnews {
	right: 39px;
	top: 5px;
	height: 30px;
	width: 610px;
	position: absolute;
	vertical-align: middle;
	font-style: normal;
	/*font-variant: small-caps;*/
	/*font-weight: bold;*/
	color: #888888;
	font-size: 110%;
}
#flashnews a{
 color: #888888;
 font-size: 110%;
 text-decoration: none;
}
#flashnews a:hover {
 color: #cccccc;
 }


#left {
	left: 64px;
	top: 10px;
	width: 318px;
	
}

#menu {
	top: 20px;
	right: 28px;
	position: absolute;
	width: 622px;
	height: 50px;
	vertical-align:middle;
}
.block {
	background-color: #2c2c2c;
	border: 1px solid #5f5e5e;
	width: 18px;
	height: 18px;
	display: block;
}

.block_hl {
	background-color: #5f5e5e;
	border: 1px solid #5f5e5e;
	width: 18px;
	height: 18px;
	display: block;
}

.blackblock{
	background-color: #000000;
	border: 1px solid #5f5e5e;
	width: 18px;
	height: 18px;
	display: block;
}

#menu UL {
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 1px;
	FLOAT: left;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
	LIST-STYLE-TYPE: none;
	
}
#menu LI {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	FLOAT: left;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
		
}
#mainpict {
	
	height: 613px;
	width: 613px;
	position: absolute;
	top: 85px;
	right: 36px;
	background: url('../images/wait_loading.gif') 50% 50% no-repeat ;
}



#menu A {
	PADDING-RIGHT: 20px; 
	PADDING-LEFT: 22px;
	PADDING-BOTTOM: 25px;
	padding-top:15px;
	margin-top: 6px;
	margin-bottom:16px;
	text-align:center;
	DISPLAY: block; 
	FONT-WEIGHT: normal; 
	FONT-SIZE: 100%; 
	FLOAT: left; 
	COLOR: #a0a0a2; 
	TEXT-DECORATION: none;
	background-image: url(../images/menubg.jpg);
	background-repeat: repeat-x ;
	background-position: top;
	
}
#menu A:hover {
	DISPLAY: block; BACKGROUND: url(../images/menubg_over.jpg)  repeat-x top ; FLOAT: left; COLOR: #EBEBEB; 
}
#menu A.this {
	DISPLAY: block; BACKGROUND: url(../images/menubg_over.jpg) repeat-x top ; FLOAT: left; COLOR: #EBEBEB;
}

a.gallery{
	color: #9a9898;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
}
a.gallery:hover{
	color: #cccccc;
	
	
}
.burgendy{
  color:#600001;
  font-weight:bold;
  padding-right: 3px;
}

#rightColumn {
	width: 610px;
	position: absolute;
	top: 80px;
	right: 27px;
	font-size: 12px;
	line-height: 18px;
	color: #a0a0a2;
	background-color: #131313;
	text-align: justify;
	position: absolute;
	height: 830px;
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 3px;
	PADDING-BOTTOM: 0px;
	MARGIN: 5px;
	PADDING-TOP: 5px;
	LIST-STYLE-TYPE: none;
}

#rightColumn UL {
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 30px;
	
	PADDING-BOTTOM: 5px;
	MARGIN: 5px;
	PADDING-TOP: 5px;
	LIST-STYLE-TYPE: none;
	
}

#rightColumn a{
	color: #a0a0a2;
}
#rightColumn a:Hover {
	color: #D3D3D3;
}


.title{
 color: #7d7575;
 font-weight:bold;
 font-size: 14px;
}

textarea, input, select{
  color: #131313;
  font-size: 100%;
  background: #ffffff;
}

td.dashbottom{
  border-bottom: dashed #333333 1px;
}

.goldTitle{
color: #a66712;
font-weight: bold;
font-size: 105%;
}

a.info{
    position:relative; 
    z-index:24; 
   
    text-decoration:none
	}

a.info:hover {z-index:25; background-color: #F1F1F1}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:auto;
    border:1px solid #0cf;
    background-color: #353535; color: #F3F3F3;
    text-align: justify;
	padding: 2px;
	}
#gallerypict {

        width: 613px;
        position: absolute;
        top: 85px;
        right: 36px;
        background: url('../images/wait_loading.gif') 50% 50% no-repeat ;
}

a.slideshowLink {
color:#cccccc; 
font-size:12px; 
text-decoration:  none;
display: block;
width: 80px;
border: solid 1px #663300;
margin-right: 2px;
padding-right:5px;
}
a.slideshowLink:hover {
color: #ffffff;
background-color: #643506;
border: solid 1px #663300; 
}

#mainarea1 {

        width: 613px;
        height: 830px;
        position: absolute;
        top: 85px;
        right: 36px;
        background: #131313;
     /*  overflow: auto;*/
		
}

#mainarea {
        width: 613px;
        height: 700px;
  	overflow: auto;
}


a.pageLink {
color:#cccccc; 
font-size:12px; 
text-decoration:  none;
text-align: center;
border: solid 1px #663300;
margin-right: 2px;
padding-right:5px;
background-color: #403006;
}
a.pageLink:hover {
color: #ffffff;
background-color: #643506;
border: solid 1px #663300; 
}

#mainarea select {
background: #131313;
color:#cccccc;
border: none;
padding: 0px;
margin: 0px;
}

a.imgLink {
padding: none;
border: none;
margin: none;
}

.errorText {
color: #FFFF33;
font-weight:bold;
font-size: 12px;
}

a.whiteLink {
 color: #909090;
 text-decoration: none;
}

a.whiteLink:hover {

 color: #cccccc;
}

a.glodWLink{
color:#a66712; 
font-size:12px; 
text-decoration:  none;

}
a.glodWLink:hover {
color:#ffffff; 


}



a.redLink{
color:red; 
font-size:12px; 
text-decoration:  none;

}
a.redLink:hover {
color:#ffffff; 


}

#mainarea1 a {
color:#a66712; 
font-size:12px; 
text-decoration:  none;
}
 #mainarea1 a:hover {
color: #ffffff;
}

 #goldLink a {
color:#a66712; 
font-size:12px; 
text-decoration:  none;
}
 #goldLink a:hover {
color: #ffffff;
}

#boldGoldLink a{
color:#a66712; 
font-size:12px; 
text-decoration:  none;
font-weight: bold;
}
#boldGoldLink a:hover {
color: #ffffff;
}

.photoDetail {
 overflow: auto;
 filter:chroma(color=#FFFFFF);
 scrollbar-face-color:#000000;
 scrollbar-shadow-color:#a66712;
 scrollbar-highlight-color:#a66712;
 scrollbar-3dlight-color:#220102;
 scrollbar-darkshadow-color:#220102;
 scrollbar-track-color:#FFFFFF;
 scrollbar-arrow-color:#C2A2DA;
 height: 190px;
}