/*

Stylesheet for IVC Media
Handwritten by Oliver Coningham (AztecMedia.eu)
http://www.ivcmedia.co.uk/

Version: June 9, 2008 12:45 PM

*/


/* ------------ Toolbox ------------ */

.float-left { float: left; }
.float-right { float: right; }
.align-right { text-align: right; }
.cleared { clear: both; }
.hide { display: none; }
.smaller { font-size: 90%; }
.larger { font-size: 110%; }

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


/* ------------ Defaults ------------ */

body {
	background: #f8f8f8 url('../images/body-bg.gif') no-repeat top center;
	color: #616161;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1.5em;
	}

#skip { 
	display: block;
	height: 100px;
	margin-top: -100px; 
	}
	
#container {
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	margin: auto;
	width: 960px;
	}
	
hr {
	display: none;
	}

#content a.rss {
	background: url('../images/icon-rss.png') no-repeat 0 50%;
	padding: 2px 0 3px 19px;
	}
	
	
/* ------------ Branding ------------ */

#branding {
	background: url('../images/branding-bg.gif') repeat-x top left;
	height: 100px;
	padding-left: 20px;
	width: 940px;
	}
	
#branding h1 a {
	background: url('../images/h1-bg.gif') no-repeat top left;
	display: block;
	float: left;
	height: 70px;
	margin-top: 15px;
	text-indent: -25000px;
	width: 188px;
	}
	
#branding h1 a:hover {
	background-position: 0 -70px;
	}
	
#branding #tagline {
	float: left;
	height: 70px;
	margin-top: 15px;
	width: 295px;
	}

#branding #image-wall {
	float: right;
	height: 100px;
	width: 455px;
	}
	
	
/* --------------- Navigation --------------- */

#nav {
	background: #e57603 url('../images/nav-bg.gif') repeat-x top left;
	clear: both;
	height: 35px;
	padding-left: 20px;
	text-indent: -25000px;
	width: 940px;
	}
	
#nav li {
	float: left;
	}

#nav a {
	display: block;
	height: 30px;
	margin-right: 1px;
	width: 114px;
	}
/*
#default #nav a:hover {
	background-position: 0 -30px;
	}
#default #nav .selected {
	background-position: 0 -30px;
	}
*/
		
#nav a:hover,
#nav .selected {
	background-position: 0 -60px;
	}
	
#nav-home a {
	background: url('../images/nav-home.gif') no-repeat top left;
	}
#nav-about a {
	background: url('../images/nav-about.gif') no-repeat top left;
	}
#nav-services a {
	background: url('../images/nav-services.gif') no-repeat top left;
	}
#nav-broadcast a {
	background: url('../images/nav-broadcast.gif') no-repeat top left;
	}
#nav-iptv a {
	background: url('../images/nav-iptv.gif') no-repeat top left;
	}
#nav-av a {
	background: url('../images/nav-av.gif') no-repeat top left;
	}
#nav-portfolio a {
	background: url('../images/nav-portfolio.gif') no-repeat top left;
	}
#nav-news a {
	background: url('../images/nav-news.gif') no-repeat top left;
	}
#nav-employment a {
	background: url('../images/nav-employment.gif') no-repeat top left;
	}
#nav-contact a {
	background: url('../images/nav-contact.gif') no-repeat top left;
	margin-right: 0;
	width: 115px;
	}
	
	
/* --------------- Features --------------- */

#default #features-wrapper {
	background: url('../images/features-wrapper-bg.gif') no-repeat top center;
	clear: both;
	height: 220px;
	width: 100%;
	}
	
#default #features {
	background: url('../images/features-bg.gif') repeat-x top left;
	clear: both;
	height: 200px;
	margin: auto;
	padding: 20px 20px 0 20px;
	width: 920px;
	}
	
#features {
	background: url('../images/features-bg.gif') repeat-x top left;
	clear: both;
	height: 5px;
	width: 960px;
	}

#av #features, #broadcast #features, #it #features {
	background: none;
	clear: both;
	height: 170px;
	margin: 20px 0;
	width: 920px;
	}
