@charset "utf-8";
body {
	margin: 0;
	padding: 0;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 100%;
	line-height: 1.1em;
	background-image: url(images/body_gradient.jpg);
	background-repeat: repeat-x;
	background-color: #ffffff;
	background-position: 0px 0px;
	text-align:center;
	margin-top: 1em;
}
a {
  text-decoration: none; color: #ff9933;
}
a:hover {
  text-decoration: underline; color: #ff9933;
}
a:visited {
	text-decoration: none;
	color: #ff9933;
}
a img {
  border:  none;
}

strong {
font-weight: bold;
font-style: none;
}

h4 {font-weight:normal; 
	color: #F08E21; 
	margin-bottom:0px; 
	padding-bottom:0px;}
#blog #shadow #container #white #main {
	background-color: #FFFFFF;
}

h5 {
	font-weight:normal;
	color: #F08E21;
	margin-bottom:0px;
	padding-bottom:0px;
	text-transform:uppercase;
	font-size: 11px;
	background-image: url(images/map_circle.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	padding-left: 15px;
}

#shadow {
	width:1149px;
	background-image: url(images/blue_shadow.gif);
	background-repeat: no-repeat;
	background-position: 0px 529px;
	margin: 23px auto;
	text-align:left;
}
#container {
  margin-top: 20px;
  margin-left:21px;
  width: 954px;
}
#address {
	text-align: right;
	height: 20px;
	width:100%;
	overflow: hidden;
}
#address a {
  color: #fff;
  text-decoration: none;
}
#address a:hover {
  color: #467391;
  text-decoration: underline;
}
#address a:visited {
  color: #fff;
  text-decoration: none;
}
#address p {
  margin: 0px;
  padding: 0 27px 0 0 ;
  font-family: Helvetica,sans-serif;
  font-size: 7pt;
  color: #fff;
}
#header {
	height: 104px;
	padding-left:1px;
	background-image: url(images/header_bg.png);
	background-repeat: no-repeat;
}

#menu {
	float:left;
	min-height:1px;
	margin-left: 15px;
}

.zone {float:right; margin-right: 50px; height:104px}

#sky {
  width: 100%;
  height: 69px;
overflow:hidden;
}
#white {
	background-image: url(images/zone-website-body.gif);
	background-repeat: no-repeat;
	width: 100%;
	height: 495px;
}
#white_body_text {
	padding-top: 40px;
	padding-right: 150px;
	padding-bottom: 0px;
	padding-left: 120px;
}
#white_body_text h1 {
  color: #f18e00;
  font-size: 18px;
}

#white_body_text_fc {
	padding-top: 30px;
	padding-right: 100px;
	padding-bottom: 0px;
	padding-left: 120px;
}
#home #shadow #container #white #white_body_text h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #868788;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}
#white_body_text p {
  color: #868788;
  font-size: 11px;
}

#orange {
  background-image: url(images/zone-body-orange_side.png);
  background-repeat: no-repeat;
  width: 100%;
  height: 485px;
  overflow: hidden;
}




#columns {margin-top:2px; }

#column_1 {
	width:260px;
	float:left;
	margin-top:3px;
}

#column_1 p {
	font-size:11px;
	color:#fff;
	line-height: 1.2em;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 35px;
}

#column_1 ul {
	font-size:11px;
	color:#fff;
	line-height: 1.3em;
	padding-top: 0px;
	padding-right: 22px;
	padding-bottom: 0px;
	padding-left: 50px;
	margin-top: -6px;
	margin-bottom: -3px;
}

#column_2 { float:left; width:690px;}

#column_2 .titles {font-size:12px; color: #ff9933}

#column_2 p {}

#column_2 ul {}

#client { display:block; width:685px; height:73px }

.titles {float:left; padding-left:35px; font-size:12px; color: #ff9933;}

.clientsays {float:right; padding-right:30px}

#padded {
	display: block;
    vertical-align: middle;
	height:410px;
	width:690px;
	margin:0px auto;
	text-align:center;
	clear:both;
	
}


#services_left {float:left; width:30%; padding-top: 50px}

ul#services {margin:0px; padding: 0 0 0 36px;}

ul#services li {list-style-type: none; font-size:11px; font-weight:bold;}

ul#services li a {color: #467391; line-height:1.5em; width:100%; display:block; padding-left:16px; }

ul#services li a:hover {
	color: #185ba3;
	text-decoration:none;
	background-image:url(images/services_circle_blue.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:16px; 
}

