/* CSS Style Sheet for Inspired Art Web-site */

/* zero out everything   */
* { margin: 0; padding: 0; }

body{ margin: 0; padding: 0; border: 0;
overflow: hidden; height: 100%; max-height: 100%; 
font-family: Arial, Helvetica, sans-serif;
text-align: center; /* for IE */
}

* html body{ /*IE6 hack*/
padding: 0 0 0 150px; /*Set value to (0 0 0 WidthOfFrameDiv)*/
}

a {color: white; text-decoration: underline;background-color: transparent;}
a:hover {color: silver; text-decoration: none;background-color: transparent;}

.italic {font-style: italic}
.centre {text-align:center}
.bold {font-weight: bolder}
.red {color: red}
.under {text-decoration:underline}
.innertube{
margin-left: 15px; /*Margins for inner DIV inside each DIV (to provide padding)*/
margin-right: 15px;
}

/* --------Menu Frame-------- */
#framecontent{ position: absolute; top: 0; bottom: 0; left: 0;
width: 150px; /*Width of frame div*/
height: 100%;
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-color: black;
border-right: 4px solid #ECE8D8  }
#framecontent h1 { margin-bottom: 55px }
#framecontent p { font-size: 14pt; font-weight: bolder; text-align: left; margin-bottom: 15px; margin-left: 10px }

#menu {float:left; margin-top: 60px; margin-left: 7px; font-size:14px;
	font-family:arial, verdana, sans-serif; font-weight:bolder;}
#menu ul{list-style: none; margin: 0; padding: 0}
#menu li{float: left;  background:url(Images/button_03.gif) no-repeat 0 0; width: 135px; height: 35px;  }
#menu b {display: block; padding-top: 8px; text-align: center; }	
#menu a:link, #menu a:visited { text-decoration:none; color: navy; display: block; }
#menu a:visited b { padding-bottom: 7px }
#menu a:hover { background:url(Images/button_13.gif) no-repeat 0 0; width: 130px; height: 28px; color:#000000; }
/* #menu li.current a:visited{ background:url(Images/button_13.gif) no-repeat 0 0; width: 130px; height: 28px; color:black; } */

#facebook {float:left; margin-top: 60px; margin-left: 42px;}
.fblogo { width: 60px; height: 60px; }

/* -------Home Page Main Frame------- */
#homepagecontent{ position: fixed; top: 0; 
left: 150px; /*Set left value to WidthOfFrameDiv*/
right: 0;  bottom: 0; overflow: auto; background-color: #000000;}

* html #homepagecontent{ /*IE6 hack*/
height: 100%; width: 100%; }

#homepagecontent h1 { font-family: Arial, Helvetica, sans-serif;  font-size: 36pt; text-align:center; color: white; margin-bottom:20px}
#homepagecontent p { font-family: Arial, Helvetica, sans-serif;  font-size: 14pt; color: white; text-align: center; margin: auto;}
#homepagecontent h2 {font-family: Arial, Helvetica, sans-serif;  font-size: 28pt; text-align:center; color: white; margin-bottom:10px}

.homepageimage {float: left; width: 384px; height: 512px; margin-right: 20px; margin-left: 20px; margin-bottom: 20px} 

#intro { display:none;   margin: 0 auto}	 /* Hide the Intro text initially so that the fade-in will work */

#fadeinbox{
position: absolute;
width: 400px;
margin-top: -200px;
margin-left: -220px;
color: #000000;
text-align:center;
border: 2px solid black;
background-color: #eed385;
padding: 4px;
z-index: 100;
visibility:hidden;
}

/* -------Link Page Main Frame------- */
#linkpagecontent { position: fixed; top: 0; 
left: 150px; /*Set left value to WidthOfFrameDiv*/
right: 0;  bottom: 0; overflow: auto; background-color: #000099; }

* html #linkpagecontent{ /*IE6 hack*/
height: 100%; width: 100%; }

#linkpagecontent h1 { font-family: Arial, Helvetica, sans-serif; font-size: 24pt; text-align:center; color: white; margin-top:10px; margin-bottom:30px}
#linkpagecontent p { font-family: Arial, Helvetica, sans-serif;  font-size: 14pt; text-align:center; color: white; margin-bottom: 15px}
.linkpageimage { width: 550px; height: 237px; margin-top: 15px }

.coverbookimage { width: 62px; height: 100px; margin-right: 0px; margin-left: 0px; margin-bottom: 0px} 
#linkpagecovertable {width: 55%; margin: auto}
#linkpagecovertable td {padding-bottom: 0px; border: solid black 0px}
#linkpagecovertable p {font-family: Arial, Helvetica, sans-serif;  font-size: 14pt; text-align:center; color: white; 
						margin-bottom:0px; margin-left:5px; margin-right:5px}