#av .feature, #broadcast .feature, #it .feature {
	height: 170px;
	}
	
.feature {
	float: left;
	height: 200px;
	margin-right: 25px;
	width: 290px;
	}
.last {
	margin-right: 0;
	}
	
.feature h2, #content .feature h3 {
	height: 27px;
	padding: 0;
	text-indent: -25000px;
	width: 290px;
	}
	
.feature h4 {
	margin-bottom: 5px;
	}

.feature-text {
	height: 96px;
	padding: 12px 10px 0 108px;
	width: 172px;
	}
.feature-text ul {
	list-style: disc inside;
	}

.feature-more a {
	background: url('../images/btn-feature-more.png') no-repeat top left;
	float: right;
	height: 25px;
	margin-right: 10px;
	text-indent: -25000px;
	width: 74px;
	}

#feature-av { background: url('../images/feature-av-bg.jpg') no-repeat 0 27px; }
#feature-projects { background: url('../images/feature-projects-bg.jpg') no-repeat 0 27px; }
#feature-iptv { background: url('../images/feature-iptv-bg.jpg') no-repeat 0 27px; }
#feature-av-markets { background: url('../images/feature-av-markets-bg.jpg') no-repeat 0 27px; }
#feature-av-products { background: url('../images/feature-av-products-bg.jpg') no-repeat 0 27px; }
#feature-av-projects { background: url('../images/feature-av-projects-bg.jpg') no-repeat 0 27px; }
#feature-broadcast-markets { background: url('../images/feature-broadcast-markets-bg.jpg') no-repeat 0 27px; }
#feature-broadcast-products { background: url('../images/feature-broadcast-products-bg.jpg') no-repeat 0 27px; }
#feature-broadcast-projects { background: url('../images/feature-broadcast-projects-bg.jpg') no-repeat 0 27px; }
#feature-it-markets { background: url('../images/feature-it-markets-bg.jpg') no-repeat 0 27px; }
#feature-it-products { background: url('../images/feature-iptv-products-bg.jpg') no-repeat 0 27px; }
#feature-it-projects { background: url('../images/feature-it-projects-bg.jpg') no-repeat 0 27px; }
	
#feature-av h2 { background: url('../images/feature-av-h2.gif') no-repeat top left;	}
#feature-projects h2 { background: url('../images/feature-projects-h2.gif') no-repeat top left; }
#feature-iptv h2 { background: url('../images/feature-iptv-h2.gif') no-repeat top left;	}
#feature-av-markets h3 { background: url('../images/feature-av-markets-h3.gif') no-repeat top left;	}
#feature-av-products h3 { background: url('../images/feature-av-products-h3.gif') no-repeat top left; }
#feature-av-projects h3 { background: url('../images/feature-av-projects-h3.gif') no-repeat top left; }
#feature-broadcast-markets h3 { background: url('../images/feature-broadcast-markets-h3.gif') no-repeat top left;	}
#feature-broadcast-products h3 { background: url('../images/feature-broadcast-products-h3.gif') no-repeat top left; }
#feature-broadcast-projects h3 { background: url('../images/feature-broadcast-projects-h3.gif') no-repeat top left; }
#feature-it-markets h3 { background: url('../images/feature-iptv-markets-h3.gif') no-repeat top left;	}
#feature-it-products h3 { background: url('../images/feature-iptv-products-h3.gif') no-repeat top left; }
#feature-it-projects h3 { background: url('../images/feature-iptv-projects-h3.gif') no-repeat top left; }
						

/* --------------- Media Bar --------------- */

#media-bar {
	background: url('../images/media-bar-bg.gif') repeat-x top left;
	height: 40px;
	padding: 10px 20px 0 20px;
	position: relative;
	width: 920px;
	}

#media-bar .tooltip {
	display: none;
	height: 41px;
	overflow: hidden;
	position: absolute;
	top: -31px;
	left: 0;
	width: 188px;
	}

#media-bar #tooltip-rss { left: -59px; }
#media-bar #tooltip-contact { left: -16px; }
#media-bar #tooltip-email { left: 27px; }
#media-bar #tooltip-downloads { left: 70px; }
#media-bar #tooltip-map { left: 113px; }
#media-bar #tooltip-news { left: 156px; }
#media-bar #tooltip-partners { left: 199px; }

