*{
   margin:0;
   padding:0;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000080;
	background-color: #ffffff;
	width: 800px;
	text-align: center; /*For IE6 Shenanigans*/
	padding: 40px 0px 0px 0px;
	border: 10px;
	 
		
}
#body1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000080;
	background-color: #ffffff;
	width: 800px;
	text-align: center; /*For IE6 Shenanigans*/
	padding: 40px 0px 0px 0px;
	border: 10px;
	 
		
}

#wrapper {
   width:800px;
   margin:0 auto;
   text-align: left;
}
#wrapper_2 {
   width:800px;
   margin:0 auto;
   text-align: left;
}

#page_content {
	position: relative;
	width: 100%;
	text-align:justify;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCAA77;
	float: left;
	padding:0px 0px 0px 0px;
}
P.blocktext {
    margin-left: auto;
    margin-right: auto;
    width: 30em
}
/*Styles for Images*/
img.floatLeft { 
    float: left; 
    margin: 4px;
}
img.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding:10px 0px 10px 0px;
}
img.displayed_1 {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding:5px 0px 20px 0px;
}
img.displayed_2 {
    display: block;
    float: left;
	margin-left: 0px;
    margin-right: 2px;
    padding:25px 0px 10px 0px;
    
}
/* Styles for Navigation */
#navigation ul {
	list-style-type: none;
	width: 100%;
	padding: 0px;
    margin: 0px;
}
#navigation li {
	float: left;
	padding: 40px 12px 0px 12px;
    margin: 0px;
}
#navigation a {
	color: #ffffff;
	text-decoration: none;
	display: block;
	padding: 5px;
	border: 1px solid #ca7;
	background-color: #000066;
}
#navigation a:hover {
	color: #000;
	text-decoration: none;
	border: 1px solid #ed9;
	background-color: #ed9;
}
/* Style for images on interior_design page*/
#navigation_img ul {
	list-style-type: none;
	width: 100%;
	padding: 0px;
    margin: 0px;
}
/* Styles for Content */
h1 {
	font-size: 2em;
	color: #393939;
}
h2 {
	font-size: 1.75em;
	color: #469;
	padding-top: 10px;
	padding-bottom: 10px;
}
h3 {
	font-size: 1.5em;
	color: #469;
}
h4 {
	font-size: 1.25em;
	color: #469;
}
h5 {
	font-size: 0.75em;
	color: #469;
}
h6 {
	font-size: 0.5em;
	color: #469;
}
/* Styles for Footer */
#footer {
	text-align: center;
	width: 800px;
	overflow: auto;
	clear: both;
}
#footer p {
	font-size: 11px;
	text-align: center;
	color: #ffff66;
	margin: 10px;
	padding: 1px;
}
#footer a {
	color: #ffffff;
	text-decoration: underline;
}
#footer a:hover {
	color: #009999;
	text-decoration: none;
}
/* Styles for Footer page about the artist */
#footer2 {
	text-align: center;
	width: 800px;
	overflow: auto;
	clear: both;
}
#footer2 p {
	font-size: 11px;
	text-align: center;
	color: #ffff66;
	margin: 10px;
	padding: 1px;
}
#footer2 a {
	color: #ffffff;
	text-decoration: underline;
}
#footer2 a:hover {
	color: #ff9900;
	text-decoration: none;
}
/* Styles for Footer page paintings */
#footer3 {
	text-align: center;
	width: 800px;
	overflow: auto;
	clear: both;
}
#footer3 p {
	font-size: 11px;
	text-align: center;
	color: #ffff66;
	margin: 10px;
	padding: 1px;
}
#footer3 a {
	color: #ffffff;
	text-decoration: underline;
}
#footer3 a:hover {
	color: #ff3333;
	text-decoration: none;
}


/* Styles for Links */
a {
	color: #ff9900;
	text-decoration: underline;
}
a:hover {
	color: #33ffff;
	text-decoration: none;
}
.style_bold {
	font-weight: bold;
}
.style_italic {
	font-style: italic;
}
/*footer push down*/
<style type="text/css">

  .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.clearfix {display: inline-block;}  /* for IE/Mac */


