body {
	font: 0.9em "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	background: #433F3B url(/images/bg2.png);
	color: #FFF;
	margin: 0;
	padding: 0;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: .1em;
}

h1 { font-size: 1.5em; }
h2 { font-size: 1.3em; }
h3 { font-size: 1.2em; }
h4 { margin: 0; }

th, td { padding: 5px; }

/* CONTAINER */
#container {
	width: 950px;
	margin: 0 auto;
	text-align: left;
	background: #776B5B url(/images/container-bg.gif) repeat-y;
}

/* HEADER */
#header {
	width: 950px;
	padding: 5px 0;
}

#header h1 {
	background: url(/images/american-design-inc-logo-208x102.jpg) no-repeat;
	width: 208px;
	height: 102px;
	float: left;
	border-bottom: none;
}

#header a {
	display: block;
	overflow: hidden;
	height: 0;
	width: 208px;
	padding-top: 102px;
}

#title {
	background: url(/images/american-design-title.png) no-repeat;
	width: 388px;
	height: 52px;
	float: left;
	margin: 32px 0 0 25px;
}

#tagline {
	width: 432px;
	height: 16px;
	float: left;
	margin: 20px 0 0 111px;
	background: url(/images/tagline-432x16.png) no-repeat;
}

/* NAVBAR */
#navbar {
	width: 133px;
	background-color: #433F3B;
	float: left;
	font-size: 1.1em;
}

html>body #navbar {
}

#navbar a {
	color: #FFF;
	text-decoration: none;
}

#navbar ul {
	margin: 0;
	padding: 40px 0 0 10px;
	list-style-type: none;
}

#navbar li {
	margin: 0 0 85px 0;
	position: relative;
	min-height: 1px; 	/* Sophie Dennis contribution for IE7 */
	vertical-align: bottom; /* Sophie Dennis contribution for IE7 */
}

#navbar ul ul {
	position: absolute;
	z-index: 500;
	top: auto;
	display: none;
	margin: 0;
	padding: 4px 0 0 0;
	width: 200px;
	font-size: 0.7em;
}

#navbar li li {
	margin: 0 !important;
	padding: 0 10px 0 12px !important;
	background: url(/images/navbar-bullet-off.gif) no-repeat;
	background-position: 0 .4em;
}

#navbar li li:hover {
	background: url(/images/navbar-bullet-on.gif) no-repeat;
	background-position: 0 .4em;
}

#navbar li li a {
	padding: 0;
}

#navbar ul ul ul {
	top: 0;
	left: 100%;
}

div#navbar li:hover {
	cursor: pointer;
	z-index: 100;
}

div#navbar li:hover ul ul,
div#navbar li li:hover ul ul,
div#navbar li li li:hover ul ul,
div#navbar li li li li:hover ul ul
{display:none;}

div#navbar li:hover ul,
div#navbar li li:hover ul,
div#navbar li li li:hover ul,
div#navbar li li li li:hover ul
{display:block;}

/* CONTENT */
#content {
	width: 715px;
	padding: 25px 50px;
	float: left;
}

#content a {
	color: #CCBD95;
}

#content li {
	margin-bottom: 5px;
	list-style-type: none;
}

#content img {
	border: 2px solid #5B554D;
}

#content-box-outter {
	border: 7px solid #A79B8B;
	width: 705px;
	margin: 0 0 0 10px;
}

#content-box-inner {
	width: 665px;
	background-color: #645D54;
	border: 10px solid #645D54;
	padding: 8px 10px;
}

#column1, #column2 {
	width: 49%;
	float: left;
}

#homepix {
	width: 670px;
	border: 7px solid #A79B8B;
	margin: 0 0 0 30px;
}

#homepix img {
	float: left;
	border: 25px solid #645D54;
	border-bottom: 70px solid #645D54;
}

#company-tagline {
	background: url(/images/company-tagline.png) no-repeat;
	width: 464px;
	height: 15px;
	margin: -52px 0 0 140px;
	z-index: 20px;
	position: relative;
}

.about-us-box {
	background: url(/images/about-us-bg.jpg) no-repeat;
}

.services-box {
	background: url(/images/services-background.jpg) no-repeat left center;
}

.services-box-text {
	width: 475px;
	background-image: url(/images/services-text-background.png);
	float: right;
	text-align: right;
}

.achievements-box {
	background: url(/images/mame-award.jpg) no-repeat right center;
	height: 360px;
}

.achievements-box-text {
	width: 500px;
}

.achievements-box li, .community-box li {
	list-style-type: none !important;
}

.design-team-box {
	font-size: 0.9em;
}

#partners img {
	float: left;
	margin: 30px 20px 0 20px;
}

#meredithpic {
	background: url(/images/residential/tufted-cornice-boards.jpg) no-repeat;
	border: 2px solid #5B554D;
	width: 345px;
	height: 279px;
	float: left;
	text-align: center;
	margin-left: 45px;
	font-size: 0.7em;
}

#meredithpic a {
	display: block;
	height: 0;
	width: 345px;
	padding-top: 279px;
	color: #FFF;
	text-decoration: none;
}

.meredithres {
	margin: 0 !important;
}

#map {
	float: left;
	text-align: center;
	margin-left: 150px;
}

.fb-like {
	margin: 30px 0 0 10px;
	text-align: center;
}

/* FOOTER */
#footer {
	width: 950px;
	margin: 0 auto;
}

#graybar-tagline {
	background: url(/images/award-winning-interior-design.png) no-repeat center;
	width: 414px;
	height: 14px;
	padding: 5px 243px;
	background-color: #A79B8B;
}

#copyright {
	font-size: 0.7em;
	color: #A79B8B;
	padding-top: 10px;
}

/* HIDDEN TEXT */
#header span, #title span, #tagline span, #graybar-tagline span, #company-tagline span {
	position: absolute;
	left: -1999px;
	width: 400px;
}

/* MISC CLASSES */
.gallerypic-left { float: left; margin: 0 12px 12px 0; }
.gallerypic-right { float: right; margin: 0 0 12px 0; }
.gallerypic-right-10 { float: right; margin: 0 0 6px 0; }
.sodpic { float: left; margin: 0 4px 4px 0; }
.sodpic-end { float: left; margin: 0 0 4px 0 !important; }
.showhome-left { float: left; text-align: center; margin: 0 12px 12px 0; }
.showhome-right { float: left; text-align: center; margin: 0 0 12px 0; }
.showhome-left h2, .showhome-right h2 { margin: 5px 0 0 0; }
.showhome-left a img, .showhome-right a img { border: none; }
.centered { text-align: center; }
.clear { clear: both; }
.left_float { float: left; margin: 0 10px 10px 0; }
.right_float { float: right; margin: 0 0 10px 10px; }
.required { font-weight: bold; color: #F00; }
