@charset "UTF-8";
body {
	margin: 20px 0 auto;
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100.1%;
}
p,/*  Basic styles */ ul, li, a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
p {
	font-size: 0.75em;
	line-height: 1.5em;
	margin-top: 0px;
	color: #404040;
}
h1 {
	font-size: 1.1em;
	color: #b12025;
	line-height: 1.5em;
	font-weight: normal;
	margin-bottom: 0.7em;
	border-bottom: 1px solid #999999;
	padding-bottom: 5px;
}
h2 {
	font-size: 0.85em;
	font-weight: bold;
	color: #333333;
	margin: 1.5em 0px 0px;
}
h3 {
	font-size: 0.85em;
}
/* Specific areas */

#container {
	width: 900px;
	background: #FFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #999999;
	text-align: left;
}
#mainContent li {
	font-size: 0.75em;
	line-height: 1.6em;
	list-style: url(../images/grey-bullet.gif) inside;
	color: #333333;
	margin: 0;
	padding: 0px;
}
a:link, a:visited, a:active {
	text-decoration : none;
	color: #b12025;
}
a:hover {
	color : #333333;
	background: #E8E8E8;
	text-decoration: none;
}
#header {
	text-align: center;
}
#navcontainer {
	margin-left: 10px;
}
#mainContent {
	margin: 0 0px 0 190px;
	padding: 0 0px 0 20px;
	width: 470px;
}
#leftColumn {
	float: left; /* since this element is floated, a width must be given */
	width: 190px;
}
#leftBox {
	margin: 10px;
	width: 150px;
	background: #f3f3f3;
	border: 1px groove #999999;
	padding: 10px;
}
#leftBox /* leftColumn styles */
 p {
	color: #404040;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.4em;
	font-size: 0.7em;
	margin-bottom: 0.9em;
}
#leftBox a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
}
#leftBox p em {
	font-style: italic;
	color: #FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.4em;
	font-size: 1em;
}
#rightColumn {
	float: right; /* since this element is floated, a width must be given */
	width: 190px;
	padding: 0px 10px 15px;
}
#counter {
	float: left;
	text-align: center;
	width: 180px
}
#lastUpdated {
	float: right;
	text-align: center;
	width: 200px
}
#lastUpdated p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
#footer {
	padding: 0 10px 0 10px;
	background:#BFBFBF;
}
/* header styles */

#header img {
	padding-top: 1.2em;
	padding-bottom: 1.2em;
}
/* Nav styles */

	
/*Fat Erik's Pipelist*/

#navlist {
	list-style: none;
	padding: 0px 0px 20px;
	margin: 0px;
}
#navlist li {
	display: inline;
	padding: 0;
	margin: 0;
}
#navlist li:before {
	content: "| ";
	color: #CCCCCC;
}
#navlist li:first-child:before {
	content: "";
}
/*IE workaround*/
/*All IE browsers*/
* html #navlist li {
	border-left: 1px solid #CCCCCC;
	padding: 0 0.4em;
	margin: 0 0.4em 0 -0.4em;
}
/*Win IE browsers - hide from Mac IE\*/
* html #navlist {
	height: 1%;
}
* html #navlist li {
	display: block;
	float: left;
}
/*End hide*/
/*Mac IE 5*/
* html #navlist li:first-child {
	border-left: 0;
}
#navlist a:link, #navlist a:visited {
	line-height: 1.5em;
	margin: 0 10px 4px;
	text-decoration: none;
	color: #999999;
	font-size: 0.8em;
	font-weight: normal;
}
#navlist a:link#current, #navlist a:visited#current, #navlist a:hover {
	border-bottom: 4px solid #b12025;
	padding-bottom: 2px;
	background: transparent;
	color: #333333;
}
#navlist a:hover {
	color: #666666;
}
/* form styles */

