/*CSS for Vella*/
/****************************************************/

/* universal reset */
/**************/
a, h1, img {margin:0;padding:0}
li {margin:0; padding: 1px 0px 0px 20px}
ul {margin: 0 0 0 20px; padding-left: 0 0 0 20px}

/* fonts */
/**************/

.italic10{
font-size: 11px;
font-family: Verdana, Geneva, Sans Serif;
color: #000000;
height: 18px;
font-weight: bold;
text-align: left;
font-style: italic;
}

.blu10b{
font-size: 11px;
font-family: Verdana, Geneva, Sans Serif;
color: #000000;
height: 18px;
font-weight: bold;
text-align: right;
font-style: italic;
}

.blk10b{
font-size: 11px;
font-family: Verdana, Geneva, Sans Serif;
color: #13293E;
height: 28px;
font-weight: bold;
text-align: right;
}

.blk12{
font-size: 12px;
font-family: Verdana, Geneva, Sans Serif;
color: #09121C;
line-height: 17px;
}

		.blk12 a:link{
				color: #720010;
				text-decoration: none;
		}
		.blk12 a:visited{
				color: #720010;
				text-decoration: none;
		}
		.blk12 a:hover{
				color: #720010;
				text-decoration: underline;
		}

.blk14{
font-size: 14px;
font-family: Trebuchet MS, Helvetica, Sans Serif;
color: #000000;
line-height: 15px;
}

.blk14b{
font-size: 14px;
font-family: Verdana, Geneva, Sans Serif;
color: #09121C;
line-height: 30px;
font-weight: bold;
}

.white12b{
font-size: 12px;
font-family: Trebuchet MS, Helvetica, Sans Serif;
color: #ffffff;
}

		.white12b a:link{
				color: #ffffff;
				text-decoration: none;
		}
		.white12b a:visited{
				color: #ffffff;
				text-decoration: none;
		}
		.white12b a:hover{
				color: #ffffff;
				text-decoration: underline;
		}
		
.beige14b{
font-size: 14px;
font-family: Trebuchet MS, Helvetica, Sans Serif;
color: #E9DDBD;
font-weight: bold;
}

		.beige14b a:link{
				color: #E9DDBD;
				text-decoration: none;
		}
		.beige14b a:visited{
				color: #E9DDBD;
				text-decoration: none;
		}
		.beige14b a:hover{
				color: #E9DDBD;
				text-decoration: underline;
		}

.maroon18{
font-size: 18px;
line-height: 40px;
font-family: Trebuchet MS, Helvetica, Sans Serif;
color: #773A1F;
font-weight: bold;
}

.maroon12b{
font-size: 12px;
line-height: 17px;
font-family: Verdana, Geneva, Sans Serif;
color: #773A1F;
font-weight: bold;
}
		
/* Positioning */
/**************/

html, body { 
	height: 100%;
}

body {
   text-align: center;
   min-width: 900px;
   margin-top: 0px;
   margin-bottom: 0px;
   background-color: #000;
   }

.wrapper {
	position: relative;
	margin: 0 auto;
	width: 900px;
	height: 585px;
	min-height:585px;
}

.wrapper2 {
	position: relative;
	margin: 0 auto;
	width: 900px;
	height: 630px;
	min-height:630px;
}

.footer {
	position: relative;
	margin: 5px auto;
	width: 890px;
	height:33px;
}

.bg {
   position: absolute;
   float: left;
   left: 0px;
   top: 10px; 
   width: 900px;
   height: 575px;
   background-image: url(../Images/bg.jpg);
   background-repeat: no-repeat;
   z-index: 2;
}

.bg2 {
   position: absolute;
   float: left;
   left: 0px;
   top: 0px; 
   width: 900px;
   height: 630px;
   background-image: url(../Images/VellaBathKitchenCulinary.jpg);
   background-repeat: no-repeat;
   z-index: 2;
}

.kitchenbathlogo {
   position: absolute;
   float: left;
   left: 100px;
   top: 340px; 
   width: 240px;
   height: 134px;
   z-index: 2;
}

.culinarylogo {
   position: absolute;
   float: left;
   left: 526px;
   top: 365px; 
   width: 300px;
   height: 89px;
   z-index: 2;
}

.kitchenbathtext {
   position: absolute;
   float: left;
   left: 10px;
   top: 485px; 
   width: 430px;
   height: 40px;
   text-align: center;
   z-index: 2;
   font-size: 20px;
   font-family: Trebuchet MS, Helvetica, sans-serif;
   color: #000000;
   height: 24px;
}

.culinarycentertext {
   position: absolute;
   float: left;
   left: 460px;
   top: 485px; 
   width: 430px;
   height: 40px;
   text-align: center;
   z-index: 2;
   font-size: 20px;
   font-family: Trebuchet MS, Helvetica, sans-serif;
   color: #000000;
   height: 24px;
}

