/* HOLLINGER */
body
{
	font: 80% arial,helvetica,sans-serif;
	color: #000;
	background: #fff url(../images/bg_body.gif) no-repeat center top;
	text-align: center;
	height: 100%;
	width: 100%;
	display: table;
}
a, img {
    border:none;
}

#tribute { background-image: none; }

strong { font-weight: bold; }
em { font-style: italic; }

#container
{
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

#tribute #container { background: none; border: 0; }

/* HEADER */
#header { height: 240px; background: url(../images/bg_header.jpg) no-repeat left bottom; }
#header img { border: 0; margin: 18px 0 0 28px; float: left; width: 482px; }
#header p { text-align: right; float: right; width: 415px; display: inline; margin: 65px 10px 0 0; font-size: 140%; }
#header span { color: #888; }
#header a:link, #header a:visited { color: #004897; text-decoration: underline; }
#header a:hover, #header a:active { color: #00adef; text-decoration: none; }

/* NAV */
#nav { float: left; width: 220px; margin-left: 10px; display: inline; line-height: 1; overflow: hidden; }
#nav ul { overflow: hidden; width: 196px; border: 2px solid #ccc; background: #fff; padding: 0 10px; margin-bottom: 5px; }
#nav ul ul { border: 0; padding: 0; margin: 0; }
#nav li { display: block; float: left; width: 196px; margin: 0; overflow: hidden; }
#nav ul a { display: block; font-weight: bold; width: 196px; padding: 5px 0; border-bottom: 1px solid #eee; margin: 0; overflow: hidden; }
#nav p { margin-bottom: 5px; }
#nav img { border: 0; }

#nav ul a:link, #nav ul a:visited { color: #012f62; text-decoration: none; }
#nav ul a:hover, #nav ul a:active { color: #97aec8; border-color: #ccc; text-decoration: none; }

#nav ul ul a:link, #nav ul ul a:visited { color: #00aeef; text-decoration: none; }
#nav ul ul a:hover, #nav ul ul a:active { color: #c2d9e2; border-color: #ccc; text-decoration: none; }

/* CONTENT */
#content { overflow: hidden; border-top: 1px solid #fff; padding-top: 20px; background: url(../images/bg_header_reflect.jpg) no-repeat; }
#content a:link, #content a:visited { color: #006d96; text-decoration: underline; }
#content a:hover, #content a:active { color: #00aeef; text-decoration: none; }

#main { float: right; width: 710px; line-height: 1.4; }
#main h1 { color: #004896; font: bold italic 180% arial,helvetica,sans-serif; margin-bottom: 1em; }
#main h2 { font: bold 100% arial,helvetica,sans-serif; margin-bottom: 1em; color: #134d9a; }
#main p { margin-bottom: 1em; }
#main strong { font-weight: bold; }
#main em { font-style: italic; }

#main th, #main td { overflow: hidden; vertical-align: top; }

#main ul { margin: 0 0 1em; padding: 0 0 0 2em; list-style-type: square; }
#main ol { margin: 0 0 1em; padding: 0 0 0 2em; list-style-type: decimal; }

#main dl { margin: 0 0 1em; }
#main dt { font-weight: bold; }
#main dd { margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid #ccc; }

#main .notice { color: #a00; }

/* BREADCRUMB */
#bread { padding: 0 0 1em; margin: 0 0 1em; overflow: hidden; border-bottom: 1px solid #ccc; font-size: 90%; }
#bread ul, #bread li { display: inline; margin: 0; padding: 0; }

/* FOOTER */
#footer
{
	clear: both;
	line-height: 1.3;
	font-size: 90%;
	padding: 20px 10px;
	width: 940px;
	margin: 1em 0 0;
	background: url(../images/bg_footer.gif) no-repeat top;
	overflow: hidden;
}
#footer p { margin: 0; padding: 0; }
#footerleft { width: 780px; float: left; }
#footerright { width: 150px; float: right; text-align: right; }
#footer span { color: #999; }

/* MISC STYLES */
#main .column { width: 350px; float: left; }
#main .three { text-align: center; font-weight: bold; width: 220px; margin-right: 30px; margin-top: 10px; } 
#main .right { float: right; margin-left: 0; margin-right: 0; }
#main .ptop { padding-top: 20px; }

#main #thumbs .three img { width: 220px; } 
#main #thumbs .three .prices { width: 220px; }
#main #thumbs .infos { text-align: justify; font-weight: normal; }

/* PRODUCTS */
#main #products { margin: 0 0 1em; padding: 0; list-style: none; line-height: 1; overflow: hidden; }
#products li { display: block; float: left; width: 240px; height: 185px; position: relative; background-repeat: no-repeat; }
#products li.first { width: 230px; }

#products a { display: block; width: 240px; height: 25px; padding-top: 160px; text-align: center; font-size: 90%; font-weight: bold; }
#products li.first a { width: 230px; }

#products a:link, #products a:visited, #products a:hover, #products a:active { text-decoration: none; }

#p1 { background-image: url(../images/product_1.jpg); }
#p2 { background-image: url(../images/product_2.jpg); }
#p3 { background-image: url(../images/product_3.jpg); }
#p4 { background-image: url(../images/product_4.jpg); }
#p5 { background-image: url(../images/product_5.jpg); }
#p6 { background-image: url(../images/product_6.jpg); }
#p7 { background-image: url(../images/product_7.jpg); margin-bottom: 1em; }
#p8 { background-image: url(../images/product_8.jpg); margin-bottom: 1em; }
#p9 { background-image: url(../images/product_9.jpg); margin-bottom: 1em; }

/* PRICE LIST */
#main .prices { margin: 0 0 1em; line-height: 1; }
#main .prices th, #main .prices td { padding: 6px 0; border-bottom: 1px solid #ccc; }
#main .prices th { font-weight: bold; text-align: left; color: #00aeef; }
#main .prices td { text-align: right; }

/* RANGES */
#main .range a:link,
#main .range a:visited,
#main .range a:hover,
#main .range a:active { text-decoration: none; }

#main .testimonials td { padding: 10px 0; border-bottom: 1px solid #ccc; }

#main .flash { margin: 0 0 1em; }
#main .flash td { padding: 0; background-color: #cceffc; }

#thumbs { text-align: center; }
#thumbs a:link, #thumbs a:visited { text-decoration: none; }
#thumbs a:hover, #thumbs a:active { text-decoration: none; }

/* FORMS */
#enquiryform { padding-top: 1em; }
#enquiryform th { width: 150px; font-weight: bold; }
#enquiryform td { vertical-align: top; }
#enquiryform th, #enquiryform td { padding: 0 0 1em; }
#enquiryform input, #enquiryform textarea { background-color: #eee; padding: 2px; border: 1px solid #044997; margin: 0; width: 400px; font: 100% arial,helvetica,sans-serif; }
#enquiryform input.check { width: auto; padding: 0; border: 0; margin: 0; }
#enquiryform .submit { cursor: pointer; padding: 2px 20px; border-width: 2px; border-style: solid; border-color: #628ebe #02264e #02264e #628ebe; background-color: #034997; color: #fff; width: auto; font-weight: bold; }
#enquiryform .submit:hover { background-color: #017cc3; }
#enquiryform .hwid { width: 200px; }
#enquiryform .qwid { width: 50px; }
#enquiryform .err { background-color: #f7ff9d; border-width: 2px; }
#enquiryform .err ul { margin: 0; }

#main .formerr { padding: 10px; margin: 0 0 1em; border: 1px solid #dee86e; background: #f7ff9d; color: #3c2e09; }
#main .formerr p { margin: 0; }

#enquiryform table { margin-bottom: 1em; }
#enquiryform .ratings { width: 709px; line-height: normal; }
#enquiryform .ratings th { width: 484px; padding-left: 10px; }
#enquiryform .ratings th, #enquiryform .ratings td { border-bottom: 1px solid #ccc; padding-top: 5px; padding-bottom: 5px; }
#enquiryform .answer { width: 45px; text-align: center; }
#enquiryform .alt th ,#enquiryform .alt td { background: #eee; }
#enquiryform .ratings .noborder { padding-top: 1em; border: 0; } 
#enquiryform .err th ,#enquiryform .err td { background: #f7ff9d; border-width: 2px; }

/* TRIBUTES */
#twrapper { margin-left: -380px; margin-top: -270px;  width: 760px; height: 500px; position: absolute; left: 50%; top: 50%; }

#frame { position: relative; width: 760px; height: 420px; background: url(../images/bg_frame.jpg) no-repeat; }
#frame img { margin-bottom: 10px; }
#frame a:link, #frame a:visited { text-decoration: none; color: #765c1f; }
#frame a:hover, #frame a:active { text-decoration: none; color: #000; }
#tribute-letter, #tribute-photos, #tribute-quotes { font-weight: bold; font-size: 110%; line-height: 1; text-align: center; position: absolute; }
#tribute-letter { left: 72px; top: 148px; width: 163px; height: 175px; }
#tribute-photos { left: 263px; top: 144px; width: 226px; height: 179px; }
#tribute-quotes { left: 521px; top: 148px; width: 172px; height: 175px; }

#framesmall { position: relative; text-align: center; width: 760px; height: 420px; background: url(../images/bg_frame_small.jpg) no-repeat top center; }
#displayarea { position: absolute; left: 167px; top: 49px; width: 427px; height: 20px; text-align: center; }
#displayarea img { display: none; height: 320px; margin: 0 auto; }

#backbutton { position: absolute; left: 280px; top: 428px; width: 200px; height: 41px; overflow: hidden; background: url(../images/button_back.jpg) no-repeat; }
#backbutton a { position: absolute; left: 0; top: 0; text-indent: -1000em; display: block; width: 200px; height: 41px; background-image: url(../images/button_back.jpg); background-repeat: no-repeat; }
#backbutton a:link, #backbutton a:visited { background-position: left top; }
#backbutton a:hover, #backbutton a:active { background-position: left bottom; }