/* =============================================== */
/* ILC Media Stylesheet */
/* Element Styling */
/* Created by Ben Wakeford 2007 */
/* =============================================== */


/* =============================================== */
/* SECTION : Contact & Footer */
/* =============================================== */

/* -- Formatting -- */

div.contact p.details,
div.contact p.client-login,
div.footer p.legal,
div.footer p.details {
	margin : 0;
	color : #6A6B73;
}

div.footer p.legal,
div.footer p.details {
	font-size : 65%;
}

div.contact a:link,
div.contact a:visited,
div.footer a:link,
div.footer a:visited {
	color : #6A6B73;
}

div.contact a:hover,
div.contact a:active,
div.footer a:hover,
div.footer a:active {
	color : White;
}

div.contact p.client-login a:link,
div.contact p.client-login a:visited {
	color : #7BBDEF;
}

div.contact p.client-login a:hover,
div.contact p.client-login a:active {
	color : White;
}

/* -- Positioning -- */

div.contact p.details {
	width : 450px;
	float : left;
}

div.contact p.client-login {
	width : 180px;
	float : right;
	/*border : 1px solid Blue;*/
}

div.footer p.legal {
	width : 450px;
	float : left;
	/*border : 1px solid Fuchsia;*/
}

div.footer p.details {
	width : 280px;
	float : right;
	text-align : right;
}


/* =============================================== */
/* SECTION : Navigation : Main */
/* =============================================== */

div.navigation a.homelink {
	display : block;
	width : 300px;
	height : 30px;
	float : left;
	margin : 45px 265px 0 0;
}

div.navigation ul {
	width : 90px;
	float : left;
	margin : 0;
}

div.navigation li {
	padding : 0 0 0 5px;
	background : transparent url(../../images/common/blue-link-dot.gif) no-repeat scroll 0 10px;
}

div.navigation li a:link,
div.navigation li a:visited {
	color : #6A6B73;
}

div.navigation li a:hover,
div.navigation li a:active {
	color : White;
}

div.navigation li a.selected {
	color : #7BBDEF;
}


/* =============================================== */
/* SECTION : Navigation : Catagories */
/* =============================================== */

div.subnav ul {
	width : 570px;
	float : left;
	margin : 0;
	font-weight : bold;
}

div.subnav li {
	float : left;
	padding : 0 10px 0 5px;
	background : transparent url(../../images/common/blue-link-dot.gif) no-repeat scroll 0 12px;
	font-size : 85%;
}

div.search {
	height : 10px;
}

/* =============================================== */
/* SECTION : Highlights */
/* =============================================== */

div.highlights div.feature {
	width : 174px;
	float : left;
	margin : 0 15px 0 0;
}

div.highlights div.feature-last {
	margin : 0;
}

div.highlights div.feature h3 {
	font-size : 85%;
	background : transparent url(../../images/common/blue-link-dot.gif) no-repeat scroll 0 12px;
	padding : 0 0 0 5px;
}

div.highlights div.feature h4 {
	font-size : 95%;
	color : #7BBDEF;
	font-weight : normal;
	padding : 0 0 0 5px;
}

div.highlights div.feature img {
	border : 1px solid #52524A;
	margin : 5px 0 0 0;
}

/* =============================================== */
/* SECTION : News */
/* =============================================== */

div.content h2 {
	width : 740px;
	height : 35px;
	background : transparent url(../../images/common/title-beams.gif) no-repeat scroll right top;
	border-bottom : 1px solid #52524A;
	padding : 80px 0 0 10px;
	margin : 0 0 10px 0;
	font-size : 150%;
}

div.content div.full-width-item div.title-bar {
	background-color : #7BBDEF;
	width : 726px;
	margin : 0;
	padding : 12px;
}

div.content div.full-width-item div.title-bar p {
	float : left;
	color : #424242;
	font-weight : bold;
	font-size : 75%;
	margin : 0;
	line-height : 100%;
}

div.content div.full-width-item div.title-bar p.date {
	width : 200px;
}

div.content div.full-width-item div.title-bar p.title {
	width : 370px;
	padding : 0 0 0 12px;
	background : transparent url(../../images/common/triangle-grey-on-blue.gif) no-repeat scroll 0 2px;
}

div.content div.full-width-item div.title-bar p.details {
	width : 150px;
}

div.content div.full-width-item div.details {
	background-color : #424242;
	width : 750px;
	margin : 5px 0 10px 0;
}

div.content div.full-width-item div.details div.item-imagery {
	float : left;
	margin : 10px 57px 10px 10px;
}

div.content div.full-width-item div.details div.item-imagery p {
	margin : 5px 0 20px 0;
	line-height : 150%;
}

div.content div.full-width-item div.details div.item-details {
	float : left;
	width : 500px;
	margin : 10px 0 0 0;
}

div.content div.full-width-item div.details div.item-details h3 {
	font-size : 110%;
	background : transparent url(../../images/common/blue-link-dot.gif) no-repeat scroll 0 12px;
	padding : 0 0 2px 5px;
}

div.content div.full-width-item div.details div.item-details h4 {
	font-size : 110%;
	color : #7BBDEF;
	font-weight : normal;
	padding : 0 0 10px 5px;
}