#icons {
	float: left;
	height: 40px;
	margin-right: 25px;
	overflow: hidden;
	text-indent: -25000px;
	width: 290px;
	}

#icons li {
	float: left;
	}
	
#icons a {
	display: block;
	height: 40px;
	margin-right: 13px;
	width: 30px;
	}
	
#icons a:hover, #icons .selected {
	background-position: 0 -40px;
	}

#icons-rss a {
	background: url('../images/icons-rss.gif') no-repeat 0 0;
	}
#icons-contact a {
	background: url('../images/icons-contact.gif') no-repeat 0 0;
	}
#icons-email a {
	background: url('../images/icons-email.gif') no-repeat 0 0;
	}
#icons-downloads a {
	background: url('../images/icons-downloads.gif') no-repeat 0 0;
	}
#icons-ivc a {
	background: url('../images/icons-ivc.gif') no-repeat 0 0;
	}
#icons-map a {
	background: url('../images/icons-map.gif') no-repeat 0 0;
	}
#icons-partners a {
	background: url('../images/icons-partners.gif') no-repeat 0 0;
	margin-right: 0;
	}
		
#audio-player {
	/* background: url('../images/audio-player-bg.gif') no-repeat top right; */
	float: left;
	height: 30px;
	margin-right: 25px;
	text-indent: -25000px;
	width: 290px;
	}

#news-ticker {
	float: left;
	height: 30px;
	margin-right: 25px;
	overflow: hidden;
	width: 375px;
	}

#news-fade {
	background: url('../images/news-fade.png') no-repeat 0 0;
	height: 30px;
	left: 0;
	position: relative;
	top: -23px;
	width: 375px;
	z-index: 1;
	}
	
#ticker { 
	margin-top: 6px; 
	}
#ticker strong { 
	margin-right: 5px; 
	color: #eb6f00; 
	}
#ticker a { 
	color: #eb6f00; 
	}
.news { 
	margin-right: 20px; 
	}
.news-first { 
	margin: 0 20px 0 375px; 
	}
.news-last { 
	margin-right: 375px; 
	}
		
#keyword-search, #cse-search-box {
	float: left;
	height: 30px;
	overflow: hidden;
	width: 205px;
	}
	
#keyword-search legend, #cse-search-box legend {
	display: none;
	}
	
#keyword-search #keyword, #cse-search-box #keyword {
	background: url('../images/keyword-bg.gif') no-repeat top left;
	border: none;
	float: left;
	font-size: 100%;
	height: 30px;
	padding: 8px 0 0 10px;
	width: 155px;
	}
	
#cse-search-results {
	background-color: #fbf9fa;
	padding: 0 20px 20px 20px;
	width: 880px;
	}

#cse-bottom {
	background: url('../images/cse-bg.png') no-repeat bottom left;
	height: 10px;
	width: 920px;
	}
	

/* --------------- Content --------------- */

#content {
	background: #fbf9fa url('../images/content-bg.gif') repeat-x bottom left;
	clear: both;
	padding: 20px 20px 0 20px;
	width: 920px;
	}

#content p {
	margin-bottom: 1.25em;
	}

#content a {
	color: #007ae2;
	}
#content a:hover {
	color: #f38931;
	}
			
#content h2 {
	border-bottom: 1px solid #dbdbdb;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	height: 18px;
	margin-bottom: 15px;
	padding-bottom: 10px;
	width: 100%;
	}
	
#content h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	padding: 10px 0 5px 0;
	width: 100%;
	}

#content h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 10px 0 5px 0;
	width: 100%;
	}

#content .column-3 {
	float: left;
	/*text-align: justify; */
	width: 290px;
	}

#content .column-2 {
	float: left;
	/*text-align: justify; */
	margin-left: 25px;
	min-height: 450px;
	width: 605px;
	}

#content .column-3-centre {
	margin: 0 25px;
	}

#arrow-illustration {
	margin: 42px 0 -4px 0;
 	}

