/*headline definition*/

#headline{
	display:block;
margin-left:29px;
margin-top:-20px;
/*	top:-20px; */
	left:29px;
	width:902px;
	height:130px;
	background-image:url(/style/joedigital/images/joedigital_top_menu.gif);
	background-position: top left;
	background-repeat: no-repeat;
	float:left;
}

#headline #links{
	width:902px;
	height:130px;
	background-image:url(/style/joedigital/images/joedigital_top_menu.gif);
	padding:0px;
	position:relative;
 top:0px;
	left:0px;
	z-index:150;
	float: left;
/*border:1px green solid;*/	
}


 #headline #links li{
margin: 0px; padding: 0px; list-style: none; display: block; position: absolute;
}


#headline #links  a{
	display:block;
}
	
/*the list entries starts here*/

#list1{ left:145px; top:0px; width:70px; height:130px;}
#list2{ left:210px; top:0px; width:70px; height:130px;}
#list3{ left:270px; top:0px; width:70px; height:130px;}
#list4{ left:330px; top:0px; width:85px; height:130px;}
#list5{ left:410px; top:0px; width:75px; height:130px;}
#list6{ left:475px; top:0px; width:65px; height:130px;}
#list7{ left:535px; top:0px; width:95px; height:130px;}
#list8{ left:625px; top:0px; width:80px; height:130px;}
#list9{ left:805px; top:0px; width:97px; height:30px;}
#list10{ left:818px; top:104px; width:15px; height:15px;}
#list11{ left:840px; top:104px; width:15px; height:15px;}
#list12{ left:864px; top:104px; width:15px; height:15px;}
#list13{ left:887px; top:104px; width:15px; height:15px;}
#list14{ left:4px; top:1px; width:112px; height:104px;}


#list1sel{ left:145px; top:0px; width:70px; height:130px; background:url(/style/joedigital/images/joedigital_top_menu.gif) -145px -130px no-repeat;}
#list2sel{ left:210px; top:0px; width:70px; height:130px; background:url(/style/joedigital/images/joedigital_top_menu.gif) -210px -260px no-repeat;}
#list3sel{ left:270px; top:0px; width:70px; height:130px; background:url(/style/joedigital/images/joedigital_top_menu.gif) -270px -130px no-repeat;}
#list4sel{ left:330px; top:0px; width:85px; height:130px; background:url(/style/joedigital/images/joedigital_top_menu.gif) -330px -260px no-repeat;}
#list5sel{ left:410px; top:0px; width:75px; height:130px; background:url(/style/joedigital/images/joedigital_top_menu.gif) -410px -130px no-repeat;}
#list6sel{ left:475px; top:0px; width:65px; height:130px; background:url(/style/joedigital/images/joedigital_top_menu.gif) -475px -260px no-repeat;}
#list7sel{ left:535px; top:0px; width:95px; height:130px; background:url(/style/joedigital/images/joedigital_top_menu.gif) -535px -130px no-repeat;}
#list8sel{ left:625px; top:0px; width:80px; height:130px; background:url(/style/joedigital/images/joedigital_top_menu.gif) -625px -260px no-repeat;}
#list9sel{ left:805px; top:0px; width:97px; height:30px;}

#list1sel a{ left:145px; top:0px; width:70px; height:130px; background:url(/style/joedigital/images/joedigital_top_menu.gif) -145px -130px no-repeat;}
#list2sel a{ left:210px; top:0px; width:70px; height:130px; background:url(/style/joedigital/images/joedigital_top_menu.gif) -210px -260px no-repeat;}
#list3sel a{ left:270px; top:0px; width:70px; height:130px; background:url(/style/joedigital/images/joedigital_top_menu.gif) -270px -130px no-repeat;}
#list4sel a{ left:330px; top:0px; width:85px; height:130px; background:url(/style/joedigital/images/joedigital_top_menu.gif) -330px -260px no-repeat;}
#list5sel a{ left:410px; top:0px; width:75px; height:130px; background:url(/style/joedigital/images/joedigital_top_menu.gif) -410px -130px no-repeat;}
#list6sel a{ left:475px; top:0px; width:65px; height:130px; background:url(/style/joedigital/images/joedigital_top_menu.gif) -475px -260px no-repeat;}
#list7sel a{ left:535px; top:0px; width:95px; height:130px; background:url(/style/joedigital/images/joedigital_top_menu.gif) -535px -130px no-repeat;}
#list8sel a{ left:625px; top:0px; width:80px; height:130px; background:url(/style/joedigital/images/joedigital_top_menu.gif) -625px -260px no-repeat;}
#list9sel a{ left:805px; top:0px; width:97px; height:30px;}




