/* CSS Document */
body{
	padding:0; 
	margin:0; 
	background: #EFEFEF;  /* This is the grey background color behind everything */
	color:#666; 
	font:14px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-weight:normal;
}

/* DEFAULTS for zero padding, margins, and list-style */
div, p, h1, h2, h3, h4, ul, a, img{padding:0px; margin:0px;}
ul{list-style-type:none;}

hr {
	width: 75%;
	text-align: center;
	margin: 24px auto 16px auto;
}

/* TOP PANEL */
#topPan { 
	width:100%; 
	height:200px; 
	position:relative; 
	margin:0; 
	padding:0; 
	background: url(images/header-bg.jpg) #EFEFEF; 
}

#topPan img.splash {
	position:absolute; 
	top:0; 
	left:0;
}

#topPan img.float {
	position: relative; 
	float: right;
}

#topPan ul{
	width:376px; 
	height:32px; 
	display:block; 
	position:absolute; 
	top:130px; 
	left:236px; 
	margin:0px; 
	padding:0px; 
	background:url(images/menu-bg.gif) 0 0 repeat-x #FF8714; 
	color:#fff;
}

#topPan ul li{
	float:left; 
	display:block; 
	width:75px; 
	height:32px; 
	background:url(images/menu-devider.gif) right top no-repeat;
}

#topPan ul li span{
	display:block; 
	width:73px; 
	height:32px; 
/*	background:url(images/menu-hover.gif) 50% 0 no-repeat;  */
	font:15px/32px "Trebuchet MS",Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	text-align:center; 
	text-decoration:none;
}
#topPan ul li a{display:block; width:73px; height:32px; background:url(images/menu-bg.gif) 0 0 repeat-x #FF8714; color:#fff; font:15px/32px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}
#topPan ul li a:hover{display:block; width:73px; background:url(images/menu-hover.gif) 50% 0 no-repeat;text-decoration:none; margin:0; padding:0px; color: #000; }
#topPan ul li.contact{display:block; width:75px; height:32px; background:url(images/menu-bg.gif) 0 0 repeat-x #FF8714; color:#fff; font:15px/32px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}
#topPan ul li.contact:hover{display:block; width:75px; background:url(images/menu-hover.gif) 50% 0 no-repeat;text-decoration:none; margin:0; padding:0px;}

/* This defines the spacing and font of the 'Title' of the page, which should be in the top panel right above the menu */
#topPan h1 {
	padding: 39px 0px 0px 399px;
	font: 33px/40px "Trebuchet MS";
}

/*SEO: Search Engine Optimization Text, which is invisible on the top panel */
#topPan p{
	padding: 0px 0px 0px 399px;
	font: 1px/1px "Arial";
	color: #FAF9C3; /* Light Yellow Color of Background to 'hide' text */
}

/* *************** BODY CONTENT PANEL *****************************/
#bodyPan{
	width: 100%;
	top: -35px;
	position: relative;
	margin:0;
}

#bodyPan table{
	border-width: 2px;
}

/*Body Pan Columns - Defaults */
#bodyPan td{
	padding: 32px;
	margin: 0px;
	vertical-align: top;
	color: #000;
}
	
/* Left Column */
#bodyPan td.leftCol{ 
    width: 75%;
}

/* Right Col */
#bodyPan td.rightCol { 
    width: 25%;
	background: #FFF;
	color: #666;
}

#bodyPan h2 {
	background:url(images/icon-doc.gif) 13px 16px no-repeat; 
	font-weight:bold; 
	color:#4D4D4D; 
	padding:16px 0 16px 52px;
}

#bodyPan h2 span{
	color:#F87217; 
	font:14px/18px Arial, Helvetica, sans-serif; 
	font-weight:bold; 
}

#bodyPan h2.tech {
	background:url(images/icon-tech.gif) 0px 20px no-repeat; 
	font-weight:bold; 
	color:#4D4D4D; 
	padding:32px 0 24px 64px;
}

#bodyPan h2.tech span{
	color:#F87217; 
	font:14px/18px Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	display:block;
}

#bodyPan h3{ 
	padding: 0px 0 16px 0;
	font-size:18px; 
	font-weight:bold; 
}

#bodyPan h3.topPadding { 
	padding: 16px 0 16px 0;
	font-size:18px; 
	font-weight:bold; 
}


#bodyPan p{
	font:14px/18px Arial, serif;
	line-height: 18px;
}

#bodyPan p.topPadding {
	font:14px/18px Arial, serif;
	line-height: 18px;
	margin: 16px 0px 0px 0px;
}

#bodyPan p.quote{
	font:14px/20px Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}

#bodyPan p.quote span{
	font:20px/20px Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color:#F87217;
	margin: 0px 4px 0px 4px;
}


#bodyPan p.name{
	display:block; 
	color:#F87217;
	font:15px/12px Georgia, "Times New Roman", Times, serif; 
	font-style: italic; 
	font-weight:bold; 
	text-align:right; 
	padding: 13px 7px 13px 0;
}

