@charset "utf-8";
/* CSS Document */

a:link,a:visited,a:active { color: #834304; text-decoration: none;}
a:hover { text-decoration: none; color: #df1304;}

a.gallery:link,a.gallery:visited,a.gallery:active { color: #000000; text-decoration: none;}
a.gallery:hover { text-decoration: none; color: #df1304;}

p, ul,li, h1,h3{ margin:0; padding:0}
body{ font-family:Tahoma; font-size:10pt; color:#834304; margin:0; padding:0}
.mainBodyground{ background:url(images/background.jpg) top center no-repeat; height:698px; min-width:1000px; width:auto; margin:0 auto; padding:0}
#topBox,#bottomBox{ display:block; width:1000px; margin:0 auto}
#topBox{ height:581px}
#bottomBox{ height:116px}
#house,#menuCopyright{ float:left}
#house{ background:url(images/house.gif) no-repeat; width:235px; height:117px; margin-left:48px}
#menuCopyright ul{ list-style:none; margin-left:50px}
#menuCopyright ul li{ float:left; width:130px}
#menuCopyright ul li.home{ background:url(images/home.gif) no-repeat; width:105px; height:51px}
#menuCopyright ul li.menu{ background:url(images/menu.gif) no-repeat; width:105px; height:51px}
#menuCopyright ul li.gallery{ background:url(images/gallery.gif) no-repeat; width:105px; height:51px}
#menuCopyright ul li.contact{ background:url(images/contact.gif) no-repeat; width:105px; height:51px}
#menuCopyright ul li.aboutus{ background:url(images/about.gif) no-repeat; width:105px; height:51px}
#gall-font{
	font:Arial, Helvetica, sans-serif;
	font-size:22px;
}




/* second page start */
#copyrights{ clear:both}
#copyrightTxt,#logo{ float:left}
#copyrightTxt{ color:#666666; font-size:11px; text-align:right; width:580px; padding:5px}
#logo{ background:url(images/logoBottom.gif) bottom right no-repeat; width:75px; height:64px; text-indent:-9999px}

#top1,#top2,#top3{ float:left; height:581px}
#top1{ background:url(images/top1.jpg) no-repeat; width:138px}
#top2{ background:url(images/top22.jpg) no-repeat; width:722px}
#top3{ background:url(images/top3.jpg) no-repeat; width:140px}

#topBlank{ display:block; height:124px}
#top2 h2{ font-family:tahoma; font-size:18px; margin-left:270px; font-weight:lighter; color:#000000}
#top2 ul{ margin-left:105px; height:125px; margin-right:140px}
#top2 ul li{ float:left; list-style-image:url(images/icon.gif); width:49%; line-height:130%; padding:0; margin:0}

#pageUrl{ clear:both; text-align:center; margin-right:100px; font-size:9px; z-index:9999}

#top2 h3{ font-family:Tahoma; font-size:18px; font-weight:lighter; color:#000000;  background:url(images/menuBg.jpg) no-repeat; height:43px; margin-left:80px; margin-top:-2px}

/* gallery page start */
#top2 ul.gallery{ margin-left:115px; height:300px; margin-right:140px; margin-top:60px}
#top2 ul.gallery li{ width:100%; line-height:130%; text-align:left; padding:0; margin:0; color:#000000; font-weight:bold}
#top2 ul.gallery li ul{ margin-left:20px; padding:0; height:auto}
#top2 ul.gallery li ul li{ list-style-image:url(images/icon.gif); width:100%; line-height:130%; text-align:left; padding:0; }


/* contact page start */
#top2 ul.contact{ list-style:none; list-style-image:none; margin-left:115px; height:300px; margin-right:140px; margin-top:60px; line-height:150%}
#top2 ul.contact li{ list-style-image:none; width:100%; min-height:30px; height:auto; text-align:left; padding:0; margin:0; color:#000000; font-weight:bold}
#top2 ul.contact li ul{ list-style:none; margin-left:20px; padding:0; height:auto}
#top2 ul.contact li ul li{list-style-image:none; width:100%; min-height:20px; height:auto; text-align:left; padding:0; font-weight:lighter}


#pages {
	margin-top:50px;
	margin-left:105px;
	margin-right:140px;
	height:330px;
	overflow-y:auto;
	overflow-x:hidden;
}

#pages h2{ font-family:tahoma; font-size:18px; margin:0 0 10px 0; font-weight:lighter; color:#000000}
#pages ul{list-style:none; list-style-image:none; line-height:150%; margin:0}
#pages ul li{ list-style-image:none; width:100%; min-height:30px; height:auto; text-align:left; padding:0; margin:0; color:#000000; font-weight:bold}
#pages ul li ul{ list-style:none; margin-left:20px; padding:0; height:auto}
#pages ul li ul li{list-style-image:none; width:100%; min-height:20px; height:auto; text-align:left; padding:0; font-weight:lighter}

.comName{ background:url(images/comName.gif) no-repeat; height:27px; text-indent:30px; font-size:22px}
.Catherine{ background:url(images/Catherine.gif) no-repeat; height:29px; text-indent:30px}
.duck{ background:url(images/duck.gif) no-repeat; height:29px; text-indent:30px}

#menus {

	background:url(images/windowsBg.jpg) center;

}

#menus p{
	margin: 0 0 20px 0;
	color: #cccccc;
	line-height: 120%;
}

#menus span{
	margin: 0 0 20px 0;
	line-height: 120%;
}
#menus ul li{
	margin: 0 0 20px 20px;
	line-height: 120%;
}

#menus ol li{
	line-height: 120%;
}


<!--slideshow-->
#gallery {position:relative; width:686px; margin:40px auto; padding:10px; border:6px solid #fff; background:#AAA}
#images {border:2px solid #9ac1c9; height:225px; background:#eef5f6; margin-bottom:20px}
#image {position:relative; width:672px; height:375px; padding:5px; border:2px solid #666; background:#FFF url(images/loading.gif) center center no-repeat}
#image img {position:absolute; top:5px; left:5px}
#thumbwrapper {margin-top:10px; padding:5px 0; width:682px; height:100px; border:2px solid #666; background:#FFF}
#thumbarea {position:relative; overflow:hidden; height:100px; width:682px; }
#thumbs {position:absolute; list-style:none; margin-left:5px; height:100px; width:10000px; border-right:5px solid #FFF}
#thumbs li {float:left; margin-right:5px; cursor:pointer}
.imgnav {position:absolute; height:375px; width:20%; z-index:100; height:375px; width:20%; z-index:100; outline:none; cursor:pointer}
#previmg {left:0; background:url(images/left.gif) left center no-repeat; border-left:5px solid #FFF}
#previmg:hover {opacity:1; filter:alpha(opacity=100)}
#nextimg {right:0; background:url(images/right.gif) right center no-repeat; border-right:5px solid #FFF}
#nextimg:hover {opacity:1; filter:alpha(opacity=100)}