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

body	{ margin: 0px; background: url(../base/bg_spacer.jpg) top repeat-x #1b3d52; text-align: center; font-family: Arial, Helvetica, sans-serif; }

img			{ border: 0px; }
a			{ color: #1b3d52; text-decoration: underline; }
a:hover		{ text-decoration: none; }

div#container					{ width: 980px; min-height: 600px; background: url(../base/header.jpg) top left no-repeat #fff; margin: 0px auto; }
div#header						{ height: 66px; text-align: left; }
div#headerright					{ float: right; font-size: 12pt; font-weight: bold; color: #1b3d52; padding: 19px 20px 0px 0px; }
div#navigation ul				{ margin: 0px 0px 0px 30px; padding: 0px 0px 0px 0px; list-style: none; }
div#navigation ul li			{ height: 60px; width: 131px; margin: 0px 0px 0px 0px; padding: 18px 0px 0px 0px; float: left; /*background: url(../images/nav_spacer.jpg) right 8px no-repeat;*/ }
div#navigation ul li#on			{ height: 60px; width: 131px; margin: 0px 0px 0px 0px; padding: 18px 0px 0px 0px; float: left; background: url(../base/nav_over.jpg) top center no-repeat; }
div#navigation ul li#last		{ height: 60px; width: 131px; margin: 0px 0px 0px 0px; padding: 18px 0px 0px 0px; float: left; background: none; }
div#navigation ul li:hover		{ background: url(../base/nav_over.jpg) top center no-repeat; text-decoration: none; }
div#navigation ul li:hover a	{ color: #fff; text-decoration: none; }
div#navigation ul li#last:hover	{ background: url(../base/nav_over.jpg) top center no-repeat; }
div#navigation ul li a			{ color: #1b3d52; font-size: 12pt; font-weight: bold; text-decoration: none; }
div#navigation ul li a:hover	{ color: #fff; text-decoration: none; }
div#navigation ul li#on a		{ color: #fff; text-decoration: none; }
div#headerfooter				{ height: 246px; }
div#subnavigation						{ width: 256px; height: 348px; background-color: #393939; margin: 0px 0px 0px 10px; }
div#subnavigation div.subheader			{ text-align: left; padding: 5px 0px 2px 5px; }
div#subnavigation div.subheader a		{ color: #fff; font-weight: bold; font-size: 11pt; }
div#subnavigation div.menu				{ background-color: #4b4b4b; margin: 4px; }
div#subnavigation div.menu ul			{ margin: 0px; padding: 0px; text-align: left; list-style: none; }
div#subnavigation div.menu ul li		{ margin: 0px; padding: 8px 0px 8px 4px; line-height: 0px; }
div#subnavigation div.menu ul li a		{ color: #fff; font-size: 8pt; }
div#content								{ background-color: #fff; color: #4b4b4b; margin: 0px 10px 10px 10px; text-align: left; font-size: 9pt; padding: 0px 10px 0px 10px; min-height: 320px; }
div#content h1							{ margin: 0px; padding: 8px 0px 8px 0px; font-size: 13pt; font-weight: bold; }
div#content h1 a						{ text-decoration: none; }
div#content h1 a:hover					{ text-decoration: underline; }
div#content h2							{ margin: 0px 0px 10px 0px; padding: 4px 0 4px 6px; font-size: 11pt; font-weight: bold; background-color: #e1e7eb; color: #1b3d52; }
div#content h2 a						{ color: #1b3d52; text-decoration: none; }
div#content h2 a:hover					{ text-decoration: underline; }
div#content div.spacer					{ height: 5px; background-color: #4b4b4b; }
div#content img.border					{ border: 3px #4b4b4b solid; }
div#content a.link						{ color: #1b3d52; text-decoration: underline; }
div#content a.link:hover				{ text-decoration: none; }
div#content img							{ vertical-align: middle; }
div#footer								{ margin: 10px 10px 0px 10px; padding: 10px; font-size: 8pt; color: #fff; background-color: #5b5b5b; border-bottom: 10px solid #fff; }
div#footer a							{ color: #fff; text-decoration: none; }
div#footer a:hover						{ text-decoration: underline; }

/* Products */
div.productitem							{ border: 1px solid #ccc; padding: 0px; margin: 0px 0px 10px 0px; }
div.productitem div.prodheading			{ margin: 0px; padding: 5px 10px 5px 10px; background-color: #1b3d52; font-weight: bold; }
div.productitem div.prodheading	a		{ color: #fff; }
div.productitem div.prodcontent			{ margin: 0px; padding: 8px 10px 8px 10px; }
div.productitem div.prodcontent	a		{ color: #4b4b4b; }

/* Services */
div.serviceitem							{ border: 1px solid #ccc; padding: 0px; margin: 0px 0px 10px 0px; }
div.serviceitem div.serheading			{ margin: 0px; padding: 5px 10px 5px 10px; background-color: #1b3d52; font-weight: bold; }
div.serviceitem div.serheading a		{ color: #fff; }
div.serviceitem div.sercontent			{ margin: 0px; padding: 8px 10px 8px 10px; }
div.serviceitem div.sercontent a		{ color: #4b4b4b; }

/* Materials */
div.materialitem						{ border: 1px solid #ccc; padding: 0px; margin: 0px 0px 10px 0px; overflow: hidden; }
div.materialitem div.matheading			{ margin: 0px; padding: 5px 10px 5px 10px; background-color: #1b3d52; font-weight: bold; color: #fff; }
div.materialitem div.matheading	a		{ font-weight: bold; color: #fff; text-decoration: none; }
div.materialitem div.matheading	a:hover	{ font-weight: bold; color: #fff; text-decoration: underline; }
div.materialitem div.matcontent			{ margin: 0px; padding: 8px 10px 8px 10px; color: #4b4b4b; }
div.materialitem img					{ float: right; padding: 5px 10px 5px 10px; }

/* Staff */
div.staffitem							{ border: 1px solid #ccc; padding: 0px; margin: 0px 0px 10px 0px; overflow: hidden; }
div.staffitem div.staffheading			{ margin: 0px; padding: 5px 10px 5px 10px; background-color: #1b3d52; font-weight: bold; color: #fff; }
div.staffitem div.staffcontent			{ margin: 0px; padding: 8px 10px 8px 10px; color: #4b4b4b; }
div.staffitem img						{ float: right; padding: 5px 10px 5px 10px; }

/* Work */
div#work							{ text-align: center; overflow: hidden; }
div#work div#previouscontainer		{ float: left; cursor: pointer; padding: 66px 0 0 10px; }
div#work div#nextcontainer			{ float: right; cursor: pointer; padding: 66px 10px 0 0; }

div#work div#main					{ overflow: hidden; width: 520px; margin: 0px auto; }
div#work div#main div				{ }
div#work div#main img				{ margin: 20px 10px 5px 10px; border: 0px solid #a3a3a3; }