#bodyPan p.dotline{
	background:url(images/dot-line.gif) 0 0 repeat-x #fff; 
	color:#666; 
	margin:0 63px 0 52px;
}

#bodyPan img{
	border: none;
	display: block;
	margin: 0  0 32px 0;
}


#bodyPan ul{
	padding: 0;
	margin: 0;
	list-style-type: disc;
}

#bodyPan ul.key{
	list-style-type: none;
}

#bodyPan li{
	padding: 0px 0 0px 7px;
	margin: 0px 0px 0px 16px;
	font: 14px/18px Arial;
	font-weight:normal; 
	color: #000;
}

#bodyPan li.key {
	background: url(images/key.gif) no-repeat;
	background-position: 0px -6px;
	padding: 0px 0 7px 27px;
	margin: 0px 0px 0px 16px;
}

#bodyPan li.key span{
	color:#F87217; 
	font:14px/18px Arial, Helvetica, sans-serif; 
	font-weight:bold; 
}

#bodyPan li span{
	color:#F87217; 
	font:14px/18px Arial, Helvetica, sans-serif; 
	font-weight:bold; 
}


#bodyPan li.keyTop {
	background: url(images/key.gif) no-repeat;
	background-position: 0px -6px;
	padding: 0px 0 7px 27px;
	margin: 16px 0px 0px 16px;
}

#bodyPan li.keyTop span{
	color:#F87217; 
	font:14px/18px Arial, Helvetica, sans-serif; 
	font-weight:bold; 
}


#bodyPan a:link {
	font: 14px/18px Arial;
	font-weight:bold; 
	color:#F87217;
}

#bodyPan a:visited {
	color:#ff0000;
}


#portfolio{
	margin:0; 
	padding:0;
	color:#F87217;
	float: left;
} 

#portfolio div.item {
	width: 225px;
	height: 150px;
	background: url(images/dot-line.gif) repeat-x 0 100%; 
	margin: 16px 0 0 24px;
	float: left;
}

#portfolio div.iform {
	width: 225px;
	height: 150px;
	background: url(images/dot-line.gif) repeat-x 0 100%; 
	margin: 16px 0 0 24px;
	float: left;
	font-size: 9pt;
}

#portfolio input.iform {
	font:9pt "Trebuchet MS", Arial, sans-serif;
}


#portfolio div.hSpacer {
	width: 225px;
	height: 16px;
	background: none; 
	margin: 16px 0 0 24px;
	float: left;
}


#portfolio p {
	width: 110px;
	height: 130px;
	display:block; 
	float:right; 
	clear: right;
	margin:0; 
	padding:0 0 0 0;
	text-align: left;
}

#portfolio img{
	top:0; 
	left:0;
	width:96px; 
	height:96px; 
	border: dotted;
	border-width: 3px;
	margin:0 0 7px 0;
	float: left;
	border-color: #F87217;
}

:link img { 
	border: thick dotted #F87217; 
}

:visited img { 
	border: thick dotted red; 
}

:focus img {
	border:none;
}

#portfolio h3.portfolio {
	width: 115px;
	float: left;
	padding: 0;
	margin: 0;
	text-align: left;
	font: 15px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold; 
	color:#F87217;
}

#portfolio a {
	text-decoration: none; 
	text-align: center;
	color:#F87217;
}


/* footer Panel */
#footerPan{
	position: relative;
	top: -40px;
	background:url(images/footer-bg.jpg) 0 0 repeat-x;
	color:#111; 
	margin:0; 
	padding:40px 0 0 0; 
}

#footerPan ul{
	height:32px; 
	display:block; 
	position:absolute; 
	top:6px; 
	right:10px; 
	margin:0px; 
	padding:0px; 
/*	background:url(images/menu-bg.gif) 0 0 repeat-x #FF8714;  */
	color:#fff;
}

#footerPan ul li{float:left; display:block; width:75px; height:32px;}
#footerPan ul li span{
	display:block; 
	width:73px; 
	height:32px; 
	background:url(images/menu-hover.gif) 50% 0 no-repeat; 
	font:15px/32px "Trebuchet MS",Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	text-align:center; 
	text-decoration:none;
}

#footerPan ul li a {display:block; width:73px; height:32px; color:#fff; font:15px/32px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}
#footerPan ul li a:hover{ background:url(images/menu-hover.gif) 50% 0 no-repeat; color: #000; }
#footerPan ul li.contact{display:block; width:75px; height:32px; font:15px/32px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}
#footerPan ul li.contact:hover{display:block; width:75px; text-decoration:none; margin:0; padding:0px;}


#footerPan p{ 
	color:#4D4D4D;
	font:15px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 2px;
}

#footerPan p.template { 
	display: block;
	position: absolute;
	right: 20px;
	top: 44px;
	color:#4D4D4D;
	font:10px/12px "Trebuchet MS",Arial, Helvetica, sans-serif;
}