/* CSS Document */

/* ******************** general CSS ********************  */
body {
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-color: #554643;
	overflow: auto;
}
.bgRepeat {
	background-color: #554643;
	background-image: url(../imidgs/bg-repeat.jpg);
	background-repeat: repeat-x;
}
.bgText {
	display: none;
}
img {
	border: 0px;
	padding: 0px;
	margin: 0px;
}
p {
	padding: 0px;
	margin: 0px;
}
/* #container {
	height: 600px;
	width: 900px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-color: #554643;
	overflow: hidden;
} */
#whiteLine1 {
	margin: 0px;
	padding: 0px;
	height: 0px;
	width: 192px;
	border-bottom: 2px solid #ffffff;
	position: absolute;
	top: -9px;
	left: 0px;
}
html>body #whiteLine1 {
	top: 10px;
}
#whiteLine2 {
	margin: 0px;
	padding: 0px;
	height: 0px;
	width: 192px;
	border-bottom: 2px solid #ffffff;
	position: absolute;
	top: 61px;
	left: 0px;
}
html>body #whiteLine2 {
	top: 80px;
}
#whiteLine3 {
	margin: 0px;
	padding: 0px;
	height: 0px;
	width: 192px;
	border-bottom: 2px solid #ffffff;
	position: absolute;
	top: 211px;
	left: 0px;
}
html>body #whiteLine3 {
	top: 230px;
}
#whiteLine4 {
	margin: 0px;
	padding: 0px;
	height: 0px;
	width: 192px;
	border-bottom: 2px solid #ffffff;
	position: absolute;
	top: 543px;
	left: 0px;
}
html>body #whiteLine4 {
	top: 562px;
}
#yellowLine1 {
	margin: 0px;
	padding: 0px;
	height: 0px;
	width: 692px;
	border-bottom: 2px solid #D0E200;
	position: absolute;
	top: 61px;
	left: 208px;
} 
html>body #yellowLine1 {
	top: 80px;
}

/*  ******************** header image CSS ********************  */
#logo1 {
	display:block;
	margin: 0px;
	padding: 0px;
	height: 68px;
	width: 192px;
	background-image: url(../imidgs/logo-part1.jpg);
	background-repeat: no-repeat;
	background-color: #554643;
	top: 12px;
	position: absolute;
}
#logo2 {
	display:block;
	margin: 0px;
	padding: 0px;
	height: 68px;
	width: 692px;
	background-image: url(../imidgs/logo-part2.jpg);
	background-repeat: no-repeat;
	background-color: #554643;
	top: 12px;
	position: absolute;
	left: 208px;
}
#spacerColumn {
	height: 600px;
	width: 16px;
	background-color: #554643;
	position: absolute;
	left: 192px;
	top: 0px;
	margin: 0px;
	padding: 0px;
}

/*  ******************** nav holder CSS ********************  */
#mainNavHolder {
	height: 148px;
	width: 192px;
	background-color: #554643;
	position: absolute;
	top: 82px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
#secondaryNavHolder {
	height: 148px;
	width: 692px;
	background-color: #554643;
	position: absolute;
	top: 82px;
	left: 208px;
	margin: 0px;
	padding: 0px;
}

/*  ******************** content holder CSS ********************  */
#explanatoryHolder {
	height: 330px;
	width: 192px;
	background-color: #554643;
	position: absolute;
	top: 232px;
	margin: 0px;
	padding: 0px;
}
#explanatoryHolder2 {
	height: 330px;
	width: 184px;
	background-color: #554643;
	position: absolute;
	top: 232px;
	left: 8px;
	margin: 0px;
	padding: 0px;
}
#contentHolder {
	height: 330px;
	width: 692px;
	background-color: #554643;
	position: absolute;
	top: 232px;
	left: 208px;
	margin: 0px;
	padding: 0px 0px 0px 2px;
	overflow: hidden;
}
#imageHolder {
	height: 330px;
	width: 692px;
	background-color: #554643;
	position: absolute;
	top: 232px;
	left: 208px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

/*  ******************** footer holder CSS ********************  */
#emailHolder {
	height: 36px;
	width: 192px;
	background-color: #554643;
	position: absolute;
	top: 564px;
	margin: 0px;
	padding: 0px;
}
#footerHolder {
	height: 36px;
	width: 692px;
	background-color: #554643;
	position: absolute;
	top: 564px;
	left: 208px;
	margin: 0px;
	padding: 0px;
}

/*  ******************** main navigation CSS ********************  */
#navlist {
    list-style: none;
	height: 148px;
	width: 192px;
	background-color: #554643;
	position: relative;
	margin: 0px;
	padding: 0px;
}
#about a {
	display:block;
	width:192px;
	height: 29px;
	color:#554643;
	text-decoration:none;
	margin: 0px;
	padding: 0px;
	background-image: url(../imidgs/nav-about.jpg);
	background-repeat: no-repeat;
	line-height: 0px;
}
#services a {
	display:block;
	width:192px;
	height: 30px;
	color:#554643;
	text-decoration:none;
	margin: 0px;
	padding: 0px;
	background-image: url(../imidgs/nav-services.jpg);
	background-repeat: no-repeat;
	line-height: 0px;
}
#philosophy a {
	display:block;
	width:192px;
	height: 30px;
	color:#554643;
	text-decoration:none;
	margin: 0px;
	padding: 0px;
	background-image: url(../imidgs/nav-philosophy.jpg);
	background-repeat: no-repeat;
	line-height: 0px;
}
#contact a {
	display:block;
	width:192px;
	height: 30px;
	color:#554643;
	text-decoration:none;
	margin: 0px;
	padding: 0px;
	background-image: url(../imidgs/nav-contact.jpg);
	background-repeat: no-repeat;
	line-height: 0px;
}
#clients a {
	display:block;
	width:192px;
	height: 29px;
	color:#554643;
	text-decoration:none;
	margin: 0px;
	padding: 0px;
	background-image: url(../imidgs/nav-clients.jpg);
	background-repeat: no-repeat;
	line-height: 0px;
}
#about a:hover, a:active {
    background-position: -192px 0px;
}
#services a:hover, a:active {
    background-position: -192px 0px;
}
#philosophy a:hover, a:active {
    background-position: -192px 0px;
}
#contact a:hover, a:active {
    background-position: -192px 0px;
}
#clients a:hover, a:active {
    background-position: -192px 0px;
}

