/*
File: screen.css
Author: Larry French
Date: 050707
*/


* { padding: 0; margin: 0; }
.left { float: left; }
.right { float: right; margin-left: 40px; }
img { border: 0; }


body {
font-family: helvetica, "Trebuchet MS", verdana, arial, sans-serif;
font-size: 76%;
color: #666;
background: #459180 url(../pics/background_body.jpg) repeat-y center; }

ul, ol { margin-left: 25px; }

/* formats most images on department pages
img.department_image {
float: right; clear: right;
border: 2px solid #a1b7a2;
margin: 5px 0 20px 20px; } */


/* Keeps repeating paragraphs from stacking to the right of each other
p.section_descriptions { float: left; } */


div#header_container {
width: 100%; height: 114px;
margin: 0 auto;
background: #459180 url(../pics/background_header.jpg) center no-repeat; }

div#header {
position: relative;
margin: 0 auto;
width: 840px; height: 114px; }

div#header img {
position: absolute;
top: 10px; left: 5px; }

div#header ul {
position: absolute;
bottom: 2px; right: 0;
border-top: solid 2px #459180;
border-left: solid 2px #459180;
border-right: solid 1px #459180;
background-color: #fff; }

div#header li {
display: inline;
border-right: solid 1px #006951;
padding: 0 5px;
line-height: 20px; }

div#header a { text-decoration: none; }

div#header p.quick_info {
	color: #333;
	text-align: right;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 18px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 0;
}
div#header p.quick_info strong {
	color: #222;
	font-size: 14px;
}
div#header .follow_twitter {
	background-image: url(../pics/twitter_icon.png);
	background-repeat: no-repeat;
	height: 101px;
	width: 101px;
	position: absolute;
	left: 570px;
	top: 121px;
	z-index: 5;
}

div.return_button { 
float:right; width:100%;
text-align: right;
margin-bottom:10px; }


/* Page content holder */
div#container {
width: 760px; height: auto;
margin: 0 auto;
padding: 0 40px; }



div.section_title {
position: relative;
margin: 40px 0 10px 0;
padding: 5px;
clear: both;
width: 55%;
background: #fff url(../pics/background_section_header.jpg) repeat-y right; }

div.section_title h3 { margin: 0; }
div.section_title img { position: absolute; right: 10px; top: 6px; }


ul.page_navigation { margin-left: 10px; }
ul.page_navigation li { display: inline; margin: 10px; }
ul.page_navigation a {
text-decoration: none;
padding-left: 25px;
border-bottom: dashed 1px #ddd;
color: #666; }
ul.page_navigation a:hover { border-bottom: none; }

a.link_colors { background: #fff url(../pics/icon_colors.png) no-repeat; }

a.link_about,
a.link_builders,
a.link_consumers,
a.link_specifiers,
a.link_dealers,
a.link_fabricators,
a.link_plumbing  { background: #fff url(../pics/icon_i.png) no-repeat; }

a.link_gallery,
a.link_edges,
a.link_quartz,
a.link_vanity_tops,
a.link_tubs,
a.link_dog_bowls,
a.link_kitchen_sinks,
a.link_shower_kits,
a.link_window_sills,
a.link_products  { background: #fff url(../pics/icon_gallery.png) no-repeat; }

a.link_hints { background: #fff url(../pics/icon_bulb.png) no-repeat; }

a.link_maintenance { background: #fff url(../pics/icon_calendar.png) no-repeat; }

a.link_details { background: #fff url(../pics/icon_question.png) no-repeat; }

a.link_pdf { background: #fff url(../pics/icon_pdf_small.png) no-repeat; }



/* ul.section_links li { 
display: inline; 
margin: 0; padding: 0 5px; 
border-right: solid 1px #666; }
ul.section_links a { border-bottom: dashed 1px #666; color: #666; }
ul.section_links a:hover { text-decoration: none; border-bottom: none; } */



ul.pdf_list { margin: 0 0 50px 50px; }
ul.pdf_list a { text-decoration: none; }
ul.pdf_list li { 
list-style-image: url(../pics/icon_pdf_small.png);
line-height: 1.5em; }


ul.picture_gallery li {
display: inline; }
ul.picture_gallery li img {
width: 260px; height: 200px;
border: 2px solid #a1b7a2;
margin: 0 20px 20px 0; }



/* Photo Gallerys */
ul.gallery { width: 100%; margin: 0; }
ul.gallery li { display: inline; }
ul.gallery img {
border: 1px solid #a1b7a2;
margin: 0 15px 25px 0;
padding: 1px;
width: 165px; height: 125px; }



/* /galleries/ links to the deeper galleries */
ul#galleries_links li { 
display: inline;
text-align: center;
width: 350px;
float: left;
margin: 15px 15px; }
ul#galleries_links a {
	text-decoration:none;
	float: left;
}



/* /products/meridian/ links to the deeper galleries */
ul#gallery_links li {
	display: inline;
	text-align: center;
	width: 165px;
	margin-top: 15px;
	margin-right: 20px;
	margin-bottom: 15px;
	margin-left: 20px;
	float: left;
}
ul#gallery_links a { text-decoration:none; }
ul#gallery_links li a img { border: 1px solid #a1b7a2; padding: 1px; }



div#footer { 
position: relative;
float: left; clear: both;
border-bottom: solid #459180 1px; 
height: 80px; width: 100%;
margin: 70px 0 40px 0; }
div#footer p {
margin: 0 0 5px 0;
position:absolute;
bottom: 0;
font-weight: bold;
color: #459180; }


div.spacer { margin-top: 75px; }
div.top_button { border-bottom: dashed 1px #ddd; margin-top: 40px; }
div.top_button a { font-size: 0.9em; color: #666; text-decoration: none; }


/* fade_hover fades on hover, hover_fade starts fadded and goes full on hover. */
a.fade_hover img, a.hover_fade:hover img {
	-moz-opacity: 1.0;
	opacity: 1.0;
	-khtml-opacity: 1.0;
}

a.fade_hover:hover img, a.hover_fade img {
	-moz-opacity: 0.8;
	opacity: 0.8;
	-khtml-opacity: 0.8;
}



/* Used on products/meridian/kitchen sinks to seperate the different kitchen sinks */
h3.sub_section_title { margin-top: 3em; border-bottom: solid 1px; }

/************ Start typography ************/

/* Anchors */
a { color: #000; letter-spacing: 0.1em; }
a:hover { color: #006951; }
.dashed_decoration { border-bottom: dashed 1px #ddd; } /* underlines the text below each link image. Used on non-links and to add decoration to links that also contain images. */

a.dashed_decoration { 
text-decoration: none;
border-bottom: dashed 1px #ddd; }
a:hover.dashed_decoration  { 
text-decoration: none;
border: none; } 

h3 { 
color: #000;
margin: 1.2em 0em;
font-weight: normal;
font-size: 1.6em;
letter-spacing: 0.1em; }


ul, li {
/* list-style: none; */
font-size: 1.0em;
line-height: 1.8em;
/* margin-top: 0.2em;
margin-bottom: 0.1em; */ }


p {
font-size: 1.0em;
line-height: 1.5em;
margin: 1.2em 0em 1.2em 0em; }

li > p {	margin-top: 0.2em;	}


/********* End typography ************/