﻿* { padding: 0; margin: 0;}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	background: #000000 url(images/body-bg.jpg) repeat-x top left;
}

div.container { width: 800px; margin: 30px auto; }

hr { clear: both; visibility: hidden; height: 1px; margin-bottom: -1px; }

/* -------------------------------------------------------------------------------------- Header */

div.header { height: 117px; background: #ffffff; position: relative; }
	div.header h1 {
		text-indent: -9999px;
		background: url(images/itech-logo.jpg) no-repeat top left;
		height: 87px;
		width: 274px;
		position: absolute;
		top: 22px;
		left: 10px;
	}

/* -------------------------------------------------------------------------------------- Navigation */

.tabWrap { height: 39px; border: solid 1px white; border-bottom: none; background: url(images/bg_tabHeader.gif) repeat-x; overflow: hidden; zoom: 1.0;}
	.tabs { float: left; margin: 0px 0 0 0px; padding-right: 26px; background: url(images/bg_endTabBackground.gif) no-repeat top right;}
		.tab { float: left; background: url(images/bg_tabBackground.gif) repeat-x top left; display: block; margin: 0 0 0 0}
			.tabInner { float: left; display: block; background: url(images/bg_tabBackground.gif) no-repeat top left;}
				.tabText { 
					float: left; 
					display: block; 
					background: url(images/bg_tabRight.gif) no-repeat top right; 
					padding: 0 15px;
					height: 40px;
					line-height: 39px;
					color: #4f4f4f;
				}
				.selected .tabText { font-weight: bold; color: #232323; }
				.tab a { text-decoration: none; color: #4f4f4f; }
				.tab a:hover { text-decoration: underline; }

/* -------------------------------------------------------------------------------------- Content */

#content { background: #ffffff; padding: 40px 25px; }
	#content img { padding-bottom: 22px; background: url(images/img-bg.jpg) no-repeat left bottom; }
		#content img.noshadow { padding-bottom: 0; background: none; }
		#content .alignleft { float: left; margin-right: 15px; }
		#content .alignright { float: right; margin-left: 15px; }
	#content p { padding: 8px 0; line-height: 22px; }
	#content a { text-decoration: underline; }
		#content a:hover { text-decoration: none; }
	#content ul { padding-left: 20px; }
	#content div.captioned { background: #cccccc; padding: 5px; border: 1px solid #888888; margin-top: 15px; text-align: center; }
		#content div.captioned a { color: #666666; font-size: 11px; }

/* -------------------------------------------------------------------------------------- Footer */

#footer { text-align: center; padding: 10px 0; }
	#footer ul { list-style-type: none; margin: 0 auto; }
		#footer li {display: inline; padding: 0 12px 0 8px; border-right: 1px solid #ffffff;}
		#footer li.end {border: none;}
		#footer li a { color: #ffffff; text-decoration: none; font-size: 12px; }
		#footer a:hover { text-decoration: underline; }