/*  ******************** text CSS ********************  */
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	text-align: left;
	vertical-align: top;
	font-style: normal;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-align: right;
	vertical-align: top;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align: left;
	vertical-align: top;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-align: right;
	vertical-align: top;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	line-height: 14px;
}
h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align: left;
	vertical-align: top;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	line-height: 16px;
}
a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration: underline;
	line-height: 16px;
}
a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration: underline;
	line-height: 16px;
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #554643;
	text-decoration: none;
	background-color: #FFFFFF;
	line-height: 16px;
}
a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #554643;
	text-decoration: none;
	background-color: #FFFFFF;
	line-height: 16px;
}
.nothingHappens {
	text-decoration: none;
	z-index: -10;
}
a.nothingHappens:link, a.nothingHappens:visited, a.nothingHappens:hover, a.nothingHappens:active {
	text-decoration: none;
	background-color: #554643;
	z-index: -10;
}
.headline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	vertical-align: top;
	font-style: normal;
	font-weight: bold;
}

/*  ******************** secondary navigation CSS ********************  */
.subnav {
	float: left;
	margin-right: 2px;
	width: 180px;
	font-size: 11px;
}
.subnavlong {
	float: left;
	margin-right: 2px;
	width: 180px;
	font-size: 11px;
}
.subnavstyle1, .subnavstyle2, .subnavstyle3 {
	padding: 0 0 1px 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
.subnavstyle1 ul, .subnavstyle2 ul, .subnavstyle3 ul{
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}		
.subnavstyle1 li, .subnavstyle2 li, .subnavstyle3 lI{
	border-bottom: 1px solid #554643;
	margin: 0;
}
.subnavstyle1 li a {
	display: block;
	padding: 0px 0px 1px 0px;
	color: #FFFFFF;
	text-decoration: none;
	width: 100%;
}
.subnavstyle2 li a {
	display: block;
	padding: 0px 0px 1px 0px;
	color: #FFFFFF;
	text-decoration: none;
	width: 100%;
}
.subnavstyle3 li a {
	display: block;
	padding: 0px 0px 1px 0px;
	color: #FFFFFF;
	text-decoration: none;
	width: 100%;
}
html>body .subnavstyle1 li a, html>body .subnavstyle2 li a, html>body .subnavstyle3 li a {
	width: auto;
}
.subnavstyle1 li a:hover {
	background: #FFFFFF;
	color: #554643;
} 
.subnavstyle2 li a:hover {
	background: #DADADA;
	color: #554643;
}
.subnavstyle3 li a:hover {
	background: #DADADA;
	color: #554643;
}
.subnavstyle1 li.active {
	background: #FFFFFF;
	color: #554643;
	width: 100%;
}
.subnavstyle2 li.active {
	background: #FFFFFF;
	color: #554643;
	width: 100%;
}
.subnavstyle3 li.active {
	background: #FFFFFF;
	color: #554643;
	width: 100%;
}
html>body .subnavstyle1 li.active {
	width: auto;
}
html>body .subnavstyle2 li.active {
	width: auto;
}
html>body .subnavstyle3 li.active {
	width: auto;
}
.subnavstyle1 ul li a.active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	color: #554643;
	text-align: left;
	vertical-align: top;
	padding: 0px;
	width: 180px;
	text-decoration: none;
	background-color: #FFFFFF;
}
.subnavstyle2 ul li a.active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	color: #554643;
	text-align: left;
	vertical-align: top;
	padding: 0px;
	width: 180px;
	text-decoration: none;
	background-color: #FFFFFF;
}
.subnavstyle3 ul li a.active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	color: #554643;
	text-align: left;
	vertical-align: top;
	padding: 0px;
	width: 180px;
	text-decoration: none;
	background-color: #FFFFFF;
}
.nav2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	color: #FFFFFF;
	text-align: left;
	vertical-align: top;
	padding: 0px;
	width: 180px;
	text-decoration: none;
}
a.nav2:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	color: #FFFFFF;
	text-align: left;
	vertical-align: top;
	padding: 0px;
	width: 180px;
	text-decoration: none;
}
a.nav2:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	color: #FFFFFF;
	text-align: left;
	vertical-align: top;
	padding: 0px;
	width: 180px;
	text-decoration: none;
}
a.nav2:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	color: #FFFFFF;
	text-align: left;
	vertical-align: top;
	padding: 0px;
	width: 180px;
	text-decoration: none;
}
a.nav2:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	color: #554643;
	text-align: left;
	vertical-align: top;
	padding: 0px;
	width: 180px;
	text-decoration: none;
	background-color: #FFFFFF;
}

/*  ******************** table CSS ********************  */
td {
	vertical-align: top;
}

/*  ******************** other CSS ********************  */
.yellow {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #D0E200;
	text-decoration: none;
}
.formbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration: none;
	border: 1px solid #FFFFFF;
	background-color: #554643;
}
.error {
	color:#FF0000;
	font-weight:bold;
	font-size:11px;
}