#list1 a {	height:130px;background:url(/style/joedigital/images/joedigital_top_menu.gif) -145px 0px no-repeat;}
#list2 a {	height:130px;background:url(/style/joedigital/images/joedigital_top_menu.gif) -210px 0px no-repeat;}
#list3 a {	height:130px;background:url(/style/joedigital/images/joedigital_top_menu.gif) -270px 0px no-repeat;}
#list4 a {	height:130px;background:url(/style/joedigital/images/joedigital_top_menu.gif) -330px 0px no-repeat;}
#list5 a {	height:130px;background:url(/style/joedigital/images/joedigital_top_menu.gif) -410px 0px no-repeat;}
#list6 a {	height:130px;background:url(/style/joedigital/images/joedigital_top_menu.gif) -475px 0px no-repeat;}
#list7 a {	height:130px;background:url(/style/joedigital/images/joedigital_top_menu.gif) -535px 0px no-repeat;}
#list8 a {	height:130px;background:url(/style/joedigital/images/joedigital_top_menu.gif) -625px 0px no-repeat;}
#list9 a {	height:30px;background:url(/style/joedigital/images/joedigital_top_menu.gif) 805px 0px no-repeat;}
#list10 a {      height:15px;background:url(/style/joedigital/images/joedigital_top_menu.gif) -818px -104px no-repeat;}
#list11 a {      height:15px;background:url(/style/joedigital/images/joedigital_top_menu.gif) -840px -104px no-repeat;}
#list12 a {      height:15px;background:url(/style/joedigital/images/joedigital_top_menu.gif) -864px -104px no-repeat;}
#list13 a {      height:15px;background:url(/style/joedigital/images/joedigital_top_menu.gif) -887px -104px no-repeat;}
#list14 a {      height:124px;background:url(/style/joedigital/images/joedigital_top_menu.gif) -4px 0px no-repeat;}

#list1 a:hover {background:url(/style/joedigital/images/joedigital_top_menu.gif) -145px -130px no-repeat;  }
#list2 a:hover {background:url(/style/joedigital/images/joedigital_top_menu.gif) -210px -260px no-repeat;  }
#list3 a:hover {background:url(/style/joedigital/images/joedigital_top_menu.gif) -270px -130px no-repeat;  }
#list4 a:hover {background:url(/style/joedigital/images/joedigital_top_menu.gif) -330px -260px no-repeat;  }
#list5 a:hover {background:url(/style/joedigital/images/joedigital_top_menu.gif) -410px -130px no-repeat;  }
#list6 a:hover {background:url(/style/joedigital/images/joedigital_top_menu.gif) -475px -260px no-repeat;  }
#list7 a:hover {background:url(/style/joedigital/images/joedigital_top_menu.gif) -535px -130px no-repeat;  }
#list8 a:hover {background:url(/style/joedigital/images/joedigital_top_menu.gif) -625px -260px no-repeat;  }
#list9 a:hover {background:url(/style/joedigital/images/joedigital_top_menu.gif) -805px -130px no-repeat;  }


/*content elements*/
.content {
	display:block;
	position: absolute;
	top:0px;
	left:0px;
	width:902px;
	
}

/*home elements*/


.homearea {
	display: block;
	margin-top:20px;
	margin-left: 25px;

	width: 902px;
	height: 524px;
	padding: 2px 4px 4px 4px;
	background-image: url(/style/joedigital/images/home_mustard_background.jpg);
	float:left;
}

.homeflash{
	display: block;

	margin-top:-1px;
	left:4px;
	width:902px;
	height:302px;
	background-image: url(/style/joedigital/images/home_mockup.jpg);
	float:left;
}

.hometeasers{
	display: block;
	float:left;
	left:4px;
	width:902px;
	height:216px;
	background-image:url(/style/joedigital/images/home_lower_headers.gif);
	float: left;
}

