/* Purple CSS design */

#header {
	background: #fff url(../images/cornerlogopurple.gif) no-repeat top left;
}

#menu {
	color: #fff;
	background: #ab8dc6 url(../images/nepurple.jpg) no-repeat top right;
}

#nav {
	background: #ab8dc6 url(../images/sepurple.jpg) no-repeat bottom right;
}

#prod a {
	padding: 4px 0 4px 10px;
	color: #fff;
	background: #407cba url(../images/pbleft1.jpg) no-repeat scroll top left;
}

#prod a span {
	padding: 4px 10px 4px 0;
	background: #407cba url(../images/pbright1.jpg) no-repeat scroll top right;
}

#prod a:hover {
	color: #000;
	background: #bfd3e8 url(../images/pbleft2.jpg) no-repeat scroll top left;
}

#prod a:hover span {
	background: #bfd3e8 url(../images/pbright2.jpg) no-repeat scroll top right;
}

#resc a {
	padding: 4px 0 4px 10px;
	color: #fff;
	background: #cd8500 url(../images/poleft1.jpg) no-repeat scroll top left;
}

#resc a span {
	padding: 4px 10px 4px 0;
	background: #cd8500 url(../images/poright1.jpg) no-repeat scroll top right;
}

#resc a:hover {
	color: #000;
	background: #e7c380 url(../images/poleft2.jpg) no-repeat scroll top left;
}

#resc a:hover span {
	background: #e7c380 url(../images/poright2.jpg) no-repeat scroll top right;
}

#about a {
	padding: 4px 0 4px 10px;
	color: #fff;
	background: #228b22 url(../images/pgleft1.jpg) no-repeat scroll top left;
}

#about a span {
	padding: 4px 10px 4px 0;
	background: #228b22 url(../images/pgright1.jpg) no-repeat scroll top right;
}

#about a:hover {
	color: #000;
	background: #91c691 url(../images/pgleft2.jpg) no-repeat scroll top left;
}

#about a:hover span {
	background: #91c691 url(../images/pgright2.jpg) no-repeat scroll top right;
}

#home a {
	padding: 4px 0 4px 10px;
	color: #fff;
	background: #962f64 url(../images/prleft1.jpg) no-repeat scroll top left;
}

#home a span {
	padding: 4px 10px 4px 0;
	background: #962f64 url(../images/prright1.jpg) no-repeat scroll top right;
}

#home a:hover {
	color: #000;
	background: #cb98b2 url(../images/prleft2.jpg) no-repeat scroll top left;
}

#home a:hover span {
	background: #cb98b2 url(../images/prright2.jpg) no-repeat scroll top right;
}

#current a {
	padding: 4px 0 4px 10px;
	color: #000;
	background: #fff url(../images/pleft.jpg) no-repeat scroll top left;
}

#current a span {
	padding: 4px 10px 4px 0;
	color: #000;
	background: #fff url(../images/pright.jpg) no-repeat scroll top right;
}

#current a:hover {
	color: #8054a8;
	background: #fff url(../images/pleft.jpg) no-repeat scroll top left;
}

#current a:hover span {
	color: #8054a8;
	background: #fff url(../images/pright.jpg) no-repeat scroll top right;
}

#side {
	color: #fff;
	background: #ab8dc6 url(../images/puside.jpg) no-repeat scroll bottom center;
}

#innernav a {
	display: block;
	width: 130px;
	padding-top: 10px;
	color: #000;
	background: #d4c6e2 url(../images/putside1.jpg) no-repeat scroll top left;
	text-decoration: none;
}

#innernav a span {
	display: block;
	padding-bottom: 8px;
	color: #000;
	background: #d4c6e2 url(../images/pubside1.jpg) no-repeat scroll bottom left;
}

#innernav a:hover {
	color: #fff;
	background: #8054a8 url(../images/putside2.jpg) no-repeat scroll top left;
}

#innernav a:hover span {
	color: #fff;
	background: #8054a8 url(../images/pubside2.jpg) no-repeat scroll bottom left;
}

