/* CSS Document */


body {
	margin: 0;
	padding: 0;
	background: #00adef url(/images/img1.gif) repeat-y center top;
	font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;
}

h1 {
	color: #FFFFFF;
	font-size: 1.6em;
}

h2 {
	color: #ec008c;
	font-size: 1.6em;
}

h3 {
	margin: 0;
	color: #ec008c;
	font-size: 1em;
}

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

p.col1 {
	color: #000000;
	font-size: small;
	margin-top: 0px 0px 0px 0px;
}

p.col2 {
	color: #FFFFFF;
	font-size: small;
	margin-top: 0;
}

ul, ol, blockquote {
	margin-top: 0;
	color: #FFFFFF;
}

.list {
	margin-left: 20px;
	padding-left: 0;
	list-style: none;
	line-height: 2em;
}

a:link {
	color: #fff200;
}

a:hover {
	text-decoration: none;
}

a:visited {
	color: #fff200;
}

img {
	border: none;
}

/* Header */

#header {
	width: 700px;
	height: 200px;
	margin: 0 auto;
	background: url(/images/sps-website-top.gif);
}

#header * {
	margin: 0;
	text-decoration: none;
	/* text-transform: lowercase; */
	font-weight: normal;
	color: #FFFFFF;
}

#header h1 {
	float: left;
	padding: 20px 0 0 330px;
	font-size: 3em;
}

#header h2 {
	float: right;
	padding: 170px 0 0 30px;
	font-size: 1em;
}

/* Menu */

#menu {
	width: 700px;
	height: 41px;
	margin: 0 auto;
	background: #2E2E2E url(/images/img3.gif)}

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

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	height: 32px;
	padding: 9px 20px 0 20px;
	text-decoration: none;
	color: #CCCCCC;
}

#menu a:hover, #menu .active a {
	background: url(/images/img4.gif);
	color: #FFFFFF;
}

/* Content */

#content {
	width: 700px;
	margin: 0 auto;
	background: url(/images/img5.gif);
}

/* colOne */

#colOne {
	float: left;
	width: 160px;
	padding: 20px 10px 0 10px;
}

#colOne a:link {
	color:#000000;
	text-decoration: none;
}

#colOne a:hover {
	color:#000000;
	text-decoration: underline;
}

#colOne a:visited {
	color:#000000;
	text-decoration: none;
}

.productform {
	width: 155px;
	padding-top: 0px;
	
}

/* colOne End*/

/* colTwo */

#colTwo {
	float: left;
	width: 360px;
	height: 600px;
	padding: 20px 10px 0 10px;
}

.contactform p {
	margin: 0px;
	clear: left;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.contactform p label {
	color: #FFFFFF;
	float: left;
	width: 20%;
}

.contactform .text {
	background-color: #ACE4FA;
	padding: 20px;
	width: 280px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #00ADEF;
	border-right-color: #00ADEF;
	border-bottom-color: #00ADEF;
	border-left-color: #00ADEF;
}

/* colTwo End*/

/* colThree */

#colThree {
	float: left;
	width: 120px;
	padding: 10px;
}

/* colThree End*/

/* Footer */

#footer {
	width: 700px;
	margin: 0 auto;
	padding: 10px 0;
	background: #00adef url(/images/img6.gif) repeat-x;
	font-size: smaller;
}

#footer * {
	color: #FFFFFF;
}