body {
	 font-size: 14px;
	 font-family:  "Century Gothic", "Verdana", Arial, Helvetica, sans-serif;
	 background: #FFF2EF;
}

#container	{
	margin: 0 auto;
	width: 950px;
	border: 1px solid #938874;	
}

a {
	color: #938874;
	font-weight: bold;
	text-decoration: none;	
}
 
#sky_container {
	text-align: center;
	margin: 0 auto;
	width: 1044px;
	height: 855px;
	background: #8fc0e5 url('../images/sky.jpg') no-repeat;
}

#home_container {
	float: left;
	width: 1044px;
	height: 855px;
	background: url('../images/main_house.png') no-repeat center;
}

#home_container #logo {
	width: 139px;
	height: 94px;
	float: left;
	margin-left: 50px;
	margin-top: 70px; 
}

#home_container #main {
	font-size: 11px;
	width: 740px;
	height: 500px;
	margin-top: 80px;
	margin-left: 238px;
	padding: 0;
	border-collapse:collapse;
}

#home_container table#main tr {
	padding: 0;
	margin: 0;	
}

#home_container table#main td {
	padding: 0;
	margin: 0;	

}

#home_container table#main tr.tr_wintop {
	float: left;
	width: 592px;
	height: 209px;
	text-align: center;
	padding: 0 20px;
	margin-left: 64px;
}

#home_container table#main tr.tr_winbottom {
	float: left;
	height: 216px;
	text-align: center;
	padding: 0; 
	margin: 0;
}

#home_container table#main tr.tr_wininfo {
	float: left;
	width: 742px;
	height: 350px;
/*	border: 1px solid red; */
}



#top_window {
	width: 160px;
	height: 195px;
	margin: 0 auto;

}

#top_window a {
	width: 100px;
	margin-top: 164px;
	margin-left: 32px;
	text-align: center;
	float: left;

}

#top_window.note {
	background:  url('../images/top_window_note.png') no-repeat center;
}

#top_window.gift {
	background:  url('../images/top_window_gift.png') no-repeat center;
}

#top_window.bits {
	background:  url('../images/top_window_bits.png') no-repeat center;
}

#bottom_window {
	float: left;
	width: 158px;
	height: 216px;
	margin: 0;
	padding: 0;
}

#bottom_window a {
	width: 100px;
	margin-top: 184px;
	margin-left: 32px;
	text-align: center;
	float: left;
}



#bottom_window.angpo {
	background: url('../images/bottom_window_angpo.jpg') no-repeat center;
}

#bottom_window.celebration {
	background: url('../images/bottom_window_celebration.jpg') no-repeat center;
}

#bottom_window.celebration a {
	float: left;
	margin-top: 190px;	
}

#bottom_window.wrapping {
	background: url('../images/bottom_window_wrapping.jpg') no-repeat center;
}

#bottom_window.wedding {
	background: url('../images/bottom_window_wedding.jpg') no-repeat center;	
}

#display_box {
	margin-top: 78px;
	margin-left: 60px;
	margin-right: 80px;
	margin-bottom: 10px;
}

#underglass {
	float: left; 
	width: 430px;
	margin-left: 60px;
}


.tr_wininfo #underglass a {
	float: left;
	width: 140px;
	height: 14px;
	margin-left: 0px;	
	text-align: center;

}

#letter_box {
	float: left;
	margin-top:152px;
	margin-left: 100px;
	width: 120px;
	height: 180px;
	background: url('../images/postbox.gif') no-repeat;
}

#contact_box {
	color: #fff;
	margin-top: 65px;	
}

#contact_box a {
	color: #fff;	
}

#aboutbox {
	margin-left: 14px;
	text-align: center;	
}

#faq_box {
	margin-top: 20px;
}

#masthead {
	width: 950px;
	height:	 104px;
	background: url('../images/masthead.gif') no-repeat;
}

#page_logo a {
	margin-top: 10px;
	margin-left: 20px;
	width: 138px;
	height: 86px;
	float: left;
}

#page_bg {
	width: 950px;
	height: 620px;
	background: url('../images/page_bg.gif') repeat-x;	
}

#page_teaser {
	float: left;
	width: 235px;
	height: 620px;
}

#page_teaser.about {
	background: url('../images/page_aboutus.png') bottom no-repeat;
}

#page_teaser.faq {
	background: url('../images/page_faq.png') bottom no-repeat;
}

#page_teaser.contact {
	margin: 0px;
	margin-left: 34px;
	width: 387px;
	background: url('../images/page_contact.png') bottom no-repeat;	
}


form.contact {
	float: left;
	margin-top: 160px;
	margin-left: 60px;	
	width: 400px;
	height: 500px;
}

form.contact input.input_contact_name {
	font-size: 17px;
	text-align: right;
	padding: 4px;
	margin-bottom: 20px;
	color: #f6c0b6;
	width: 411px;
	height: 23px;
	background: url('../images/input_contact_name.gif') bottom no-repeat;
	float: left;
	border: 0;
}


form.contact input.input_contact_send {
	margin-top: 4px;
	float: right;
	width: 101px;
	height: 39px;
	background: url('../images/input_contact_send.gif') bottom no-repeat;
	border: 0;
}


form.contact input.input_contact_email {
	font-size: 17px;
	text-align: right;
	margin-bottom: 20px;
	padding: 4px;
	color: #f6c0b6;
	width: 411px;
	height: 23px;
	background: url('../images/input_contact_email.gif') bottom no-repeat;
	float: left;
	border: 0;
}

