/* CSS RESET */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;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	padding-top: 3;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;

}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes: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 CSS RESET (http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/) */



body {



	text-align: center;

	font-family: arial,tahoma;

	font-size: small;

	line-height: 1;

	color: #424241;

}



a {

	color: #FF6D00;

}



#container {

	background-image: url(../images/bg_bodyb.gif);

	background-repeat: repeat-x;

	background-color: #DFE9EE;

	border: solid 2px #000;

	margin:  0px auto;

	margin-top: 5px;

	padding: 0px 10px 0px 10px;

	width: 912px;

	text-align: left;

}



/* 3 main page elements */

#header {

	position: relative;

	width: 912px;

	height: 273px;

}

#main {

	padding-bottom: 10px;

}

#footer {

	margin: 0 auto;

	margin-top: 5px;

	margin-bottom: 5px;

	font-size: x-small;

	color: GrayText;

}

	#footer .contact ul {

		float: left;

	}

	#footer .contact li {

		list-style-type: square

	}

/* End of 3 main page elements */



/* Header Styles */

.img_logo {

	position: absolute;

	top: 46px;

	left: 0px;

	width: 126px;

	height: 127px;

}

.navigation {

	position: absolute;

	top: 84px;

	right: 0px;

	width: 784px;

	font-size: 1.1em;

}

	.navigation ul {

		float: right;

	}

		.navigation ul li {

			float: left;

			padding: 0 0 0 16px;

		}

			.navigation ul li a {

				display: block;

				padding: 0 0 0 16px;

				background-image: url(../images/bg_nav_link.gif);

				background-repeat: no-repeat;

				background-position: center left;

				color: #656565;

				text-decoration: none;

				line-height: 1.4em;

			}

			.navigation ul li.active a {

				background-image: url(../images/bg_nav_link_active.gif);

			}

			.navigation ul li a:hover {

				background-image: url(../images/bg_nav_link_active.gif);

			}

.img_tagline {

	position: absolute;

	top: 204px;

	left: 4px;

	width: 905px;

	height: 26px;

}

/* End Header Styles */



/* Main Styles */

.col_a {
	float: left;
	width: 560px;
	margin: 32px 0 0 0;
	font-size: 0.9em;
	height: 720px;

}

	.col_a h1 {

		font-size: 2.3em;

		font-weight: normal;

		color: #65A9E8;

	}

	.col_a p {

		line-height: 1.5em;

		margin: 0 0 14px 0;

	}
	
	.col_a_HM {
	padding-left: 150px;

	float: none;

	width: 542px;

	margin: 32px 0 0 0;

	font-size: .9em;

}

.col_b {

	float: right;

	width: 338px;

	margin: 32px 0 0 0;

	font-size: .9em;

}

	.col_b p {

		line-height: 1.5em;

		margin: 0 0 14px 0;

	}

	.col_b p.justify {

		text-align: justify;

	}

.subhead {

	margin: 0 0 26px 0;

}

.main_navigation {

	font-size: 1.1em;

}

	.main_navigation ul {

		float: right;

	}

		.main_navigation ul li {

			padding: 0 0 0 16px;

			text-align: right;

		}

			.main_navigation ul li a {

				display: block;

				padding: 10px 16px 6px 0;

				background-image: url(../images/bg_nav_link.gif);

				background-repeat: no-repeat;

				background-position: center right;

				color: #656565;

				text-decoration: none;

				line-height: 1.4em;

			}

			.main_navigation ul li.active a {

				background-image: url(../images/bg_nav_link_active.gif);

			}

			.main_navigation ul li a:hover {

				background-image: url(../images/bg_nav_link_active.gif);

			}

.portfolio {

	margin: 32px 0 0 0;

	font-size: .9em;

}

.port_col_a {

	float: left;

	width: 170px;

	margin: 0 0 0 0;

	position: relative;

	text-align: right;

	font-variant: small-caps;

}

.port_col_a li {

	display: inline;





}

.port_col_a #thumbs {

	left: 0px;

	height: 87px;

	overflow: hidden;

	width: 130px;

}

.port_col_a  #thumbs  img    {

	height: 16px;

	width: 24px;

	padding: 0px;

}







	.port_col_a .text {

		text-align: right;	

	}

.port_col_b {

	float: right;

	width: 740px;

	margin: 20px 0 0 0;

	background-color: #DFE9EE;

	text-align: center;

}

	.port_col_b .portfolio_image {

	height: auto;

	width: 	610px;

	padding: 2px 2px 2px 2px;

	}

/* End Main Styles */



/* Footer Styles */

#footer a {
	color: #999999;

}

#footer div {

	margin: 0 0 16px 0;

}

/* End Footer Styles */



/* Standard Styles */

.clear {

	clear: both;

}

.divider {

	clear: both;

	background-color: #70665B;

	height: 1px;

}

.right {

	text-align: right;

}

.image {

	border: solid 2px #fff;

	height: 414px;

}

/* End Standard Styles */

#displayimage {


	margin-left: 20px;

}