#content .list, #content .list-num {
	margin: 0 0 1.25em 35px;
	}
	
#content .list li {
	list-style: outside disc;
	color: #e57603;
	}

#content .list-num li {
	list-style: outside decimal ;
	color: #e57603;
	margin-bottom: 1.25em;
	}
	
#content .highlight {
	background: url('../images/highlight-bg.png') no-repeat bottom left;
	padding: 20px;
	}
	
#content #mission {
	background: url('../images/mission-bg.gif') no-repeat 0 0;
	color: #fff;
	float: left;
	height: 115px;
	margin-right: 1px;
	padding: 30px 10px 0 10px;
	width: 183px;
	}

#content #photo-1, #content #photo-2 {
	float: left;
	height: 145px;
	margin-right: 1px;
	width: 200px;
	}

#content #photo-2 {
	margin: 0;
	}
	
#content #project-info {
	 height: 145px;
	 overflow: hidden;
	 }
		
#content #awards {
	margin-top: 40px;
	}
	
#content #awards img {
	margin: 0 14px;
	}
		
#flash-map {
	height: 509px;
	width: 920px;
	}

#av #content h2 {
	background: url('../images/av-h2-bg.gif') no-repeat top left;
	border-bottom: none;
	height: 64px;
	margin: 0;
	padding: 0;
	text-indent: -25000px;
	width: 290px;
	}
#av #content #intro {
	background: #fff url('../images/intro-bg.gif') no-repeat top left;
	padding: 10px 20px 0 20px;
	width: 250px;
	}
#av #content #intro-bottom, #broadcast #content #intro-bottom, #it #content #intro-bottom {
	background: url('../images/intro-bottom-bg.gif') no-repeat top left;
	height: 10px;
	width: 290px;
	}

#broadcast #content h2 {
	background: url('../images/broadcast-h2-bg.gif') no-repeat top left;
	border-bottom: none;
	height: 64px;
	margin: 0;
	padding: 0;
	text-indent: -25000px;
	width: 290px;
	}
#broadcast #content #intro {
	background: #fff url('../images/broadcast-intro-bg.gif') no-repeat top left;
	padding: 10px 20px 0 20px;
	width: 250px;
	}


/* --------------- IPTV and AV Home Page --------------- */

#it #content,
#av #content {
	padding: 0;
	width: 960px;
	}

#it #content-inner,
#av #content-inner {
	padding: 20px;
	}

#it #slideshow,
#av #slideshow {
	height: 191px;
	margin-bottom: 1px;
	padding: 0;
	width: 960px;
	}

#it .content-text,
#av .content-text {
	height: 219px;
	padding: 16px 10px 20px 20px;
	width: 260px;
	}

#it .content-text ul,
#av .content-text ul {
	float: left;
	padding-right: 20px;
	}
	
#it .content-text ul li,
#av .content-text ul li {
	background: url('../images/icon-bullet.png') no-repeat 0 50%;
	padding-left: 14px;
	}
	
#it #content-intro .content-text,
#av #content-intro .content-text {
	height: 211px;
	padding-top: 24px;
	}
		
#it #content-products,
#av #content-products {
	float: left;
	height: 290px;
	width: 290px;
	}	

#it #content-intro,
#av #content-intro {
	float: left;
	height: 290px;
	margin: 0 20px;
	width: 300px;
	}	
	
#it #content-markets,
#av #content-markets {
	float: left;
	height: 290px;
	width: 290px;
	}	

#it #content-products { background: url('../images/iptv-content-products-bg.jpg') no-repeat 0 35px; }
#av #content-products { background: url('../images/av-content-products-bg.jpg') no-repeat 0 35px; }
#it #content-intro, #av #content-intro { background: url('../images/iptv-content-intro-bg.jpg') no-repeat 0 35px; width: 300px; position: relative; }
#it #content-markets, #av #content-markets { background: url('../images/iptv-content-markets-bg.jpg') no-repeat 0 35px; }

#it #content-icon,
#av #content-icon {
	background: url('../images/content-icon-bg.jpg') no-repeat 0 0;
	height: 11px;
	position: absolute;
	top: -11px;
	left: 0;
	width: 65px;
	}	
	
