/* Remove default styling from every element */

* {
   padding: 0;
   margin: 0;
}

/* end Remove default styling */






/*   HTML items defined here   */


a:link {
	color: #0055a5;
	text-decoration: none;
}
a:visited {
	color: #0055a5;
	text-decoration: none;
}
a:hover {
	color: #999999;
	text-decoration: underline;
}
a:active {
	color: #0055a5;
	text-decoration: none;
}



body {
	background-image: url(images/back_body.gif);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	text-align: left;
	margin: 0;
	padding: 0;
}

h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.56em;
	font-weight: normal;
	font-variant: small-caps;
	color: #0055a5;
	text-align: left;
	margin: 0 20px 10px 0;
	padding: 0;
	
}

h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.13em;
	line-height: 1.25em;
	font-weight: normal;
	font-variant: small-caps;
	color: #0055a5;
	text-align: left;
	margin: 15px 0 0 0; 
	padding: 0;
}


h3 {
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	line-height: 1.2em;
	font-weight: normal;
	font-variant: small-caps;
	color: #0055a5;
	text-align: left;
	margin: 0; 
	padding: 0;
}


p {
	font-family: "Times New Roman", Times, serif;
	font-size: 0.88em;
	line-height: 1.2em;
	text-align: left;
	color: #000000;
	margin: 2px 20px 15px 0; 
	padding: 0;
}

ul {
	margin: 0; 
	padding: 0 0 13px 20px;
}

li {
	font-family: "Times New Roman", Times, serif;
	font-size: 0.88em;
	line-height: 1.2em;
	text-align: left;
	color: #000000;
	margin: 0 20px 5px 0; 
	padding: 0;
}

img {
	border-style: none;
	margin: 0; 
	padding: 0;
}

img.pageImageLeft {
	border-style: none;
	margin: 0 20px 20px 0; 
	float: left;
	padding: 0;
}

img.pageImageRight {
	border-style: none;
	margin: 0 0 20px 10px; 
	float: right;
	padding: 0;
}



input, select, textarea {
	text-align: left;
	margin: 8px; 
	padding: 0;
}

input.center {
	text-align: center;
	margin: 8px; 
	padding: 0;
}






/*   CLASS items defined here   */


.phoneTableParagraph {
	font-family: "Times New Roman", Times, serif;
	font-size: 0.88em;
	line-height: 1.2em;
	text-align: left;
	color: #000000;
	margin: 6px; 
	padding: 0;
}


.smallCap_span {
	font-size: 70%;
}

.imgFrame {
	border-width: 2px;
	border-color: #0055a5;
	border-style: solid;
	margin: 0; 
	padding: 0;
}

.imgCenter {
	border-width: 2px;
	border-color: #0055a5;
	border-style: solid;
	margin: 0 auto; 
	padding: 0;
}

.bold {
	font-weight: bold;
}


.footer {
	font-family: "Times New Roman", Times, serif;
	font-size: 0.75em;
	text-align: center;
	color: #999999;
	margin: 0; 
	padding: 5px;
}


.serviceList {
	font-family: "Times New Roman", Times, serif;
	font-size: 0.88em;
	line-height: 1.2em;
	text-align: left;
	color: #000000;
	margin: auto 0; 
	padding: 0;
}

.indexHeadline {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.13em;
	line-height: 1.38em;
	font-weight: normal;
	color: #0055a5;
	text-align: center;
	margin: 15px 20px 0 20px;
	;
	padding: 0;
}

.formText-alignRight {
	font-family: "Times New Roman", Times, serif;
	font-size: 0.88em;
	line-height: 1em;
	text-align: right;
	color: #000000;
	margin: 8px; 
	padding: 0;
}

.formText-alignLeft {
	font-family: "Times New Roman", Times, serif;
	font-size: 0.88em;
	line-height: 1em;
	text-align: left;
	color: #000000;
	margin: 8px; 
	padding: 0;
}


.bold_red {
	color: #ff0000;
	font-weight: bold;
}

.bold_blue {
	color: #0055a5;
	font-weight: bold;
}

.blue_centerSC {
	font-size: 1.2em;
	color: #0055a5;
	font-weight: bold;
	text-align: center;
	font-variant: small-caps;
}







/*  Table IDs  */


#contactTable {
	margin: 0 auto; 
	padding: 0;
}

#phoneTable {
	margin: 0 auto;
	padding: 0;
}






/*   DIV items defined here   */

#wrap {
	width: 770px;
	text-align: left;
	background: #FFFFFF;
	margin: 0 auto;
	padding: 0;
}

#phoneTop{
	width:205px;
	float:right;
	margin-top:35px;
	margin-right:-150px;
	font-weight:bold;
	text-align:center;
	color:#0055a5;
}

#content {
	width: 740px;
	text-align: center;
	margin: 20px 30px 20px 30px;
	padding: 0;
}

#content_products {
	width: 480px;
	text-align: left;
	float: left;
	margin: 0 0 20px 0;
	padding: 0;
}


#foot {
	clear: both;
	margin: 0 0 10px 0;
	padding: 0;
}


#page_image {
	width: 300px;
	text-align: left;
	float: left;
	margin: 0 20px 20px 0;
	padding: 0;
}

#page_content {
	width: 420px;
	text-align: left;
	float: left;
	margin: 0 0 20px 0;
	padding: 0;
}