.hometeasermission{
	display:block;
	float:left;
	margin-left :26px;
	margin-top:48px;
	width:260px;
	height:170px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11.5px;
	line-height:13px;
	color: white;
	letter-spacing:0.2pt;
	text-align: justify;
	/*border:1px white solid;*/
}

.hometeaserservices{
	display:block;
	float:left;
	margin-left :40px;
	margin-top:46px;
	width:275px;
	height:170px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color:white;
	/*border:1px white solid;*/
}
.hometeasernews{
	display:block;
	float:left;
	margin-left :30px;
	margin-top:46px;
	width:260px;
	height:170px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:12px;
	color:white;
	/*border:1px white solid;*/
}

li.yellowdots{
	font-family: Arial,helvetica,sans-serif;
	font-size:15px;
	line-height:27px;
	list-style-type:disc;
	color: #fde487;
}

li.yellowdots a,li.yellowdots a:active,li.yellowdots a:link,li.yellowdots a:visited {
	color: #ffffff;
	text-decoration:none;
}

li.yellowdots a:hover {
	color: #fde487;
	
}


.homenewscaption, .homenewscaption a,.homenewscaption a:active,.homenewscaption a:link,.homenewscaption a:visited {
	font-size:12px;
	font-weight: bold;
	color:#ffffff;
	text-decoration: none;
}

.homenewscaption a:hover {
	color: #fde487;
}

.homenewsdate{
	font-size:10px;
	color:#fde487;
}

/*about area*/

.aboutarea {
	display: block;
	margin-top:20px;
	margin-left: 25px;

	width: 902px;
	height: 524px;
	padding: 2px 4px 4px 4px;
	background-image: url(/style/joedigital/images/home_mustard_background.jpg);
	float:left;
}

.aboutmediacorner{
	display: block;

margin-top:-1px;
	left:4px;
	width:902px;
	height:302px;
	background-image: url(/style/joedigital/images/mediapart_background.gif);
	float:left;
}

.moviespot{
	display:block;
	width:440px;
	height:281px;
	margin-top:11px;
	margin-left:11px;
	float:left;
/*	border:1px red solid;*/
}

.bigfatheader{
	display:block;
	width:400px;
	height:281px;
	margin-top:11px;
	margin-right:11px;
	font-family: "Arial Narrow",Arial,Helvetica,sans-serif;
	font-size:60px;
	text-align:right;
	font-weight: bold;
	letter-spacing:3px;
	color:#ffffff;
	background-image:url(/style/joedigital/images/about_big_copy.gif);
	background-position: 0 50%;
	background-repeat:no-repeat;
	float:right;
}


.aboutcontent{
	display: block;
	float:left;
	left:4px;
	width:902px;
	height:216px;
	background-image:url(/style/joedigital/images/about_lower_header.gif);
	float: left;
}

.aboutleftcolumn{
	display:block;
	float:left;
	margin-left :26px;
	margin-top:52px;
	width:380px;
	height:150px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:white;
	text-align:justify;
	/*border:1px white solid;*/
}

.aboutrightcolumn{
	display:block;
	float:left;
	margin-left :50px;
	margin-top:52px;
	width:380px;
	height:150px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:white;
	text-align:justify;
	/*border:1px white solid;*/
}

/*team*/

.teamarea {
	display: block;
	margin-top:20px;
	margin-left: 25px;
	width: 902px;
	height: 470px;
	padding: 2px 4px 4px 4px;
	background-image: url(/style/joedigital/images/home_mustard_background.jpg);
	float:left;
}

.teammediacorner{
	display: block;

margin-top:-1px;
	left:4px;
	width:902px;
	height:250px;
	background-image: url(/style/joedigital/images/team_placeholder.jpg);
	float:left;
}

.teamcontent{
	display: block;
	float:left;
	left:4px;
	width:902px;
	height:222px;
	background-image:url(/style/joedigital/images/about_lower_header.gif);
	float: left;
}

.teamleftcolumn{
	display:block;
	float:left;
	margin-left :26px;
	margin-top:52px;
	width:380px;
	height:180px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:white;
/*	border:1px white solid;*/
}

.teamrightcolumn{
	display:block;
	float:left;
	margin-left :40px;
	margin-top:52px;
	width:380px;
	height:180px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:white;
	/*border:1px white solid;*/
}

