/* layout styles
======================*/

#html {
    font:Georgia, Times New Roman, Times, serif;
}

#body {
    color:#777777;
}
#body-home {
background-image:url(images/bg005.gif);
color:#777777;
}
#body-about {
background-image:url(images/bg002.gif);
color:#777777;
}
#body-news {
background-image:url(images/bg008.gif);
color:#777777;
}
#body-work {
background-image:url(images/bg009.gif);
color:#777777;
}
#body-shop {
background-image:url(images/bg006.gif);
color:#777777;
}
#body-blog {
background-image:url(images/bg007.gif);
color:#777777;
}
#body-contact {
background-image:url(images/bg004.gif);
color:#777777;
}

#frame-top {
background-image:url(images/Frame-T.png);
color:#777777;
}
#frame-left {
background-image:url(images/Frame-L.png);
color:#777777;
}
#frame-right {
background-image:url(images/Frame-R.png);
color:#777777;
}
#frame-bottom {
background-image:url(images/Frame-B.png);
color:#777777;
}

#girlL {
background-position:bottom;
background-image:;
background-repeat:no-repeat;
width:173px;
padding-left:12px;
}

#girlR {
background-position:bottom;
background-image:;
background-repeat:no-repeat;
width:173px;

}

#footer{
	margin:0px auto;
	text-align:right;
	font-style:bold;
	color: #555555;
	padding-right:3px;
	font-weight:bold;
	font: Arial; 
	font-family: "Arial", Helvetica, sans-serif;
	font-style: normal;
	font-size: 9px;
	font-size-adjust:none;
	letter-spacing: 1px;
	}

#title{
	margin:0px auto;
	text-align:center;
	font-style:bold;
	color: #333333;
	font-weight:bold;
	font:"Georgia"; 
	font-family: Georgia, Times New Roman, Times, serif;
	font-style: normal;
	font-size: 17px;
	font-size-adjust:none;
	letter-spacing:1px;
	}

#message{
	margin:0px auto;
	color: #333333;
    font-weight:bold;
	font:"Georgia"; 
	font-family: Georgia, Times New Roman, Times, serif;
	font-style: normal;
	font-size: 17px;
	font-size-adjust:none;
	letter-spacing:2px;
    line-height:25px;
	}
	
#contentfooter{
    color:#555555;
	font:"Georgia";
	font-weight:bold;
	font-family: Georgia, Times New Roman, Times, serif;
	font-style: normal;
	font-size: 11px;
	font-size-adjust:none;
	letter-spacing:0.03em;
    line-height:20px;
	text-align: right;
	padding-right:80px;
	}
	
#contenttitle{
	font:"Georgia";
	font-weight:bold;
	font-family: Georgia, Times New Roman, Times, serif;
	font-style: normal;
	font-size: 11px;
	font-size-adjust:none;
	letter-spacing:0.03em;
    line-height:20px;
	text-align:left
	}

#contenttext{
    color:#777777;
	font:"Georgia";
	font-weight:bold;
	font-family: Georgia, Times New Roman, Times, serif;
	font-style: normal;
	font-size: 11px;
	font-size-adjust:none;
	letter-spacing:0.03em;
    line-height:20px;
	text-align:left;
	}

#contact-link{
	color: #99CA3C;    
	font:"Georgia";
	font-weight:bold;
	font-family: Georgia, Times New Roman, Times, serif;
	font-style: normal;
	font-size: 11px;
	font-size-adjust:none;
	letter-spacing:0.03em;
    line-height:20px;
	padding-top:10px;
	text-align:center;
	}

#shop-link{
	color: #CC1C68;    
	font:"Georgia";
	font-weight:bold;
	font-family: Georgia, Times New Roman, Times, serif;
	font-style: normal;
	font-size: 11px;
	font-size-adjust:none;
	letter-spacing:0.03em;
    line-height:20px;
	padding-top:10px;
	text-align:center;
	}

#blog-link{
	color: #9898CB;    
	font:"Georgia";
	font-weight:bold;
	font-family: Georgia, Times New Roman, Times, serif;
	font-style: normal;
	font-size: 11px;
	font-size-adjust:none;
	letter-spacing:0.03em;
    line-height:20px;
	padding-top:10px;
	text-align:center;
	}

#contenttext-centered{
	font:"Georgia";
	font-weight:bold;
	font-family: Georgia, Times New Roman, Times, serif;
	font-style: normal;
	font-size: 11px;
	font-size-adjust:none;
	letter-spacing:0.03em;
    line-height:20px;
	padding-left:10px;
	padding-top:10px;
	padding-right:10px;
	text-align:center;
	}

#contacttext{
	font:"Georgia";
	font-weight:bold;
	font-family: Georgia, Times New Roman, Times, serif;
	font-style: normal;
	font-size: 11px;
	font-size-adjust:none;
	letter-spacing:0.03em;
    line-height:23px;
	padding-left:10px;
	padding-top:15px;
	padding-right:10px;
	text-align:center;
	}

#aboutbox {
width: 470px;
height: 240px;
overflow: auto;
position: relative;
padding: 15px;
border:1.5px dashed #dddddd;
}

#familybox {
width: 470px;
height: 240px;
overflow: auto;
position: relative;
padding: 15px;
border:1.5px dashed #dddddd;
}

#newsbox {
width: 470px;
height: 270px;
overflow: auto;
position: relative;
padding: 15px;
border:1.5px dashed #dddddd;
}

a#logo { background-image: url(images/FlaringNostrils.gif); height: 64px; width:240px; display:block; }
a#logo span { display:none; }
a#logo:hover { background-image: url(images/FlaringNostrils-C.gif); }