#showroom_list_1 {
	width: 200px;
	text-align: left;
	float: left;
	margin: 0 20px 20px 0;
	padding: 0;
}

#showroom_list_2 {
	width: 200px;
	text-align: left;
	float: left;
	margin: 0 0 20px 0;
	padding: 0;
}

#product_contactBox {
	width: 205px;
	padding: 0;
}

#products #product_contactBox {
	display: none;
}


#old_logo {
	width: 137px;
	float: right;
	margin: 0 0 0 15px;
	padding: 0;
}





/* Product Menu */
ul#product_menu {
	width: 250px;
	float: left;
	padding: 0;
}

#product_menu {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.125em;
	line-height: 1.125em;
	font-variant: small-caps;
	list-style: none inside;
	letter-spacing : .005em;
}

#product_menu  #currentpage a {
	color: #001966;
	font-weight: bold;
	text-decoration: underline;
	}





p.miniContactForm {
	font-family: "Times New Roman", Times, serif;
	font-size: .7em;
	line-height: 1em;
	color: #FFFFFF;
	font-variant: normal;
	letter-spacing : 0em;
	margin: 10px 20px;
	padding: 0;
}

p.miniContactFormCenter {
	font-family: "Times New Roman", Times, serif;
	font-size: .7em;
	line-height: 1em;
	color: #FFFFFF;
	text-align: center;
	font-variant: normal;
	letter-spacing : 0em;
	margin: 10px 20px;
	padding: 0;
}

input.miniContactForm, select.miniContactForm, textarea.miniContactForm {
	text-align: center;
	margin: 0; 
	padding: 0;
}




/* Branding Area with Site Navigation
Author: Steve */
	
	/* establish positioning context */
	div#branding { 
		position : relative;
	}
	
	/* replace h1 w/ image via Phark method */
	div#branding h1 {
		width : 770px;
		height : 103px;
		background: transparent url(images/branding.gif) no-repeat;
		text-indent : -9999px;
	}
	
	
	
	/* clickable area for home button */
	div#branding a#logoHomeBtn {    
		display : block;
		position : absolute; /* reestablish positioning for image replacement - THIS IS A HACK FOR IE7 */
		/* position : relative;  // reestablish positioning for image replacement */
		float: left;
		width : 205px;
		height: 77px;
		margin-left: 29px;
		margin-top: 23px;
		z-index: 10;
	}
	
	
	
	
	
	
	/* tagline text in branding image, hide this text */
	div#branding blockquote {
		position : absolute;
		top : -9999px;
	}
	
	/* move this nav list to fit in header/branding area */
	div#branding ul {
		position : absolute;
		top : 67px;
		left : 247px;		
		margin : 0;
		padding : 0;
		list-style : none;
	}
	
	div#branding ul#nav_main li {
		float : left;
		margin : 0;
		padding : 0;
		overflow : hidden;
	}
	
	/* make anchors behave as buttons */
	div#branding ul#nav_main a {
		display : block;
		position : relative; /* reestablish positioning for image replacement */
		height : 36px;
		float : left; /* Hack, IE MAC 5.2 doesn't "shrink-wrap" the floated list items bacause the anchors are set to block, so we float the anchors too */
	}
	
	/* make space for images */
	div#branding ul#nav_main a#home {
		width : 66px;
	}
	
	div#branding ul#nav_main a#heritage {
		width : 93px;
	}
	
	div#branding ul#nav_main a#products {
		width : 100px;
	}
		
	div#branding ul#nav_main a#showrooms {
		width : 119px;
	}
	
	div#branding ul#nav_main a#contact {
		width : 127px;
	}
	
	/* image replacment via Gilder/Levin method (needs non-semantic span in HTML but leaves text in place for useragents w/ images off) */
	div#branding ul#nav_main a span {
		position : absolute;
		width : 100%;
		height : 100%;
	}

	/* offsetting a single image for all navigation text */
	div#branding ul#nav_main a#home span {
		background : url(images/menu_home.gif) 0px 0px;
	}
	
	div#branding ul#nav_main a#heritage span {
		background : url(images/nav_main.gif) 0px 0px;
	}
	
	div#branding ul#nav_main a#products span {
		background : url(images/nav_main.gif) -93px 0px;
	}
	
	div#branding ul#nav_main a#specials span {
		background : url(images/nav_main.gif) -193px 0px;
	}
	
	div#branding ul#nav_main a#showrooms span {
		background : url(images/nav_main.gif) -277px 0px;
	}
	
	div#branding ul#nav_main a#contact span {
		background : url(images/nav_main.gif) -396px 0px;
	}

	/* hover states */
	div#branding ul#nav_main a:hover#home span {
		background : url(images/menu_home-over.gif)
	}
	
	div#branding ul#nav_main a:hover#heritage span {
		background-position: 0px 36px;
	}

	div#branding ul#nav_main a:hover#products span {
		background-position: -93px 36px;
	}

	div#branding ul#nav_main a:hover#specials span {
		background-position: -193px 36px;
	}

	div#branding ul#nav_main a:hover#showrooms span {
		background-position: -277px 36px;
	}

	div#branding ul#nav_main a:hover#contact span {
	background-position: -396px 36px;
	}
/* 	END Branding Area with Site Navigation */