/*services*/

.servicesarea {
	display: block;
	margin-top:20px;
	margin-left: 25px;

	width: 902px;
	height: 470px;
	padding: 2px 4px 4px 4px;
	background-image: url(/style/joedigital/images/home_mustard_background.jpg);
	float:left;
}

.servicesmediacorner{
	display: block;

margin-top:-1px;
	left:4px;
	width:902px;
	height:250px;
	background-image: url(/style/joedigital/images/services_mockup.gif);
	float:left;
}

.servicescontent{
	display: block;
	float:left;
	left:4px;
	width:902px;
	height:222px;
	background-image:url(/style/joedigital/images/services_lower_header.gif);
	float: left;
}

.servicesleftcolumn{
	display:block;
	float:left;
	margin-left :26px;
	margin-top:52px;
	width:380px;
	height:180px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:white;
	border:1px white solid;
}

.servicesrightcolumn{
	display:block;
	float:left;
	margin-left :40px;
	margin-top:52px;
	width:380px;
	height:180px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:white;
	border:1px white solid;
}

/*clients*/

.clientsarea {
	display: block;
	margin-top:20px;
	margin-left: 25px;

	width: 902px;
	height: 434px;
	padding: 2px 4px 4px 4px;
	background-image: url(/style/joedigital/images/clients_background.gif);
	float:left;
}

.clientscontent{
	display: block;
	float:left;
	left:4px;
	width:902px;
	height:222px;
	background-image:url(/style/joedigital/images/clients_headers.gif);
	float: left;
}

#clientshowhide0,#clientshowhide1,#clientshowhide2,#clientshowhide3 {
	display: none;
	position: absolute; 
	width: 200px;
	top: 130px;
	left: 700px;
	height: 30px;
	color: #ffffff;
	padding-top: 27px;
	margin-right: 23px;
	float: right;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: right;
/*	border:1px red dotted;*/
}

#clientshowhide0 a,#clientshowhide1 a {
	color: #cccccc;
	font-weight: normal;
	text-decoration: none;
}

#clientshowhide0 a:hover ,#clientshowhide1 a:hover {
        color: #ffffff;
        font-weight: none;
        text-decoration: none;
}


.tableclients{
	display:block;
	left:25px;
	top:43px;
}

.imgtableclients,.imgtableclients a{
	width:150px;
	height:150px;
	border: 1px #cac5c5 solid;
	margin: 10px 14px 4px 0px;
	background-color: #ffffff;
}

.imgtablelinks,.imgtablelinks a,.imgtablelinks a:active,.imgtablelinks a:link,.imgtablelinks a:visited {
	color: #ffffff;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration:none;
}

.imgtablelinks a:hover {
	border-bottom: 1px #ffffff dashed;
}
/*clients file*/

.clientsfilemediacorner{
        display: block;
	margin-top:-1px;
        left:4px;
        width:902px;
        height:302px;
        background-image: url(/style/joedigital/images/mediapart_background.gif);
        float:left;
}

.clientsfiletopheadline {
	display:block;
	width:880px;
	height:30px;
	float:left;
	background-image:url(/style/joedigital/images/clients_headers.gif);
	font-family: "Arial Narrow",Arial,Helvetica,sans-serif;
        font-size:24px;
        font-weight: bold;
        color:#ffffff;
	padding-top:20px;
	padding-left:22px;
	/*border:1px blue solid;*/
}

.clientsfilemoviespot{
        display:block;
        width:440px;
        height:230px;
        margin-top:11px;
        margin-left:11px;
        float:left;
     /*   border:1px red solid;*/
}

.clientsfilebigfatheader{
        display:block;
        width:400px;
        height:230px;
        margin-top:11px;
        margin-right:20px;
        font-family: "Arial Narrow",Arial,Helvetica,sans-serif;
        font-size:60px;
        text-align:right;
        font-weight: bold;
        color:#ffffff;
        float:right;
}

.clientsfiletitle,.clientsfiletitle a,.clientsfiletitle a:active,.clientsfiletitle a:link,.clientsfiletitle a:visited {
	font-family: "Arial Narrow",Arial,Helvetica,sans-serif;
        font-size:24px;
        font-weight: bold;
	color:#ffffff;
	text-decoration: none;
}

