@charset "utf-8";
/* CSS Document */

body	{
		background-color: #333333;
		font: 11px Arial, Helvetica, sans-serif;
		}
#container	{
		width: 900px;
		margin: auto;
		border: 5px solid #000;
		background-color: #000066;
		background-image: url(../images/tile.jpg);
		background-repeat: repeat-y;
		}
#header	{
		width: 100%;
		height: 200px;
		background-color: #000066;
		}
#columns	{
		}
#left	{
		position: relative;
		float: left;
		width: 180px;
		padding: 10px;
		text-align: center;
		}
#middle	{
		position: relative;
		float: left;
		left: 5px;
		width: 520px;
		padding: 10px;
		}
#right	{
		position: relative;
		float: right;
		width: 150px;
		padding: 0px;
		margin: 0px;
		}
#footer	{
		clear: both;
		width: 540px;
		position: relative;
		left:205px;
		}
		
/* Navigation */
.nav	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		}
.nav ul	{
		margin: 0;
		padding: 0;
		list-style-type: none;
		}
.nav li	{
		padding-left: 3px;
		}

/* Links */
a	{
		color: #000066;
		}
a:hover	{
		color: #666666;
		}
.nav a 	{
		text-decoration: none;
		color: #CCCCCC;
		}
a img	{
		border: 3px solid #000066;
		text-decoration: none;
		}
.nav a:hover 	{
		text-decoration: none;
		color: #ffffff;
		}

/* Rollovers */
.section a 	{
		display:block;
		text-transform: capitalize;
		line-height: 20px;
		font-size: 12px;
		font-weight: bold;
		width: 147px;
		height: 20px;
		padding: 0px 0px 0px 3px;
		text-decoration: none;
		margin-left: -3px;
		color: #000066;
		}
.about a	{
		background: url(../images/rollovers/about.jpg) 0 0 no-repeat;
		}
.business a	{
		background: url(../images/rollovers/business.jpg) 0 0 no-repeat;
		}
.community a 	{
		background: url(../images/rollovers/community.jpg) 0 0 no-repeat;
		}
.exhibit a	{
		background: url(../images/rollovers/exhibit.jpg) 0 0 no-repeat;
		}
.shopping a	{
		background: url(../images/rollovers/shopping.jpg) 0 0 no-repeat;
		}
.sec-roll a:hover { 
		background-position: 0 -20px;
		color: #049;
		}
		
/* Classes */
p	{
		}
h1	{
		font-size: 16px;
		font-weight: bold;
		color: #000066;
		}
h2	{
		font-size: 14px;
		font-weight: bold;
		color: #000066;
		}
h3	{
		font-size: 12px;
		font-weight: bold;
		padding-bottom: 0px;
		margin-bottom: -10px;
		color: #333333;
		}
h4	{
		font-size: 11px;
		font-weight: bold;
		color: #000000;
		margin-bottom: -10px;
		}
.text-center	{
		text-align: center;
		}
.center	{
		margin: auto;
		}
.floatright	{
		position: relative;
		float: right;
		margin: 5px;
		}
.floatleft	{
		position: relative;
		float: left;
		margin: 5px;
		}
.smalltext	{
		font-size: 9px;
		color: #666666;
		}
		
.footer-text	{
		font-size: 11px;
		color: #666666;
		}
.block	{
		display: block;
		width: 40px;
		height: 20px;
		position: relative;
		float: left;
		font-weight: bold;
		clear: both;
		}
.block2	{
		display: block;
		width: 40px;
		height: 5px;
		position: relative;
		float: left;
		font-weight: bold;
		clear: both;
		}
.block-left	{
		margin-left: 40px;
		}
.client	{
		margin-bottom: 200px;
		}
.clientlist ul	{
		list-style: none;
		line-height: 17px;
		margin: 0px;
		padding: 0px;
		}
.clientlist li	{
		padding: 0px;
		}
/*.nav ul	{
		margin: 0;
		padding: 0;
		list-style-type: none;
		}
.nav li	{
		padding-left: 3px;
		}*/
.align-top	{
		vertical-align: top;
		}
.img-contain	{
		margin: auto;
		background-color:#666666;
		padding: 5px;
		width: 321px;
		}
.img-contain img	{
		margin: 3px;
		border: none;
		}
.img-design	{
		margin: auto;
		background-color:#333333;
		width: 240px;
		padding: 3px 3px 0px;
		}

.img-design img	{
		border: none;
		padding: 3px;
		}
.gallery img	{
		border: none;
		}
.gray	{
		color: #666666;
		}
.darkgray	{
		background-color: #333333;
		}
.blue	{
		color: #000066;
		}
.red	{
		color: #990000;
		}
.green	{
		color: #006633;
		}
.no-list li	{
		list-style: none;
		line-height: 18px;
		}
		
/* Home news */
.home-column	{
		width: 520px;
		margin-bottom: 10px;
		border: 1px solid black;
		}
/*.left-column	{
		width: 258px;
		height: 517px;
		position: relative;
		float: left;
		border: 1px solid black;
		}
.right-column	{
		width: 259px;
		height: 210px;
		position: relative;
		float: right;
		border: 1px solid black;
		border-left: none;
		}*/
.orangeheader	{
		display: block;
		padding: 0px 0px 0px 5px;
		background-color: #f39128;
		color: #000066;
		margin: 0px 0px 5px 0px;
		border-bottom: 1px solid black;
		}
.blueheader	{
		display: block;
		padding: 0px 0px 0px 5px;
		background-color: #000066;
		color: #CCCCCC;
		margin: 0px 0px 5px 0px;
		border-bottom: 1px solid black;
		}
.grayheader	{
		display: block;
		padding: 0px 0px 0px 5px;
		background-color: #666666;
		color: #CCCCCC;
		margin: 0px 0px 5px 0px;
		border-bottom: 1px solid black;
		}
.box	{
		width: 518px;
		border: 1px solid black;
		border-bottom: none;
		}
.box p	{
		border-bottom: 1px solid black;
		padding: 3px 0px 3px 5px;
		margin: 0px;
		}
.home-column p	{
		padding: 5px;
		}
.asset-photo	{
		margin: auto;
		width: 425px;
		height: 50px;
		background-color: #999999;
		border: 5px solid #333333;
		padding: 5px 0px 0px 0px;
		}
.asset-photo-border	{
		border-style: solid;
		border-color: #333333;
		border-width: 5px 10px 5px 5px;
		float: left;
		margin-top: -5px;
		margin-right: 10px;
		padding: 0px;
		}
.asset-photo p	{
		padding: 0;
		margin: 0;
		}
/* Forms */
span.formtext	{
		display: block;
		float: left;
		width: 150px;
		padding-right: 6px;
		text-align: right;
		}
.spacer	{
		margin-left: 110px;
		padding-bottom: 10px;
		}
fieldset	{
		padding: 10px;
		}
legend	{
		color: #000000;
		}