form {
	background: #DBDBDB;
	border: 1px groove #999999;
	margin-top: 1em;
}
fieldset {
	margin: 1.5em 0 0 0;
	padding: 0;
	border-style: none;
}
legend {
	color: #b12025;
	font-weight: normal;
	line-height: 1em;
	font-size: 0.85em;
	padding-left: 1em;
}
fieldset ol {
	padding: 0em 1em 0;
	list-style: none;
	margin-left: 0px;
}
fieldset li {
	padding-bottom: 1em;
}
fieldset.submit {
	border-style: none;
	padding-bottom: 1em;
	padding-left: 1em;
	padding-top: 0px;
	margin-top: 0px;
}
label {
	display: block;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #333333;
}
.submit input {
	color: #fff;
	background: #b12025;
	border: 2px #d7b9c9
}
#services {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 200px;
}
/*http://www.sitepoint.com/article/fancy-form-design-css/2/: The margin on the fieldset helps to separate each fieldset group from the others. All internal padding is removed from the fieldset now, because later on it'll cause problems when we begin floating elements and giving them a width. Since padding isn't included in the width, it can break the dimensions of your form if you have a width of 100% and some padding. Removing padding also helps to sort out inconsistencies between browsers as to the default internal spacing on the fieldset.

To help define a visual hierarchy that clearly shows each label inside the fieldset grouped under the legend, we give our legend elements a font-weight of bold. We also have to replace the spacing that was removed from the padding on the fieldset, so we give the legend a margin-left of 1em.

In order to turn off the natural numbering that would appear for the ordered list, we set list-style to none on the ol, and thus remove any of the bullet formatting that normally exists in such a list. Then, to recreate the internal spacing which we removed from the fieldset, we give the ordered list some padding. No padding is put on the bottom of the list, because this will be taken up by the padding of the last list item.

To separate each form element/label pair from each other pair, we give the containing list item a padding-bottom of 1em.

Finally, to remove the appearance of the submit button as a form element group, we need to take the borders off its surrounding fieldset. This step is achieved by targeting it using the fieldset.submit selector and setting the border-style to none.*/

.thumbnail {
	float: left;
	width: 210px;
	margin: 0;
	padding: 0px;
}
.thumbnail p {
	line-height: 1em;
}
.thumbnail img {
	text-decoration: none;
	border-style: none;
}
div.img {
	margin: 2px;
	height: 186px;
	width: auto;
	float: right;
	text-align: center;
}
div.img img {
	display: inline;
	margin: 3px;
	border: 1px solid #ffffff;
}

div.img a:hover {
	background:#fff !important;
	text-decoration: none !important;
}

	
div.desc {
	text-align: center;
	font-weight: normal;
	width: 210px;
	margin: 2px;
	font-size: 0.7em;
	color: #666666;
}
/*  portfolio img styles */

.portfolio {
	float: left;
	width: 210px;
	margin: 15px 25px 15px 0;
	height: 143px;
	padding: 0px;
}
.portfolio2 {
	float: left;
	width: 210px;
	margin: 15px 25px 15px 0;
	height: 258px;
	padding: 0px;
}
.portfolio3 {
	float: left;
	width: 210px;
	margin: 15px 25px 15px 0;
	height: 447px;
	padding: 0px;
}
.portfolio4 {
	float: left;
	width: 210px;
	margin: 15px 25px 15px 0;
	height: 453px;
	padding: 0px;
}
/*  footer styles */

#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	text-align: center;
}
/* Float elements */

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearboth {
	clear: both;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
#rightColumn img {
	padding: 10px 0px 0px;
	text-align: center;
	margin: 0px;
	height: 31px;
	width: 88px;
}
#rightColumn imgC {
	padding: 10px 0px 0px;
	text-align: center;
	margin: 0px;
	height: 15px;
	width: 80px;
}
.portfolio5 {
	float: left;
	width: 210px;
	margin: 15px 25px 15px 0;
	height: 295px;
	padding: 0px;
}
.portfolio6 {
	float: left;
	width: 210px;
	margin: 15px 25px 15px 0;
	height: 195px;
	padding: 0px;
}