/*-------------
 HTML ELEMENTS
--------------*/
body {
	margin: 0px;
	background-color: #C5325C;
	background-image: url(images/body_bg.jpg);
	font: 14pt "Trebuchet MS", sans-serif;
	text-align: center;
}


td {
	font: 14pt "Trebuchet MS", sans-serif;
}

/*--------------------------------- 
 default styles for rounded corners 
-----------------------------------*/
b.rtop, b.rbottom { 
	display: block;
	background-image: url(images/body_bg.jpg);
}

b.rtop b, b.rbottom b {
	display: block;
	height: 1px; 
	overflow: hidden; 
	background-image: url(images/body_bg.jpg);
}

b.r1 { 
	margin: 0 5px;
}

b.r2 {
	margin: 0 3px;
}

b.r3 {
	margin: 0 2px;
}

b.rtop b.r4, b.rbottom b.r4 {
	margin: 0 1px;
	height: 2px
}


/*--------
 CLASSES
---------*/
.container1 {
	width: 760px;
	margin: 40 auto 0 auto;
}

.container2 {
	width: 760px;
	float: left;
	margin: 0;	
}

.navigation {
	width: 120px;
	margin: 0;
	padding: 0;
	float: left;
	font-size: 8pt;
	color: #9cc;
}

.navigation p {
	margin: 0 25 0 5;
}

.navigation img {
	margin: 0;
	border: 0;
}

.content {
	width: 640px;
	margin: 0;
	float: right;
}

.page_title {
	height: 92px;
	margin: 0;
	padding: 0;
	font: 16pt "Trebuchet MS", sans-serif;
	color: #fff;
	text-align: left;
	vertical-align: bottom;
}

.page_title img {
	vertical-align: bottom;
	margin-right: 50px;
	border: 0;
}

.page_body {
	margin: 0;
	padding: 0;
	text-align:left;
	font-size: 8pt;
	line-height: 2em;
}

.page_body td {
	font: 8pt "Trebuchet MS", sans-serif;
}

.footer {
	width: 760px;
	margin: 0;
	padding: 0;
	float: left;
}

.thumbnail {
	float: left;
	margin: 2px;
}

.full_image {
	display: none;
}

.note {
	color: #669;
}

.caption {
	display: block;
	color: #ccf;
	margin-top: 10px;
}

.caption a {
	color: #fcf;
}

/*----
 IDS
-----*/

/*-- boutique --*/
#boutique {
	background-image: url(images/boutique_body_bg.jpg);
}

#boutique_nav {
	width: 129px;
	height: 503px;
	margin: 0;
	float:left;
	background-image: url(images/boutique_nav_bg.jpg);
	background-repeat: no-repeat;
}

#boutique_content {
	width: 631px;
	color: #fff;
}

#boutique_title {
	width: 631px;
	height: 96px;
	margin: 0;
	background-image: url(images/boutique_title_bg.jpg);
	background-repeat: no-repeat;
}

#boutique_title img {
	margin-top: 10px;
	margin-left: 15px;
}

#boutique_body {
	width: 631px;
	height: 408px;
}

#boutique_canopy {
	width: 631px;
	height: 75px;
	background-image: url(images/boutique_canopy.jpg);
	background-repeat: no-repeat;
}

#boutique_data {
	width: 631px;
	height: 332px;
	margin: 0;
	padding: 0;
	background-image: url(images/boutique_data_bg.jpg);
	background-repeat: no-repeat;
}

#boutique_data img {
	border-width: 0;
}

#boutique_invite {
	width: 631px;
	height: 53px;
	margin: 0;
	padding: 20px 0 0 35px;
	float: left;
	font-size: 10pt;
}

#boutique_window {
	width: 372px;
	height: 168px;
	margin: 0;
	padding-left: 35;
	float: left;
}

* html #boutique_window {
	padding-top: 20px;
}

#boutique_door {
	width: 89px;
	height: 86px;
	margin: 0;
	padding: 0;
	padding-left: 75;
	float: left;
}

#boutique_data a {
	color: #6699cc;
	text-decoration: none;
}


/*-- contact --*/
#contact_nav {
	width: 130px;
	height: 502px;
	margin: 0;
	float:left;
	background-image: url(images/contact_nav_bg.jpg);
	background-repeat: no-repeat;
}

#contact_content {
	width: 630px;
	color: #fff;
}

* html #contact_content {
	width: 629px;
}

#contact_title {
	width: 630px;
	height: 96px;
	margin: 0;
	background-image: url(images/contact_title_bg.jpg);
	background-repeat: no-repeat;
}

