/* SpectraCrete.info CSS Document */

html, body {
	margin: 0px;
	padding: 0px;
	}

body {
	background-color: #fff;
	color: #000;
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	}

/* Anchors LoVe/HAte
-------------------- */
a:link {
	color: #900;
	text-decoration: underline;
	}
a:visited {
	color: #933;
	text-decoration: underline;
	}
a:active {
	color: #f00;
	text-decoration: none;
	}
a:hover {
	color: #000;
	text-decoration: underline;
	}


/* Text
-------------------- */
h1, h2, h3, h4 {
	font-family: "Times New Roman", Times, serif;
	margin: 0px;
	padding: 0px;
	clear: both;
	}
h1, h2, h3 {
	color: #900;
	}
h1 {
	font-size: 160%;
	font-weight: normal;
	line-height: 2em;
	}
h2 {
	font-size: 135%;
	font-weight: normal;
	line-height: 1.7em;
	}
h3 {
	font-size: 125%;
	font-weight: normal;
	line-height: 1.5em;
	}
h4 {
	font-size: 110%;
	font-weight: bold;
	font-style: italic;
	}
p {
	margin-top: 0px;
	clear: both;
	}
p.breadcrumb 
{
    font-size: 80%;
}
p.pagetop 
{
    font-size: 80%;
}
/*
p.breadcrumb a { text-decoration: none; }
*/
/* Images
-------------------- */
img {
	border-width: 0px;
	}

img#logo-SpectraCrete {
	border-width: 0px;
	width: 186px;
	height: 75px;
	}

img#logo-Kuert {
	border-width: 0px;
	width: 105px;
	height: 45px;
	}


/* Form
-------------------- */
form { padding: 0px; margin: 0px; }
input { font-family: Arial, Helvetica, sans-serif; font-size: 100%; }
select { font-family: Arial, Helvetica, sans-serif; font-size: 100%; }
textarea { font-family: Arial, Helvetica, sans-serif; font-size: 100%; }

input.btn {
	margin-top: 8px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 90%;
    font-weight: bold;
    padding: 1px 2px;
    color: #fff;
    background-color: #900;
    border-color: #333;
    border-width: 1px;
    border-style: solid;
    }


fieldset {
    border-width: 0px;
    }
    fieldset#ContactForm {
        padding: 0px;
        margin-top: 10px;
        border-width: 0px;
        font-size: small;
        line-height: normal;
        }
    fieldset legend {
        color: #900;
		font-family: "Times New Roman", Times, serif;
		font-size: 125%;
		display: none;
        }
    fieldset#ContactForm label {
        font-weight: bold;
        }
    fieldset#ContactForm dl {
        padding: 0px;
        margin: 0px;
        }
    fieldset#ContactForm dt {
        padding: 4px 0px;
        }
    fieldset#ContactForm dt span {
        font-size: 90%;
        font-style: normal;
        }
    fieldset#ContactForm dd {
         margin: 0px;
         padding: 0px;
         }
    fieldset#ContactForm dd input, fieldset#ContactForm dd select, fieldset#ContactForm dd textarea {
        /* font-family: "Times New Roman", Times, serif; */
        font: inherit;
        background-color: #fff;
        border-color: #633;
        border-style: solid;
        border-width: 1px;
        padding: 2px;
        }


/* Misc
-------------------- */
div.clear {
	clear: both;
	height: 0px;
	}

.error-text {
	color: #f00;
	font-style: italic;
	}

ul.products 
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	display: block;
}
    ul.products li 
    {
	    font-size: 85%;
	    font-weight: bold;
	    width: 155px;
	    height: 170px;
	    float: left;
    }
    ul.products li a { text-decoration: none; }
    ul.products li img { width: 120px; height: 120px; }


ul.colors 
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	display: block;
}
    ul.colors li 
    {
	    font-size: 85%;
	    font-weight: bold;
	    width: 155px;
	    height: 85px;
	    float: left;
    }
    ul.colors li img { width: 120px; height: 60px; }
    ul.colors li a { text-decoration: none; }


ul.photogallery 
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	display: block;
}
    ul.photogallery li 
    {
	    width: 140px;
	    height: 140px;
	    float: left;
    }
    ul.photogallery li img { width: 120px; height: 120px; }
    ul.photogallery li a { text-decoration: none; }



/* Structure
-------------------- */

#header {
	width: 895px;
	margin-top: 25px;
	}
	#header img#logo-SpectraCrete {
		float: right;
		margin-bottom: 6px;
		}
	#header ul {
		list-style-type: none;
		margin: 56px 0px 0px 0px;
		padding: 0px 0px 0px 39px;
		float: left;
		}
		#header ul li {
			float: left;
			padding: 7px 12px 14px 12px;
			}
			#header ul li a:link, #header ul li a:visited, #header ul li a:active, #header ul li a:hover {
				text-decoration: none;
				}
			#header ul li a:link {
				color: #666;
				}
            #header ul li a:visited {
	            color: #666;
	            }
			#header ul li a:active {
				color: #000;
				}
			#header ul li a:hover {
				color: #900;
				}
			.border-r {
				border-right-color: #ccc;
				border-right-style: solid;
				border-right-width: 1px;
				}


#wrap {
	clear: both;
	background-image: url(../../images/site/bg-middle.gif);
	background-position: 0% 0%;
	background-repeat: repeat-x;
	height: auto;
	}

#wrap-content 
{
    width: 900px;
}

body.home #wrap {
	height: 348px;
	margin: 0px;
	padding: 0px;
	}
	#content {
		border-top-color: #acacac;
		border-top-style: solid;
		border-top-width: 1px;
		border-right-color: #acacac;
		border-right-style: solid;
		border-right-width: 1px;
		border-bottom-color: #acacac;
		border-bottom-style: solid;
		border-bottom-width: 1px;
		width: 479px; /* 549px */
		height: auto;
		float: left;
		background-color: #e6e6e6;
		padding: 10px 20px 10px 50px;
		/* new style */
		font-size: 117%;
		line-height: 125%;
		}

body.home #content {
	height: 326px; /* 346px */
	}
	#content-graphic {
		width: 340px;
		height: 346px;
		float: left;
		margin-top: 1px;
		}
	#content-graphic img {
		width: 340px;
		height: 346px;
		}

#footer-logo {
	clear: both;
	background-color: #fff;
	margin-top: 30px; margin-bottom: 15px;
	padding-left: 20px;
	}

#footer {
	clear: both;
	color: #666;
	background-color: #f7f7f7;
	border-top-color: #dedede;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-color: #dedede;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding: 14px 20px 14px 20px;
	}
	#footer p {
		margin: 0px;
		padding: 0px;
		font-size: 88%;
		}
	#footer a:link {
		color: #666;
		text-decoration: none;
		}
	#footer a:visited {
		color: #666;
		text-decoration: none;
		}
	#footer a:active {
		color: #900;
		text-decoration: none;
		}
	#footer a:hover {
		color: #000;
		text-decoration: underline;
		}