/* CSS Document */

body {
	background: #FFF;
	margin: 0 0 20px 0;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
}

.contentTable {
	height: 250px;
}

.emailTable td {
	border-bottom: 1px dotted #FFF;
}

#home .mainTable		{ background: #9697CA; color: #444; }
#about .mainTable		{ background: #780000; color: #FFF; }
#services .mainTable	{ background: #E7E7E7; color: #FFF; }
#clients .mainTable		{ background: #488530; color: #FFF; }
#testimonials .mainTable{ background: #493471; color: #444; }
#contact .mainTable 	{ background: #AF211E; color: #444; }

#home a			{ color: #444; }
#about a		{ color: #444; }
#services a		{ color: #444; }
#clients a		{ color: #444; }
#testimonials a	{ color: #444; }
#contact a		{ color: #444; }


h1 {
	font-size: 16px;
	font-weight: lighter;
	margin: 5px 0 0 10px;
}

h2 {
	font-size: 11px;
	margin: 10px;
	font-weight: bold;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-align: left;
}

h3 {
	font-size: 11px;
	margin: 10px;
}

p {
	font-size: 10px;
	line-height: 150%;
	margin: 10px;
}

.contentTable li {
	font-size: 10px;
	line-height: 150%;
}

p.footerTxt {
	font-size: 9px;
	margin: 10px;
	color: #444;
}

.page li {
	font-size: 10px;
	line-height: 150%;
	margin: 0;
}

#vacancy {
	border-bottom: dotted 1px #FFF;
}

.white {
	background: #FFF;
}

.footer {
	width: 760px;
	height: 40px;
	background-image: url(../../images/navBkgd.png);
	background-repeat: no-repeat;
}

.footer a {
	color: #444;
	text-decoration: none;
}

#content {
	/*overflow: auto;
	height: 245px;*/
}

.hel1 {
	font-size: 10px;
	font-weight: bold;
	text-align: left;
}



/* navigation */
.navBkgd {
	background:  url("../images/navBkgd.png") no-repeat;
	width: 980px;
	height: 40px;
}

#navdiv {
	font-size: 9px;
	margin: 0 0 0 235px;
}

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

#nav li {
	float: left;
	position: relative;
	padding-top: 3px;
	padding-bottom: 5px;
}

#nav .home		  { background:  url("../images/subButBkgd_home.png") no-repeat 0% 50%; }
#nav .about		  { background:  url("../images/subButBkgd_about.png") no-repeat 0% 50%; }
#nav .services	  { background:  url("../images/subButBkgd_services.png") no-repeat 0% 50%; }
#nav .clients     { background:  url("../images/subButBkgd_clients.png") no-repeat 0% 50%; }
#nav .estimonials { background:  url("../images/subButBkgd_testimonials.png") no-repeat 0% 50%; }
#nav .contact 	  { background:  url("../images/subButBkgd_contact.png") no-repeat 0% 50%; }

#nav li:hover {
	float: left;
	position: relative;
	padding-top: 3px;
	padding-bottom: 5px;
	background:  url("../images/subButBkgd_hi.gif") no-repeat 0% 50% #E5F6F4;
}

#nav li a {
	text-decoration: none;
	color: #707174;
	;
	padding-top: 3px;
	padding-right: 40px;
	padding-bottom: 8px;
	padding-left: 20px;
}

/* Styles for Sub Menu Items */
#subnav1,
#subnav2,
#subnav3,
#subnav4,
#subnav5,
#subnav6,
#subnav7 {
	display: none;
	position: absolute;
	background: #D8EFED;
	left: 0;
	top: 20px;
	width: 200px;
	border: solid 1px #6EBAB3;
}

#subsubnav1,
#subsubnav2 {
	display: none;
	position: absolute;
	background: #D8EFED;
	left: 155px;
	top: 3px;
	width: 200px;
	border: solid 1px #6EBAB3;
}

#subnav1 li,
#subnav2 li,
#subnav3 li,
#subnav4 li,
#subnav5 li,
#subnav6 li,
#subnav7 li {
	display: block;
	float: none;
	width: 200px;
}

#subsubnav1 li,
#subsubnav2 li {
	display: block;
	float: none;
	width: 200px;
}

#subnav1 li:hover,
#subnav2 li:hover,
#subnav3 li:hover,
#subnav4 li:hover,
#subnav5 li:hover,
#subnav6 li:hover,
#subnav7 li:hover {
	display: block;
	float: none;
	width: 200px;
	background:  url("../images/subButBkgd_hi.gif") no-repeat 0% 50% #E5F6F4;
}

#subsubnav1 li:hover,
#subsubnav2 li:hover {
	display: block;
	float: none;
	width: 200px;
	background:  url("../images/subButBkgd_hi.gif") no-repeat 0% 50% #E5F6F4;
}

#subnav1 li a,
#subnav2 li a,
#subnav3 li a,
#subnav4 li a,
#subnav5 li a,
#subnav6 li a,
#subnav7 li a {
	font-size: 9px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	text-align: left;
}

#nav li a:hover { color: #707174; text-decoration: underline; } /* Hover Styles */

#subnav1 li a:hover { color: #707174; text-decoration: underline; } /* Hover Styles */
#subnav2 li a:hover { color: #707174; text-decoration: underline; } /* Hover Styles */
#subnav3 li a:hover { color: #707174; text-decoration: underline; } /* Hover Styles */
#subnav4 li a:hover { color: #707174; text-decoration: underline; } /* Hover Styles */
#subnav5 li a:hover { color: #707174; text-decoration: underline; } /* Hover Styles */
#subnav6 li a:hover { color: #707174; text-decoration: underline; } /* Hover Styles */
#subnav7 li a:hover { color: #707174; text-decoration: underline; } /* Hover Styles */

#subsubnav1 li a:hover { color: #707174; text-decoration: underline; } /* Hover Styles */
#subsubnav2 li a:hover { color: #707174; text-decoration: underline; } /* Hover Styles */

#nav li:hover #subnav1, #nav li.over #subnav1 { display: block; } /* The magic */
#nav li:hover #subnav2, #nav li.over #subnav2 { display: block; } /* The magic */
#nav li:hover #subnav3, #nav li.over #subnav3 { display: block; } /* The magic */
#nav li:hover #subnav4, #nav li.over #subnav4 { display: block; } /* The magic */
#nav li:hover #subnav5, #nav li.over #subnav5 { display: block; } /* The magic */
#nav li:hover #subnav6, #nav li.over #subnav6 { display: block; } /* The magic */
#nav li:hover #subnav7, #nav li.over #subnav7 { display: block; } /* The magic */

#subnav2 li:hover #subsubnav1, #subnav2 li.over #subsubnav1 { display: block; } /* The magic */
#subnav2 li:hover #subsubnav2, #subnav2 li.over #subsubnav2 { display: block; } /* The magic */
