body {
	font-family:Arial, Helvetica, sans-serif;
	background-color:#030303;
	margin:0;
	padding:0;
	background-image:url(../images/body_bg.jpg);
	background-repeat:repeat-x;
	background-position:0 -50px;
}

img{
	outline:none;
}
a{
	outline:none;
	text-decoration:none;
	color:#dddddd;
}

a:hover{
	outline:none;
	text-decoration:none;
	color:#ffffff;
}

ul{
	margin:0;
	padding:0;
}

li{
	font-size:1em;
	color:#dddddd;
}

h1{
	color:#abaaaa;
	font-size:1.2em;
}

h2{
	color:#abaaaa;
	font-size:1em;
}

h3{
	color:#abaaaa;
	font-size:1em;
}

p{
	font-size:.8em;
	color:#abaaaa;
}

#holder{
	width:1280px;
	height:1512px;
	margin:auto;
	background-image:url(../images/main_bg.jpg);
	background-position:0 -50px;
}

#topcontainer{
	width;:1090px;
	height:120px;
	float:left;
	margin:10px 0 0 90px;
}

#logo{
	width:151px;
	height:108px;
	border:0;
	float:left;

}

#tagline{
	width:368px;
	height:34px;
	float:right;
	margin:5px 110px 0 0px;
}

#navigation{
	float:left;
	width:745px;
	margin-top:53px;
	margin-left:15px;
}

#navigation li{
	display:inline;
	font-size:.85em;
	color:#f5f5f5;
	text-transform:uppercase;

	margin-left:-5px;
}

#navigation li a , #topright li a{
	color:#ffffff;
	padding:20px 20px 10px 20px;
}

#navigation li a:hover, #navigation li a.active ,#navigation li a.active:hover{
	font-weight:bold;
	background-image:url(../images/navigation_ov.jpg);
	background-repeat:repeat-x;
}

#navigation li a:hover{
	font-weight:normal;
}

#topright{
	float:right;
	margin:50px 120px 0 0;
	display:inline;
}

#topright li{
	display:inline;
	color:#ffffff;
	font-size:.65em;
	text-transform:uppercase;
}

#topright li a.active , #topright li a:hover{
	color:#f2d47a;
}


#headerimage{
	width:1063px;
	height:436px;
	float:left;
	margin:50px 0 0 80px;
}

#home #imagecontainer{
	width:1063px;
	height:209px;
	float:left;
	margin:110px 0 0 85px;
}

#home #imagecontainer img{
margin-left:45px;
}

#home  #imagecontainer ul{
	margin:0;
}

#home #imagecontainer li, #bottomright li{
background-image:url(../images/li_bg.jpg);
	background-repeat:no-repeat;
	background-position:0 3px;
	font-size:.8em;
	list-style:none;
	padding-left:12px;
}

#home #imagecontainer li{
	margin-top:165px;
}

#home #imagecontainer li a:hover{
	color:#6c6b6b;
}



#home #imagecontainer li a:hover{
	color:#CCCCCC;
}


#tabaudience , #livecontent, #signfeature{
	width:298px;
	height:209px;
	float:left;
	background-repeat:no-repeat;

}

#tabaudience{
	background-image:url(../images/home_tabaudience.jpg);
	margin-left:55px;
}

#tabaudience li ,#signfeature li{
	margin-left:170px;
}

#livecontent{
	background-image:url(../images/home_livecontent.jpg);
	margin-left:45px;
}

#home #imagecontainer #livecontent ul{
	margin-top:160px;
	margin-left:110px;
}

#home #imagecontainer #livecontent li{
	display:inline;
	margin-left:10px;
}

#bottomcontainer{
	width:1030px;
	height:380px;
	float:left;
	margin:30px 0 0 150px;
}

#bottomleft{
	width:320px;
	float:left;
}

#bottomleft h1{
	font-size:2.9em;
	font-weight:normal;
	margin-bottom:0;
}

#bottomleft h2{
	font-size:2.5em;
	font-weight:normal;
	margin:0 0 0 47px;
}

