/* CSS Document */

/* Global selectors */

* {
	margin:				0;
	padding:			0;
}

html, body {
	height:				auto;
}

form {
		margin: auto;	
}

body {
	behavior:			url("csshover.htc");
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			0.8em;
	background:			url("../img/bg.gif") top left repeat-x;
	/*text-align:center;*/
}

a {
	color:				#333;
	text-decoration:	none;
	border-bottom:		1px dotted #f00;
}

a:hover {
	color:				#f00;
	border-bottom:		1px dotted #f00;
}

.redunderline {
	color:				#333;
	text-decoration:	none;
	border-bottom:		1px dotted #f00;
}

.redunderline:hover {
	color:				#f00;
	border-bottom:		1px dotted #f00;
}


input.text, input.select, textarea.textarea, select.select {
	border:				1px solid #666;
}


/* IDs */

#wrap {
	margin:				0 auto;
	width:				740px;
}

#main, form
{
	width:				770px;
	background:			url("../img/bodybg.gif") repeat-y;
}

#head1 {
	width:				770px;
	height:				124px;
	background:			url("../img/head-colored1.jpg") no-repeat top center;
} 
 
#head2 {
	width:				770px;
	height:				124px;
	background:			url("../img/head-colored2.jpg") no-repeat top center;
}

#head1 h1, #head1 h2, #head2 h3 {
	text-indent:		-2999px;
	text-align:	      	left;
}

#side {
	float:				left;
	width:				200px;
	margin:				10px -10px 0 5px;
	font-size:			0.85em;
}

*form #side {
	margin-left:		3px;
}

#side form {
	color:				#333;
	margin:				5px 0 0 15px;
}

#side h4 {
	color:				#900;
	font-size:			1em;
	margin:	0;
}

#side input.text {
	border:				1px solid #999;
	margin-bottom:		10px;
}

#login {
	width:				250px;
	height:				150px;
	margin:				auto;
}

#loginSubmit {
	float:				right;
}

#loginSubmit img {
	border:				0;
}

#side strong {
	font-weight:		normal;
	color:				#f00;
	display:			block;
}

#side hr {
	margin:				0 15px 0 15px;
	border:				0;
	border-bottom:		1px solid #666;
	height:				1px;
}

#side p {
	color:				#333;
	margin:				5px 0 5px 15px;
}

#side h4 {
	margin:				10px 15px 10px 15px;
	color:				#900;
	font-weight:		bold;
	font-size:			1.1em;
}

#side a {
	border:				0;
}

#side .sideSection {
	margin:				5px 0 10px 0;
}

#content {
	float:				right;
	width:				700px;
	margin:				25px 15px 20px 10px;
	padding:			0 0 0 35px;
	clear:left;
}

#content_home {
	float:				right;
	width:				500px;
	margin:				25px 15px 0 0;
	padding:			0 0 0 35px;
	clear:left;
}

.fixed {
	float:				right;
	height:				200px;
}


#content h3:first-child, #content_home h3:first-child {
	color:				#900;
	margin:				0 0 15px 0;
	font-size:			1.2em;
	font-weight:		bold;
}

#content h3, #content_home h3 {
	color:				#900;
	margin:				30px 0 15px 0;
}

*form #content h3, #content_home h3 {
	font-size:			1.2em;
	margin:				0 0 15px 0;
}

#content h4, #content_home h4 {
	margin-bottom:		3px;
}

#content h4 a, #content #pages a, #content_home h4 a, #content_home #pages a  {
	color:				#900;
	border:				0;
}

#content h4 a:hover, #content #pages a:hover, #content_home h4 a:hover, #content_home #pages a:hover {
	color:				#f00;
	border-bottom:		1px dotted #f00;
}

#content #pages, #content_home #pages {
	text-align:			center;
}

#content #pages a, #content_home #pages a {
	font-size:			1.2em;
	font-weight:		bold;
}

#content img.inline, #content_home img.inline {
	margin:				0 5px 2px 5px;
}

#content p, #content_home p {
	margin:				5px 0 10px 0;
	color:				#333;
	font-size:			0.9em;
}