a#home { background-image: url(images/Home-U.gif); height: 36px; width:73px; display:block; }
a#home span { display:none; }
a#home:hover { background-image: url(images/Home-C.gif); }

a#homeS { background-image: url(images/Home-C.gif); height: 36px; width:73px; display:block; }
a#homeS span { display:none; }
a#homeS:hover { background-image: url(images/Home-C.gif); }

a#about { background-image: url(images/About-U.gif); height: 36px; width:89px; display:block; }
a#about span { display:none; }
a#about:hover { background-image: url(images/About-C.gif); }

a#aboutS { background-image: url(images/About-C.gif); height: 36px; width:89px; display:block; }
a#aboutS span { display:none; }
a#aboutS:hover { background-image: url(images/About-C.gif); }

a#news { background-image: url(images/News-U.gif); height: 36px; width:78px; display:block; }
a#news span { display:none; }
a#news:hover { background-image: url(images/News-C.gif); }

a#newsS { background-image: url(images/News-C.gif); height: 36px; width:78px; display:block; }
a#newsS span { display:none; }
a#newsS:hover { background-image: url(images/News-C.gif); }

a#work { background-image: url(images/Work-U.gif); height: 36px; width:92px; display:block; }
a#work span { display:none; }
a#work:hover { background-image: url(images/Work-C.gif); }

a#workS { background-image: url(images/Work-C.gif); height: 36px; width:92px; display:block; }
a#workS span { display:none; }
a#workS:hover { background-image: url(images/Work-C.gif); }

a#shop { background-image: url(images/Shop-U.gif); height: 36px; width:85px; display:block; }
a#shop span { display:none; }
a#shop:hover { background-image: url(images/Shop-C.gif); }

a#shopS { background-image: url(images/Shop-C.gif); height: 36px; width:85px; display:block; }
a#shopS span { display:none; }
a#shopS:hover { background-image: url(images/Shop-C.gif); }

a#blog { background-image: url(images/Blog-U.gif); height: 36px; width:79px; display:block; }
a#blog span { display:none; }
a#blog:hover { background-image: url(images/Blog-C.gif); }

a#blogS { background-image: url(images/Blog-C.gif); height: 36px; width:79px; display:block; }
a#blogS span { display:none; }
a#blogS:hover { background-image: url(images/Blog-C.gif); }

a#contact { background-image: url(images/Contact-U.gif); height: 36px; width:103px; display:block; }
a#contact span { display:none; }
a#contact:hover { background-image: url(images/Contact-C.gif); }

a#contactS { background-image: url(images/Contact-C.gif); height: 36px; width:103px; display:block; }
a#contactS span { display:none; }
a#contactS:hover { background-image: url(images/Contact-C.gif); }

a#company { background-image: url(images/Company-U.gif); height: 13px; width:130px; display:block; }
a#company span { display:none; }
a#company:hover { background-image: url(images/Company-C.gif); }

a#companyS { background-image: url(images/Company-C.gif); height: 13px; width:130px; display:block; }
a#companyS span { display:none; }
a#companyS:hover { background-image: url(images/Company-C.gif); }

a#family { background-image: url(images/Family-U.gif); height: 13px; width:123px; display:block; }
a#family span { display:none; }
a#family:hover { background-image: url(images/Family-C.gif); }

a#familyS { background-image: url(images/Family-C.gif); height: 13px; width:123px; display:block; }
a#familyS span { display:none; }
a#familyS:hover { background-image: url(images/Family-C.gif); }

a#illustration { background-image: url(images/Illustration-U.gif); height:13px; width:119px; display:block; }
a#illustration span { display:none; }
a#illustration:hover { background-image: url(images/Illustration-C.gif); }

a#illustrationS { background-image: url(images/Illustration-C.gif); height:13px; width:119px; display:block; }
a#illustrationS span { display:none; }
a#illustrationS:hover { background-image: url(images/Illustration-C.gif); }

a#painting { background-image: url(images/Painting-U.gif); height:13px; width:103px; display:block; }
a#painting span { display:none; }
a#painting:hover { background-image: url(images/Painting-C.gif); }

a#paintingS { background-image: url(images/Painting-C.gif); height:13px; width:103px; display:block; }
a#paintingS span { display:none; }
a#paintingS:hover { background-image: url(images/Painting-C.gif); }

a#commission { background-image: url(images/Commission-U.gif); height:13px; width:128px; display:block; }
a#commission span { display:none; }
a#commission:hover { background-image: url(images/Commission-C.gif); }

a#commissionS { background-image: url(images/Commission-C.gif); height:13px; width:128px; display:block; }
a#commissionS span { display:none; }
a#commissionS:hover { background-image: url(images/Commission-C.gif); }

a#animation { background-image: url(images/Animation-U.gif); height:13px; width:118px; display:block; }
a#animation span { display:none; }
a#animation:hover { background-image: url(images/Animation-C.gif); }

a#animationS { background-image: url(images/Animation-C.gif); height:13px; width:118px; display:block; }
a#animationS span { display:none; }
a#animationS:hover { background-image: url(images/Animation-C.gif); }

a#enter { background-image: url(images/Enter-U.gif); height:36px; width:92px; display:block; }
a#enter span { display:none; }
a#enter:hover { background-image: url(images/Enter-C.gif); }

.horizontal_dotted_line {
    border-bottom:2px dotted #dddddd;
	background-color:#FFFFFF;
} 

.imageboarder {
    border:1.5px dashed #dddddd;
}

#skipstyle {
	font-family: Arial;
}
#skipstyle ul {
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#skipstyle li{
	float: right;
}

#menustyle {
	font-family: Arial;
}
#menustyle ul {
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#menustyle li{
	float: left;
}

#leftgirl {
background-image:url(images/Girl-L.jpg)}