/* CSS Document */

/* basic elements */
html {
	margin: 0;
	padding: 0;
	height: 100%;
	}
	
body { 
	background-image: url(images/grad_bg.jpg);
	background-repeat: repeat-x;
	background-color: rgb(65,85,145);
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	line-height: 2.25;
	text-align:justify;
	margin: 0;
	height: 100%;

}
		
a {
	color: #003366;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

a:link { 
	color: #003366;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;

}

a:visited { 
	color: #003366;
	text-decoration: none;

}

a:hover, a:active { 
	color: #003366;
	border-bottom: 1px dotted #003366;

	}
	

/* specific divs */

#container {
	position: relative;
	width: 1348px;
  	height: 100%;
	margin-left: auto;
	margin-right: auto;
	top:0px;
	bottom: 0px;
	z-index: 2;
}




#left_container {

background:url(images/left_bar.jpg) no-repeat;
width: 255px;
height: 291px;
position: absolute;
left: -8px;
float: left;
z-index: 1;

}

#right_container {

background: url(images/right_bar.jpg) no-repeat;
width: 255px;
height:291px;
position: absolute;
right: -8px;
float:right;
z-index: 1;
	}
	
.contact {

background-image: url(images/contact_bg.png);
width: 200px;
height: 263px;
right: 50px;
top: 300px;
position: absolute;
z-index: 2;

}

#contact_txt {

width: 140px;
height: 100px;
top: 90px;
left: 15px;
color: #142453;
line-height: 1.25;
position: relative;

}



#middle_container {
background: url(images/mid_cont_bg.png) repeat-y center;
	width: 918px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	margin-top: 0px;
	z-index:5;


}

#photos {
background: url(images/photos.png);
width: 442px;
height:393px;
right: 20px;
top: 219px;
position: absolute;
float: right;
z-index: 150;

}





	
.top_bar { 

background-image: url(images/top_bar.jpg);
background-repeat: no-repeat;
width: 854px;
height: 220px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
position: relative;
z-index: 1;
}

#middle_bar {

background: url(images/middle_bg.png) no-repeat;
width: 854px;
height: 650px;
bottom: 0px;
margin-left: auto;
margin-right: auto;
position: relative;
z-index: 5;

}

#brass_top {
	background-image: url(images/brass_topplate.png);
	width: 950px;
	height: 88px;
	left: 205px;
	position: absolute;
	z-index:90;

}

#logo {

background-image: url(images/logo.png);
width: 485px;
height: 245px;
top: 5px;
position: absolute;
left: 205px;
z-index: 50;
visibility: visible;

}

#open_hours {

background-image: url(images/opening_hours.png);
width: 190px;
height:116px;
right: 295px;
position: absolute;
z-index: 100;

}

#paper {

background-image: url(images/tornpaper_open.png);
width: 262px;
height:172px;
top: 10px;
right: 260px;
position: absolute;
z-index: 50;

}

#open_hour_txt {

width: 200px;
height:50px;
top: 98px;
line-height: 1.25;
margin-left: 27px;
color: #415594;
text-align: center;
position: relative;
z-index: 50;
}




#welcome_title {

background-image: url(images/welcome_txt.png);
width: 350px;
height: 35px;
left: 75px;
top: 275px;
position: absolute;
z-index: 150;

}

#about_title {

background-image: url(images/about_header.png);
width: 277px;
height: 36px;
left: 75px;
top: 275px;
position: absolute;
z-index: 150;

}

#services_title {
	background-image: url(images/services_header.png);
	width: 443px;
	height: 36px;
	top: 275px;
	position: absolute;
	z-index: 150;
	left: 75px;

}

#gallery_title {

background-image: url(images/gallery_header.png);
width: 318px;
height: 36px;
left: 125px;
top: 275px;
position: absolute;
z-index: 150;

}

#links_title {

background-image: url(images/links_header.png);
width: 346px;
height: 49px;
left: 75px;
top: 275px;
position: absolute;
z-index: 150;

}

#text_box {

width: 375px;
top: 325px;
left: 75px;
color: #d3d9ea;
position: absolute;
z-index: 5;
line-height: 2.25;

}

#text_box a {color: #d3d9ea;}
#text_box a:link {color: #d3d9ea;}
#text_box a:visited {color: #d3d9ea;}
#text_box a:hover, a:active {color: #d3d9ea; border-bottom: 1px dotted  #d3d9ea;}

#textbox_about {

