html {
 min-height:100%;
 margin-bottom:1px;
}

body {
	background: #37588D;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

#logo {
	margin: 0px;
	padding: 0px;
	height: 100px;
	width: 252px;
	float: left;
}
#logo a {
	background: url(../images/logo.jpg);
	margin: 0px;
	padding: 0px;
	height: 100px;
	width: 252px;
	display: block;
}

 #logo span {
	display: none;
}

#header-info {
	display: block;
	float: right;
	height: 100px;
	width: 162px;
}
#header-info a {
	background: url(../images/hdr-info.jpg);
	display: block;
	margin: 0px;
	padding: 0px;
	height: 100px;
	width: 162px;
}

#header #header-info a:hover {
	background: url(../images/hdr-info-on.jpg);
}


#header-info span {
	display: none;
}

#bottom span {
	display: none;
}



/* About  Styles */

#orange {
	width: 700px;
	background: url(../images/bg.jpg);
	margin: 0px auto;
	position: relative;
	padding: 0px 5px;
}

#orange #header {
	background: url(../images/hdr-bg.jpg);
	margin: 0px;
	padding: 0px;
	height: 100px;
	border-bottom: 1px solid #E3851A;
}


#orange #nav {
	background: url(../images/int-nav.jpg);
	margin: 0px;
	padding: 0px;
	height: 39px;
}

#orange #main {
	background: #FFFFFF url(../images/orange-bg.jpg) repeat-y left;
	clear: both;
	display: block;
	padding-bottom: 25px;
}

#orange #main .top {
	background: url(../images/orange-top.jpg) no-repeat left top;
	margin: 0px;
	padding: 15px 0px 12px;
	position: relative;
}

#orange #main .top h1 {
	color: #D67011;
	font: 20px Geneva, Arial, Helvetica, sans-serif;
	background: url(../images/headers/about.jpg) no-repeat 175px bottom;
	display: block;
	width: 262px;
	padding-top: 5px;
	height: 33px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-left: 175px;
}

#main h1 span {
	display: none;
}

#orange #bottom {
	background: url(../images/bottom.jpg);
	height: 36px;
	clear: both;
}


/* Services Styles */
#teal {
	width: 700px;
	background: url(../images/bg.jpg);
	margin: 0px auto;
	position: relative;
	padding: 0px 5px;
}

#teal #header {
	background: url(../images/hdr-bg.jpg);
	margin: 0px;
	padding: 0px;
	height: 100px;
	border-bottom: 1px solid #36a7bc;
}


#teal #nav {
	background: url(../images/teal-nav.jpg);
	margin: 0px;
	padding: 0px;
	height: 39px;
}

#teal #main {
	background: #FFFFFF url(../images/teal-bg.jpg) repeat-y left;
	clear: both;
	display: block;
	padding-bottom: 25px;
}
#main .top a:hover {
	color: #aac6ff;
}
#main .top li {
	background: url(../images/bullet.gif) no-repeat left 4px;
	list-style: none;
	padding-left: 8px;
}
#teal #main .top h1 {
	color: #D67011;
	font: 20px Geneva, Arial, Helvetica, sans-serif;
	background: url(../images/headers/services.gif) no-repeat 175px bottom;
	display: block;
	width: 262px;
	padding-top: 5px;
	height: 33px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-left: 175px;
}
#teal #main .top {
	background: url(../images/teal-top.jpg) no-repeat left top;
	margin: 0px;
	padding: 15px 0px 12px;
	position: relative;
}


#teal #bottom {
	background: url(../images/teal-bottom.jpg);
	height: 36px;
	clear: both;
}
#main .top ul {
	font-size: 12px;
	color: #5b72a1;
	display: block;
	padding-left: 225px;
	margin: 0px;
	line-height: 16px;
}

/* Experience Styles */
#green {
	width: 700px;
	background: url(../images/bg.jpg);
	margin: 0px auto;
	position: relative;
	padding: 0px 5px;
}

#green #header {
	background: url(../images/hdr-bg.jpg);
	margin: 0px;
	padding: 0px;
	height: 100px;
	border-bottom: 1px solid #81cd47;
}

