@charset "UTF-8";
/* CSS Document */
body { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #666;
	background: url(../images/signature.jpg) no-repeat -400px -500px;
	line-height: 1.4em;
}

/* LIST ARROWS */
ul.arrow  {
	padding-left: 25px;
}
.arrow li {
	list-style-image: url(../images/li_arrow.gif);
}

/* CONTENT CONTAINER */
#content {
	position: absolute;
	width: 840px;
	top: 200px;
	left: 50%;
	margin-left: -370px;
	min-width: 740px;
	
	/*background-color: #00CCFF;*/
}

/* LINKS */
a:link, a:visited {
	text-decoration: none;
	color: #005F6F;
}
a:hover, a:active {
	text-decoration: underline;
	
}

/*  EACH SECTION HAS 3 COLUMNS */
.col1, .col2 {
	float: left;
}

.col3 {
	float: left;
	width: 200px;
	margin-left: 20px;
	font-size: 0.9em;
}


.col1 {
	width: 160px;
	margin-right: 10px;
	/*background-color: #006666;*/
	
}
.col1 h2 {
	color: #900;
	float: left;
	font-size: 0.9em;
	text-transform: uppercase;
	font-weight: normal;
}
.col1 img {
	width: 130px;
	margin-left: 10px;
	margin-bottom: 10px;	
}

.col2 {
	width: 450px;
	margin-top: -2px;
	/*background-color:#FF6633;*/
}

/* MAIN IMAGE BOX (list of 6 main images), INCLUDING ROLL-OVER STATES FOR THE 6 MAIN IMAGES */
ul.mainImgBox {
	/*background-color: #66FF00;*/
	height: 300px;
	padding-left: 0;
	width: 450px;
	
}
ul.mainImgBox li {
	list-style: none;
	float: left;
	width: 150px;
	height: 150px;
	background-color: #336699;
	
}


/* not in use right now */
ul.mainImgBox li a:link, ul.mainImgBox li a:visited  {
	text-transform: uppercase;
	text-align: center;
	padding-top: 135px;
}
ul.mainImgBox li a:hover, ul.mainImgBox li a:active  {
	text-transform: uppercase;
	text-align: center;
	padding-top: 135px;
	text-decoration: none;
	color: #FFFFFF;
}

/* roll-over functionality */
ul.mainImgBox li a.img1, ul.mainImgBox li a.img2, ul.mainImgBox li a.img3, ul.mainImgBox li a.img4, ul.mainImgBox li a.img5, ul.mainImgBox li a.img6{
	background-color: #990000;
	display: block;
	/*height:150px;*/
}

/* image 1 */
ul.mainImgBox li a.img1{
	background: url(../images/roll-overs/case_liverpool_normal.gif) no-repeat 0 0;
}
ul.mainImgBox li a:hover.img1{
	background: url(../images/roll-overs/case_liverpool_over.gif) no-repeat 0 0;
}
/* image 2 */
ul.mainImgBox li a.img2{
	background: url(../images/main_2.gif) no-repeat 0 0;
}
ul.mainImgBox li a:hover.img2{
	background: url(../images/main_2_over.gif) no-repeat 0 0;
}
/* image 3 */
ul.mainImgBox li a.img3{
	background: url(../images/main_3.gif) no-repeat 0 0;
}
ul.mainImgBox li a:hover.img3{
	background: url(../images/main_3_over.gif) no-repeat 0 0;
}
/* image 4 */
ul.mainImgBox li a.img4{
	background: url(../images/main_4.gif) no-repeat 0 0;
}
ul.mainImgBox li a:hover.img4{
	background: url(../images/main_4_over.gif) no-repeat 0 0;
}
/* image 5 */
ul.mainImgBox li a.img5{
	background: url(../images/main_5.gif) no-repeat 0 0;
}
ul.mainImgBox li a:hover.img5{
	background: url(../images/main_5_over.gif) no-repeat 0 0;
}
/* image 6 */
ul.mainImgBox li a.img6{
	background: url(../images/main_6.gif) no-repeat 0 0;
}
ul.mainImgBox li a:hover.img6{
	background: url(../images/main_6_over.gif) no-repeat 0 0;
}

/* end of Not in use */



/* MENU LISTS */
.menu li{
	list-style: none;
	margin-left: -30px;
}
.liHeading {
	text-transform: uppercase;
	font-size: 0.9em;
}

.mainNav {
	padding-top: 85px;
	text-transform: uppercase;
}

/* BREADCRUMBS */
.breadcrumbs {
	margin: 5px 0px 50px -10px;
}
.breadcrumbs li {
	list-style: none;
	margin-left: -30px;
	float: left;
	margin-right: 40px;
}

/* CLEAR FLOATS */
.cancelFloat {
	clear: both;
}



.borderTop {
	border-top: 1px solid #999;
	width: 620px;
}

/* GALLERY LISTS */
ul.gallery {
	margin: 20px 0 10px 0;

	padding-left: 0;
	list-style: none;
}
ul.gallery li {
	padding-right: 29px;
	float: left;	
}
ul.gallery li.noRightPadding {
	padding-right: 0px;
}
ul.gallery p {
	margin: 0px 0px 25px 0px;
}


/* FOOTER */
/* please note that the margin-left needs to be equal to the width of (col1 + it's right margin) in order to start at the right position */
.footer {
	border-top: 1px solid #999;
	margin-top: 50px;
	margin-left: 172px;
	width: 448px;
}

.subTitle {color: #005F6F;}

.ddGrey {color: #999; line-height: 2.4em;}

a.ddLink:link, a.ddLink:visited {
	text-decoration: none;
	color: #999;
}
a.ddLink:hover, a.ddLink:active {
	text-decoration: underline;
	
}


.logo{
	padding-top:10px;
}