@import url('primary-navigation.css');
@import url('pages/xpress.css');
@import url('pages/home.css');

body {
	background-color: #000;
	margin: 0px;
	padding: 0px;
	font-size: 87.5%;
	font-family:  Arial, Helvetica, Verdana, sans-serif;
	color: #ffffff; 	  
}


table {
	font-family:  Arial, Helvetica, Verdana, sans-serif;
	font-size: 1em;
}

td.overview h1{
	margin: 35px 0 45px 0;
	font-family: Arial, Helvetica, Verdana,  sans-serif;	
	font-weight: normal;
	font-size: 1.286em;
	color: #fff;
	line-height: 140%;
}

p {
	line-height: 140%;
}

.structureTable {
	width: 765px;
	padding: 0px;
	margin: 0px;
}

.content {
	margin: 0 20px;
}

a:link, a:visited {
	color: #fff;
	text-decoration: underline;
}

a:hover {
	color: #777;
	text-decoration: underline;
}

fieldset {
	border: none;
	padding: 0;
	margin: 0;
}

legend {
	margin: 0 0 0 -2px;
	padding: 0;
}

/************************
 * Lists
 ************************/
ul {
	margin: 0;
	padding: 0 0 0 1em;
	list-style: none;
	line-height: 150%;
}

li {
	margin: 0 0 0.5656em 1em;
	padding: 0;
	list-style-image: url(../images/list_bullet.gif);
}

/************************
 * Typography
 ************************/
h1 {
	font-family: Arial, Helvetica, Verdana,  sans-serif;	
	font-weight: normal;
	font-size: 1.429em;
	color: #fff;	
	line-height: 140%;
}

h2.intro {
	font-family: Arial, Helvetica, Verdana,  sans-serif;	
	font-size: 1em;
	font-weight: normal;
	color: #fff;
	line-height: 140%;
	border-left: 1px solid #333;
	padding: 0 0 8px 16px;	
}

h2 {
	font-family: Arial, Helvetica, Verdana,  sans-serif;	
	font-size: 1.286em;
	font-weight: normal;
	color: #b9b9b9;
	line-height: 140%;
}

h3 {
	font-family: Arial, Helvetica, Verdana,  sans-serif;	
	font-size: 1.2em;
	font-weight: normal;
	color: #b9b9b9;
}


/************************
 * Footer
 ************************/

.footer {
	color: #777;
	margin: 40px 0 20px 0;
	font-size: 11px;
	font-weight: none;
}

body.home-page .footer {
	margin-top: 20px;
}

.footerLink {
	color: #777;
	text-decoration: none;	
}

.footerLink a:link, .footerLink a:visited {
	color: #777;
	text-decoration: none;	
}

.footerLink a:hover {
	color: #fff;
	text-decoration: none;
}

/************************
 * Site by Areeba Link
 ************************/
 
#footer #site-by-areeba-link {
	display: inline;
	text-decoration: none;
}

#footer #site-by-areeba-link a,
#footer #site-by-areeba-link a:hover span {
	text-decoration: none;
}
#footer #site-by-areeba-link span {
	vertical-align: middle;
	text-decoration: none;
}
#footer #site-by-areeba-link img {
	vertical-align: middle;
}

/************************
 * Pullquote
 ************************/
#pullquote {
	margin: 35px 0 0 0;
}

#_e_pullquote {
	margin: 35px 0 0 0;
}

#_e_pullquote h1 {
	font-family: Arial, Helvetica, Verdana,  sans-serif;	
	font-weight: normal;
	font-size: 1.286em;
	color: #fff;
	line-height: 140%;
}

/************************
 * Secondary navigation
 ************************/
#secondary-navigation h2 {
	margin: 43px 0 5px 0;
	padding-left: 20px;
	font-size: 1em;
	text-transform: uppercase;
}
#secondary-navigation h2 a {
	text-decoration: none;
	color: #7d8fa5;
}

#secondary-navigation h2 a:hover {
	text-decoration: none;
	color: #fff;
}

/************************
 * MENU CONTAINERS (ul's)
 ************************/

/* top level (and below) menu */
#secondary-navigation ul {
	margin: 0 0 7px 0;
	padding: 0;
	list-style: none;
	list-style-image: none;
	font-size: 0.857em;
}


/************************
 * MENU ITEM CONTAINERS (li's)
 ************************/

/* top level (and below) menu item containers */
#secondary-navigation li {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid #333;
	line-height: 125%;
	_display: inline;
	d\isplay: block;
	list-style-image: none;
}
@media all { /* not mac ie */
	* html #secondary-navigation li { height: 0; }
}

/* second level (and below) menu item containers */
#secondary-navigation li li {
	padding-left: 0;
}

/************************
 * MENU ITEM'S (a's)
 ************************/

/* 
 *  top level (and below) menu items 
 */
 