* html #contact_title {
	width: 629px;
}

#contact_title img {
	margin-top: 10px;
	margin-left: 15px;
}

#contact_body {
	width: 629px;
	height: 406px;
	background-image: url(images/contact_body_bg.jpg);
	background-repeat: no-repeat;
}

#contact_data {
	padding-top: 120px;
	padding-left: 15px;
	font-size: 12px;
	line-height: 16px;
}

#contact_data a {
	color: #acf;
	text-decoration: none;
}



/*-- home --*/
#home {
	width: 760px;
	margin: 50 auto 0 auto;
}

#home_logo {
	width: 366px;
	float: left;
	margin: 50px 10px 40px 20px;
}

#home_nav_map {
	width: 272px;
	float: right;
	margin-right: 20px;
}

#home_nav_map img {
	margin: 0;
	padding: 0;
	border-width: 0;
}

#home_samples {
	width: 410px;
	float: left;
}

#home_samplebox {
	background-color: #936;
	background-image: url(images/home_samplebox_bg.jpg);
}

#home_samplebox_title {
	padding: 5px;
	background-color: #936;
	background-image: url(images/home_samplebox_title_bg.jpg);
	color: #fff;
	font-size: 10pt;
}

#home_samplebox_title a {
	color: #fff;
}

#home_samplebox_body {
	padding: 15px;
}

#home_samplebox_body img {
	margin: 10px;
	vertical-align: middle;
}

#home_samplebox b.rtop, b.rbottom { 
	background-image: url(images/body_bg.jpg);
}

#home_samplebox b.rtop b {
	background-color: #936;
	background-image: url(images/home_samplebox_title_bg.jpg);
}

#home_samplebox b.rbottom b {
	background-color: #c36;
	background-image: url(images/home_samplebox_bg.jpg);
}


/*-- portfolio --*/
#portfolio_handle {
	width: 760px;
	height: 33px;
	text-align: center;
}

#portfolio {
	background-image: url(images/portfolio_bg.jpg);
}

#portfolio_nav {
	width: 131px;
	margin: 0;
	float:left;
}

#portfolio_nav img {
	margin: 0;
}

p#portfolio_links {
	margin-left: -5px;
}

#portfolio_links span {
	display: block;
	margin-top: 10px;
	color: #fff;
}

#portfolio_links a {
	color: #99f;
	text-decoration: none;
}

#portfolio_links a:hover {
	color: #fff;
}

#portfolio_content {
	width: 629px;
	color: #fff;
}

#portfolio_title {
	width: 629px;
	height: 92px;
	margin: 0;
	background-image: url(images/portfolio_title_bg.jpg);
	background-repeat: no-repeat;
}

#portfolio_title img {
	margin-top: 5px;
	margin-left: 15px;
}

#portfolio_body {
	width: 629px;
	height: 410px;
}

#portfolio_body h1 {
	font-size: 12pt;
	font-weight: normal;
}

#portfolio_body p {
	margin-top: -10;
}

#portfolio_body a {
	color: #fcf;
	text-decoration: none;
}

#portfolio_body a:hover {
	text-decoration: underline;
}


#ps_bella_thumbnails {
	width: 270px;
	float: left;
	margin-top: 15px;
}

#ps_bella_image {
	width: 315px;
	height: 365px;
	margin: 10px;
	margin-top: 20px;
	float: right;
	text-align: center;
}

#stationery_thumbnails {
	width: 140px;
	float: left;
	margin-top: 15px;
}

#stationery_image {
	width: 400px;
	height: 363px;
	margin: 10px;
	float: right;
	text-align: center;
}

#stationery_image td {
	height: 363px;
	text-align: center;
	vertical-align: middle;
}

#covers_thumbnails {
	width: 200px;
	float: left;
	margin-top: 15px;
}

#covers_image {
	width: 399px;
	height: 363px;
	margin: 10px;
	margin-top: 25px;
	float: right;
	text-align: center;
}

#characters_thumbnails {
	width: 200px;
	float: left;
	margin-top: 15px;
}

#characters_image {
	width: 399px;
	height: 363px;
	margin: 10px;
	margin-top: 25px;
	float: right;
	text-align: center;
}

#characters_image td {
	height: 363px;
	text-align: center;
	vertical-align: middle;
}

#illustration_thumbnails {
	width: 200px;
	float: left;
	margin-top: 15px;
}

#illustration_image {
	width: 399px;
	height: 363px;
	margin: 10px;
	margin-top: 25px;
	float: right;
	text-align: center;
}

#illustration_image td {
	height: 363px;
	text-align: center;
	vertical-align: middle;
}

