/*-------------------------------------------------------------
	AI-MEDIA.TV WEBSITE 2009
	STYLE SHEET CREATED 06/02/09
	DEEPEND SYDNEY FOR AI-MEDIA
---------------------------------------------------------------

	1. GLOBAL STYLES
	2. PAGE BASICS
	3. COMPONENTS
	4. FORMS
	
/*-------------------------------------------------------------
	1. GLOBAL STYLES
-------------------------------------------------------------*/

*{margin: 0; padding: 0; }
a{text-decoration: none; outline: none; color:#d8392d;}
a:hover{text-decoration: underline; }
a img{border: none; } 
ul li{list-style-type: none; }


html, body {
	margin:0;
	padding:0;
	height:100%;
	background:#fff  url(../../images/bg-site.gif) repeat-x fixed center bottom;
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size:12px;
}

img, .mod-rss-reader, .mod-news-listing, #quicklinks-capt-prerec a,#quicklinks-capt-live a, .full-width-content a.more-link, .full-width-content a.more-link:hover, h1.pageTitle.titleNews, h1.pageTitle.titleSolutions, h1.pageTitle.titleContact, h1.pageTitle.titleClients, h1.pageTitle.titleResources, h1.pageTitle.titleAbout, #mod-navigation h1, #graphic-wrapper, #footer-top-wrapper, #footer-top-wrapper .mod-html-block h2, .styled-box .bottom-left, .styled-box .bottom-right, .styled-box .top-left, .styled-box .top-right, .styled-box .content-left, .styled-box .content-right, .styled-box .content-left, .styled-box .content-right, .styled-box .bottom-centre,.styled-box .top-centre, h1.news-sub-nav { 
	behavior: url(css/iepngfix.htc); 
	border-style:none;
}

h1 span, h2 span, h3 span, h4 span {
	display:none;
}

.more-link a span, a.more-link span, a.sub-mod-link span, .togglelink a span, .contact a span, .submit a span {
	display: none;
}

.clear{
	clear:both;
	height: 1em;
}

h1.pageHeader{
	color:#d52b1e;
	font-size:20px;
	letter-spacing:5px;
}

h1.pageTitle {
	height: 72px;
	position: absolute;
	width: 580px;
	top: -20px;
	left: 70px;
	z-index: 10;
}

h1.pageTitle.titleNews {
	background: url(../../images/news/pageheader-news.png) no-repeat left top;
}

h1.pageTitle.titleSolutions {
	background: url(../../images/solutions/pageheader-solutions.png) no-repeat left top;
	left: 90px;
}

h1.pageTitle.titleContact {
	background: url(../../images/contact/pageheader-contact.png) no-repeat left top;
	left: 100px;
}

h1.pageTitle.titleClients {
	background: url(../../images/clients/pageheader-clients.png) no-repeat left top;
	left: 140px;
}

h1.pageTitle.titleResources {
	background: url(../../images/pageheader-resources.png) no-repeat left top;
	left: 100px;
}

h1.pageTitle.titleAbout {
	background: url(../../images/about/pageheader-about.png) no-repeat left top;
	left: 160px;
}

h1.boxheader {
  color:#ffffff;
  font-size:18px;
  margin-left: 12px;
}

h1.subnavheader {
  color:#242329;
	font-size:16px;
}

h1.subnavheader {
  color:#242329;
	font-size:16px;
}

.mod-subnav .more-link a {
	background: url(../../images/mod-btn-news-menu.gif) no-repeat left 0;
	float:right;
	margin-top:20px;
	width: 76px;
	height: 15px;
	display: inline;
}	

.mod-subnav .more-link a:hover {
	background: url(../../images/mod-btn-news-menu.gif) no-repeat left -15px
}	

.difr { background-repeat: no-repeat;}

.textcontent ul
{
    margin:0 0 20px 40px;
}

.textcontent ul li
{
    list-style:disc;
}

/*-------------------------------------------------------------
	2. PAGE BASICS
-------------------------------------------------------------*/
/* BG Graphic
-------------------------------------------------------------*/

#graphic-wrapper{
	background: url(../../images/bg-squares.png) repeat center top;
	position:relative;
	text-align: left;
}
/* Page
-------------------------------------------------------------*/
#page-wrapper{
	min-height:100%;
	position:relative;
	text-align: left;
}


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

#navigation-wrapper {
	background: #d52b1e url(../../images/bg-navigation.gif) repeat-x;
	height:105px;
	width:100%;
}


#mod-navigation h1 {
	background:transparent url(../../images/mod-navigation-logo-aimedia.png) no-repeat scroll center top;
	height:36px;
	left:20px;
	position:relative;
	top:32px;
	width:175px;
}



/* Site Content
-------------------------------------------------------------*/
#content-wrapper{
	padding-bottom:275px;   /* Height of the footer - change the #footer-wrapper height as well */
}