ul#services li a.active {color: #f90;
	text-decoration:none;
	background-image:url(images/services_circle.jpg);
	background-repeat: no-repeat;
	background-position: left center;}

#services_right {margin-left:31%; padding-top: 50px; height:235px;}

#services_right p {
  color: #868788;
  font-size: 11px;
  padding-right:150px;
}

#services_ani {margin-left:31%; }

#contact_left {
	float:left;
	width:30%;
	margin-top: 35px
}

#contact_us_text {
  padding: 0px 0px 0px 40px;
}

#contact_us_text h1 {
  color: #f18e00;
  font-size: 18px;
}

#contact_us_text p {
	font-size:11px;
	color: #868788;
	line-height: 15px;
}

#contact_us_text  a {color: #f18e00;}

#contact_right {margin-left:31%; padding-top: 50px; padding-right:40px;}

.postal {
	font-size:11pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

.zdlink {
	float:right;
	height:87px;
	width:217px;
	background-image:url(images/zone_digital_button.png);
	background-repeat:no-repeat;
	margin-top:115px;
	margin-right:42px;
}

.zdlink p {margin:0; padding:20px 10px 0px 17px ; font-size:13px;  color:#FFFFFF }

.zdlink p a  {color:#FFFFFF}
#services #shadow #container #white #newright .zdlink2 a {
	color: #FFFFFF;
}

.zdlink2 {
	float:right;
	height:87px;
	width:217px;
	background-image:url(images/zone_digital_button.png);
	background-repeat:no-repeat;
	margin-top:35px;
	margin-right:0px;
}
#services #shadow #container #white #newright .zdlink2 p {
	font-size: 13px;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}

.map {float:right; padding-right:36px;}


.news_image {
  float: right;
  margin-top: 18px;
  margin-right: 30px;
}
#ani_holding_block {
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 20px;
	padding-bottom: 10px;
}
#case_study_images {
	float: left;
	width: 70%;
	padding-top: 35px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 40px;
}

#case_study_images h1 {
  color: #f18e00;
  font-size: 18px;
}

#case_study_index {
	float: left;
	width: 20%;
	line-height:1em;
	padding-top: 35px;
	padding-right: 40px;
	padding-bottom: 0;
	padding-left: 0;
}

#case_study_index h1 {
  color: #f18e00;
  font-size: 18px;
}


ul#clients {
  margin-left: 0px;
  padding-left: 0px;
}
ul#clients li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 11px;
  color: #868788;
}


ul#clients li a {
margin: 0px;
  padding: 0px;
  color: #868788;
  font-weight: bold;
}
ul#clients li a:hover {
  font-weight: bold;
  text-decoration: none;
  color: #f18f20;
} 

ul#clients .left {
padding-left:15px;} 

#map_body_text {
  padding: 50px 40px 0px 40px;
}
#map_body_text h1 {
  color: #f18e00;
  font-size: 18px;
}
#map_body_text p {
  color: #868788;
  font-size: 11px;
}


/* white footer  */

#footer {
	width: 954px;
	background-image: url(images/footer_top.png);
	background-repeat: no-repeat;

}
#footer p {
  margin: 0;
  padding: 50px 0 0;
  font-family: Helvetica,sans-serif;
  font-size: 7pt;
  color: #fff;
}
#footer .left_text {
  float: left;
  margin-left: 25px;
}
#footer .right_text {
	float: right;
	margin-right: 25px;
}
#footer a {
  color: #fff;
  text-decoration: none;
}
#footer a:hover {
  color: #467391;
  text-decoration: underline;
}
#footer a:visited {
  color: #fff;
  text-decoration: none;
}

/* orange footer  */

#footer_orange {
  width: 954px;
  background-image: url(images/footer_orange.png);
  background-repeat: no-repeat;
}
#footer_orange p {
  margin: 0;
  padding: 0px 0px 0 0;
  font-family: Helvetica,sans-serif;
  }

#footer_orange .nav a {
	float:left;
	font-size:12px;
	font-weight: bold;
	color: #ff9933;
	background-image: url(images/casestudies/back.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 19px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 295px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
}

#footer_orange .nav a:hover {
	float:left;
	padding-left:25px;
	font-size:12px;
	font-weight: bold;
	text-decoration:none;
	color: #ff9933;
	background-image: url(images/casestudies/back.jpg);
	background-repeat: no-repeat;
	background-position: 0px -20px;
	height: 19px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 295px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