#content p.moreLink, #content_home p.moreLink {
	text-align:			left;
	margin:				0 10px 20px 0;
}

#content p.moreLink a, #content_home p.moreLink a {
	color:				#f00;
	font-size:			0.85em;
	font-weight:		bold;
	border:				0;
}

#content p.moreLink a:after, #content_home p.moreLink a:after {
	content:			"\0020 \00BB";
}

#content img.projPicture, #content_home img.projPicture {
	float:				left;
	margin:				0 5px 0 5px;
}

#content h5, #content_home h5  {
	font-size:			0.9em;
	margin:				0 0 5px 0;
}

#content ul, #content_home ul {
	margin:				0 20px 20px 20px;
	list-style:			square;
}

#content ul ul, #content_home ul ul {
	margin:				0 0 0 20px;
}

#content img.serv, #content_home img.serv {
	margin:				0;
}




#servPictures {
	float: 				right; 	
	margin-right:		50px;
	margin-left:		15px;
}

#servPictures2 {
	float:				left;
	margin-right:		10px;
}



#servPictures img {
	display:			block;
	margin:				0 0 35px 0;
}

#footText {
	width:				750px;  
	margin:				0 0 10px 5px;
	padding:			5px;
	background:			#eee;
	color:				#666;
	font-size:			0.85em;
}

#footLinks {
	float:				right;
	margin-right:		10px;
} 

#footer {
	width:				770px;
	height:				34px;
	background:			url("../img/shadowbottom.gif") no-repeat;
}

#subMenu {
	float:				right;
	width:				170px;
	margin:				0 15px 0 5px;
	background:			#eee;
	font-size:			0.9em;
	border-top:			1px solid #999;
}

#subMenu li {
	border-bottom:		1px solid #ccc;
	list-style:			none;
}

#subMenu li:hover {
	background:			#900;
	color:				#fff;
}

#subMenu a {
	padding:			2px 5px 2px 5px;
	display:			block;
	border:				0;
}

#subMenu a:hover {
	background:			#900;
	color:				#fff;
}

#subMenu .last {
	border-bottom:		1px solid #999;
}

#currentOpenings {
	width:				100%;
	margin-bottom:		15px;
}

#currentOpenings td {
	padding:			2px;
}

#currentOpenings .headers {
	color:				#fff;
	font-weight:		bold;
}

#currentOpenings .headers td {
	background:			#900;
}

#currentOpenings a {
	color:				#900;
	font-weight:		bold;
}

#currentOpenings a:hover {
	color:				#f00;
}

#currentOpenings tr.alt {
	background:			#eee;
}

#inquiry {
	width:				100%;
	margin-bottom:		15px;
}

#inquiry td {
	vertical-align:		top;
	padding:			3px;
}

#inquiry textarea.textarea {
	width:				350px;
	height:				150px;
}



/* Classes */

.clear {
	clear:				both;
}

.aboutinline {
	margin:				0 0 15px 40px;
	
}

.alignright {
	text-align:			right;
}

.buttons {
	text-align:			center;
}

#content .nobullets {
	list-style:			none;
}

#content .slogan {
	color:				#f00;
	font-style:			italic;
}

.formSelect {
	margin-bottom:		8px;
}

.imgBFields {
	margin-right:		50px;
}

/* Hover */

#nav {
	width:				760px;
	height:				28px;
	background:			#333;
	list-style:			none;
	font-size:			11px;
	padding: 0;
	margin: auto;
}

.navSep {
	float:				left;
	width:				1px;
	height:				28px;
	background:			url("../img/nav-sep.gif");
}

#nav li {
	float:				left;
	padding:			0;
	margin:				0;
}

#nav li a {
	border:				0;
}

#nav .navitem ul {
	position:			absolute;
	left:				-2999px;
}

#nav .navitem:hover ul {
	left:				auto;
	margin:				-5px 0 0 0;
}

*form #nav .navitem:hover ul {
	margin-top:			28px;
	margin-left:		-65px;
}

#nav ul {
	margin:				0;
	padding:			0;
	list-style:			none;
	background:			#333;
	border:				1px solid #444;
}