/* -------About Page Main Frame------- */
#aboutpagecontent { position: fixed; top: 0; 
left: 150px; /*Set left value to WidthOfFrameDiv*/
right: 0;  bottom: 0; overflow: auto; background-color: #800000; }

* html #aboutpagecontent{ /*IE6 hack*/
height: 100%; width: 100%; }

#aboutpagecontent h1 {font-family: Arial, Helvetica, sans-serif; font-size:18pt; font-style:italic; text-align:center; color:white; 
margin-top: 10px; margin-bottom:20px }
#aboutpagecontent h2 {font-family: Arial, Helvetica, sans-serif; font-size:14pt; font-style:bold; text-align:center; color:white; 
margin-top: 10px; margin-bottom:20px }
#aboutpagecontent p { font-family: Arial, Helvetica, sans-serif;  font-size: 12pt; font-style: italic; color: white; 
text-align: justify; margin-bottom: 20px; margin-right:15px}
.aboutpageimage {float: left; width: 382.365px; height: 300px; margin-right: 35px; margin-left: 20px; margin-bottom: 20px}  

/* -------Events Page Main Frame------- */
#eventspagecontent { position: fixed; top: 0; 
left: 150px; /*Set left value to WidthOfFrameDiv*/
right: 0;  bottom: 0; overflow: auto; background: url(Images/Classes/karensfaded.jpg) repeat; }

* html #eventspagecontent{ /*IE6 hack*/
height: 100%; width: 100%; }
#eventspagecontent a {color: #000000;text-decoration: underline;background-color: transparent;}
#eventspagecontent a:hover {color: gray;text-decoration: none;background-color: transparent;}

#eventspagecontent h1 { font-family: Times New Roman; font-size: 24pt; font-style: italic; text-align:center; color: #0000A0; }
#eventspagecontent h2 { font-family: Times New Roman; font-size: 18pt; font-style: italic; text-align:center; color: #0000A0; }
#eventspagetable {width: 100% }
#eventspagetable td {padding-bottom: 5px;}
#eventspagecontent p { font-family: Times New Roman;  font-size: 14pt; color: #0000A0; margin-right: 50px; }
#eventspagecontent p.eventtitle { text-align: center; font-size: 16pt; font-weight: bold; }
#eventspagecontent p.eventdes2 { text-align: center; font-size: 12pt; font-weight: bold; color: red; margin-bottom: 0pt}
#eventspagecontent p.eventdes1 { text-align: center; font-size: 12pt; font-weight: bold; margin-bottom: 0pt}
#eventspagecontent p.eventdes { text-align: center; font-size: 12pt; font-weight: normal; margin-top: 3pt}


/* -------Shop Page Main Frame------- */
#shoppagecontent { position: fixed; top: 0; 
left: 150px; /*Set left value to WidthOfFrameDiv*/
right: 0;  bottom: 0; overflow: auto; background: url(Images/cld52.jpg); }

* html #shoppagecontent{ /*IE6 hack*/
height: 100%; width: 100%; }
#shoppagecontent a {color: #000000;text-decoration: underline;background-color: transparent;}
#shoppagecontent a:hover {color: gray;text-decoration: none;background-color: transparent;}

#shoppagecontent h1 { font-family: Times New Roman; font-size: 24pt; font-style: italic; text-align:center; color: #0000A0; }
#shoppagecontent h2 { font-family: Times New Roman; font-size: 18pt; font-style: italic; text-align:center; color: #0000A0; }
#shoppageflyertable {width: 99%; border: 2px solid blue; }
#shoppageflyertable td {padding-bottom: 5px}
#shoppagetable {width: 100% }
#shoppagetable td {padding-bottom: 5px}
#shoppagecontent p { font-family: Times New Roman;  font-size: 14pt; color: #0000A0; margin-right: 50px; }
#shoppagecontent p.title { text-align: justify; font-size: 16pt; font-weight: bold; }
#shoppagecontent p.des { text-align: justify; font-size: 12pt; font-weight: normal; }

.shoppageflyerimage {float: left; width: 167px; height: 236.2px; border: 2px solid blue; margin-right: 68px; margin-left: 28px; }  
.shoppageweeklyimage {float: left; width: 163px; height: 122px; border: 2px solid blue; margin-right: 40px; margin-left: 30px; }  
.shoppageonetooneimage {float: left; width: 165px; height: 124px; border: 2px solid blue; margin-right: 40px; margin-left: 30px; }
.shoppagedrawingimage {float: left; width: 133px; height: 181px; border: 2px solid blue; margin-right: 40px; margin-left: 30px;}  
.shoppagepaintingimage {float: left; width: 197px; height: 147px; border: 2px solid blue; margin-right: 40px; margin-left: 30px; }  
.shoppageprintimage {float: left; width: 133px; height: 188px; border: 2px solid blue; margin-right: 40px; margin-left: 30px; }  