#bottomleft h3{
	font-size:1.6em;
	font-weight:normal;
	margin:10px 0 0 77px;
}

#bottomright{
	width:590px;
	float:left;
	margin:60px 0 0 20px;
	background-image:url(../images/us_101.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
	padding-bottom:140px;
} 

#bottomright ul{
	margin:0;
	width:470px;
	font-size:1.05em;
	
} 

#bottomright li{
	line-height:18px;
	letter-spacing:1px;
	font-size:.85em;
	padding-left:16px;
	margin-top:22px;
	
} 
 

#slider {
	position:relative;
	width:1063px; 
	height:436px; 
	background:url(../images/loading.gif) no-repeat 50% 50%;
}

#slider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}

#slider a {
    border:0;
    display:block;
}
 
 
/*-------SIGN FEATURE---------*/

#leftcontainer{
	width:600px;
	height:615px;
	float:left;
	margin:110px 0 0 88px;
}

#leftcontainer h1{ 
	font-size:2.8em;
	font-weight:normal;
	margin-bottom:0;
}

#leftcontainer h2{
	font-size:2.4em;
	font-weight:normal;
	clear:both;
	margin:0 0 0 53px;
}

#leftcontainer h3{
	font-size:1.8em;
	font-weight:normal;
	clear:both;
	margin:60px 0 0 1px;
}

#leftcontainer ul {
	padding:12px 0 0 30px;
}

#audienceleft ul, #audienceright ul ,#creativeleft ul ,#creativeright ul ,#sitemap ul {
	padding:12px 0 0 0px;
}

#leftcontainer li , #audienceleft li , #audienceright li ,#creativeleft li ,#creativeright li ,#sitemap li{
	background-image:url(../images/li_bg.jpg);
	background-repeat:no-repeat;
	background-position:0 2px;
	font-size:.95em;
	list-style:none;
	padding-left:18px;
	margin-top:12px;
	line-height:18px;
}

#sitemap li{
	line-height:30px;
	background-image:none;
	list-style:outside;
	font-size:.9em;
}

#creativeright li{
	margin-top:8px;
	line-height:18px;
}

#audienceleft li{
	line-height:22px;
	font-size:.95em;
	background-position:0 6px;
}

#audienceright li{
	line-height:12px;
}

#rightcontainer{
	width:417px;
	height:644px;
	float:left;
	margin:140px 0 0 0;
}

/*-------DOOH ADVANTAGES---------*/

#digitalsignage{
	float:left;
	margin:80px 0 0 170px;
}

#digitalsignage .largeheader1{ 
	font-size:2.9em;
	font-weight:normal;
	margin-bottom:0;
	color:#abaaaa;
}

#digitalsignage .largeheader2{
	font-size:2.8em;
	font-weight:normal;
	margin:0;
		color:#abaaaa;
}

#digitalsignage .smallheader{
	font-size:1.7em;
	font-weight:normal;
	margin:14px 12px 0 35px;
		color:#abaaaa;
	
}

#doohadvantages #imagecontainer{
	width:920px;
	height:180px;
	float:left;
	margin:20px 0 0 165px;
}

#doohadvantages #imagecontainer img{
	margin:0px 18px 0 18px;
}

#doohadvantages #leftcontainer{
	width:410px;
	height:290px;
	margin:20px 0 0 158px;
}

#doohadvantages #leftcontainer h2{
	font-size:2.4em;
	margin:0 0 0 33px;
	font-weight:normal;
}

#doohadvantages #leftcontainer h3{
	font-size:1.65em;
	font-weight:normal;
	margin:00px 0 0 1px;
}

#doohadvantages #leftcontainer ul{
	padding:12px 0 0 20px;
}

#doohadvantages #leftcontainer li{
	background-position:0 4px;
	width:370px;
	font-size:.9em;
	padding-left:21px;
	line-height:18px;
	font-weight:normal;
}

#doohadvantages #rightcontainer{
	width:200px;
	height:240px;
	margin:80px 0 0 190px;
}