#it #content-products h2,
#it #content-intro h2,
#it #content-markets h2,
#av #content-products h2,
#av #content-intro h2,
#av #content-markets h2 {
	border: 0;
	height: 35px;
	margin: 0;
	padding: 0;
	text-indent: -25000px;
	width: 290px;
	}	

#it #content-products h2 { background: url('../images/iptv-products-h2-bg.gif') no-repeat 0 0; }
#it #content-intro h2 { background: url('../images/iptv-intro-h2-bg.gif') no-repeat 0 0; width: 300px; }
#it #content-markets h2 { background: url('../images/iptv-markets-h2-bg.gif') no-repeat 0 0; }

#av #content-products h2 { background: url('../images/av-products-h2-bg.gif') no-repeat 0 0; }
#av #content-intro h2 { background: url('../images/av-intro-h2-bg.gif') no-repeat 0 0; width: 300px; }
#av #content-markets h2 { background: url('../images/av-markets-h2-bg.gif') no-repeat 0 0; }
		

/* --------------- Tabbed Area --------------- */

#tabbed {
	background: url('../images/tabbed-bg.gif') no-repeat bottom left;
	margin-bottom: 18px;
	
	padding: 10px;
	text-align: left;
	width: 270px;
	}

#tabbed-nav {
	background: url('../images/tabbed-nav-bg.gif') no-repeat 0 0;
	height: 32px;
	margin: -10px 0 0 -10px;
	padding: 10px 0 0 10px;
	text-indent: -25000px;
	width: 290px;
	}
	
#tabbed-nav li {
	float: left;
	}

#tabbed-nav a {
	display: block;
	height: 32px;
	width: 90px;
	}
	
#tabbed-nav a:hover, #tabbed-nav .selected {
	background-position: 0 -32px;
	}
	
#tabbed-nav-products a {
	background: url('../images/tabbed-nav-products.gif') no-repeat top left;
	}
#tabbed-nav-news a {
	background: url('../images/tabbed-nav-news.gif') no-repeat top left;
	}
#tabbed-nav-projects a {
	background: url('../images/tabbed-nav-projects.gif') no-repeat top left;
	}

.product-image {
	float: left;
	margin: 10px;
	}
	
#tabbed h4 {
	background: url('../images/tabbed-h3-bg.png') no-repeat 0 0;
	float: left;
	height: 11px;
	margin: 20px 0 10px 0;
	padding: 0;
	text-indent: -25000px;
	width: 150px;
	}
	
#tabbed .product-list {
	float: left;
	font-size: 90%;
	font-weight: bold;
	margin-bottom: 1.25em;
	}

#tabbed .product-list li {
	background: url('../images/product-icon.gif') no-repeat 0 50%;
	padding-left: 12px;
	}
	
#tabbed-news-content { 
	display: none; 
	padding: 0 15px 5px 15px;
	}

#tabbed-news-content h4 {
	background: url('../images/tabbed-h3-news.png') no-repeat 0 0;
	height: 42px;
	width: 244px;
	}
	
#tabbed-projects-content { 
	display: none; 
	padding: 0 15px 5px 15px;
	}
	
#broadcast #tabbed-products-content { 
	display: none; 
	padding: 0 15px 5px 15px;
	}
#broadcast #tabbed-projects-content { 
	display: block; 
	padding: 0 15px 5px 15px;
	}
	
#tabbed-projects-content h4 {
	background: url('../images/tabbed-h3-projects.png') no-repeat 0 0;
	width: 170px;
	}

#av #tabbed-products-content, #broadcast #tabbed-products-content, #it #tabbed-products-content { 
	padding: 0 15px 5px 15px;
	}
#av #tabbed .list, #broadcast #tabbed .list, #it #tabbed .list {
	margin-left: 15px;
	}
#av #tabbed-products-content h4 {
	background: url('../images/tabbed-h3-av-products.png') no-repeat 0 0;
	width: 185px;
	}
#av #tabbed-projects-content h4 {
	background: url('../images/tabbed-h3-av-projects.png') no-repeat 0 0;
	height: 14px;
	width: 180px;
	}