#footer_orange .nav a:visited {
	float:left;
	font-size:12px;
	font-weight: bold;
	color: #ff9933;
	height: 19px;
	padding-left: 25px;
}

#footer_orange .next a {
	float:left;
	font-size:12px;
	font-weight: bold;
	color: #ff9933;
	background-image: url(images/casestudies/next.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 19px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 420px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
}

#footer_orange .next a:hover {
	font-weight: bold;
	font-size:12px;
	color: #ff9933;
	background-image: url(images/casestudies/next.jpg);
	background-repeat: no-repeat;
	background-position: 0px -21px;
	padding-left: 25px;
	text-decoration:none;
	height: 19px;
}

#footer_orange .next a:visited {
	font-size:12px;
	font-weight: bold;
	color: #ff9933;
	padding-left: 25px;
}

#footer_orange .download a {float:right; padding: 10px 40px 0px 0px; font-size:12px; font-weight: bold; color: #ff9933}

#footer_orange .download a:hover {float:right;  font-size:12px; font-weight: bold; color: #ff9933; text-decoration:underline;}

#footer_orange .download a:visited {float:right;  font-size:12px; font-weight: bold; color: #ff9933; text-decoration:none;}

#footer_orange .left_text {
  float: left;
  margin-left: 25px;
font-size: 7pt;
  color: #fff;
padding-top:31px
}
#footer_orange .right_text {
  float: right;
  margin-right: 25px;
font-size: 7pt;
  color: #fff;
padding-top:31px
}
#footer_orange a {
  color: #fff;
  text-decoration: none;
font-size: 7pt;
}
#footer_orange a:hover {
  color: #467391;
  text-decoration: underline;
font-size: 7pt;
}
#footer_orange a:visited {
  text-decoration: none;
font-size: 7pt;
  color: #fff;
}



.clearfloats {
  clear: both;
}
ul#nav {
	float:left;
	margin-top: 15px;
	margin-left: 0px;
	width: 608px;
	height: 28px;
	margin-right: 0px;
	margin-bottom: 0px;
}
ul#nav li {
  margin: 0;
  padding: 0;
  float: left;
  text-indent: -9999px;
  list-style-type: none;
}
ul#nav li a {
  border:  none;
  background: transparent url(images/navigation.png) no-repeat;
  display: block;
  text-decoration: none;
}

/* this is the navigation style sheet info */
/* button size */
li#home a {
  width: 116px;
  height: 29px;
}
li#services a {
  width: 125px;
  height: 29px;
}
li#portfolio a {
  width: 126px;
  height: 29px;
}
li#contact a {
  width: 115px;
  height: 29px;
}
li#blog a {
  width: 126px;
  height: 29px;
}

/* button position */

li#home a:hover, li#home a:focus {
  background-position: 0px -33px;
}
li#services a:link, li#services a:visited {
  background-position: -116px 0px;
}
li#services a:hover, li#services a:focus {
  background-position: -116px -33px;
}
li#portfolio a:link, li#portfolio a:visited {
  background-position: -241px 0px;
}
li#portfolio a:hover, li#portfolio a:focus {
  background-position: -241px -33px;
}
li#contact a:link, li#contact a:visited {
  background-position: -367px 0px;
}
li#contact a:hover, li#contact a:focus {
  background-position: -367px -33px;
}
li#blog a:link, li#blog a:visited {
  background-position: -483px 0px;
}
li#blog a:hover, li#blog a:focus {
  background-position: -483px -33px;
}

/* this is what defines the page active states in the top bar, by picking up the body id. */

body#home-page ul#nav li#home a {
  background-position: 0px -65px;
}
body#services ul#nav li#services a {
  background-position: -116px -65px;
}

body#portfolio ul#nav li#portfolio a {
  background-position: -242px -65px;
}

body#contact ul#nav li#contact a {
  background-position: -367px -65px;
}

body#blog ul#nav li#blog a {
  background-position: -483px -65px;
}



/* this is the case studies image menu, it uses two images and moves the hover state with background positioning.. */

#examples {position:relative; width:451px; height:385px; background:transparent url(images/client_grid_dimmed.jpg) no-repeat; overflow:hidden; margin:0 }
#examples ul {margin:0; padding:0;}
#examples li {list-style-type:none; width:110px; height:126px; display:inline;}
#examples a {display:block; float:left; width:111px; height:126px; margin-right:33px; margin-bottom:2px; overflow:hidden; color:#000; text-decoration:none; text-indent:-9999px; background:transparent url(images/client_grid_orange.jpg) no-repeat 500px 500px;}
* html #examples a  {height:100px; he\ight:0;}

