/* CSS Document */

/* GENERIC STUFF */
a {
	color: #FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-decoration: none;
}

/* MAIN CONTAINER */
body {
	background-color: #515D66;
	color: #FFFFFF;
	background-image: url(images/background.jpg);
	background-repeat: repeat-x;
	margin-right: auto;
	margin-left: auto;
	font-family: verdana, arial, sans-serif;
	font-size: 0.8em;
	line-height: 1.8em;
	background-position: top;
	margin-top: 2px;
	margin-bottom: 0px;
	padding: 0px;
	width: 1000px;
}  

/* LOGO & NAV (HEADER) SECTION */
	.logo {
		padding-top: 10px;
		padding-left: 21px;
		background-color: #FFFFFF;
		margin: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
	}

		#header {
			background-color: #FFFFFF;

		}  
			#header ul {
				list-style: none;
				padding-bottom: 2em;
				margin-top: -18px;
				margin-right: -1px;
				margin-left: 0px;
				margin-bottom: 0px;
				padding-top: 0em;
			}   

				#header li {
					float: right;
					background-image: url("images/tab.gif");
					background-repeat: repeat;
					margin: 0 1px 0 0;
					padding: 0 0 0 8px;
				}  
					
					#header a {
						float: left;
						display: block;
						background-image: url("images/tab.gif");
						background-repeat: repeat;
						background-position: right top;
						text-decoration: none;
						font-weight: normal;
						color: #666666;
						padding-top: 0.1em;
						padding-right: 10px;
						padding-bottom: 1px;
						padding-left: 0px;
					}  

					#header li a:hover {
						color: #333333;
					}
					
					
					#welcome #header li.welcome,
					#fabrication #header li.fabrication,  
					#design #header li.design,  
					#gallery #header li.gallery,
					#contact #header li.contact {
						background-image: url("images/tab_active.gif");
					}  

					#welcome #header li.welcome a,  
					#fabrication #header li.fabrication a,  
					#design #header li.design a,  
					#gallery #header li.gallery a,
					#contact #header li.contact a {
						background-image: url("images/tab_active.gif");
						background-color: transparent;
						color:#FFFFFF;
						font-weight: bold;
					}   


/* CONTENT (MAIN) SECTION */
	#content {
	background-repeat: repeat-x;
	background-position: top;
	padding-right: 35px;
	text-align: right;
	font-size: 1em;
	padding-top: 10px;
	height: 400px;
	}

	#welcome #content 		{	background-image: url(images/welcome_bg.jpg); }
	#fabrication #content 	{	background-image: url(images/fabrication_bg.jpg); }
	#design #content 		{	background-image: url(images/design_bg.jpg); }
	#gallery #content 		{
	background-image: url(images/gallery_bg.jpg);
	height: 442px;
}
	#contact #content 		{	background-image: url(images/contact_bg.jpg); }


		.heading {
			color: #FFFFFF;
			font-size: 1.5em;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			text-align: right;
			padding-top: 5px;
			padding-bottom: 0px;
		}
		
		.headingwhite { /* still in use on Gallery heading, only place I think */
		color: #FFFFFF;
		margin: -16px;
		height: 0px;
		white-space: nowrap;
		padding-top: 10px;
		}
		
		.paragraph {
			color: #FFFFFF;
			letter-spacing: 0em;
			text-align: right;
			font-size: 1.1em;
			line-height: 1.5em;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-weight: normal;
		}

		#welcome .paragraph { padding-left: 57%; }
		#fabrication .paragraph { padding-left: 60%; }
		#fabrication #content .paragraph ul { text-align: left; }
		#design .paragraph { padding-left: 61%; }
		#contact .paragraph { padding-left: 4%; padding-right: 55%; text-align: left; color: #333333; }


/* BOTTOM SECTION */
	.bottom {
		color: #333333;
		background-color: #FFFFFF;
		text-align: right;
		padding-top: 10px;
		height: 4em;
		margin-top: -18px;
	}
		.rightlink { float: right; width: 35%; }
		.leftlink { float: right; width: 65%; }
		.leftlink a:hover, .rightlink a:hover{ color: #466BB0 }
		
			.bottomlinklarge {
				color: #333333;
				font-size: 1.1em;
				vertical-align: top;
			}
				.bottomlinksmall {
					font-size: 0.8em;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					color: #666666;
					line-height: 0.7em;
					vertical-align: top;
				}
	
			.linkimage {
				padding-right: 30px;
				padding-left: 10px;
				float: right;
			}


/* PAGE SPECIFIC RULES */
/* CONTACT US */
#contact #content .paragraph .contactsmall .email {	color: #466bb0; text-decoration: underline; }
#contact #content .heading .headingwhite { color: #466bb0; }
#contact .heading { text-align: left; padding-left: 35px; color: #FFFFFF; }
.contactlarge {	font-size: 1.3em; line-height: 0.9em; }
.contactsmall {
	font-size: 0.9em;
	font-weight: normal;
	list-style-image: none;
	list-style-type: none;
	text-align: left;
	margin: 0px;
	padding: 0px;
	line-height: 1.6em;
}


/* IMAGE GALLERY */	
.imagedescription {
	color: #FFFFFF;
	font-size: 0.9em;
	text-align: left;
	white-space: normal;
	width: 500px;
	line-height: 1.2em;
	padding-top: 8px;
	float: left;
	padding-left: 20px;
}

.galleryheading { 
	height: 65px;
}
	
	.gallerycontainer {
	font-size: 0px;
	line-height: 0px;
	margin-right: -35px;
	clear: both;

	}


		.thumb {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-right-style: none;
	border-bottom-style: none;
		}

	.largeimagecontainer {
		top: 180px;
		visibility: visible;
		position: absolute;
		float: left;
	}