#doohadvantages #rightcontainer img:first-child{
	padding-bottom:50px;
}

/*-------AUDIENCE----------*/
#audienceleft{
width:440px;
height:520px;
float:left;
margin:140px 0 0 130px;
color:#abaaaa;
} 

#audienceleft .largeheader{
font-size:5.2em;
font-weight:normal;
color:#abaaaa;
}

#audienceleft .largeheader1{
font-size:4em;
margin:44px 0 0 0;
color:#abaaaa;
}

#audienceleft .largeheader2{
font-size:3.3em;
margin:64px 0 0 0;
color:#abaaaa;
}

#audienceleft .asmallheader{
font-size:.3em;
font-weight:normal;
color:#abaaaa;
}

#audienceleft .smallheader1{
font-size:.35em;
font-weight:normal;
color:#abaaaa;
margin:0px 0 0 96px;
}

#audienceright{
width:484px;
height:650px;
float:left;
margin:90px 0 80px 90px;
background-image:url(../images/audience_101.jpg);
background-repeat:no-repeat;
background-position:bottom right;
}

#audienceright h1{
font-size:3em;
color:#abaaaa;
font-weight:normal;
margin:20px 0 5px 8px;
}

#audienceright p a{
float:right;
color:#abaaaa;
margin-right:4px;
}

/*----------------CREATIVE GUIDE-----------*/
#creativeleft{
width:560px;
height:590px;
float:left;
margin:80px 0 0 100px;
}

#creativeleft img{
margin:40px 0 0 30px;
}

#creativeleft .largeheader{
font-size:3em;
color:#abaaaa;
}

#creativeleft .largeheader1{
font-size:2.6em;
color:#abaaaa;
margin:0px;
}

#creativeleft .smallheader{
font-size:.7em;
font-weight:normal;
margin-left:43px;
}

#creativeleft h2 ,#creativeright h2{
font-size:1.4em;
color:#abaaaa;
font-weight:normal;
margin:30px 0 0 0px;
}

#creativeleft p, #creativeright p{
font-size:.95em;
color:#abaaaa;
margin:20px 0 0 0px;
line-height:20px;
}


#creativeright{
width:480px;
height:auto;
float:left;
margin:163px 0 0 60px; 
}


/*-------LIVE CONTENT-----------*/
.home #container #sign {
	margin: 72px auto 0; 
	padding: 36px 35px;
	width: 631px;
	height: 340px;
	background: url(../images/bg_sign.jpg) no-repeat;
	clear: both;
}
/* Home Play Controls */
.home #container #controls {
	margin: 57px auto 0;
	width: 686px;
	height: 70px;
	clear: both;
	}
.home #container #controls ul {
	float: left;
	margin:0;
	padding:0;
	list-style:none;
	width:686px;
	clear: both;
}
.home #container #controls ul li{
	float:left;
	margin:0;
	height:70px;
	display: inline;
}
.home #container #controls ul li a{
	float:left;
	height:70px;
}
.home #container #controls ul li a span{
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	height:70px;
	background-repeat:no-repeat;
}
.home #container #controls ul li a.viewsouth {
	background:url(../images/tip_viewsouth.jpg) 0 70px no-repeat;
	width:260px;
	cursor: pointer;
}
.home #container #controls ul li a.viewsouthbtn {
	background-image:url(../images/btn_viewsouth.png);
	background-position: 0 0;
	width:47px;
}
.home #container #controls ul li a.viewsouthbtn:hover{
	background-position: 50%  100%;
	}
.home #container #controls ul li a.playslideshow {
	background-image:url(../images/btn_playslideshow2.jpg);
	background-position: 0 0;
	width:72px;
}
.home #container #controls ul li a.viewnorthbtn {
	background-image:url(../images/btn_viewnorth.png);
	background-position: -2px 0;
	width:47px;
}
.home #container #controls ul li a.viewnorthbtn:hover{
	background-position: -2px  100%;
	}
