body
{
	font-family: arial;
	font-size: 14px;
	line-height: 22px;
	color: #252525;
	background-image: url('images/backgroundTile.gif');
	background-position: top;
	background-repeat: repeat-x;
	background-color: #EFEFEF;
	background-attachment: fixed;
	margin-top: 64px;
}

h1 {font-size: 140%; color: #003066; font-weight: bold;}
h2 {font-size: 125%; color: #003066; font-weight: bold; margin-bottom: 6px;}
h3 {font-size: 110%;}
h4 {font-size: 110%; text-decoration: underline; font-weight: normal;}
h5 {color: #003066; font-style: italic;}

a {color: #F26521;}
a:hover {color: #F7941C;}
a:visited {color: #F26521;}
a:active {color: #F7941C;}

ul
{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	background-image: url(images/listLine.jpg);
	background-repeat: repeat-y;
	background-position: 0px 5px;
}
li
{
	background-image: url(images/listBullet1.jpg);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 18px;
}
.lastList
{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	background-image: url(images/listLine2.jpg);
	background-repeat: repeat-y;
	background-position: 0px 5px;
}
.lastItem
{
	background-image: url(images/listBullet2.jpg);
	background-repeat: no-repeat;
	background-position: 0px 5px; 
	padding-left: 18px;
}

.clear {clear: both;}
.line {width: 100%; height: 1px; padding: 0; margin: 0;}

.input1 {width: 200px; height: 20px; border: 1px solid #000;}
.input2 {width: 435px; height: 75px; border: 1px solid #000;}
.submit {border: outset 1px #ccc; background-image: url('../images/buttonbg.gif');}

.mainContainer
{
	width: 866px;
	height: 100%;
	margin: auto;
	background-color: #fff;
	border: 1px solid #000;
}

.bannerArea
{
	width: 866px;
	height: 258px;
	margin: auto;
	text-align: center;
	background-image: url('images/banner.gif');
}

	.anvil
	{
		width: 300px;
		height: 258px;
		margin-left: -7em;
		float: left;
	}

.navArea
{
	width: 750px;
	height: 75px;
	margin: 20px auto 0px auto;
	text-align: center;
}
	.block {width: 187px; height: 75px; display: block;}
	.navBlock {width: 187px; height: 75px; float: left;}
	
		#webDesign {background: #fff url('images/navigation.gif') repeat 0px 0px;}
		#webDesign:hover {background-position: 0px -75px;}
		
		#itRepair {background: #fff url('images/navigation.gif') repeat -187px 0px;}
		#itRepair:hover {background-position: -187px -75px;}
	
		#portfolio {background: #fff url('images/navigation.gif') repeat -374px 0px;}
		#portfolio:hover {background-position: -374px -75px;}
		
		#contact {background: #fff url('images/navigation.gif') repeat -561px 0px;}
		#contact:hover {background-position: -561px -75px;}

.section
{
	width: 750px;
	height: 100%;
	margin: 40px auto 0px auto;
}

	.capabilitesCol
	{
		width: 245px;
		height: 100%;
		margin: 10px 0 0 10px;
		float: left;
	}
	
	#creative {}
	#technology {margin-right: 30px;}
	#cogs {width: 200px; float: left; margin: 10px 0 0 0px;}
	#webSolutions span {color: #003066;}
	
	.itButtons
	{
		width: 150px;
		height: 100%;
		float: left;
	}
	.button {color: #003066; border-bottom: 1px dashed #003066;}
	.button:hover {color: #fff; background-color: #0071BC;}
	.button a {color: #003066; text-decoration: none;}
	.button a:hover {color: #fff;}
	.buttonBlock {width: 150px; height: 100%; padding-left: 5px; display: block;}
	
	.itViewer
	{
		width: 500px;
		height: 100%;
		float: left;
		margin: 10px 0px 0px 30px;
		filter: alpha(opacity:100);
	}
	
	.itViewerFormat {display: none;}
	
	.portfolioButtons
	{
		width: 180px;
		height: 100%;
		float: left;
	}
	.portfolioButtons div {margin: 5px;}
	.button2 {filter: alpha(opacity:100);}
	.button2:hover {filter: alpha(opacity:75);}
	

.footer
{
	width: 826px;
	height: 100%;
	margin: 50px auto;
	font-size: 85%;
	text-align: center;
}