/* CSS Document Heidi Seymour - Homepage Layout */ 

div#login {
	color: #cc0000;
	float: right;
	padding: 4px 8px;
	width: 146px;
	height: /*134px*/13.3em;
	border: 1px solid #cc0000;
}

div#login .formboxsmall {
	width: 144px;
}

div#flashcontent {
	float: left;
	width: 570px;
	height: 200px;
}

div#flashcontent h1 {	
	font-size: 180%; 
	color: #cc0000;	
	float: none; 
	padding: 0 0 1em 0;
	width: 100%; 
	height: 1em;
	background: none; 
}

h1 {		
	font-size: larger;
	color: #fff;
	font-weight: bold;
	float: right;
	padding: 4px 20px 0 8px;
	width: 164px;
	w\idth: 136px;
	height: /*52px*/4em; 
	background: #cc0000 url(/_common/images/login.gif) no-repeat left top;
}

.banner a {
	float: right;
	display: block;	
	overflow: hidden; 
	width: 164px;
}

.bannerA   {
	padding-top: 67px; 
	width: 164px; 
 	height: 59px; 
	heigh\t: 0;
	background:url("/_common/images/ads/digitalphotobureau.gif") no-repeat right top; 
}

.bannerB   {
	padding-top: 67px;
	margin-top: 3px;
	width: 164px; 
 	height: 59px; 
	heigh\t: 0;
	background:url("/_common/images/ads/informationtechnology.gif") no-repeat right top; 
}
.bannerC   {
	padding-top: 59px;
	margin-top: 3px;
	width: 164px; 
 	height: 59px; 
	heigh\t: 0;
	background:url("/_common/images/ads/facilitiesmanagement.gif") no-repeat right top; 
	clear:right;
}

div#adBox li {
	list-style: none;
	display: inline;
	line-height: 1.7em;
}

div#adBox {
	background: url(/_common/images/dashed.gif) no-repeat center 119px;
}

#adBox a {
	color: #003366;
	text-decoration: none;
	float: left;
	display: block;
	display: inline;
	padding: 45px 15px 5px 3px; 
	margin:  20px 15px 15px 0;	
	width: 180px;
	w\idth: 161px;
	border-right: 1px dashed #999;
}

#adBox a.end {
	margin-right: 0;
	padding-right: 0;	
	width: 160px;
	border-right: 0;
}

.a1 {
	background: url(/_common/images/ads/a1-printing-copying.gif) no-repeat;
}

a:hover.a1 {
	background: #fff url(/_common/images/ads/a1-printing-copying-f2.gif) no-repeat; 
}

.a2 {
	background: url(/_common/images/ads/a2-doc-scanning.gif) no-repeat;
}

a:hover.a2 {
	background: #fff url(/_common/images/ads/a2-doc-scanning-f2.gif) no-repeat; 
}

.a3 {
	background: url(/_common/images/ads/a3-col-management.gif) no-repeat; 
}

a:hover.a3 {
	background: #fff url(/_common/images/ads/a3-col-management-f2.gif) no-repeat; 
}

.a4 {
	background: url(/_common/images/ads/a4-finishing.gif) no-repeat;
}

a:hover.a4 {
	background: #fff url(/_common/images/ads/a4-finishing-f2.gif) no-repeat; 
}

.a5 {
	background: url(/_common/images/ads/a5-doc-management.gif) no-repeat; 
}

a:hover.a5 {
	background: #fff url(/_common/images/ads/a5-doc-management-f2.gif) no-repeat; 
}

.a6 {
	background: url(/_common/images/ads/a6-exhibitions.gif) no-repeat; 
}

a:hover.a6 {
	background: #fff url(/_common/images/ads/a6-exhibitions-f2.gif) no-repeat; 
}

.a7 {
	background: url(/_common/images/ads/a7-bid-support.gif) no-repeat; 
}

a:hover.a7 {
	background: #fff url(/_common/images/ads/a7-bid-support-f2.gif) no-repeat; 
}
.a8 {
	background: url(/_common/images/ads/a8-office-supplies.gif) no-repeat; 
	}
a:hover.a8 {
	background: #fff url(/_common/images/ads/a8-office-supplies-f2.gif) no-repeat; 
}

div#royal {
	color: #999;
	clear:both;
	padding: 5px 0 5px 40px;
	background: url(/_common/images/royal-crest.gif) no-repeat;
}
/* intro styles*/
div#holder
	{
	padding:4em 0;
	}
div#holder h1
	{
	background:transparent url(/_common/images/hackettlarge.gif) no-repeat 40px 0;
	float:left;
	height:378px;
	width:160px;	
	}
div#holder h2
	{
	background:transparent url(/_common/images/wouldyouliketo.gif) no-repeat 0 0;
	height:38px;
	width:273px;
	margin-left:125px;	
	}
div#holder h1 span, div#holder h2 span, .options li a span
	{
	position:absolute;
	left:-100000px;
	}	
div#holder .options
	{
	width:540px;
	float:left;
	}
.options li
	{
	list-style:none;
	float:left;
	margin:10px 20px;
	}
.options li a
	{
	width:219px;
	height:94px;
	display:block;
	padding:0;
	margin:0;
	}
.options li.opt1 a
	{
	background:transparent url(/_common/images/options.gif) no-repeat 0 0;
	}
.options li.opt1 a:hover
	{
	background:transparent url(/_common/images/options.gif) no-repeat 0 -94px;
	}
.options li.opt2 a
	{
	background:transparent url(/_common/images/options.gif) no-repeat -219px 0;
	}
.options li.opt2 a:hover
	{
	background:transparent url(/_common/images/options.gif) no-repeat -219px -94px;
	}
.options li.opt3 a
	{
	background:transparent url(/_common/images/options.gif) no-repeat -438px 0;
	}
.options li.opt3 a:hover
	{
	background:transparent url(/_common/images/options.gif) no-repeat -438px -94px;
	}
.options li.opt4 a
	{
	background:transparent url(/_common/images/options.gif) no-repeat -657px 0;
	}
.options li.opt4 a:hover
	{
	background:transparent url(/_common/images/options.gif) no-repeat -657px -94px;
	}
.options li.opt5 a
	{
	background:transparent url(/_common/images/options.gif) no-repeat -876px 0;
	}
.options li.opt5 a:hover
	{
	background:transparent url(/_common/images/options.gif) no-repeat -876px -94px;
	}
.options li.opt6 a
	{
	background:transparent url(/_common/images/options.gif) no-repeat -1095px 0;
	}
.options li.opt6 a:hover
	{
	background:transparent url(/_common/images/options.gif) no-repeat -1095px -94px;
	}