/* 
Title: solventdistillationinc.com 
Date: Started 01.14.08
Authors: Gunnar Bruun / Sabramedia, LLC

Table of Contents:
	- Typography
	- Header Layout
	- Content Layouts
	- Footer Layouts

Common Colors:
	Background: #183900
	Body: #000

Developer Notes:
	This document is organized for easy readability, using hybrid property organization
	For more details, visit CSSBestPractices.com
		
*/

@import url(reset.css); 


body {
	margin-top: 50px;
	background: #183900;
	}

a {
	text-decoration: none; color: #fff;
	}
	a:hover {
		text-decoration: underline;
	 	}

h1 {
	font-size: 1.1em; font: bold 1.3em Trebuchet MS, Arial, Helvetica, sans-serif; margin: 10px 0;
	}
h2 {
	font-size: 1em;
	}
	h2 a {
		color: #000; text-decoration: underline;
		}
	h2 a:hover {
		text-decoration: none;
		}

#container {
	width: 786px; margin: 0 auto;
	}
	#header {
		position: relative;
		width: 786px; height: 70px;
		color: #fff;
		}
		#header ul {
			position: absolute; top: 3px; left: 260px;
			list-style: none; 
			font-size: 1.1em;
			}
			#header ul li {
				float: left;
				margin: 25px 3px 0 5px; padding-right: 8px; border-right: thin solid #fff;
				}
				#header ul li.last {
					border-right: none;
					}
		#logo {
			position: absolute; top: 5px; left: 10px;
			}
		#contact {
			position: absolute; top: 5px; left: 606px;
			font-size: 1.1em;
			}
		h3#phone {
			position: absolute; top: 30px; left: 600px;
			width: 186px; height: 29px; 
			background: url(../../images/header-phone.png); text-indent: -9999px;
			}

	#contentWrap {
		width: 786px; padding: 10px 10px;  border: 2px solid #183900; outline: 1px solid #fff;
		background: #fff;
		}
		#content {
			width: 760px; margin: 0 auto; padding-bottom: 20px;
			}
			#content p {
				line-height: 1.7em; margin: 15px 0;
				}
			#content a {
				color: #003399; text-decoration: underline;
				}
			#content em {
				font-style: italic;
				}
			#content p#definition {
				width: 600px; margin: 20px auto; border: 1px dashed #666; padding: 10px;
				font-size: 0.9em; line-height: 1.3em;
				}
				#splash {
					margin: 0 auto 20px auto; width: 760px; height: 216px;
					background: url(../../images/splash.png)
					}
				#headline {
					width: 760px; margin: 20px 0;
					font: bold 1.3em Trebuchet MS, Arial, Helvetica, sans-serif; text-align: center;
					}
				#column1, #column2, #column3 {
					float: left;
					width: 243px; padding: 5px;
					}
				#gallery {
					margin-left: 20px;
					}
					#gallery a {
						margin: 10px 15px; border: 1px solid #888; padding: 5px; display: block; float: left; width: 100px; text-align: center;
						}
						
#footer {
	width: 786px; margin: 10px auto 30px auto;
	color: #fff; 
	}
	#footer ul {
		list-style: none;
		text-align: center;
		}
		#footer ul li {
			display: inline; padding: 0 10px; border-right: thin solid #fff;
			}
			#footer ul li.last {
				border-right: none;
				}