.entersitekitchenbath {
   position: absolute;
   float: left;
   left: 140px;
   top: 560px; 
   width: 157px;
   height: 42px;
   z-index: 2;
}

.entersiteculinarycenter {
   position: absolute;
   float: left;
   left: 597px;
   top: 560px; 
   width: 157px;
   height: 42px;
   z-index: 2;
}

.logo_link {
   position: absolute;
   float: left;
   left: 0px;
   top: 10px; 
   width: 250px;
   height: 145px;
   z-index: 2;
}

.topmenu {
   position: absolute;
   float: left;
   text-align: right;
   left: 382px;
   top: 75px; 
   width: 500px;
   height: 20px;
   z-index: 3;
}

.qpi {
   position: absolute;
   float: left;
   left: 477px;
   top: 120px; 
   width: 410px;
   height: 32px;
   background-image: url(../Images/QPI1965.jpg);
   background-repeat: no-repeat;
   z-index: 3;
}

.subtitle {
   	position: absolute;
   	float: left;
   	text-align: right;
   	left: 477px;
   	top: 120px; 
   	width: 410px;
   	height: 32px;
	font-size: 24px;
	font-family: Verdana, Geneva, Sans Serif;
	color: #720010;
	font-style: italic;
   	z-index: 3;
}

.fla {
   position: absolute;
   float: left;
   left: 18px;
   top: 160px; 
   width: 863px;
   height: 223px;
   background-image: url(../Images/Flash_Holder.jpg);
   background-repeat: no-repeat;
   z-index: 3;
}

.bb {
   position: absolute;
   float: left;
   left: 0px;
   top: 30px;
   width: 200px;
   height: 6px;
   background-image: url(../Images/blue_bar.jpg);
   background-repeat: no-repeat;
   z-index: 3;
}

.lowerhome {
   position: absolute;
   text-align: left;
   float: left;
   left: 18px;
   top: 385px; 
   width: 200px;
   height: 185px;
   z-index: 3;
}

.lowerdiy {
   position: absolute;
   float: left;
   text-align: left;
   left: 238px;
   top: 385px; 
   width: 200px;
   height: 185px;
   z-index: 3;
}

.lowertrade {
   position: absolute;
   float: left;
   text-align: left;
   left: 458px;
   top: 385px; 
   width: 210px;
   height: 185px;
   z-index: 3;
}

.lowerculinary {
   position: absolute;
   float: left;
   text-align: left;
   left: 678px;
   top: 385px; 
   width: 210px;
   height: 185px;
   z-index: 3;
}

.submenu {
   	position: absolute;
   	float: left;
   	text-align: center;
   	left: 28px;
   	top: 200px; 
   	width: 200px;
   	height: 225px;
   	font-size: 14px;
	line-height: 28px;
	font-family: Verdana, Geneva, Sans Serif;
	color: #09121C;
	font-weight: bold;
   	z-index: 3;
}
		.submenu a:link{
				color: #720010;
				text-decoration: none;
		}
		.submenu a:visited{
				color: #720010;
				text-decoration: none;
		}
		.submenu a:hover{
				color: #720010;
				text-decoration: underline;
		}

.subfull {
   	position: absolute;
   	float: left;
   	text-align: justify;
   	left: 243px;
   	top: 165px; 
   	width: 627px;
   	z-index: 3;
}

.subcenter {
   	position: absolute;
   	float: left;
   	text-align: justify;
   	left: 243px;
   	top: 165px; 
   	width: 210px;
   	height: 370px;
   	z-index: 3;
}

.subright {
   	position: absolute;
   	float: left;
   	text-align: left;
   	left: 485px;
   	top: 165px; 
   	width: 385px;
   	height: 600px;
   	z-index: 3;
}

.subleft {
   	position: absolute;
   	float: left;
   	text-align: left;
	left: 30px;
    top: 440px;
    width: 198px;
    height: 266px;
    z-index: 3;
}

.refcenter {
   	position: absolute;
   	float: left;
   	text-align: justify;
   	left: 238px;
   	top: 165px; 
   	width: 230px;
   	height: 475px;
   	z-index: 3;
}

.portnew {
   	position: absolute;
   	float: left;
   	text-align: justify;
   	left: 243px;
   	top: 165px; 
   	width: 625px;
   	height: 565px;
   	z-index: 3;
}

.portcenter {
   	position: absolute;
   	float: left;
   	text-align: justify;
   	left: 243px;
   	top: 165px; 
   	width: 220px;
   	height: 475px;
   	z-index: 3;
}

.portright {
   	position: absolute;
   	float: left;
   	text-align: left;
   	left: 476px;
   	top: 165px; 
   	width: 394px;
   	height: 565px;
   	z-index: 3;
}

.bgoverflow {
   position: absolute;
   float: left; 
   width: 900px;
   left: 0px;
   top: 585px;
   background-image: url(../Images/bg_extended.jpg);
   background-repeat: repeat-y;
   z-index: 3;
}