/*test css2 below by adding*/
*{
   margin:0;
   padding:0;
}

/* choose a suitable font and center the #container div in Internet Explorer */
body {
   text-align:center;
   font-family: tahoma, arial, sans-serif;
   font-size:76%;
   letter-spacing:0.00em;
   width: 800px;
   padding: 40px 0px 0px 0px;
   border: 0px;

   }
/* The containing box for the gallery. */
#container {
    position:relative;
    width:800px;
    height:420px;
    margin:25px auto 0 auto;
    border:0px solid #cccc00;
    }
/* Removing the list bullets and indentation */
#container ul {
    padding:0;
    margin:0;
    list-style-type:none;
    }
/* Remove the images and text from sight */
#container a.gallery span {
    position:absolute;
    width:1px;
    height:1px;
    top:5px;
    left:5px;
    overflow:hidden;
    background:#fff;
    border:0px solid #cccc00;
    }
/* Adding the thumbnail images */
#container a.gallery, #container a.gallery:visited {
    display:block;
    color:#000;
    text-decoration:none;
    border:1px solid #cccc00;
    margin:1px 4px 4px 2px;
    text-align:center;
    cursor:default;
    }
#container a.slidea {
    background:url('../images/paintings/up_side_down_circus_s.jpg');
    height:118px;
    width:76px;
    margin:0px 0px 0px 0px
    }
#container a.slideb {
    background:url('../images/paintings/carlotta_and_the_stars_s.jpg');
    height:118px;
    width:94px;
    margin:0px 0px 10px 35px
    }
#container a.slidec {
    background:url('../images/paintings/flying_high_s.jpg');
    height:118px;
    width:76px;
    margin:20px 0px 20px 0px
    }
#container a.slided {
    background:url('../images/paintings/sacred_thoughts_s.jpg');
    height:118px;
    width:79px;
    margin:20px 0px 20px 50px
    }
#container a.slidee {
    background:url('../images/paintings/and_the_show_must_go_on_s.jpg');
    height:117px;
    width:56px;
    margin:10px 0px 0px 0px
    }
#container a.slidef {
    background:url('../images/paintings/the_parade_s.jpg');
    height:76px;
    width:118px;
    margin:30px 0px 0px 31px
    }

/* * html #container a.slidef {
    width:91px;
    w\idth:93px;
    } */
/* set the size from 76 to 118 or 118 to 76 for left hand thumbnails page one */
#container a.slideg {
    background:url('../images/paintings/contact_s.jpg');
    height:116px;
    width:116px;
    }
#container a.slideh {
    background:url('../images/paintings/lust_s.jpg');
    height:116px;
    width:76px;
    margin:0px 0px 0px 8px
    }
#container a.slidei {
    background:url(../images/paintings/awareness_s.jpg);
    height:76px;
    width:116px;
    margin:5px 0px 5px 50px
    }
#container a.slidej {
    background:url(../images/paintings/forget_me_not_s.jpg);
    height:76px;
    width:117px;
    margin:5px 0px 10px 50px
    }
#container a.slidek {
    background:url(../images/paintings/midnight_rendez-vous_s.jpg);
    height:116px;
    width:79px;
    }
/* * html #container a.slidek {
    width:91px;
    w\idth:93px;
    } */
#container a.slidel {
    background:url(../images/paintings/messenger_I_s.jpg);
    height:116px;
    width:76px;
    margin:0px 0px 5px 45px
    }
/*set the size of thumbnails for paintings page 2 right side */
#container a.slidem {
    background:url('../images/paintings/early_sign_of_spring_s.jpg');
    height:118px;
    width:79px;
    margin:0px 0px 0px 0px
    }
#container a.sliden {
    background:url('../images/paintings/penelopes_expectation_s.jpg');
    height:90px;
    width:114px;
    margin:14px 0px 24px 12px
    }
#container a.slideo {
    background:url('../images/paintings/i_will_meet_you_in_spain_s.jpg');
    height:118px;
    width:76px;
    margin:28px 0px 0px 0px
    }