.home #container #controls ul li a.viewnorth {
	background:url(../images/tip_viewnorth.jpg) 0 70px no-repeat;
	width:260px;
	cursor: pointer;
}

#leftpara{
width:470px;
float:left;
margin:45px 0 0 250px;
}

#leftpara p ,#rightpara p{
color:#b3b3b3;
font-size:1.2em;
}

.italic{
font-size:.2em;
}

#rightpara{
width:500px;
float:left;
margin:200px 0 0 -80px;
}


#sitemap{
clear:both;
float:left;
margin:00px 0 150px 230px;
}

#extra{
font-size:1.2em;
float:left;
margin:10px 0 150px 200px;
}
/*--------------CONTACT Us---------------*/
#contactleft{
width:600px;
height:580px;
float:left;
margin:130px 0 70px 130px;
}

#contactleft h2{
font-weight:normal;
margin-bottom:0;
}

#contactright{
width:310px;
height:360px;
float:left;
margin:258px 0 0 0;
}

#contactright h1{
font-size:1.6em;
font-weight:normal;
margin-bottom:0;
}

#contactright p{
font-size:.95em;
margin:5px 0 0 0;
}

#contactright p a{
color:#abaaaa;
}

#contactright p a:hover{
color:#FFFFFF;
}

#contactleft #contact {
	width: 430px;
	float: left;
}

#contactleft #fieldset-reg {
	clear: both;
	margin-top: 10px;
	text-align: left;
}

#contactleft .fieldcontainer {
	position: relative;
	/* height: 44px; - FIREFOX NEEDS THIS - Use Conditional CSS on page!!  */
	line-height: 44px;
	margin-bottom: 2px;
	float: left;
}

#contactleft .fieldcontainer .fieldlabel {
	float: left;
	height: 24px;
	line-height: 24px;
	font-size:.65em;
	font-family:Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #abaaaa;
	clear: both;
}

#contactleft .fieldcontainer .fieldinput {
	float: left;
	/*height: 24px;*/
	line-height: 24px;
	clear: both;
}
#contactleft .textbox {
	font-family: Verdana, Geneva, sans-serif;
	border: #4b4b4b 1px solid;
	background-color: #000;
	color: #abaaaa;
}

#contactleft .subm {
	font-family: Verdana, Geneva, sans-serif;
	border: #4b4b4b 1px solid;
	background-color: #000;
	color: #abaaaa;
	text-transform: uppercase;
	letter-spacing: .1em;
	height: 19px;
	width: 85px;
	cursor: pointer;
	padding: 1px 0 5px 0;
	font-size: .85em;
}

#contactleft .subm:hover {
	color: #ffffff;
}

#contactleft .half {
	width: 196px;
}

#contactleft .second {
	margin-left: 5px;
}

#contactleft .full {
	width: 397px;
}
#contactleft .tall {
	height: 36px;
	padding-top: 10px;
}

#contactleft .txtAreaBox {
	height: 100px;
}
#contactleft .txtArea {
	font-size: 12px;
	height: 85px;
}

#contactleft .checkbox {
	width: 30px;
	float: left;
}
#contactleft .checkfull {
	width: 330px;
	float: left;
}

#contactleft span.checkbox {
	width: 26px;
	height: 24px;
	 padding: 0 5px 0 0;
	background: url(../images/checkbox.gif) no-repeat;
 	display: block;
	clear: left;
	float: left;
}

#contactleft label.error { 
	clear:both; 
	color: #ffffff;
	padding-left: .5em; 
	vertical-align: top; 
	width:270px; 
	line-height: 18px; 
	font-size: 11px;
}

/*-------FOOTER--------*/

#footer{
	width:1036px;
	float:left;
	margin:30px 0 0 60px;
		padding-bottom:55px;
}

#footer p{
	font-size:.7em;
	margin:10px 0 0 80px;
	font-weight:normal;
}

#footer p a{
	color:#3d3d3d;
	font-weight:normal;
}

#footer p a:hover{
	color:#6c6b6b;
}

