/*****************************************
******************************************
Sections:

1.GENERAL
2.SITE-WIDE CONTENT
3.PAGE CONTAINERS
4.QUICK-INFO/FOOTER

******************************************
******************************************/


/* 1.GENERAL --------------------------- */

/* zero "problem causers" for all elements */
* {
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
}

html, body {
	width: 100%;
	height: 100%;
	font-family: arial, sans-serif;
	font-size: 11px;
	line-height: 17px;
	color: #43391A;
	background:#B4AD86
}

a, a:visited, a:hover, a:active {
	color: #ABA694;
	text-decoration: none;
	outline: none;
}

/* 2.SITE-WIDE CONTENT --------------------------- */

#main-container {
	position: relative;
	width: 700px;
	height: auto;
	min-height: 600px;
	margin: 0 auto;
	padding-top: 10px;
	background: #FAF7E5;
}

.header {
	float: left;
	width: 700px;
	background: url(/images/header_bg.gif) 10px 0 no-repeat;
}

#home-link-header {
	display: block;
	width: 680px;
	height: 87px;
        margin-left: 10px;
}

#menu {
	float: left;
	width: 690px;
	height: 21px;
	padding: 5px 0 0 10px;
}

#menu li {
	float: left;
	width: 140px;
	list-style: none;
}

#menu li a,
#sub-menu li a {
	float: left;
	height: 21px;
	opacity: 1.0; /* Safari, Opera */
	-moz-opacity: 1.0; /* FireFox */
	filter: alpha(opacity=100); /* IE */
}

#menu li a:hover,
#menu li.here a,
#sub-menu li a:hover,
#sub-menu li.here a {
	opacity: 0.7; /* Safari, Opera */
	-moz-opacity: 0.7; /* FireFox */
	filter: alpha(opacity=70); /* IE */
}

#menu #photo-video {
	width: 170px;
}

#sub-menu {
	float: left;
	width: 690px;
	height: 13px;
	padding: 8px 0 0 10px;
}

#sub-menu li {
	float: left;
	width: 150px;
	height: 13px;	
	list-style: none;
}

#sub-menu li a {
	height: 13px;
}

#sub-menu #instruction {
	width: 180px;
}

#sub-menu #projects {
	width: 160px;
}

#section-header {
    margin-left: 10px;
    margin-right: 10px;
}

#section-header img {
	margin-bottom: 0px;
}

.content {
	float: left;
	width: 700px;
	height: 350px;
	margin-top: 40px;
}

.content a {
	color: #914D19;
	font-weight: bold;
}

.content a:visited, .content a:hover {
	color: #BA6E47;
}

.content h3 {
	font-weight: bold;
}

.content em {
	color: #914D19;
	font-style: normal;
}

html>body .content {
	min-height: 350px;
	height: auto;
}

.content-column {
	display: inline;
	float: left;
	width: 220px;
	height: auto; /*350px;*/
	margin: 10px 0 0 10px;
	overflow: auto;
}

#photo-video a {
	display: block;
	font-weight: normal;
}

.two {
	width: 450px;
}

.three {
	width: 670px;
}

.photo-column {
	display: inline;
	float: left;
	width: 220px;
	height: auto;
	margin: 10px 0 0 10px;
}

.photo-column img {
	padding-bottom: 10px;
}

.photo-column .last img {
	padding-bottom: 0;
}

#home {
	margin-top: 0;
}

.mr0 {
	margin-right: 0;
}

#bio p {
	margin-bottom: 5px;
}

#bio em {
	color: #43391A;
	font-style: italic;
}

#rep strong {
	color: #914D19;
	font-weight: normal;
	font-size: 11px;
}

#rep em {
	color: #43391A;
	font-style: italic;
	font-size: 11px;
}

#photo-video li {
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dashed #B4AD86;
}

#contact em a {
	font-weight: normal;	
}

#projects p {
        margin-bottom: 20px;
}

#projects img {
        margin-bottom: 10px;
}

.testimonial {
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-bottom: 1px solid #43391A;
}

.testimonial p {
        margin-bottom: 10px;
}

#testimonial img {
        margin-bottom: 10px;
}

.back-catalog p {
        margin-bottom: 10px;
}

#back-catalog strong {
	color: #914D19;
	font-weight: normal;
	font-size: 11px;
}

#back-catalog li {
        border-bottom: 1px solid #B4AD86;
        margin-bottom: 8px;
}

#back-catalog .content-column img {
        margin-bottom: 10px;
}

#back-catalog #headline {
	width: 680px;
	font-size: 11px;
	line-height: 17px;
}

#back-catalog #headline p {
	font-size: 13px;
	line-height: 20px;
        margin-bottom: 11px;
        margin-right: 13px;
}

#back-catalog #headline h3 {
	font-size: 15px;
	line-height: 20px;
        text-transform: uppercase;
}

#back-catalog #body-copy {
	width: 215px;
        padding-right: 5px;
}

#back-catalog #subhead p {
        margin-bottom: 7px;
}

#back-catalog #subhead {
	width: 680px;
        margin-top: 10px;
        margin-bottom: 10px;
        padding-top: 40px;
        border-top: 1px solid #43391A;

}

#calendar .row {
	float: left;
        padding-left: 10px;
        margin-bottom: 15px;
}

#calendar .even {
        color: #9E3100;
}

#calendar .d {
	float: left;
        width: 115px;
        font-weight: bold;
}

#calendar .e {
	float: left;
        width: 155px;
}

#calendar .t {
	float: left;
        width: 85px;
}

#calendar .l {
	float: left;
        width: 140px;
}

#calendar .de {
	float: left;
        width: 185px;
}



/* 4.FOOTER --------------------------- */

.footer {
	float: left;
	width: 100%;
	margin-top: 40px;
	padding-bottom: 20px;
	background: url(/images/footer/nds_logo.gif) no-repeat;
}

#home-link {
	display: block;
	width: 220px;
	height: 40px;
	margin: 0 0 20px 240px;
}

.footer-column {
	display: inline;
	float: left;
	width: 220px;
	margin-left: 10px;
}

.footer-column h2 {
	margin-bottom: 15px;
}

.footer-column h4 {
	float: left;
	margin-top: 15px;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	color: #9E3100;
}

.footer-column h4 a {
	color: #9E3100;
}

#appearances {
	float: left;
	width: 100%;
	list-style: none;
}

#appearances li {
	float: left;
	width: 100%;
	line-height: 17px;
	font-size: 11px;
}

#appearances li em {
	float: left;
	width: 45px;
	font-weight: bold;
	font-style: normal;
}

#news {
	float: left;
	width: 215px;
}

#news p {
	margin-bottom: 15px
}

#dp {
	float: left;
	margin-bottom: 30px;
}

/* 5.FORM STUFF --------------------------- */

#mailing-list {
	margin-bottom: 10px;
}

#mailing-list .row {
	display: block;
	float: left;
	width: 220px;
	height: auto;
}

#mailing-list em {
	font-style: normal;
	font-size: 11px;
	font-weight: bold;
}

#mailing-list .text,
#mailing-list textarea {
	display: block;
	float: left;
	width: 210px;
	margin-bottom: 5px;
	padding-left: 5px;
	border: 1px solid #333;
}

#mailing-list textarea {
	height: 60px;
}

#mailing-list .submit {
	font-size: 11px;
	color: #9E3100;
	background: #FAF7E5;
	border: 1px solid #9E3100;
}