/* www.goebeyers.com */

* {
	margin: 0;
	padding: 0;
}

ul.square {list-style-type: square}	 

a {text-decoration:none;   
   color: #ffffff;}

a:hover img {background-color: #000080}

/* preload images */
.hide {display:none;}

  
body {
	font-family: Arial, Helvetica, sans-serif;
	background: #ffffff url(images/background-1pixwidth2.gif) left top repeat-x;
	margin: 0 auto;
	text-align:center;	/* Need to add this for IE - otherwise it doesnt center*/	
}

/* outline frame */
#wrapper {
	background: transparent url(images/leftandrightframes.gif) left top repeat-y;
	margin: 0 auto;
	width: 935px;
	position: relative;
	z-index: 1;
	height:900px; 
}

#header {
    background: transparent url(images/buttonsNormal/jpeghigh/Goebeyers-TopFrame.jpg) left top no-repeat;
    color: white;    
    text-align : right;
    height : 32px;
	margin-left: 12px;
}

	#header h5 {
            padding-top: 5px;
			padding-right: 10px;
			margin-right: 10px;
		}
 

#titleframe {
	background: transparent url(images/buttonsNormal/jpeghigh/Goebeyers-titleframe.jpg) left top no-repeat;	
	margin-left: 12px;
	margin-right: 12px;
	height: 214px;
	clear : both;
}	

#bodyframe {
	margin: 0 auto;
	width: 911px;
	height: auto;
}

#abovebuttonsframe {
	background: transparent url(images/buttonsNormal/jpeghigh/Goebeyers-abovebuttonsframe.jpg) left top no-repeat;
	position: relative;
    float: left;
	width: 237px;
	height: 92px;
}  

#MainframeHome {
	background: transparent url(images/buttonsNormal/jpeghigh/Goebeyers-mainframe.jpg) right top no-repeat;
	position: relative;
    float: right;
	width: 674px;
	height: 623px;
}

#artistHome {
	background: transparent url(images/aboutPg/jpeghigh/Goebeyers-mainframe.jpg) right top no-repeat;
	position: relative;
    float: right;
	width: 674px;
	height: 623px;
}

#TextSetup	{
	font: normal 14px Arial, Helvetica, sans-serif;
	width: 670px;
	padding-top: 40px;
	color: #000080;

}	 

#TextSetupline	{
	margin-left: 150px;

}


#sitemapHeaderText {
    color: #48a7ff;    
	margin-left: 20px;
	text-align : left;
}

	#sitemapHeaderText h4 {					
			padding-left: 70px;
			padding-right: 70px;
			padding-top: 10px;
			color: #48a7ff;
			line-height: 150%;
		}

	#sitemapHeaderText ul {	
			padding-left: 90px;	
			list-style-type:square;
			margin-left: 70px;
			margin-right:130px;
		}

	#sitemapHeaderText a:link {
	 		color: #48a7ff;
			}		
	#sitemapHeaderText a:visited {
	 		color: #48a7ff;
			}  
	#sitemapHeaderText a:hover {
	 		color: #ffffff;
			text-decoration:underline;
			}				
	#sitemapHeaderText a:active {
	 		color: #e430ff;
			}	 

	#sitemapHeaderText ul li {					
			list-style-type:square;
			color: #98cdff;	  	
			padding-bottom: 5px;	 			
		}

	#sitemapHeaderText ul li ul.leftcol {
			padding-left: 20px;	
			width: 30em;				
		}

	#sitemapHeaderText  ul li ul.leftcol a:link {
	 		color: #c4b2ff;
			}
	#sitemapHeaderText ul li ul.leftcol a:visited {
	 		color: #48a7ff;
			}  
	#sitemapHeaderText ul li ul.leftcol a:hover {
	 		color: #ffffff;
			text-decoration:underline;
			}				
	#sitemapHeaderText ul li ul.leftcol a:active {
	 		color: #e430ff;
			}

   
	#sitemapHeaderText ul li ul.leftcol li {
			list-style-type:circle;
			color: #c4b2ff;	
			float: left;
		    width: 15em;				
		}

	#TextSetup h3 {
			padding-left: 100px;
			padding-right: 70px;
			font-style: italic;
			line-height: 150%;
		}
 		
	#TextSetup .p1 {
	       line-height: 125%;
			padding-left: 100px;
			padding-right: 30px;
		}

	#TextSetup ul {
			padding-left: 135px;
			padding-right: 30px;
		}

	#TextSetup .p2 {
			line-height: 125%;
			padding-left: 135px;
			padding-right: 30px;
		}

	#TextSetup .p3 {
			padding-left: 200px;
			padding-right: 30px;
		}

	#TextSetup .p4 {
			padding-left: 200px;
			padding-right: 30px;
			text-decoration: blink;
		}

    #TextSetup .p5 {
			line-height: 125%;
			padding-left: 100px;
			padding-right: 180px;
		}
  
	#TextSetup a {text-decoration:none;
      		color: #000080;	/* Set this link to navy blue */
      	}	

	#TextSetup p { 
			text-align: justify;
		}
	  