form.contact textarea.input_contact_message {
	width: 410px;
	height: 204px;
	color: #f6c0b6;
	font-size: 17px;
	text-align: right;
	border: 0;
	padding-top: 20px;
	padding-right: 10px;
		
	background: url('../images/input_contact_message.gif') bottom no-repeat;
}


#page_teaser.products {
	float: left;
	margin-top: 370px;
	margin-left: 20px;
	width: 140px;
	height: 250px;
	background: url('../images/page_teaser_product.png') bottom no-repeat;
}

/*
	margin: 20px;	
	margin-top: 50px;
	margin-left: 60px;
	width: 160px;
	height: 279px;
	background: url('../images/page_product_personalised.png') bottom no-repeat;
}
*/

.page_teaser_info {
	font-size: 11px;
	margin-top: 160px;
	text-align: center;
	color: #938874;	
}


#page_content {
	color: #fff;
	margin-top: 76px;
	float: left;
	width: 660px;
	height: 505px;
	padding: 20px;
	background: url('../images/content_bg.gif') no-repeat;		
}

#page_content p {
	line-height: 190%;	
}

#page_gallery {
	float: left;
	width: 750px;
	height: 600px;
	margin-top: 20px;
	margin-left: 10px;
}

#page_content p {
	line-height: 120%;	
}

#page_content_contact {
	color: #fff;
	margin-top: 50px;
	float: left;
	width: 516px;
	height: 553px;
	margin-left: 2px;
	background: url('../images/page_content_contact.jpg') no-repeat;		
}

#page_content_contact #error {
	margin-top: 140px;
	margin-left: 70px;
	float: left;
	font-weight: bold;
	color: #938874;	
}

#page_content_contact #success {
	margin-top: 140px;
	margin-left: 70px;
	float: left;
	font-weight: bold;
	color: #938874;
}

.heart {
	color: #F9D1C8;
}

#page_content .slogan {
	width: 600px;
	font-weight: normal;
	text-align: center;
	margin: 0 auto;	
}



#footer {
	padding-top: 10px;
	font-family: "Century Gothic";
	font-size: 11px;
	text-align: center;
	color: #fff;
	width: 950px;
	height: 24px;
	background: #938874;	
}

#menubar {
	float: right;
	margin-top: 48px;
	margin-right: 130px;
	width: 640px;
	height: 50px;	
	padding: 0;
}



#menubar ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#menubar ul li {
	margin: 0;
	float: left;
	width: 104px;
	height: 50px;

}

#menubar ul li a {
	float: left;
	width: 104px;
	height: 50px;
}

#menubar ul li a.home {
	background: url('../images/m_home.gif') 0 0;
}

#menubar ul li a.home:hover {
	background: url('../images/m_home.gif') 0 50px;
}

#menubar ul li a.products {
	background: url('../images/m_products.gif') 0 0;
}

#menubar ul li a.products:hover {
	background: url('../images/m_products.gif') 0 50px;
}


#menubar ul li a.about {
	background: url('../images/m_about.gif') 0 0;
}

#menubar ul li a.about:hover {
	background: url('../images/m_about.gif') 0 50px;
}


#menubar ul li a.contact {
	background: url('../images/m_contact.gif') 0 0;
}

#menubar ul li a.contact:hover {
	background: url('../images/m_contact.gif') 0 50px;
}

#menubar ul li a.faq {
	background: url('../images/m_faq.gif') 0 0;
}

#menubar ul li a.faq:hover {
	background: url('../images/m_faq.gif') 0 50px;
}

#menubar ul li a.news {
	background: url('../images/m_news.gif') 0 0px;
}

#menubar ul li a.news:hover {
	background: url('../images/m_news.gif') 0 50px;
}

/** DROP DOWN STYLE **/


ul.topnav {
	list-style: none;
	background: #222;
	font-size: 1.2em;
	background: url(topnav_bg.gif) repeat-x;
}
ul.topnav li {
	float: left;
	margin: 0;
	padding: 0 0px 0 0;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
ul.topnav li a{
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
}
ul.topnav li a:hover{
}
ul.topnav li span { /*--Drop down trigger styles--*/
	float: left;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 50px;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 176px;
	height: 284px;
	z-index: 17;
	background: url('../images/menu_dropdown.png');
}

#menubar ul li ul.subnav li a {
	float: left;
	width: 176px;
	height: 15px;
	margin: 0;
	padding: 0;
}


#menubar ul.topnav li ul.subnav li{
	color: #938874;
	margin: 0; 
	padding: 0;
	width: 156px;
	height: 35px;
	float: left;
	margin: 0 auto;
	padding: 0 10px;
}
html ul.topnav li ul.subnav li a {
	font-family:  "Century Gothic";
	font-size: 11px;

	text-align: left;
	color: #938874;
	float: left;
	width: 156px;
	height: 15px;
	margin: 0;
	padding: 0;
}

html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	text-decoration: underline;
}

/** END OF DROPDOWN STYLE **/




#mycustomscroll {
	/* Typical fixed height and fixed width example */
	width: 600px;
	height: 400px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	line-height: 140%;
	margin: 0.3em auto;
	padding: 15px;
}

#mycustomscroll2 {
	/* Typical fixed height and fixed width example */
	width: 340px;
	height: 250px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	background-color: #D5EADE;
	margin: 0.3em auto;
	padding: 15px;
}


.fixedwidth {
	/* a wide div is used for creating horizontal scrollbars for demonstration purposes */
	width: 550px;
	height: auto;
	position: relative;
	color: #f6d4ca;
	padding: 1px;
}

.question {
	color: #f6d4ca;
	font-weight: bold;
	margin: 10px 0;
		
}