#mod-navigation, #mod-sitemap, #mod-credits, #content-wrapper {
	margin:0 auto;
	width:968px;
	height:100%;
}


/* Footer
-------------------------------------------------------------*/
#footer-wrapper {
	/*background:transparent url(../../images/bg-footer-top.gif) repeat-x scroll center top;*/
	bottom: 0;
	height:275px;   /* Height of the footer - change the #content-wrapper padding as well */
	position: absolute;
	width:100%;
}

#footer-top-wrapper {
	background:transparent url(../../images/bg-footer-top-wrapper.png) repeat-x scroll center top;
	height:251px;
	width:100%;
}

#footer-bottom-wrapper {
background-color:#242329;
height:35px;
width:100%
}


/* Site Map
-------------------------------------------------------------*/

#mod-sitemap li {
	border-bottom:solid 1px #aaaaab;
  margin-bottom:3px;
  padding-bottom:3px;
  list-style-type: circle;
  list-style-position: inside;
}

#mod-sitemap li a {
	color:#000;
	font-weight:bold;
	text-decoration:none;
	padding-left:6px;
}

#mod-sitemap ul {
	float:left;
	display: inline;
	padding:15px 20px;
}

#mod-sitemap ul.top-pages {
	float:left;
	margin-right:20px;
	display: inline;
	width:125px;
}


#mod-sitemap ul.sub-pages{
	margin-top:8px;
	width:200px;
}

#mod-sitemap ul.sub-pages li a {
	color:#a9a9a9;
	font-weight:normal;
	font-size: 11px;
	letter-spacing: -1px;
}

#mod-sitemap ul.sub-pages li a:hover {
	color:#616161;
}

#mod-sitemap ul.sub-pages {
	padding:0;
}

#mod-sitemap .subpage-list{
 	width:200px !important;
}

/* AI-Media Info
-------------------------------------------------------------*/
#footer-top-wrapper .mod-html-block{
	float:left;
	margin-top:10px;
	width:260px;
	display: inline;
}

#footer-top-wrapper .mod-html-block h2{
	background:transparent url(../../images/footer-logo.png) no-repeat scroll center top;
	height:17px;
	margin-bottom:12px;
	width:85px;
}

#footer-top-wrapper .mod-html-block p {
	color:#a9a9a9;
	line-height: 16px;
	margin-bottom:12px;
}

/* credits
-------------------------------------------------------------*/

#mod-credits ul{
display:inline;
float:right;
font-size:11px;
width:245px;
}

#mod-credits ul li{
	float:left;
	margin:5px 5px;
	display: inline;
}

#mod-credits a{
	color:#a9a9a9;
}


/*-------------------------------------------------------------
	3. COMPONENTS
-------------------------------------------------------------*/


/* Navigation
-------------------------------------------------------------*/
#mod-navigation .navigation-list {
	background: url(../../images/nav/nav-bg-all.gif) no-repeat scroll center top;
	height: 39px;
	margin-left:260px;
	position: relative;
}

.navigation-item {
	color:#fff;
	float:left;
	font-size:16px;
	font-family:Arial;
	display: inline;
	text-indent: -100000px;
}

.navigation-item ul {
	background:#f5edec;
	position:absolute;
	z-index:1000;
	
	text-indent: 0;
	top: 40px;
}

.navigation-item ul li{
	font-size:12px;
	border-bottom:#cdcdce 1px solid;
	margin:0 10px 0 10px;
	padding:5px;
}

.navigation-item ul li.last{
	border-bottom:none;
}


.navigation-item ul a {
	color:#000;
}

.navigation-item ul a:hover{
	color:#cb0000;
	text-decoration:none;
}

/* Individual Top-Level Nav Items
-------------------------------------------------------------*/
#nav-home {
	cursor: pointer;
	height: 39px;
	text-indent: -10000px;
	width: 75px;
}

#nav-home a.current {
	background: url(../../images/nav/nav-home-over.gif) no-repeat left top;
	position: absolute;
	height: 47px;
	left: 3px;
	top: -4px;
	width: 79px;
}

#nav-news {
	cursor: pointer;
	height: 39px;
	width: 140px;
}

#nav-news a.current {
	background: url(../../images/nav/nav-news-over.gif) no-repeat left top;
	position: absolute;
	height: 46px;
	left: 74px;
	top: -4px;
	width: 147px;
}

#nav-solutions {
	cursor: pointer;
	height: 39px;
	width: 97px;
}
	
#nav-solutions a.current {
	background: url(../../images/nav/nav-solutions-over.gif) no-repeat left top;
	position: absolute;
	height: 46px;
	left: 213px;
	top: -4px;
	width: 105px;
}

#nav-solutions ul {
	left: 214px;
}

#nav-clients {
	cursor: pointer;
	height: 39px;
	width: 85px;
}
	