.clientsfiletitle a:hover {
	text-decoration:none;
	border-bottom: 1px #ffffff dashed;
}

.clientsfilecontent{
        display: block;
        float:left;
        left:4px;
        width:902px;
        height:216px;
        background-image:url(/style/joedigital/images/clientsfile_lower_header.gif);
        float: left;
}

.clientsfilelowertitle {
	display:block;
	width:600px;
	height: 30px;
	font-family: "Arial Narrow",Arial,Helvetica,sans-serif;
        font-size:18px;
        font-weight: bold;
        color:#ffffff;
	padding-top:20px;
	padding-left:22px;
    /*	border: 1px blue solid;*/
}

.clientsfileleftcolumn{
        display:block;
        float:left;
        margin-left :26px;
        margin-top:8px;
        width:380px;
        height:150px;
        font-family: Arial, Helvetica, sans-serif;
        font-size:12px;
	text-align: justify;	
/*line-height:12px;*/
        color:white;
        /*border:1px white solid;*/
}

.clientsfilerightcolumn{
        display:block;
        float:left;
        margin-left :50px;
        margin-top:8px;
        width:380px;
        height:150px;
        font-family: Arial, Helvetica, sans-serif;
        font-size:12px;
	text-align: justify;
	/*line-height: 12px;*/
        color:white;
        /*border:1px white solid;*/
}






/*pressroom beta*/

.pressroomarea {
        display: block;
        margin-top:20px;
        margin-left: 25px;

        width: 902px;
        height: 434px;
        padding: 2px 4px 4px 4px;
        background-image: url(/style/joedigital/images/clients_background.gif);
        float:left;
}

.pressroomcontent{
        display: block;
        float:left;
        left:4px;
        width:902px;
        height:222px;
        background-image:url(/style/joedigital/images/pressroom_headers.gif);
        float: left;
}



/*contact*/

.contactarea {
	display: block;
	margin-top:20px;
	margin-left: 25px;

	width: 902px;
	height: 434px;
	padding: 2px 4px 4px 4px;
	background-image: url(/style/joedigital/images/clients_background.gif);
	float:left;
}

.contactcontent{
	display: block;
	float:left;
	left:4px;
	width:902px;
	height:222px;
	background-image:url(/style/joedigital/images/contact_headers.gif);
	float: left;
}

.contactaddress{
	display:block;
	position:relative;
	float:left;
	top:43px;
	left:25px;
	width:200px;
	height:200px;
	font-family: Arial,Helvetica,sans-serif;
	font-size:12px;
	color: #ffffff;
}

.contactmap{
	display: block;
	float:right;
	margin-top:43px;
	width:600px;
	height:363px;
	text-align:right;
	margin-right:20px;
}

.bigcaption{
	font-family:Arial,Helvetica,sans-serif;
	font-size:18px;
	font-weight:bold;
	color: #ffffff;
}

.whitelink, .whitelink a {
	color:#ffffff;
	text-decoration:none;
}

/*terms of service and privacy*/
.toscontent{
        display: block;
        float:left;
        left:4px;
        width:902px;
        height:222px;
        background-image:url(/style/joedigital/images/clients_internal_headers.gif);
        float: left;
}

.tostopheadline {
        display:block;
        width:880px;
        height:30px;
        float:left;
    /*    background-image:url(/style/joedigital/images/clients_headers.gif);*/
        font-family: "Arial Narrow",Arial,Helvetica,sans-serif;
        font-size:24px;
        font-weight: bold;
        color:#ffffff;
        padding-top:20px;
        padding-left:22px;
        /*border:1px blue solid;*/
}

.colophonarea{
	display:block;
	width:800px;
	height:350px;
	margin-top:8px;
	margin-left:22px;
	/*border:1px red solid;*/
	overflow: auto;
	padding-left:10px;
	padding-right:10px;
	float:left;
	font-family: Arial,Helvetica,sans-serif;
        font-size:12px;
        color: #ffffff;
	text-align: justify;
}

.colophonarea a{
	color: #ffffff;
	text-decoration:none;
	border-bottom: 1px #fff dashed;
	padding-bottom: -1px;
}

.colophonarea li {
	padding-bottom:12px;
}
.bracketletterlist {
	text-indent: -20px;
}