/* -------Gallery Page Main Frame------- */
#gallerypagecontent { position: fixed; top: 0; 
left: 150px; /*Set left value to WidthOfFrameDiv*/
right: 0;  bottom: 0; overflow: auto; background-color: #000000; }

* html #gallerypagecontent{ /*IE6 hack*/
height: 100%; width: 100%; }

#gallerypagecontent h1 { font-family: Arial, Helvetica, sans-serif; font-size: 18pt; font-variant:small-caps; 
text-align:center; color: white; margin-top: 5px }
#gallerypagecontent h2 { font-family: Arial, Helvetica, sans-serif; font-size: 13pt; font-style: italic; color: white; text-align: justify;
margin-left: 40px; margin-right: 40px; margin-top: 10px; margin-bottom: 70px }
#gallerypagecontent p { font-family: Arial, Helvetica, sans-serif;  font-size: 10pt; font-style: italic; text-align:center; color: white; 
margin-top: 30px}
#gallerypagecontent p.nomargin {margin-top: 0px}
#gallerytable { margin: auto; width: 700px; } 
#gallerytable td {font-family: Arial, Helvetica, sans-serif;  font-size: 12pt; text-align:center; color: white }
.gallerytableimage { width: 130px; height: 167px; border:none }

/* -------Inks1 Gallery Page Main Frame------- */
#inks1gallerypagecontent { position: fixed; top: 0; 
left: 150px; /*Set left value to WidthOfFrameDiv*/
right: 0;  bottom: 0; overflow: auto; background-color: #000000; }

* html #inks1gallerypagecontent{ /*IE6 hack*/
height: 100%; width: 100%; }

#inks1gallerypagecontent h1 { font-family: Arial, Helvetica, sans-serif; font-size: 18pt; font-variant:small-caps; text-align:center; color: white;
margin-top: 5px; margin-bottom: 10px }
#inks1gallerypagecontent p { font-family: Arial, Helvetica, sans-serif;  font-size: 10pt; font-style: italic; text-align:center; color: white; padding-top: 5px}
#inks1slideshow { margin: auto; width: 512px;  margin-bottom: 20px }   /* set width same as in photos file */

div#inks1slideshowhelp {font-size: 10pt;}
div#inks1slideshowhelp a img { height: 0; width: 0; border-width: 0;}
div#inks1slideshowhelp a:hover { position: relative; }
div#inks1slideshowhelp a:hover img { position: absolute; top: 20px; left: -75px; height: 197px; width: 347px; }

#inks1button{margin: 0 auto; font-size:14px;
	font-family:arial, verdana, sans-serif; font-weight:bolder; background:url(Images/button_0.jpg) no-repeat 0 0; width: 225px; height: 35px;  }
#inks1button b {display: block; padding-top: 8px; text-align: center; }	
#inks1button a:link, #button a:visited { text-decoration:none; color: navy; display: block; }
#inks1button a:visited b { padding-bottom: 7px }
#inks1button a:hover { background:url(Images/button_1.jpg) no-repeat 0 0; width: 225px; height: 35px; color:#000000; }


/* -------Inks2 Gallery Page Main Frame------- */
#inks2gallerypagecontent { position: fixed; top: 0; 
left: 150px; /*Set left value to WidthOfFrameDiv*/
right: 0;  bottom: 0; overflow: auto; background-color: #000000; }

* html #inks2gallerypagecontent{ /*IE6 hack*/
height: 100%; width: 100%; }

#inks2gallerypagecontent h1 { font-family: Arial, Helvetica, sans-serif; font-size: 18pt; font-variant:small-caps; text-align:center; color: white;
margin-top: 5px; margin-bottom: 10px }
#inks2gallerypagecontent p { font-family: Arial, Helvetica, sans-serif;  font-size: 10pt; font-style: italic; text-align:center; color: white; 
margin-top: 5px}
#inks2slideshow { margin: auto; width: 512px;  margin-bottom: 20px }   /* set width same as in photos file */

div#inks2slideshowhelp {font-size: 10pt;}
div#inks2slideshowhelp a img { height: 0; width: 0; border-width: 0;}
div#inks2slideshowhelp a:hover { position: relative; }
div#inks2slideshowhelp a:hover img { position: absolute; top: 20px; left: -75px; height: 197px; width: 347px; }

#inks2button{margin: 0 auto; font-size:14px;
	font-family:arial, verdana, sans-serif; font-weight:bolder; background:url(Images/button_0.jpg) no-repeat 0 0; width: 225px; height: 35px;  }
