@charset "UTF-8";
#logo {
	position:absolute;
	left:13px;
	top:21px;
	width:270px;
	background-image: url(../Assets/Site2/logo1.jpg);
	height:50px;
	z-index:2;
}
#wrapper2 {
	background-image: url(../Assets/Site2/background.jpg);
	width: 920px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}
#header {
	height: 110px;
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #E8DB8A;
}
#wrapper {
	position:relative;
	width:900px;
	height:600px;
	z-index:1;
	background-image: url(../Assets/Site2/website_draft003background2.jpg);
	background-repeat: repeat-y;
	margin-right: auto;
	margin-left: auto;
	top: 40px;
	border: medium solid #CCCCCC;
}
#gallery {
	width: 480px;
	height: 338px;
	position: absolute;
	top: 135px;
	left: 264px;
	border: medium solid #CCCCCC;
	background-color: #CCCCCC;
}
.h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
	color: #999999;
	letter-spacing: .2em;
	!letter-spacing: .05em;
	line-height: 1px;
	!margin-top: 15px;
}
.bodytext {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	!font-size: 10px;
	font-style: italic;
	!font-style: normal;
	font-weight: normal;
	color: #666666;
	letter-spacing: .1em;
	!letter-spacing: .02em;
	line-height: 16px;
}
.tips {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	font-weight: bold;
	color: #999999;
	letter-spacing: 0.08em;
	!letter-spacing: 0.02em; 
	line-height: 14px;
}
.buttons {
	font-size: 36px;
	font-family: "Times New Roman", Times, serif;
	color: #CCCCCC;
}
#navi li {
	display:inline;
	text-align: center;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #DED384;
	padding-left:0 px;
	

}
#navi li.last {
	border-right: none;

}
#navi {
	font-family: "Times New Roman", Times, serif;
	font-size: 10px;
	!font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: .2em;
	!letter-spacing: .1em;
	line-height: 1px;
	padding-left: 0px;
	
}
#navi a {
	color:#333333;
	text-decoration:none;
	padding-right: 10px;
	!padding-right: 5px;
	!padding-left: 5px;
	padding-left: 10px;
}
#navi a:hover {
	color:#DED384;
}







#navicontainer {
	position:absolute;
	top:37px;
	width:680px;
	!width: 800px;
	height:60px;
	z-index:1;
	padding-top: 10px;
	!padding-top: 30px;
	left: 268px;
	!left: 190px;
}
#navi2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 10px;
	!font-size: 9px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: .2em;
	!letter-spacing: 0em;
	line-height: 45px;
	list-style-type: none;
	padding-left: 0px; 

}
#navi2 li {
	!padding-right: 0px;
}
#navi2 li last {
	border-right: none;
}
#navi2 a {
	color:#333333;
	text-decoration:none;
	padding-right: 10px;
	padding-left: 10px;

}
#navi2 a:hover {
	color:#DED384;
}
#navicontainer2 {
	position:absolute;
	height:338px;
	z-index:1;
	left: 0px;
	top: 145px;
	!padding-top:20px;
	width: 900px;
	text-align: center;

}
#numbergallery {
	position:absolute; 
	left:8px;
	top:186px;
	width:100px;
	height:130px;
	z-index:1;
	text-align: left;
	background-color: #FFFFFF;
	border: medium solid #E8DB8A;
	padding-top: 5px;
	padding-left: 5px;
}
.style3 {
	color: #999999;
	font-weight: bold;
}
.style4 {
	color: #333333
}
#rightcell {
	width: 112px;
	height: 338px;
	padding-left: 10px;
	padding-right: 8px;
	position: absolute;
	top: 135px;
	left: 747px;
	border: medium solid #CCCCCC;
	background-image: url(../Assets/background.jpg);
}
.style5 {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}
#numbernavi {
	position: absolute;
	width: 170px;
	margin-top: 450px;
	margin-left: 112px;
	height: 30px;
	float: left;
	text-decoration: none;
}

