/* @override http://www.mclellantemporaries.com/styles/mclellan_main.css */

/* @group Navigation */
#nav_bar ul li {
	text-indent: -9000px;
	margin: 0; 
	padding: 0; 
	list-style: none; 
	position: absolute;
	overflow: hidden;
	display: block;
	height: 44px;
}
#nav_bar a {
	display: block;
}
#home, #home a {left: 205px; top: 0px; width: 55px; height: 44px;}
#about, #about a {left: 259px; top: 0px; width: 76px; height: 44px;}
#clients, #clients a {left: 334px; top: 0px; width: 84px; height: 44px;}
#employees, #employees a {left: 417px; top: 0px; width: 105px; height: 44px;}
#resources, #resources a {left: 522px; top: 0px; width: 122px; height: 44px;}
#contact, #contact a {left: 643px; top: 0px; width: 87px; height: 44px;}

#home a:hover, #home .active {background: transparent url(../images/nav_bar.jpg) -205px -44px no-repeat;}
#about a:hover, #about .active {background: transparent url(../images/nav_bar.jpg) -259px -44px no-repeat;}
#clients a:hover, #clients .active {background: transparent url(../images/nav_bar.jpg) -334px -44px no-repeat;}
#employees a:hover, #employees .active {background: transparent url(../images/nav_bar.jpg) -417px -44px no-repeat;}
#resources a:hover, #resources .active {background: transparent url(../images/nav_bar.jpg) -522px -44px no-repeat;}
#contact a:hover, #contact .active {background: transparent url(../images/nav_bar.jpg) -643px -44px no-repeat;}

/* @end */

/********** Contact Form **********/

.zemContactForm br, #txpCommentInputForm br {
	margin: 0px;
	padding: 0px;
	line-height: 1px;
}
ul.contact {
	width: 500px;
	margin: 10px 0px 0px 40px;
	padding: 10px;
}
ul.contact li {
	margin: 0px;
}

input.zemText, textarea.zemTextarea, input.comment_name_input, textarea.txpCommentInputMessage, input.comment_email_input, input.comment_web_input {
	border: 1px solid #999999;
	color: #666666;
	font-size: 12px;
	line-height: 16px;
	padding: 5px 0px 0px 5px;
}

input.zemText, input.comment_name_input {
	height: 1.66em; /* 12x1.66=20px */
}

.zemContactForm label, #txpCommentInputForm label {
	width: 70px;
}

ul.contact label {
	color: #333333;
	float: left;
	font-size: 0.9em;
	list-style-type: none;
	padding: 2px 3px 0px 5px;
	text-align: right;
	width: 70px;
}

.zemContactForm input, #txpCommentInputForm input {
	width: 200px;
}

ul.contact input, ul.contact select, ul.contact textarea {
	list-style-type: none;
	margin: 0px 0px 0px 4px;
	width: 200px;
}

form.zemContactForm li, form#txpCommentInputForm li {
	clear: both;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

form.zemContactForm li.bottom, form#txpCommentInputForm li.bottom {
	border-bottom: 0px none;
}

input.zemSubmit {
	background-color: #2D72B9;
	border: 1px solid #333333;
	color: #8fb9e1; /* orange */
	font-size: 12px;
	height: 30px !important;
	margin: 0pt;
	padding: 0px;
	width: 140px !important;
}

ul.zemError {
	background-color: #E4D29A;
}