#nav .navitem li {
	clear:				left;
	padding:			3px;
	margin:				0;
}

#nav .navitem li:hover a {
	color:				#aaa;
}

#nav ul li a {
	text-decoration:	none;
	border:				none;
	color:				#fff;
}


	
	
#cont form {
	color:				#333;
	margin:				5px 0 0 15px;
}

#cont h4 {
	color:				#900;
	font-size:			1em;
	margin:				0;
}

/*
#cont strong {
	font-weight:		normal;
	color:				#f00;
}
*/

#cont hr {
	margin:				0 15px 0 15px;
	border:				0;
	border-bottom:		1px solid #666;
	height:				1px;
}


#cont p {
	color:				#333;
	margin:				5px 0 5px 15px;
}

#cont h4 {	
	margin:				10px 15px 10px 15px;
	color:				#900;
	font-weight:		bold;
	font-size:			1.1em;
}

#cont {
	float:				left;
	width:				170px;
	margin:				auto;
	font-size:			0.95em;
	font-family:		Arial, Helvetica, sans-serif;
}

*form #cont {
	margin-left:		3px;
}

#cont .contSection{
	width:				150px;	
	margin:				auto;
	border:				1px solid #666;
	background:			#eee;
	list-style:			none;
}

#cont .contSection2{
	width:				130px;
	border-top:			1px solid #666;
	background:			#eee;	
	list-style:			none;
	font-family:		Arial, Helvetica, sans-serif;
}


#cont .contSection3{
	width:				150px;
	border-top:			1px solid #666;
	border-bottom:		1px solid #666;
	background:			#eee;	
	FONT-FAMILY: 		Courier New;
	FONT: 				Times New Roman;
	font-size-adjust: 	none; 
	font-stretch:		normal;	
	font-size:			1em;
}


#servMenu 
{
	width:				100px;
	background:			#eee;	
}

#servMenu li{
	color:				#fff;	
}

#servMenu li:hover{
	background:			#900;
	color:				#fff;
}

#servMenu a:hover{
	color: 				#fff;
	background:			#900;
}	


#projMenu {
	width:				170px;
	margin:				0 15px 0 5px;
	background:			#eee;
	font-size:			0.9em;
	border-top:			1px solid #999;
}

#projMenu li{
	border-bottom:		1px solid #ccc;
	list-style:			none;
	
}

#projMenu li:hover{
	background:			#900;
	color:				#fff;
}

#projMenu a {
	padding:			2px 5px 2px 5px;
	display:			block;
	border:				0;
}

#projMenu a:hover{
	color:				#fff;
}


#cont li {
	float:				left;
	padding-top:	    10px;
	padding-right:	    5px;
	padding-bottom:	    3px;
	line-height:		14px;		
}

#contPictures {
	width:				100px;
	margin-right:		10px;
}

#contFolder {
	width:				350px;
	margin-right:		10px;
}

#content2 {
	float:				left;
	width:				300px;
	margin:				auto;
}


#cont ul {
	margin:				0;
	padding:			0;
	list-style:			none;		
}

#project {
	float: 				left;
	width:				190px;
	background:			#666666;
	color: 				#FFFFFF;
}

#project2 {
	float: 				left;
	width:				189px;
	color: 				#FFFFFF;
	
}
#project3 {
	float: 				left;
	width:				189px;
	color: 				#FFFFFF;
	padding:			10px;
}

#client {
	float: 				left;
	width:				225px;
	background:			#666666;
	color: 				#FFFFFF;
}

#client2 {
	float: 				left;
	width:				300px;
	color: 				#FFFFFF;

}

#cont2 {
	float:				left;
	width:				190px;
	margin:				auto;
	font-size:			0.90em;
}


#servPictures3 {
	width:				150px;
	margin-right:		10px;
	
}

.redtext {
	color:				#900;
	font-weight:		bold;	
}

#cont3 {
	float:				left;
	width:				190px;
	margin:				auto;
	color:				#900;
	font-weight:		bold;	
}
	
#cont4 {
	float: 				inherit;
}