#portfolio_footer {
	width: 760px;
	height: 37px;
	background-image: url(images/portfolio_footer_bg.jpg);
}


/*-- preteen --*/
#preteen_body {
	margin: 30px 0 30px -5px;
	width: 631px;
}


#preteen_body img {
	float: left;
	margin-bottom: 10px;
	border-width: 0px;
}

#preteen_body img#back {
	margin-top: 320px;
	margin-left: -10px;
}

* html #preteen_body img#back {
	margin-left: -5px;
}

/*-- profile --*/
#profile {
	width: 760px;
	background-image: url(images/profile_bg.jpg);
}

#profile_nav {
	width: 129px;
}

#profile_content {
	width: 631px;
	color: #336;
}

#profile_title {
	width: 631px;
	height: 96px;
	background-image: url(images/profile_title_bg.jpg);
}

#profile_title img {
	margin-top: 10px;
	margin-left: 15px;
}

#profile_body {
	margin: 30px 0 30px 20px;
	width: 510px;
}

* html #profile_body {
	margin-left: -80px;
}

#profile_body img {
	float: left;
	margin: 0 20px 5px -5px;
	border-width: 0;
	vertical-align: top;
}

#profile_body h1 {
	font-family: "Trebuchet MS", geneva, sans-serif;
	font-size: 10pt;
	margin-bottom: -10px;
}

#profile_footer {
	width: 760px;
	height: 44px;
	background-image: url(images/profile_footer_bg.jpg);
}


/*-- treats --*/ 
#treats {
	width: 760px;
	background-image: url(images/treats_bg.jpg);
}

#treats a {
	text-decoration: none;
	color: #005ca6;
}

#treats a:hover {
	text-decoration: underline;
}

#treats_nav {
	width: 129px;
}

#treats_content {
	width: 631px;
	color: #633;
}

#treats_title {
	width: 631px;
	height: 102px;
	background-image: url(images/treats_title_bg.jpg);
}

#treats_title img {
	margin-top: 10px;
	margin-left: 15px;
}

#treats_body {
	width: 631px;
	margin: 0;
}


#treats_footer {
	width: 760px;
	height: 37px;
	background-image: url(images/treats_footer_bg.jpg);
}

#treats_news_header {
	margin: 25px 0 0 0;
	width: 631px;
	height: 29px;
	background: url(images/treats_news_header_bg.jpg);
	background-repeat: no-repeat;
	text-transform: uppercase;
}

#treats_news_header p {
	margin: 5px 0 0 20px;
	padding: 5px;
	padding-bottom: 0;
	font-size: 14px;
	color: #939;
}

#treats_news {
	margin: 0;
	width: 631px;
	background: url(images/treats_news_bg.jpg);
}

#treats_news p {
	margin: 0 100 0 20px;
	padding: 5px;
}

#treats_news_footer {
	width: 631px;
	height: 18px;
	background-image: url(images/treats_news_footer_bg.jpg);
}

#treats_free_header {
	margin: 0;
	width: 631px;
	height: 29px;
	background: url(images/treats_free_header_bg.jpg);
	text-transform: uppercase;
}

#treats_free_header p {
	margin: 0 0 0 20px;
	padding: 5px;
	font-size: 14px;
	color: #939;
}

#treats_free {
	margin: 0;
	width: 631px;
	background: url(images/treats_free_bg.jpg);
}

#treats_free p {
	margin: 0 100 0 20px;
	padding: 5px;
}

#treats_free_footer {
	width: 631px;
	height: 18px;
	background-image: url(images/treats_free_footer_bg.jpg);
}

#treats_links_header {
	margin: 0;
	width: 631px;
	height: 29px;
	background: url(images/treats_links_header_bg.jpg);
	text-transform: uppercase;
}

#treats_links_header p {
	margin: 0 0 0 20px;
	padding: 5px;
	font-size: 14px;
	color: #939;
}

#treats_links {
	margin: 0;
	width: 631px;
	background: url(images/treats_links_bg.jpg);
}

#treats_links p {
	margin: 0 100 0 20px;
	padding: 5px;
}

/*\*//*/

#boutique_window {
	padding-top: 30px;
}

#ps_bella_image, #illustration_image {
	padding-top: 20px;
}

#profile_title, #portfolio_title, #contact_title, #boutique_title, #treats_title  {
	padding-top: 25px;
}

#profile_body {
	padding-left: 100px;
	width: 550px;
}

#treats_news, #treats_free, #treats_links {
	margin-top: -3px;
}

#treats_free_header, #treats_links_header {
	margin-top: -4px;
}

/**/