#container a.slidep {
    background:url('../images/paintings/she_walks_in_beauty_s.jpg');
    height:93px;
    width:117px;
    margin:38px 0px 15px 12px
    }
#container a.slideq {
    background:url('../images/paintings/it_s.jpg');
    height:86px;
    width:86px;
    margin:53px 0px 0px 0px
    }
#container a.slider {
    background:url('../images/paintings/lolas_date_s.jpg');
    height:99px;
    width:114px;
    margin:40px 0px 0px 5px
    }
/*set the size of thumbnails for paintings page 2 left side */
#container a.slides {
    background:url('../images/paintings/making_sense_of_the_world_s.jpg');
    height:116px;
    width:77px;
    margin:0px 0px 0px 0px
    }
#container a.slidet {
    background:url('../images/paintings/feeling_good_again_s.jpg');
    height:118px;
    width:75px;
    margin:0px 0px 0px 54px
    }
#container a.slideu {
    background:url('../images/paintings/tahitian_in_red_s.jpg');
    height:118px;
    width:77px;
    margin:27px 0px 5px 0px
    }
#container a.slidev {
    background:url('../images/paintings/awakening_s_a.jpg');
    height:118px;
    width:86px;
    margin:27px 0px 5px 42px
    }
#container a.slidew {
    background:url('../images/paintings/what_makes_the_heart_beat_s.jpg');
    height:118px;
    width:74px;
    margin:27px 0px 0px 0px
    }
#container a.slidex {
    background:url('../images/paintings/on_the_riviera_s.jpg');
    height:60px;
    width:118px;
    margin:50px 0px 0px 14px
    }
    
/*set the size of thumbnails for mixed media page 1 right side */
#container a.slide01 {
    background:url('../images/mixed_media/u_jump_s.jpg');
    height:38px;
    width:118px;
    margin:0px 0px 13px 90px
    }
#container a.slide02 {
    background:url('../images/mixed_media/such_a_beautiful_mind_s.jpg');
    height:80px;
    width:118px;
    margin:0px 0px 13px 90px
    }
#container a.slide03 {
    background:url('../images/mixed_media/exotica_s.jpg');
    height:60px;
    width:118px;
    margin:0px 0px 13px 90px
    }
#container a.slide04 {
    background:url('../images/mixed_media/sunday_afternoon_at_le_louvre_s.jpg');
    height:118px;
    width:72px;
    margin:0px 0px 13px 112px
    }
#container a.slide05 {
    background:url('../images/mixed_media/going_green_all_the_way_s.jpg');
    height:61px;
    width:118px;
    margin:0px 0px 13px 90px
    }
/*set the size of thumbnails for mixed media page 1 left side */
#container a.slide06 {
    background:url('../images/mixed_media/share_s.jpg');
    height:109px;
    width:118px;
    margin:0px 0px 23px 0px
    }
#container a.slide07 {
    background:url('../images/mixed_media/sunday_morning_in_versailles_s.jpg');
    height:79px;
    width:118px;
    margin:0px 0px 23px 0px
    }
#container a.slide08 {
    background:url('../images/mixed_media/it_2_s.jpg');
    height:56px;
    width:118px;
    margin:0px 0px 23px 0px
    }
#container a.slide09 {
    background:url('../images/mixed_media/palm_beach_high_s.jpg');
    height:41px;
    width:118px;
    margin:0px 0px 26px 0px
    }
#container a.slide10 {
    background:url('../images/mixed_media/working_it_out_s.jpg');
    height:29px;
    width:118px;
    margin:0px 0px 0px 0px
    }
    
/*set the size of thumbnails for mixed media page 2 right side */
#container a.slide11 {
    background:url('../images/mixed_media/borrowed_identities_s.jpg');
    height:114px;
    width:118px;
    margin:0px 0px 9px 90px
    }
#container a.slide12 {
    background:url('../images/mixed_media/the_great_dilemma_s.jpg');
    height:68px;
    width:118px;
    margin:0px 0px 9px 90px
    }

#container a.slide13 {
    background:url('../images/mixed_media/lips_under_the_eye_s.jpg');
    height:33px;
    width:118px;
    margin:0px 0px 10px 90px
    }