#secondary-navigation li a {
	margin: 0;
	display: block;
	padding: 5px 8px 5px 20px;
	text-decoration: none;
	color: #777;
}
@media all { /* not mac ie */
	* html #secondary-navigation li a { height: 0; }
}

/* hover state */
#secondary-navigation li a:hover {
	color: #fff;
	text-decoration: none;
}

/* top level (and below) active menu items */
#secondary-navigation li.active a {
	color: #777;
}

/* top level (and below) expanded menu items */
#secondary-navigation li a {
	color: #777;
}

/* 
 *  second level (and below) menu items 
 */
/* second level (and below) menu items */
#secondary-navigation li li a {
	padding-left: 20px;
	font-weight: normal;
}

/* second level (and below) expanded menu items */
#secondary-navigation li li a {
	color: #777;
}

/* second level (and below) active menu items */
#secondary-navigation li li.active a {
	color: #777;
}

/************************
 * Section pages
 ************************/
.banner {	
	margin: 40px 0 33px 0;
}

#form {
	font-size: 0.857em;
	margin: 35px 0 0 0;
}

#form h1 {
	margin-bottom: 25px;
}

#form h3 {
	font-size: 1.333em;
}

#form label, #form th {
	font-weight: normal;
}




/*****************************************************************************************
 *			Utility styles
 ****************************************************************************************/

/************************
 *  IMAGE-REPLACED: accessible text image replacement
 ************************/
/*
  Usage: <tag class="image-replaced">the text to replace<span></span></tag>
*/

.image-replaced {
	position: relative;
	overflow: hidden;
}

.image-replaced span {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background-color: transparent;
	background-position: left top;
	background-repeat: no-repeat;
}


/************************
 * accessibility styles
 ************************/

/* hide items in a way still accessibly to screen readers (and unstyled browsers of course) */
.accessibility {
	position: absolute !important;
	top: -1000em !important;
	left: -1000em !important;
}


/************************
 * clearfix, a class to clear floated elements
 ************************/
 
/* clearfix for good browsers */
html > body .clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* clearfix for IE/mac */
.clearfix {
	display: inline-block;
}

/* Hides from IE-mac, clearfix for IE/win and reset for not IE/mac */
@media all {
	* html .clearfix {
		_height: 0;
	}
	
	.clearfix {
		display: block;
	}
}



/************************
 * sIFR
 ************************/
/* These are standard sIFR styles... do not modify */
@media screen {
	.sIFR-flash {
		visibility: visible !important;
		margin: 0;
	}
	
	.sIFR-replaced {
		visibility: visible !important;
	}
	
	span.sIFR-alternate {
		position: absolute;
		left: 0;
		top: 0;
		width: 0;
		height: 0;
		display: block;
		overflow: hidden;
	}
}


/* font styling adjustments */

.sIFR-hasFlash h1 {
	visibility: hidden;
	margin: 0;
	padding: 0;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	margin: 0;
	padding: 0;
}

/* style the link rollover */
#secondary-navigation h2.aboutus-secthed a {	
	color: #c8b46f;
}
#secondary-navigation h2.pressfacilities-secthed a {
 	color: #78ab80;
}
#secondary-navigation h2.services-secthed a {
	color: #439fce;
}
#secondary-navigation h2.portfolio-secthed a {
	color: #bb7d87;
}
#secondary-navigation h2.contactus-secthed a {
	color: #8182c4;
}

/* active menu items */
#secondary-navigation h2.active {
	display: block;
	background: url(../images/navigation/bul_navigation.gif) left center no-repeat;	
}

#secondary-navigation li.active a,
#secondary-navigation li.expanded li.active a,
#secondary-navigation li.expanded li.expanded li.active a,
#secondary-navigation li.expanded li.expanded li.expanded li.active a {
	display: block;	
	background: url(../images/navigation/bul_navigation.gif) left center no-repeat;	
}
/* reset lower menu items */
#secondary-navigation li.active li a,
#secondary-navigation li.expanded li.active li a,
#secondary-navigation li.expanded li.expanded li.active li a,
#secondary-navigation li.expanded li.expanded li.expanded li.active li a {
	xfont-weight: normal;	
	background: none;
}

.button {
	border: 1px solid #777;
	background-color: #444;
	color: #aeaeae;
}

@media print {
	#primaryNavigation {
		display: none;
	}

	#secondary-navigation {
		display: none;
	}
	
	#pullquote {
		display: none;
	}
	
	.noprint {
		display:none;
	}
	
	.content {
		width: 500px;
	}
	
	.sIFR-flash, .sIFR-flash object, .sIFR-flash embed {
		display: none !important;
		height: 0;
		width: 0;
		position: absolute;
		overflow: hidden;
	}

	span.sIFR-alternate {
		visibility: visible !important;
		display: block !important;
		position: static !important;
		left: auto !important;
		top: auto !important;
	}

}