width: 775px;
top: 325px;
left: 75px;
color: #d3d9ea;
position: absolute;
z-index: 5;

}

#textbox_links {

width: 775px;
top: 325px;
left: 75px;
color: #d3d9ea;
position: absolute;
line-height:2;
z-index: 5;

}
#textbox_links a {color: #d3d9ea;}
#textbox_links a:link {color: #d3d9ea;}
#textbox_links a:visited {color: #d3d9ea;}
#textbox_links a:hover, a:active {color: #d3d9ea; border-bottom: 1px dotted  #d3d9ea;}





#guarantee_txt {

background: url(images/guarantee-seal.png) top left no-repeat;
width: 550px;
height: 135px;
line-height: 1.25;
padding-left: 200px;
padding-top: 45px;

}


	
#test {

background: url(images/white_test_bgt.png) no-repeat;
width: 810px;
height: 156px;
padding: 5px;
top: 400px;
left: 10px;
position: relative;
z-index: 5;

}

#test_txt {

width: 720px;
height: 70px;
color: #d3d9ea;
line-height: 1.5;
font: Georgia, "Times New Roman", Times, serif;
font-size: 11px;
left: 60px;
top: 55px;
position: relative;
z-index: 5;

}

.push {

height: 100%;
width: 918px;
background: url(images/mid_cont_bg.png) repeat-y center;
margin-left: 0px;
bottom: 0px;

}

.footer  {
	height: 113px; /* .push must be the same height as .footer */
	width: 854px;
	background-image:url(images/footer.png);
	background-repeat: repeat-x;
	margin-left: 31px;
	bottom: 0px;
	position:absolute;
	z-index:130;
	

}

#napbirt {

background-image: url(images/napbirt.png);
width: 188px;
height: 36px;
top: 45px;
left: 10px;
position: relative;
z-index: 150;
}

#bot_menu {

margin-top: 10px;
line-height: 2;
text-align:center;
font-size: 9px;
color: #003366;
position: relative;

}
#designby_tag {

background-image: url(images/designby_tag.png);
width: 150px;
height: 88px;
right: -30px;
margin-top: -20px;
position: absolute;
z-index:150;

}

#brass_bot {

background-image:url(images/brass_botplate.png);
width: 950px;
height: 88px;
bottom: -45px;
margin-left: -40px;
position:absolute;
z-index:150;

}

/* menu codes */

#menu_cont {

width:136px;
top: 249px;
left: 73px;
position: absolute;
z-index: 2;
}

#navigation {
list-style:none;
width: 136px;
position:relative;

}

#navigation a  {
	display:block;
	background:url(images/menu.png);
	height:70px;
	text-indent: -9000px;
}

#navigation a.link1:hover {background-position:-136px 0px; height:70px; border: 0px; }
#navigation a.link1a {background-position:-136px 0px;height:70px; border: 0px; }
#navigation a.link2 {background-position:0px -70px;}
#navigation a.link2:hover {background-position:-136px -70px; height:70px; border: 0px;}
#navigation a.link2a {background-position:-136px -70px; height:70px; border: 0px;}
#navigation a.link3 {background-position:0px -140px;}
#navigation a.link3:hover{background-position:-136px -140px;height:70px; border: 0px;}
#navigation a.link3a {background-position:-136px -140px;height:70px; border: 0px;}
#navigation a.link4 {background-position:0px -210px;}
#navigation a.link4:hover {background-position:-136px -210px;height:70px; border: 0px;}
#navigation a.link4a {background-position:-136px -210px;height:70px; border: 0px;}
#navigation a.link5 {background-position:0px -280px; height:80px; border: 0px;}
#navigation a.link5:hover {background-position:-136px -280px;height:80px; border: 0px;}
#navigation a.link5a {background-position:-136px -280px;height:80px; border: 0px;}



#thumbnail_container {
	width: 785px;
	height: 40px;
	left: 10px;
	position: relative;
	z-index: 20;

}

.thumbnail {

float: left;
margin-left: 25px;
margin-right: 45px;
margin-bottom: 25px;
color: #CCFFFF;
height: 150px;
}

.thumbnail a {color: #FFFFCC;}
.thumbnail a:hover a:active {color: #ffffcc; border-bottom: none;}

.thumbnail img {

background: url(images/tornpaper_open.png) top no-repeat;
width: 150px;

padding: 10px;
margin-left: 10px;
margin-right: 10px;

border: none;
}