#green #nav {
	background: url(../images/green-nav.jpg);
	margin: 0px;
	padding: 0px;
	height: 39px;
}

#green #main {
	background: #FFFFFF url(../images/green-bg.jpg) repeat-y left;
	clear: both;
	display: block;
	padding-bottom: 25px;
}
#green #main .top {
	background: url(../images/green-top.jpg) no-repeat left top;
	margin: 0px;
	padding: 15px 0px 12px;
	position: relative;
}

#green #main .top h1 {
	color: #D67011;
	font: 20px Geneva, Arial, Helvetica, sans-serif;
	background: url(../images/headers/experience.gif) no-repeat 175px bottom;
	display: block;
	width: 262px;
	padding-top: 5px;
	height: 33px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-left: 175px;
}

#green #bottom {
	background: url(../images/green-bottom.jpg);
	height: 36px;
	clear: both;
}

/* Team Styles */
#purple {
	width: 700px;
	background: url(../images/bg.jpg);
	margin: 0px auto;
	position: relative;
	padding: 0px 5px;
}

#purple #header {
	background: url(../images/hdr-bg.jpg);
	margin: 0px;
	padding: 0px;
	height: 100px;
	border-bottom: 1px solid #a694c3;
}

#purple #nav {
	background: url(../images/purple-nav.jpg);
	margin: 0px;
	padding: 0px;
	height: 39px;
}

#purple #main {
	background: #FFFFFF url(../images/purple-bg.jpg) repeat-y left top;
	clear: both;
	display: block;
	padding-bottom: 50px;
}
#purple #main .top {
	background: url(../images/purple-top.jpg) no-repeat left top;
	margin: 0px;
	padding: 13px 0px 12px;
	position: relative;
}

#purple #main .top h1 {
	color: #D67011;
	font: 20px Geneva, Arial, Helvetica, sans-serif;
	background: url(../images/headers/team.gif) no-repeat 175px bottom;
	display: block;
	width: 262px;
	padding-top: 4px;
	height: 33px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-left: 175px;
}


#purple #bottom {
	background: url(../images/purple-bottom.jpg);
	height: 36px;
	clear: both;
}



#main .top table {
	margin-left: 175px;
	margin-bottom: 25px;
}



#nav ul {
	display: block;
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 135px;
}
#nav a {
	display: block;
	float: left;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
	height: 28px;
	padding-top: 5px;
	padding-right: 0px;
	padding-left: 0px;
	margin: 0px;
}
#nav .orange a:hover {
	background: url(../images/orange-over.jpg) repeat-x bottom;
}
#nav li {
	display: block;
	float: left;
	margin: 0px 25px;
	padding: 0px;
}

#nav .teal a:hover {
	background: url(../images/teal-over.jpg) repeat-x bottom;
}

#nav .green a:hover {
	background: url(../images/green-over.jpg) repeat-x bottom;
}


#main .top p {
	font-size: 12px;
	line-height: 16px;
	color: #4C5B91;
	padding-right: 35px;
	padding-left: 175px;
}
#main .top p.inset {
	padding-left: 195px;
	padding-right: 45px;
}
#bottom {
	background: url(../images/bottom.jpg);
	height: 36px;
	clear: both;
}
#bottom span {
	display: none;
}

#nav .purple a:hover {
	background: url(../images/purple-over.jpg) repeat-x bottom;
	text-decoration: none;
}
#main .top a {
	color: #7D9AFF;
	text-decoration: none;
}


/* Footer Styles */
#foot {
	background: url(../images/int-ftr.jpg) no-repeat center top;
	height: 50px;
	width: 700px;
	clear: both;
	margin: 0px auto;
	padding: 8px 5px 0px;
}

#foot .design {
	font-size: 10px;
	color: #8ea5c6;
	display: block;
	float: left;
}

#foot a {
	color: #8ea5c6;
	text-decoration: none;
}
#foot a:hover {
	color: #eb8517;
	text-decoration: none;
}

#foot .copyright {
}

#foot .copyright{
	float: right;
	font-size: 10px;
	color: #87a0c2;
}
#nav .orange a.on {
	background: url(../images/orange-over.jpg) repeat-x bottom;
}