#numbernavi a {
	font-size: 10px;
	font-style: normal;
	color: #999999;
	text-decoration: none;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .1em;
}
#numbernavi a:hover {
	color: #E8DB8A;
	font-style: normal;
	text-decoration: none;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .1 em;
}
#siteicons {
	position:absolute;
	left:-7px;
	top:214px;
	!top:243px;
	width:244px;
	height:54px;
	z-index:1;
}
#twittericon {
	position:absolute;
	left:59px;
	top:0px;
	width:50px;
	height:50px;
	z-index:1;
}
#tumblricon {
	position:absolute;
	left:4px;
	top:0px;
	width:50px;
	height:50px;
	z-index:1;
}
#fbicon {
	position:absolute;
	left:114px;
	top:0px;
	width:50px;
	height:50px;
	z-index:1;
}
.style6 {
	font-size: 12px;
	letter-spacing: .2em;
}

		

body {
	background-image: url(../Assets/Site2/background.jpg);
	background-repeat: repeat;
	background-color: #FFFFFF;
}
#footer {
	position:absolute;
	left:466px;
	top:531px;
	width:290;
	height:64;
	z-index:4;
}


/******** added css from angela's demo *****/
/* The containing box for the gallery. */ 
	#container { 
	    position:relative; 
	    width:900px; 
	    height:520px;     
	    margin:70px auto 0 auto;
	    border:none;   
		background: url(../Assets/Site2/kitchen_image3.jpg) 314px 12px no-repeat;
		!background: url(../Assets/Site2/kitchen_image3.jpg) 314px 90px no-repeat; /*adjust the 196px to push over the image to the right or left. if you change this, change #container a.gallery span's margin-left. */
	    } 

#container ul { 
	    padding:0; 
	    list-style-type:none;
		width:250px; 
	    height:386px;
		margin-left:30px; 
		margin-top: 256px;
		!margin-top: 310px;
	    float:left;
	    } 

	#container li { 
	    float:left; 
	    } 
	#container a.gallery span {
	position:absolute;
	width:1px;
	height:1px;
	top:5px;
	!padding-top: 80px;
	left:61px;
	overflow:hidden;
	border:none;
	margin-left: 239px; /*when adjusting the #container margins, you must change this one as well */
	    } 	
		
/* Adding the thumbnail images */ 
	#container a.gallery, #container a.gallery:visited { 
	    display:block; 
	    color:#FFFFFF; 
	    text-decoration:none; 
	    border: medium solid #E8DB8A;  
	    margin:1px 2px 1px 2px; 
	    text-align:left; 
	    cursor:default; 
	    } 
	#container a.gallery:hover { 
	    border:border: medium solid #E8DB8A; 
	    } 
	#container a.gallery:hover span {
	position:absolute;
	width:586px;
	height:auto;
	top:10px;
	left:73px;
	color: #FFFFFF;
	    } 
		#container a.gallery:hover img {  
	    float:left; 
	    margin-right:0px; 
	    } 
	#container a.slidea { 
	    background:url(../Assets/Thumbnails/decor_event5image1.jpg) no-repeat; 
	    width:70px;
		height: 51px;
	    } 
	#container a.slideb { 
	    background:url(../Assets/Thumbnails/decor_event5image2.jpg) no-repeat; 
	    height:51px; 
	    width:70px;
	    } 
	#container a.slidec { 
	    background:url(../Assets/Thumbnails/decor_event5image3.jpg) no-repeat; 
	    height:51px; 
	    width:70px;
	    } 
	#container a.slided { 
	    background:url(../Assets/Thumbnails/decor_event5image4.jpg) no-repeat; 
	    height:51px; 
	    width:70px;
	    } 
	#container a.slidee { 
	    background:url(../Assets/Thumbnails/decor_event5image5.jpg) no-repeat; 
	    height:51px; 
	    width:70px;
	    } 	
	#container a.slidef { 
	    background:url(../Assets/Thumbnails/decor_event5image6.jpg) no-repeat; 
	    height:51px; 
	    width:70px;
	    } 	
	#container a.slideg { 
	    background:url(../Assets/Thumbnails/decor_event5image7.jpg) no-repeat; 
	    height:51px; 
	    width:70px;
	    }
	#container a.slideh { 
	    background:url(../Assets/Thumbnails/decor_event5image8.jpg) no-repeat; 
	    height:51px; 
	    width:70px;
	    } 	 		
	#container a.slidei { 
	    background:url(../Assets/Thumbnails/decor_event5image9.jpg) no-repeat; 
	    height:51px; 
	    width:70px;
	    } 		
#sidecontent {
	position: absolute;
	width: 280px;
	margin-left: 20px;
	margin-top: 8px;
	!margin-top: 70px;
	
}
.style7 {color: #000000}