#shown a {
	color: #000;
	background: #fff url(../images/puside1.jpg) no-repeat scroll top left;
}

#shown a span {
	color: #000;
	background: #fff url(../images/puside2.jpg) no-repeat scroll bottom left;
}

#shown a:hover {
	color: #8054a8;
	background: #fff url(../images/puside1.jpg) no-repeat scroll top left;
}

#shown a:hover span {
	color: #8054a8;
	background: #fff url(../images/puside2.jpg) no-repeat scroll bottom left;
}

#main h1 {
	padding: 6px 0 6px 38px;
	color: #fff;
	background: #551a8b url(../images/services.png) repeat-y center left;
}

#main h2 {
	padding-left: 0.6em;
	color: #8054a8;
}

#main h3 {
	margin-left: 1.2em;
	border-width: 0 1px 0 4px;
	border-style: none solid none solid;
	border-color: #fff #eee #fff #8054a8;
}

#main h4 {
	margin-left: 0.8em;
	padding-left: 5px;
	background-color: #efe9f4;
}

#footer {
	color: #fff;
	background-color: #ab8dc6;
}

.roundtop {
	background: url(../images/nepurple.jpg) no-repeat top right;
}

.roundbot {
	background: url(../images/sepurple.jpg) no-repeat bottom right;
}

blockquote {
	background: #efe9f4 url(../images/rbstart.gif) no-repeat scroll top left;
}

form {
	width: 85%;
	margin: 0 auto;
	padding: 10px;
	background-color: #d4c6e2;
	text-align: center;
}

fieldset {
	margin: 5px;
	padding: 5px;
	border: none;
	border: 2px dashed #fff;
	text-align: left;
}

legend {
	margin-bottom: 5px;
	padding: 3px 10px 3px 5px;
	border: 2px solid #ab8dc6;
	font-weight: bold;
	background-color: #fff;
}

label {
	display: block;
	clear: left;
	float: left;
	width: 40%;
	padding: 5px 10px;
	margin: 1px;
	text-align: right;
	font-weight: bold;
	background-color: #efe9f4;
}

input {
	display: block; 
	width: 52%;
	float: left; 
	padding: 4px;
	margin: 1px;
	font-size: 1em;
	font-family: 'Lucida Console', 'Bitstream Vera Sans Mono', 'Andale Mono', Monaco, monospace;
	color: #551a8b;
}

select {
	margin: 2px 0;
	font-size: 1em;
}

textarea {
	padding: 4px;
	width: 97%;
	margin: 1px 0;
	color: #551a8b;
	font-size: 1em;
	font-family: 'Lucida Console', 'Bitstream Vera Sans Mono', 'Andale Mono', Monaco, monospace;
}

.wide {
	width: 95%;
	margin: 2px;
	text-align: left;
}

.narrow {
	width: auto;
	clear: right;
	padding: 4px 10px;
	margin: 2px;
}

#City {
	width: 26%;
}

table {
	margin: 0;
	width: 99%;
}

tr {
	margin-bottom: 4px;
}

th {
	width: 42%;
	padding: 6px;
	text-align: right;
	background-color: #efe9f4;
	border: 1px solid #efe9f4;
}

td {
	padding: 5px;
	margin: 0;
	text-align: left;
	border-width: 1px;
	border-style: solid solid solid none;
	border-color: #fff;
}

table label {
	display: inline;
	float: none;
	padding: 2px;
	margin: 0;
	border: none;
	background-color: #d4c6e2;
}

table td input {
	display: inline;
	float: none;
	width: auto;
}

select {
	padding: 2px;
	font-size: 1em;
}

.news {
	margin: 1em;
	padding: 5px;
	background-color: #efe9f4;
}

.news input {
	display: inline;
	width: auto;
	margin-left: 1em;
}

.news label {
	display: inline;
	float: none;
	width: auto;
}

.news p {
	margin: 5px;
	padding: 5px;
	background-color: #fff;
}

button {
	padding: 0;
	border: none;
	background-color: #d4c6e2;
	cursor: pointer;
}

br {
	clear: left;
}