/* Blue CSS design */

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

#h2 {
	font-size:20px;
	}

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

#nav {
	background: #80a8d1 url(../images/seblue.jpg) no-repeat bottom right;
}

#serv a {
	padding: 4px 0 4px 10px;
	color: #fff;
	background: #551a8b url(../images/bpleft1.jpg) no-repeat scroll top left;
}

#serv a span {
	padding: 4px 10px 4px 0;
	background: #551a8b url(../images/bpright1.jpg) no-repeat scroll top right;
}

#serv a:hover {
	color: #000;
	background: #ab8dc6 url(../images/bpleft2.jpg) no-repeat scroll top left;
}

#serv a:hover span {
	background: #ab8dc6 url(../images/bpright2.jpg) no-repeat scroll top right;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#main h2 {
	padding-left: 0.4em;
	color: #37689a;
}

#main h3 {
	margin-left: 0.8em;
	border-width: 0 1px 0 4px;
	border-style: none solid none solid;
	border-color: #fff #eee #fff #407cba;
}

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

#footer {
	color: #fff;
	background-color: #80a8d1;
}

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

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

.example {
	margin: 0 10% 0 20%;
	padding: 0;
}

.example p {
	margin: 10px 0;
	font-weight: bold;
}

.example ul {
	margin: 0 0 0 3em;
	padding: 0 1em;
	background: #fff url(../images/bg.gif) repeat top left;
}

#main .example ul li {
	list-style-type: square;
	margin-left: 1em;
	font-family: Georgia, 'Lucida Bright', 'Times New Roman', Times, serif;
}

.srv {
	line-height: 1em;
	vertical-align: top;
	font-family: 'Courier New', Courier, monospace;
	font-size: .6em;
}


table {
	margin: 10px auto;
	border: 1px solid #80a8d1;
	font-size: 100%;
}

tfoot {
	color: #fff;
	background-color: #407cba;
	font-size: .8em;
}

th {
	padding: 5px;
	color: #fff;
	background-color: #407cba;
}

td {
	padding: 5px;
	border-top: 1px solid #ddd;
}

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