#container a.slide14 {
    background:url('../images/mixed_media/how_much_for_s.jpg');
    height:83px;
    width:118px;
    margin:0px 0px 10px 90px
    }
#container a.slide15 {
    background:url('../images/mixed_media/it_3_s.jpg');
    height:74px;
    width:118px;
    margin:0px 0px 0px 90px
    }
/*set the size of thumbnails for mixed media page 2 left side */
#container a.slide16 {
    background:url('../images/mixed_media/i_told_you_so_s.jpg');
    height:44px;
    width:118px;
    margin:0px 9px 3px 0px
    }
#container a.slide17 {
    background:url('../images/mixed_media/kite_high_s.jpg');
    height:118px;
    width:81px;
    margin:0px 9px 3px 18px
    }
#container a.slide18 {
    background:url('../images/mixed_media/love_story_s.jpg');
    height:61px;
    width:118px;
    margin:0px 0px 3px 0px
    }
#container a.slide19 {
    background:url('../images/mixed_media/feeling_list_s.jpg');
    height:93px;
    width:118px;
    margin:0px 0px 3px 0px
    }
#container a.slide20 {
    background:url('../images/mixed_media/museum_round-about_s.jpg');
    height:83px;
    width:118px;
    margin:0px 0px 0px 0px
    }
/* set the size of the unordered list to neatly house the thumbnails 198 by 386 */
#container ul {
    width:210px;
    height:420px;
    border:0px solid #000;

    }
#container li {
    float:left;
    }
/* move the thumbnails into the correct position */
#container ul {
    margin:0px 0px 0px 0px;
    float:right;
    }
/* I added this */
#container2 ul {
    margin:0px 0px 0px 0px;
    float:left;
    }

/* change the thumbnail border color */
#container a.gallery:hover {
    border:1px solid #000;
    }
/* styling the :hover span */
#container a.gallery:hover span {
    position:absolute;
    width:372px;
    height:405px;
    top:10px;
    left:213px;
    color:#cccc00;
    background:#330099;
    border:0px solid #cccc00;

    }
#container a.gallery:hover img {
    border:1px solid #cccc00;
    margin-right:5px;
    }
#container {
    background:url('../images/paintings/the_gates_of_heavens.gif') #330099 215px 60px no-repeat; 
    }
/* Interior Design picture layout with captions*/
.picture { 
	background-color: #cccc00; 
	border: 0px solid #000000; 
	padding: 3px; 
	font: 11px/1.4em Arial, sans-serif;
	text-align:center
	} 
.picture img { 
	border: 0px solid #000000; 
	vertical-align:middle; 
	margin-bottom: 3px;
	} 
.right { 
	margin: 0.5em 0pt 0.5em 0.8em; 
	float:right;
	} 
.left {
 	margin: 0.5em 0.8em 0.5em 0; float:left; 
 	}
/* Interior Design top layout and captions*/
.top { 
	background-color: #cccc00; 
	border: 0px solid #000000; 
	padding: 3px; 
	font: 11px/1.4em Arial, sans-serif;
	text-align:center; 
	} 
.top img { 
	border: 0px solid #000000; 
	vertical-align:middle; 
	margin-bottom: 3px;
	} 
.right { 
	margin: 3.5em 30pt .5em .8em; 
	float:right;
	} 
.left {
 	margin: 3.5em .8em .5em 20pt; 
 	float:left; 
 	}
.middle {
 	margin: 3.5em 0em .5em 40pt; 
 	float:left; 
 	} 
 


    
</style><!-- main stylesheet ends, CC with new stylesheet below... -->















</style><!-- main stylesheet ends, CC with new stylesheet below... -->

<!--[if IE]>
<style type="text/css">
  .clearfix {
    zoom: 1;     /* triggers hasLayout */
    display: block;     /* resets display for IE/Win */
    }  /* Only IE can see inside the conditional comment
    and read this CSS rule. Don't ever use a normal HTML
    comment inside the CC or it will close prematurely. */
</style>
<![endif]-->