div.content div.full-width-item div.details div.item-details p {
	font-size : 70%;
	color : #DDDEDF;
	font-weight : normal;
	padding : 0 0 0 5px;
}

p.quote {
	margin-left : 30px;
	margin-right : 30px;
	font-style : italic;
}

h5 {
	font-size : 90%;
	color : #7BBDEF;
	font-weight : normal;
	padding : 0 0 10px 5px;
}

/* =============================================== */
/* SECTION : Feature */
/* =============================================== */

div.content div.feature-bar {
	background-color : #7BBDEF;
	width : 528px;
	margin : 0 0 0 0;
	padding : 8px 12px 8px 210px;
}

div.content div.feature-bar p {
	float : left;
	color : #424242;
	font-weight : bold;
	font-size : 85%;
	margin : 0;
	line-height : 100%;
	padding : 0 0 0 14px;
	background : transparent url(../../images/common/triangle-grey-on-blue.gif) no-repeat scroll 0 6px;
}

div.content div.feature-bar p a:link,
div.content div.feature-bar p a:visited {
	color : #424242;
}

div.content div.feature-bar p a:hover,
div.content div.feature-bar p a:active {
	color : White;
}

div.content div.feature div.details {
	width : 750px;
	margin : 0 0 10px 0;
}

div.content div.feature div.details img {
	float : left;
	margin : 0 30px 10px 0px;
	border : 1px solid #52524A;
}

div.content div.feature div.details div.item-imagery {
	float : left;
	width : 175px;
	margin : 0 30px 0px 0px;
}

div.content div.feature div.details div.item-details {
	float : left;
	width : 520px;
	margin : 0;
}

div.content div.feature div.details div.item-details h3 {
	font-size : 110%;
	background : transparent url(../../images/common/blue-link-dot.gif) no-repeat scroll 0 12px;
	padding : 0 0 2px 5px;
}

div.content div.feature div.details div.item-details h4 {
	font-size : 110%;
	color : #7BBDEF;
	font-weight : normal;
	padding : 10px 0 10px 5px;
}

div.content div.feature div.details div.item-details p {
	font-size : 70%;
	color : #DDDEDF;
	font-weight : normal;
	padding : 0 0 0 5px;
}

div.content div.feature div.details div.item-details img {
	float : left;
	margin : 10px 0px 10px 5px;
	border : none;
}

div.content div.feature div.details div.item-details img.btn-back {
	float : right;
}

div.content div.feature div.details div.item-details li {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 70%;
	line-height : 150%;
	font-style : normal;
	color : #DDDEDF;
	padding : 0px 0px 0px 8px;
	margin : 0 0 0 15px;
	background : transparent url(../../images/common/bullet-triangle.gif) no-repeat scroll 0 8px;
}


/* =============================================== */
/* SECTION : Contact Us */
/* =============================================== */

dl.contact-info {
	width : 400px;
	margin: 10px 0 20px 50px;
	padding: 0;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 100%;
	float: left;
}

dl.contact-info dt {
	width: 100px;
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color : White;
	line-height : 150%;
}

/* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
/* end hack */

dl.contact-info dd {
	float: left;
	width: 300px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color : White;
	line-height : 150%;
	font-weight: bold;
}

div.content div.title-solid-bar {
	background-color : #7BBDEF;
	width : 742px;
	margin : 0 0 10px 0;
	padding : 8px 0 5px 8px;
}

div.content div.title-solid-bar h3 {
	line-height : 100%;
}

div.office-north {
	width : 370px;
	float : left;
	margin : 0 0 10px 0;
}

div.office-central {
	width : 370px;
	float : right;
	margin : 0 0 10px 0;
}

div.contact-offices h4 {
	border-bottom : 1px solid White;
	padding : 0 0 5px 0;
	margin : 0 0 10px 0;
}

p.office-address {
	float : left;
	width : 120px;
}

p.office-map {
	float : right;
	width : 250px;
	line-height : 120%;
	text-align : right;
}

p.office-map img {
	margin : 0 0 5px 0;
}

div.contact-form {
	background-color : #424242;
	padding : 20px 20px 5px 20px;
	margin : 0 0 10px 0;
}

div.contact-form-left {
	width : 340px;
	float : left;
	margin : 0 0 10px 0;
}

div.contact-form-right {
	width : 340px;
	float : right;
}

div.contact-form-right input.btn {
	margin : 0 0 0 100px;
}

div.contact-form p.alert {
	font-size : 100%;
	font-weight : bold;
}

p.bodytext-larger {
	font-size : 80%;
	font-weight : bold;
}


/* =============================================== */
/* SECTION : Catalogue */
/* =============================================== */

div.catalogue-item {
	background-color : #424242;
	padding : 10px 20px 10px 20px;
	margin : 0 0 10px 0;
}

div.cat-item-num {
	width : 80px;
	float : left;
}

div.cat-item-img {
	width : 100px;
	float : left;
}

div.cat-item-img img {
	border : 3px solid #686860;
}

div.cat-item-details {
	width : 530px;
	float : left;
}

div.catalogue-item p {
	margin : 0;
}

div.catalogue-item h3 {
	font-size : 90%;
	color : #7BBDEF;
	/*font-weight : normal;*/
	border-bottom : 1px solid #686860;
	padding : 0 0 5px 0;
	margin : 0 0 5px 0;
}