#examples a#item1:hover {background-position: 0 0; z-index:50;}
#examples a#item2:hover {background-position: -144px 0; z-index:50;}
#examples a#item3:hover {background-position: -288px 0; z-index:50;}
#examples a#item4:hover {background-position: 0 -128px; z-index:50;}
#examples a#item5:hover {background-position: -144px -128px; z-index:50;}
#examples a#item6:hover {background-position: -288px -128px; z-index:50;}
#examples a#item7:hover {background-position: 0 -256px; z-index:50;}
#examples a#item8:hover {background-position: -144px -256px; z-index:50;}
#examples a#item9:hover {background-position: -288px -256px; z-index:50;}
#home-page #shadow #container #white #white_body_text h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	line-height: 20px;
}
#home-page #shadow #container #white #white_body_text h6 {
	font-family: Bliss-Regular, Bliss-Bold;
	font-size: 24px;
	line-height: 22px;
	text-decoration: none;
	font-weight: bold;
	color: #C6D9EE;
}

/* revised page specific css */

#newleft {
	width:58px;
	float:left;
	margin-top: 5px;
	margin-left: 50px;
}
#newleft .back { width:280px; padding-top:0px; float:left;}

#newleft ul {margin:0 0 0 50px; padding:0; list-style-type:none; font-size: 9pt; line-height:2em; font-weight:bold }
#newleft ul.back {margin:0 0 0 50px; padding:0; list-style-type:none; font-size: 9pt; line-height:2em; font-weight:bold }
#newleft ul li a {color:#4c7895;   font-family: Helvetica,sans-serif; text-decoration:none}
#newleft ul li a:hover {color:#f18d00; text-decoration: none}

#newleftmenu {
	width:200px;
	float:left;
	margin-top: 50px;
	margin-left: 0px;
}

#newleftmenu ul {
	margin:0 0 0 50px;
	padding:0;
	list-style-type:none;
	font-size: 9pt;
	font-weight:bold;
	line-height: 15pt;
}
#newleftmenu ul.back {margin:0 0 0 50px; padding:0; list-style-type:none; font-size: 9pt; line-height:2em; font-weight:bold }
#newleftmenu ul li a {color:#4c7895;   font-family: Helvetica,sans-serif; text-decoration:none}
#newleftmenu ul li a:hover {color:#f18d00; text-decoration: none}

#newright {
	margin-top:50px;
	margin-right:0px;
	float: left;
	width: 605px;
	margin-left: 15px;
}

#newright_portfolio {
	margin-top:50px;
	margin-right:0px;
	float: left;
	margin-left: 0px;
	width: 750px;
}

#newrightwide {float:left;  margin-top:50px; margin-right:50px;  width:890px;}

#newrightwide p {font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	line-height: 1.5em;
	margin:0px; padding:0 150px 10px 50px;
	
	}
#services #shadow #container #white #rollover_msg {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 11px;
	font-style: normal;
	line-height: 1.5em;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	width: 20%;
	float: left;
	margin-left: 30px;
	margin-top: 30px;
}
	
#newrightwide h1 {font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: normal;
	color:#f18d00;
	text-decoration: none;
	 margin:0px; padding:0px 150px 0px 50px;}


#newright h1 {font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: normal;
	color:#f18d00;
	text-decoration: none;
	 margin:0 0 0 5px; padding:0;}

#newright p {font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	line-height: 1.5em;
	margin:5px 0 10px 5px; padding:0;
	
	}


.logobox {width:121px; height:121px; float:left}
.logobox a {display:block; background-image:url(images/logo_box_bg.png)}
.logobox a:hover {display:block; background-image:url(images/logo_box_bghover.png)}

.singlelogobox {
	width:121px;
	height:130px;
	float:right;
	display:block;
	background-image:url(images/logo_box_bg.png);
	background-repeat: no-repeat;
}
#portfolio #shadow #container #white #carlsberg_movie {
	height: 418px;
	width: 571px;
	float: left;
	margin-left: 50px;
}
#home  #shadow  #container  #white  #white_body_text_fc  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #868788;
}
#home #shadow #container #white #white_body_text_fc h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	text-decoration: none;
	font-variant: normal;
	text-transform: none;
	color: #868788;
}
#home #shadow #container #white #itswhatwedo {
	padding-top: 40px;
	padding-right: 100px;
	padding-left: 100px;
}