#paintingLargeHome {
	background: transparent url(images/paintingsPg/jpeghigh/Goebeyers-mainframe.jpg) right top no-repeat;
	position: relative;
    float: right;
	width: 674px;
	height: 623px;
}   

#paintingpostcardsize  {
  	position: absolute;	 
	top: 42px;
	left:130px;
	font-size: 12px;
	color: #000080;
}

#paintingpostcardsizeInfo2 {
	font: normal 100%/18px Arial, Helvetica, sans-serif;
	border: 1px solid #000000;
	position: absolute;	 
	top: 550px;										 
	left:270px;
	font-size: 14px;
	color: #000080;	
	background-color: #C9D5FF;
}

#paintingsHome {
	background: transparent url(images/PaintingsThumbnails/jpeghigh/Goebeyers-mainframe.jpg) right top no-repeat;
	position: relative;
    float: right;
	width: 674px;
	height: 623px;
}

#insidepaintingsHome {
	margin-top: 90px;
	margin-left: 82px;
	margin-right: 5px;
}		
 
/* 	thumbnails -------------------------------------*/



div.thumb {
margin: 2px;
height: 160px;
 float: left;
 background-color: #ffffff;
 border: 1px solid #ffffff;
}

.thumb img{
display: inline;
}	   

.thumb_border img{
border: 4px solid #ffffff;		  /* this border is when img not selected */
} 

.thumb_border:hover img{
border: 4px ridge #00EE00;
}

.thumb_border:hover{
color: red; 
}		  

/* =============================================================*/
		 

#exhibitionsHome {
	background: transparent url(images/aboutPg/jpeghigh/Goebeyers-mainframe.jpg) left top no-repeat;
	position: relative;
    float: right;
	width: 674px;
	height: 623px;
}

#contactHome {
	background: transparent url(images/Contact/jpeghigh/Goebeyers-mainframe.jpg) right top no-repeat;
	position: relative;
    float: right;
	width: 674px;
	height: 623px;
}
	  

/* Buttons ******************************************************************/
#buttonsAndFrameLeftButtonsFrame {
	color: #fff;
	font-weight: normal;
	margin-left: 12px;
	height: 454px;
 	position: absolute;	 
	left: 0px;	/* must define this as 0 for IE! */
	top: 338px;
	width: 237px;
}

#buttonsFrame {
	padding:0; 
	width: 172px;
	height: 100%;
	float: right;
}
  
#frameleftButtons {
	background: transparent url(images/buttonsNormal/jpeghigh/Goebeyers-frameleftButtons.jpg) left top no-repeat;
	position: relative;
    float: left;
	width: 65px;
	height:362px;
}

/* Actual Buttons ****************/
#Homebutton {
	background: transparent url(images/buttonsNormal/jpeghigh/Goebeyers-Homebutton.jpg) left top no-repeat;
	position: relative;
    float: right;
	width: 172px;
	height: 68px;
}