/*  Sub Page Images  */
.sub_home_img {
   position: absolute;
   float: left;
   left: 30px;
   top: 583px;
   width: 423px;
   height: 220px;
   background-image: url(../Images/sub_homeowner_img.jpg);
   background-repeat: no-repeat;
   z-index: 3;
}

.sub_serv_img {
   position: absolute;
   float: left;
   left: 30px;
   top: 440px;
   width: 198px;
   height: 266px;
   background-image: url(../Images/sub_services_img.jpg);
   background-repeat: no-repeat;
   z-index: 3;
}

.sub_trade_serv_img {
   position: absolute;
   float: left;
   left: 42px;
   top: 375px;
   width: 164px;
   height: 215px;
   background-image: url(../Images/sub_trade_serv_img.jpg);
   background-repeat: no-repeat;
   z-index: 3;
}

.sub_trades_img {
   position: absolute;
   float: left;
   left: 30px;
   top: 375px;
   width: 199px;
   height: 146px;
   background-image: url(../Images/sub_trades_img.jpg);
   background-repeat: no-repeat;
   z-index: 3;
}

.sub_home_faq_img {
   position: absolute;
   float: left;
   left: 30px;
   top: 440px;
   width: 198px;
   height: 264px;
   background-image: url(../Images/homeowner_faq_img.jpg);
   background-repeat: no-repeat;
   z-index: 3;
}

.sub_diy_faq_img {
   position: absolute;
   float: left;
   left: 30px;
   top: 350px;
   width: 198px;
   height: 214px;
   background-image: url(../Images/sub_diy_faq_img.jpg);
   background-repeat: no-repeat;
   z-index: 3;
}

.sub_trades_faq_img {
   position: absolute;
   float: left;
   left: 30px;
   top: 375px;
   width: 199px;
   height: 143px;
   background-image: url(../Images/sub_trade_faq_img.jpg);
   background-repeat: no-repeat;
   z-index: 3;
}

.sub_prod_img {
   position: absolute;
   float: left;
   left: 30px;
   top: 435px;
   width: 200px;
   height: 133px;
   background-image: url(../Images/sub_products_img.jpg);
   background-repeat: no-repeat;
   z-index: 3;
}

.sub_diy_prod_img {
   position: absolute;
   float: left;
   left: 30px;
   top: 355px;
   width: 200px;
   height: 133px;
   background-image: url(../Images/sub_products_img.jpg);
   background-repeat: no-repeat;
   z-index: 3;
}

.sub_trades_prod_img {
   position: absolute;
   float: left;
   left: 30px;
   top: 375px;
   width: 200px;
   height: 133px;
   background-image: url(../Images/sub_products_img.jpg);
   background-repeat: no-repeat;
   z-index: 3;
}

.sub_diy_img {
   position: absolute;
   float: left;
   left: 30px;
   top: 370px;
   width: 200px;
   height: 162px;
   background-image: url(../Images/sub_diy_img.jpg);
   background-repeat: no-repeat;
   z-index: 3;
}

.sub_culinary_img {
   position: absolute;
   float: left;
   left: 30px;
   top: 300px;
   width: 198px;
   height: 298px;
   background-image: url(../Images/sub_culinary_img.jpg);
   background-repeat: no-repeat;
   z-index: 3;
}

.sub_classes_img {
   position: absolute;
   float: left;
   left: 30px;
   top: 300px;
   width: 198px;
   height: 149px;
   background-image: url(../Images/culinary_class_pic.jpg);
   background-repeat: no-repeat;
   z-index: 3;
}

/********************/

/* Portfolio & Reference Image Layouts */
.portimg img{
   float: left;
   border-width: 1px;
   border-style: solid;
   border-color: #000000;
   margin-right: 15px;
   margin-bottom: 15px;
   cursor: pointer;
}

.refimg img{
   float: left;
   border-width: 1px;
   border-style: solid;
   border-color: #000000;
   margin-right: 10px;
   margin-bottom: 10px;
   cursor: pointer;
}
/********************/

/*  Culinary Center Page  */

.culinary_logo {
   	float: right;
   	width: 252px;
   	height: 75px;
	background-image: url(../Images/Vella_Culinary_Center_Logo.gif);
   	background-repeat: no-repeat;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 25px;
   	z-index: 3;
}

.cia_logo {
   	float: left;
   	width: 82px;
   	height: 75px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 25px;
   	z-index: 3;
}


.sub_culinary {
   	position: absolute;
   	float: left;
   	text-align: left;
   	left: 243px;
   	top: 140px; 
   	width: 627px;
   	z-index: 3;
}

.sub_culinary ul {
    line-height: 18px;
}

/***********************/

.facebook {
	position: absolute;
   	float: left;
	left: 795px;
   	top: 15px;
   	width: 100px;
   	height: 31px;
   	z-index: 3;
}