#inks2button b {display: block; padding-top: 8px; text-align: center; }	
#inks2button a:link, #button a:visited { text-decoration:none; color: navy; display: block; }
#inks2button a:visited b { padding-bottom: 7px }
#inks2button a:hover { background:url(Images/button_1.jpg) no-repeat 0 0; width: 225px; height: 35px; color:#000000; }

/* -------Drawings Gallery Page Main Frame------- */
#drawingsgallerypagecontent { position: fixed; top: 0; 
left: 150px; /*Set left value to WidthOfFrameDiv*/
right: 0;  bottom: 0; overflow: auto; background-color: #000000; }

* html #drawingsgallerypagecontent{ /*IE6 hack*/
height: 100%; width: 100%; }

#drawingsgallerypagecontent h1 { font-family: Arial, Helvetica, sans-serif; font-size: 18pt; font-variant:small-caps; text-align:center; color: white;
margin-top: 5px; margin-bottom: 10px }
#drawingsgallerypagecontent p { font-family: Arial, Helvetica, sans-serif;  font-size: 10pt; font-style: italic; text-align:center; color: white; margin-top: 5px}
#drawingsslideshow { margin: auto; width: 371px;  margin-bottom: 20px }   /* set width same as in photos file */

div#drawingsslideshowhelp {font-size: 10pt;}
div#drawingsslideshowhelp a img { height: 0; width: 0; border-width: 0;}
div#drawingsslideshowhelp a:hover { position: relative; }
div#drawingsslideshowhelp a:hover img { position: absolute; top: 20px; left: -75px; height: 197px; width: 347px; }

#drawingsbutton{margin: 0 auto; font-size:14px;
	font-family:arial, verdana, sans-serif; font-weight:bolder; background:url(Images/button_0.jpg) no-repeat 0 0; width: 225px; height: 35px;  }
#drawingsbutton b {display: block; padding-top: 8px; text-align: center; }	
#drawingsbutton a:link, #button a:visited { text-decoration:none; color: navy; display: block; }
#drawingsbutton a:visited b { padding-bottom: 7px }
#drawingsbutton a:hover { background:url(Images/button_1.jpg) no-repeat 0 0; width: 225px; height: 35px; color:#000000; }


/* -------Contact Page Main Frame------- */
#contactpagecontent{ position: fixed; top: 0; 
left: 150px; /*Set left value to WidthOfFrameDiv*/
right: 0;  bottom: 0; overflow: auto; 
background: url(Images/goodsunrisered_resized.jpg) repeat; }

* html #contactpagecontent{ /*IE6 hack*/
height: 100%; width: 100%; }

#contactpagecontent h1 { font-family: Times New Roman;  font-size: 36pt; text-align:center; color: #000080; margin-bottom:40px}
#contactpagecontent p { font-family: Arial, Helvetica, sans-serif;  font-size: 14pt; color: white; margin-bottom:20px}

/* -------Testimonials Page Main Frame------- */
#testimonialspagecontent{ position: fixed; top: 0; 
left: 150px; /*Set left value to WidthOfFrameDiv*/
right: 0;  bottom: 0; overflow: auto; background-color: #99FFCC;}

* html #testimonialspagecontent{ /*IE6 hack*/
height: 100%; width: 100%; }

#testimonialspagecontent h1 { font-family: Arial, Helvetica, sans-serif;  font-size: 24pt; text-align:center; color: black; margin-bottom:20px}
#testimonialspagecontent h2 { font-family: Arial, Helvetica, sans-serif;  font-size: 12pt; color: black; font-weight: normal; font-style: italic; 
text-align: center; margin: auto; margin-right: 30px; margin-left: 30px;  padding: 10px 10px 10px 10px}
#testimonialspagecontent h3 { font-family: Arial, Helvetica, sans-serif;  font-size: 18pt; text-align:center; color: black; margin-top: 10px; margin-bottom:10px}
#testimonialspagecontent h4 { font-family: Arial, Helvetica, sans-serif;  font-size: 12pt; color: black; font-weight: normal; font-style: italic; 
text-align: center; margin: auto; margin-right: 30px; margin-left: 30px;  padding: 0px 0px 0px 0px}


/* -------Mail Page Main Frame------- */
#mailpagecontent{ position: fixed; top: 0; 
left: 150px; /*Set left value to WidthOfFrameDiv*/
right: 0;  bottom: 0; overflow: auto; 
background: url(Images/goodsunrisered_resized.jpg) repeat; }

* html #mailpagecontent{ /*IE6 hack*/
height: 100%; width: 100%; }

#mailform {margin: auto; width: 400px}


/*  ------------------------------------------------------- */
#container { color: white }