#TheArtistButton {
	background: transparent url(images/buttonsNormal/jpeghigh/Goebeyers-TheArtistButton.jpg) left top no-repeat;
	position: relative;
    float: right;
	width: 172px;
	height: 58px;
}

#PaintingsButton {
	background: transparent url(images/buttonsNormal/jpeghigh/Goebeyers-PaintingsButton.jpg) left top no-repeat;
	position: relative;
    float: right;
	width: 172px;
	height: 60px;
}

#ExhibitionsButton {
	background: transparent url(images/buttonsNormal/jpeghigh/Goebeyers-ExhibitionsButton.jpg) left top no-repeat;
	position: relative;
    float: right;
	width: 172px;
	height: 60px;
}

#ContactButton {
	background: transparent url(images/buttonsNormal/jpeghigh/Goebeyers-ContactButton.jpg) left top no-repeat;
	position: relative;
    float: right;
	width: 172px;
	height: 57px;
}

#ExtraButton {
	background: transparent url(images/buttonsNormal/jpeghigh/Goebeyers-extrabutton.jpg) left top no-repeat;
	position: relative;
	float: right;
	width: 172px;
	height: 59px;
}

/* *****************************************************************************/


#SignatureFrame {
	background: transparent url(images/buttonsNormal/jpeghigh/Goebeyers-signatureFrame.jpg) left top no-repeat;
    float: left;
	margin-left: 12px;
	width: 237px;
	height: 169px;
	left: 0px;	/* must define this as 0 for IE! */
	position: absolute;	 
	top: 700px;
}

#Bottomframe {
	background: transparent url(images/buttonsNormal/jpeghigh/Goebeyers-bottomframe.jpg) left top no-repeat;
	color: white;
	margin-left: 12px;
    font-size : 12px;		       
	float: left;
	width: 911px;
	height: 31px;
	text-align : right;
	left: 0px;	/* must define this as 0 for IE! */
	position: absolute;	 
	top: 869px;
}

  #Bottomframe p1 {			
            padding-top: 5px;
			padding-right: 10px;			
		}

/* Buttons change */
#buttonsChange {
	position:absolute;
	left:65px;
	top:0px;
	width:172px;
	height:303px;
	z-index:2;
	overflow: hidden;
}

/* arrows */
#arrowLeftFrame {
	margin-left: 12px;
	width: 0px;
	height: 169px;
	left: 20px;	
	position: absolute;	 
	top: 260px;
}

#arrowLeftFrameText {
	margin-left: 12px;
  	height: 169px;
	width: 36px;
	left: 28px;	
	position: absolute;	 
	top: 281px;			
}

 #arrowLeftFrameText p{			  
		font-size: 9px
	} 	 

#arrowRightFrameText {
	font-size: 9px;
	margin-left: 12px;
  	height: 169px;
	width: 36px;
	left: 610px;	
	position: absolute;	 
	top: 281px;
}  

#arrowReturnFrameText {
	font-size: 9px;
	margin-left: 12px;
	width: 50px;
	height: 169px;
	left: 15px;	
	position: absolute;	 
	top: 538px;
}

#pagenumberCurrent {
	font: bold 120%/18px Arial, Helvetica, sans-serif;
	font-style: italic;
	position: absolute;	 
	top: 40px;
	left:80px;
	font-size: 16px;
	color: #000080;	
}	

#pagenumbers {
	position: absolute;	 
	top: 580px;
	left:500px;
	font-size: 12px;
	color: #000080;	
}

    #pagenumbers a {text-decoration:none;	  
	        		color: #000080;	
      	} 

#arrowRightFrame {
	margin-left: 12px;
 	height: 169px;
	left: 605px;	
	position: absolute;	 
	top: 260px;
}

#arrowReturnFrame {
 	width: 237px;
	height: 169px;
	left: -72px;	
	position: absolute;	 
	top: 519px;
}