#nav-clients a.current {
	background: url(../../images/nav/nav-clients-over.gif) no-repeat left top;
	position: absolute;
	height: 46px;
	left: 312px;
	top: -4px;
	width: 85px;
}

#nav-clients ul {
	left: 314px;
}

#nav-resources {
	cursor: pointer;
	height: 39px;
	width: 97px;
}
	
#nav-resources a.current {
	background: url(../../images/nav/nav-resources-over.gif) no-repeat left top;
	position: absolute;
	height: 46px;
	left: 391px;
	top: -4px;
	width: 116px;
}

#nav-about {
	cursor: pointer;
	height: 39px;
	width: 105px;
}
	
#nav-about a.current {
	background: url(../../images/nav/nav-about-over.gif) no-repeat left top;
	position: absolute;
	height: 46px;
	left: 495px;
	top: -4px;
	width: 105px;
}

#nav-contact {
	cursor: pointer;
	height: 39px;
	width: 105px;
}
	
#nav-contact a.current {
	background: url(../../images/nav/nav-contact-over.gif) no-repeat left top;
	position: absolute;
	height: 46px;
	left: 591px;
	top: -4px;
	width: 116px;
}


/* Styled Box
-------------------------------------------------------------*/
.styled-box{
	position: relative;
	
}

/* rows */
.styled-box .top-row, .styled-box .content-row, .styled-box .bottom-row{
	width:100%;
}

.styled-box .centre-row{
	height:100%;
}

.styled-box .top-row, .styled-box .bottom-row{
	height:9px;
}

.styled-box .content-row{
	height:100%;
}



/* corners and sides */
.styled-box .top-left, .styled-box .top-right, .styled-box .bottom-left, .styled-box .bottom-right{
	height:9px;
	width:9px;
}
.styled-box .bottom-left{
	background:transparent url(../../images/bg-styled-box-bl.png) scroll no-repeat left top;
	float:left;
	display: inline;
}

.styled-box .bottom-right{
	background:transparent url(../../images/bg-styled-box-br.png) scroll no-repeat left top;
	float:left;
	display: inline;
}

.styled-box .top-left{
	background:transparent url(../../images/bg-styled-box-tl.png) scroll no-repeat left top;
	float:left;
	display: inline;
}

.styled-box .top-right{
	background:transparent url(../../images/bg-styled-box-tr.png) scroll no-repeat left top;
	float:left;
	display: inline;
}

.styled-box .content-left, .styled-box .content-right{
	width:9px;
	height:100%;
	float:left;
	display: inline;
}

.styled-box .content-left{
	background:transparent url(../../images/bg-styled-box-left.png) scroll repeat-y left top;
}

.styled-box .content-right{
	background:transparent url(../../images/bg-styled-box-right.png) scroll repeat-y left top;
}


/* centres */


.styled-box .content-centre{
	float:left;
	display: inline;
	height:100%;
	background: #fff;
}

.styled-box .bottom-centre, .styled-box .top-centre{
	float:left;
	display: inline;
	height:9px;
}

.styled-box .top-centre{
	background:transparent url(../../images/bg-styled-box-top.png) repeat-x left top;
}

.styled-box .bottom-centre{
	background:transparent url(../../images/bg-styled-box-bottom.png) repeat-x left top;
}


/*-------------------------------------------------------------
	4. FORMS
-------------------------------------------------------------*/
.inputLabel {
  clear:both;
  display:block;
  float:none;
}

input {
	display: inline;
  float:left;
}

input.submit {
	float:right;
	padding-right:40px;
	outline: none;
}

label.error {
   color:#d52b1e !important;
   float:left;
   display: inline;
   margin-left:5px;
}

#result {
	color:#328a0b;
	display: block;
	margin: 0 0 0 125px;
	position: absolute;
	bottom: 15px;
	padding: 0;
}


.news-article-wrapper ul li {
    list-style:normal;
    
}

div.socialmedia
{
    clear:both;
    float:left;
    margin-top:-120px;
    margin-left:38px;
    width:130px;
}

div.socialmedia div.socialmedia-links
{
    float:left;
    padding-top:5px;
}

div.socialmedia a
{
    display:block;
    width:32px;
    height:24px;
    float:left;
}

div.socialmedia a.twitter:hover, div.socialmedia a.linkedin:hover
{
    background-position:0 -24px;
}

div.socialmedia a.facebook:hover
{
    background-position:0 -25px;
}

div.socialmedia a.facebook
{
    background: transparent url(/images/facebook-icon.png) 0 0 no-repeat;
    height:25px;
}

div.socialmedia a.twitter
{
    background: transparent url(/images/twitter-icon.png) 0 0 no-repeat;
}

div.socialmedia a.linkedin
{
    background: transparent url(/images/linkedin-icon.png) 0 0 no-repeat;
}