#broadcast #tabbed-products-content h4 {
	background: url('../images/tabbed-h3-broadcast-products.png') no-repeat 0 0;
	width: 185px;
	}
#broadcast #tabbed-projects-content h4 {
	background: url('../images/tabbed-h3-broadcast-projects.png') no-repeat 0 0;
	height: 14px;
	width: 180px;
	}
#it #tabbed-products-content h4 {
	background: url('../images/tabbed-h3-iptv-products.png') no-repeat 0 0;
	width: 185px;
	}
#it #tabbed-projects-content h4 {
	background: url('../images/tabbed-h3-iptv-projects.png') no-repeat 0 0;
	height: 14px;
	width: 180px;
	}

/* --------------- Sub Navigation --------------- */

#products #content #heading-markets,
#markets #content #heading-markets {
	margin-top: 29px;
	}
	
#sub-nav {
	margin-bottom: 1.25em;
	}
	
#sub-nav li, #sub-nav-2 li, #sub-nav-3 li{
	margin-bottom: 8px;
	}
	
#sub-nav a, #sub-nav-2 a, #sub-nav-3 a {
	background: url('../images/sub-nav-normal.png') no-repeat 0 50%;
	color: #11253a;
	padding: 4px 0 5px 28px;
	text-decoration: none;
	}

#sub-nav a:hover, #sub-nav a.selected, #sub-nav-2 a:hover, #sub-nav-2 a.selected, #sub-nav-3 a:hover, #sub-nav-3 a.selected {
	background: url('../images/sub-nav-hover.png') no-repeat 0 50%;
	color: #e57603;
	text-decoration: none;
	}


/* --------------- Downloads --------------- */

.downloads {
	margin-bottom: 1.25em;
	}
	
.downloads li {
	background: url('../images/icon-pdf.png') no-repeat 0 50%;
	height: 32px;
	padding: 6px 0 0 35px;
	}
			

/* --------------- Products --------------- */

#product-text {
	float: left;
	margin-right: 25px;
	width: 435px;
	}

/* --------------- Footer Navigation --------------- */

#footer-nav {
	clear: both;
	height: 30px;
	margin-top: 1.25em;
	text-indent: -25000px;
	width: 290px;
	}
	
#footer-nav li {
	float: left;
	}

#footer-nav a {
	display: block;
	height: 30px;
	margin-right: 1px;
	width: 96px;
	}

#footer-nav a:hover, #footer-nav .selected  {
	background-position: 0 -30px;
	}

#footer-nav-products a {
	background: url('../images/footer-nav-products.gif') no-repeat top left;
	}
#footer-nav-news a {
	background: url('../images/footer-nav-news.gif') no-repeat top left;
	margin-right: 0;
	}
#footer-nav-projects a {
	background: url('../images/footer-nav-projects.gif') no-repeat top left;
	}


/* --------------- Buttons --------------- */

#btn a {
	display: block;
	height: 25px;
	text-indent: -25000px;
	width: 152px;
	}

.btn-project-archive a { background: url('../images/btn-project-archive.png') no-repeat 0 0; }	
.btn-project-overview a { background: url('../images/btn-project-overview.png') no-repeat 0 0; }	

	
/* --------------- Footer --------------- */

#footer {
	background: url('../images/footer-bg.gif') no-repeat top center;
	clear: both;
	height: 50px;
	width: 100%;
	}
	
#footer-inner {
	background: url('../images/footer-inner-bg.gif') repeat-x top left;
	color: #798fa6;
	font-size: 90%;
	height: 35px;
	margin: auto;
	padding: 15px 20px 0 20px;
	width: 920px;
	}
	
#footer-inner a {
	color: #798fa6;
	float: left;
	text-decoration: none;
	}
		
#footer-inner a:hover {
	color: #fff;
	text-decoration: none;
	}
	
#footer-inner ul li {
	background: url('../images/links-bg.gif') no-repeat right 50%;
	float: left;
	padding-right: 5px;
	margin-right: 5px;
	}
	
#footer-inner ul li.last {
	background: none;
	}