@charset "utf-8";
/* CSS Document */

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	/*line-height: 1;*/
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* end reset css */


#container {
background-image:url(images/fadedbluebg.jpg);
background-repeat:repeat-x;
background-color:#DEF8FF;
}

#innercontainer {
margin-left:auto;
margin-right:auto;
margin-top: 18px;
width: 767px;
border:solid; border-width:1px; border-color:#A3CFED;
background-color:#DEF8FF;
}

#header {
}

#contentbox {
margin-top:20px;
margin-bottom:10px;
margin-left:auto;
margin-right:auto;
padding: 10px;
width: 720px;
border:solid; border-width:1px; border-color:#A3CFED;
background-color:#FFFFFF;
}

#menu {
width: 120px;
float:left;
border-right:solid; border-right-width:1px; border-right-color:#DEF8FF;
margin-left: 4px;
}

#menu ul {
margin: 0px;
padding: 0px;
}

#menu li {
width: 120px;
text-align: left;
list-style:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 74%;
font-weight:bold;
color: #2E5492;
margin-bottom:6px;
}

#menu a {
text-decoration:none;
color:#2E5492;}

.submenu {
padding-left: 16px;
}

.submenucolor {
color:#666666;
}

#content{
width: 578px;
float: right;
}

#contenttext {
width: 396px;
float:left;
margin-left:16px;
}

h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 74%;
font-weight:bold;
color: #2E5492;
margin-bottom: 8px;
margin-top: 0px;
}

h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 74%;
font-weight:bold;
color: #2E5492;
margin-bottom: 4px;
margin-top: 0px;
}

#contenttext p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 72%;
font-weight:normal;
color: #333333;
line-height: 150%;
margin-bottom:8px;
}

#contactstext1 {
width: 180px;
float:left;
}

#contactstext2 {
width: 180px;
float:right;
}

#contactemail {
clear:both;
text-align:center;
}

#servicewards {
width:160px;
height:160px;
float:left;
text-align:center;

}
#servicesofteners {
width:160px;
height:160px;
float:right;
text-align:center;
margin-right: 36px;
}

#content ul {
margin-left: 32px;
}

#contenttext li {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 72%;
font-weight:normal;
color: #333333;
line-height: 150%;
list-style: disc;
}

#contentpictures{
width: 150px;
float:right;
}

.picturespacer {
margin-top: 10px;
}

.picturespacer2 {
margin-top: 20px;
}

.picturespacer3 {
margin-left: 20px;
margin-bottom: 8px;
}


.picturespacer4 {
margin-left: 20px;
margin-bottom: 8px;
}

.picturespacer5 {
margin-bottom: 12px;
}

#clearcontent {
clear:both;
}

.picturecaption  {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 70%;
font-weight:normal;
text-align:center;
color: #333333;
margin-top: 4px;
margin-bottom:4px;
}

#footer {
margin-top: 20px;
padding-bottom: 20px;
margin-left:auto;
margin-right:auto;
width: 600px;
text-align: center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 70%;
color: #333333;
}