@import '/cms/styles/common.css';
@import '/style.css';

.rightlist {
  float:right;
}
.rightlist a {
  float:left;
}


/* COMMON ---------------------------------------------------------------------- */

body {
	background-color:#00304d;
}

#bg-x {
	background: #ffffff url('/images/bg.gif') top repeat-x;
}

#bg-top {
	background: url('/images/bg-top2.jpg') top center no-repeat;
}
.homepage #bg-top {
	background-image:url('/images/bg-top.jpg');
}

.page {
	width:921px;
	margin:0 auto;
}



/* HEADER ---------------------------------------------------------------------- */

#header {
	height:86px;
	overflow:hidden;
	background:url('/images/header2.jpg') top left no-repeat;
}
.homepage #header {
	background-image:url('/images/header.jpg');
}

#logo {
	margin:30px 0 0 195px;
	display:inline;
	width:170px; /* 365 */
}
.homepage #logo {
	margin:14px 0 0 95px;
	width:270px; /* 365 */
}
#logo a {
	outline:none;
}
#logo img {
	height:43px;
	width:160px;
}	
.homepage #logo img {
	height:50px;
	width:190px;
}

#header-right {
	width:556px;
}

#header ul, #header li {
	padding:0;
	margin:0;
	background:none;
}
#header ul {
	margin-right:20px;
}

#header-links {
	margin:5px 0;
}
#header-links a {
	color:#ffffff;
	font-size:11px;
	text-decoration:none;
	height:14px;
	margin-right:8px;
	padding-right:8px;
	border-right:1px solid #444444;
	outline:none;
}
#header-links li.last a {
	border:none;
}
#header-links a:hover {
	text-decoration:underline;
}

#impact {
	height:320px;
	overflow:hidden;
}



/* MENU ------------------------------------------------------------------------ */

#menu li {
	background:url('/images/menu-separator.gif') top left no-repeat;
	padding-left:2px;
}
li#menu1, li#menu2, li#menu3 { background-image:url('/images/menu-separator2.gif'); }

#menu a {
	color:#ffffff;
	font-size:12px;
	text-decoration:none;
	text-transform:uppercase;
	height:22px; /* 62 */
	padding:40px 15px 0 15px;
	outline:none;
}
.root_134 #menu1 a,
.root_135 #menu2 a,
.root_136 #menu3 a,
.root_137 #menu4 a,
.root_138 #menu5 a,
#menu a:hover {
	color:#fee38c;
	background:url('/images/menu-hover.jpg') top right no-repeat;
}



/* HOME ------------------------------------------------------------------------ */

.homepage #content {
	background: #ffffff url('/images/home-content.jpg') top left no-repeat;
	margin-bottom:20px;
}

.homepage #content h1 {
	background:url('/images/h1-home.gif') bottom left no-repeat;
	padding-left: 20px;
	font-size:14px;
}


.homepage #content .left {
	width:303px;
	margin:20px 30px 0 20px;	
	display:inline;
}

.homepage #contactbox {
	margin:25px 0px 0px -10px;
	height:90px; /* 123 */
	width:93px; /* 245 */
	overflow:hidden;
	background:url('/images/contactbox.jpg') top left no-repeat;
	padding:27px 6px 6px 140px;/*146*/
}
.homepage #contactbox h4 {
	margin:0 0 5px 0;
	color:#00395c;
}
.homepage #contactbox .morelink {
	margin-top:5px;
	text-align:left;
}

.homepage #twitterbox{
	margin-top:25px;	
}


.homepage #content .middle {
	width:283px;
	margin:20px 0 0 0;	
	display:inline;	
}


.homepage #content .right {
	margin-left:31px;
	padding:0 10px 0 12px;
	width:223px; /* 245 */
	background:url('/images/home-right.jpg') top left no-repeat;
	height:auto !important;
	height: 370px;
	min-height: 370px;
	display:inline;	
}

.homepage #content .right h2.topheading {
	margin:14px -10px 12px -10px;
	height:22px;
	overflow:hidden;
	text-align:center;
}

.homepage #flash-showreel {
	margin:0 -10px 5px -10px;
}

#home-links, #home-links li {
	margin:0;
	padding:0;
	background:none;
}
#home-links li {
	padding-bottom:1px;
}
#home-links {
	background:url('/images/home-links-bottom.jpg') bottom no-repeat;
	padding-bottom:1px;
	margin:25px -10px 0 -10px;
}
#home-links a {
	background:url('/images/home-links.jpg') top no-repeat;
	color:#333333;
	font-size:13px;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;
	padding:9px 10px 7px 58px;
	display:block;
	outline:none;
}
#home-links a:hover {
	text-decoration:underline;
}



/* SUBNAV ---------------------------------------------------------------------- */

#rootname {
	margin-right:17px;
	background:url('/images/rootname.jpg') top left no-repeat;
}
#rootname #unlink, #rootname a {
	color:#ffffff;
	font-weight:bold;
	text-transform:uppercase;
	font-size:16px;
	padding:3px 5px 10px 10px;
	text-decoration:none;
	display:block;
	outline:none;
}
#rootname a:hover {
	color:#fee38c;
}


#nav {
	background:url('/images/nav-right.jpg') top right no-repeat;
	width:185px;
}

#navbox ul, #navbox li {
	margin:0;
	padding:0;
	background:none;
}
#navbox {
	background:url('/images/nav.gif') left repeat-y;
	position:relative; /* logically deficient ie6 */
}
#navbox li {
	background:url('/images/nav-separator.gif') bottom left no-repeat;
	padding-bottom:1px;
	position:relative; /* logically deficient ie6 */
}
#navbox a {
	color:#00395c;
	font-weight:bold;
	display:block;
	padding:6px 5px 0 10px;
	text-decoration:none;
	outline:none;
	margin:-2px 0 0 0;
	height:20px;
	overflow:hidden;
}
#navbox a:hover {
	background:url('/images/nav-hover.jpg') top left no-repeat;
}
#navbox li.navactive a {
	background:url('/images/nav-active.gif') top right no-repeat;
}


#subnav {
	background:url('/images/nav-bottom.jpg') top left no-repeat;
	padding-top:40px;
	height:auto !important;
	margin-right:17px;
	height:173px;
	min-height:173px; /* 213 */
}

#subnav #contactbox, #subnav #clintbox {
	height:90px; /* 152 */
	width:118px; /* 149 */
	overflow:hidden;
	background:url('/images/contactbox2.gif') top left no-repeat;
	padding:56px 6px 6px 25px;
	margin:0 auto;
}
#subnav #clintbox {
	background-image:url('/images/clintbox.gif');
	height:74px /* 105 */
}
#subnav #contactbox h4, #subnav #clintbox h4 {
	margin:0 0 5px 0;
	color:#00395c;
}
#subnav #contactbox .morelink {
	margin-top:15px;
	text-align:left;
}
#subnav #clintbox .morelink {
	margin-top:5px;
	text-align:left;
}


/* CONTENT --------------------------------------------------------------------- */

#banner {
	height:127px;
	background:url('/images/banner.jpg') top left no-repeat;
}

#content {
	background-color:#ffffff;
}

#content-content {
	background:url('/images/content-content.jpg') top left no-repeat;
	width:480px; /* 513 */
	height:auto !important;
	height:288px;
	min-height:288px;
	padding:0 23px 20px 10px;
}


#content-content .pagetitle {
	background:url('/images/h1-pagetitle.gif') bottom right no-repeat;
	border-bottom:1px solid #879fb3;
	margin-bottom:20px;
}
#content-content .pagetitle h1 {
	margin-bottom:0;
}


#content-right {
	width:193px; /* 213 */
	background:url('/images/content-right.gif') left 30px repeat-x;
	height:auto !important;
	height:296px;
	min-height:296px;
	padding:0 10px 20px 10px;
}

#content-right h2 {
	background:url('/images/h2-right2.jpg') top left no-repeat;
	height:20px; /* 31 */
	margin:0 -10px 12px -10px;
	padding:11px 0 0 20px;
	border-bottom:1px solid #ffffff;
}

#content-right h2.topheading {
	background:url('/images/h2-right.jpg') top left no-repeat;
	height:30px;
	padding:0 0 0 20px;
}

#content-right #flash-showreel {
	margin:0 -10px 5px -10px;
}

#right-links, #right-links li {
	margin:0;
	padding:0;
	background:none;
}
#right-links li {
	padding-bottom:1px; /* logically deficient ie6 */
}
#right-links {
	margin:20px 0 20px 20px;
}
#right-links a {
	background:url('/images/bullet-arrow3.gif') 0 4px no-repeat;
	color:#333333;
	font-size:13px;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;
	padding:5px 0 5px 22px;
	display:block;
	outline:none;
}
#right-links a:hover {
	text-decoration:underline;
}



/* FOOTER ---------------------------------------------------------------------- */

#footer {
	background:url('/images/footer.gif') top repeat-x;
}

#footer .page {
	width:901px;
	padding:10px 10px 20px 10px;
}

#footer .row {
	margin-bottom:2px;
}

#footer-links {
	width:530px;
	float:right;
}
#footer-links ul, #footer-links li {
	padding:0;
	margin:0;
	background:none;
}
#footer-links a {
	color:#b3c4ce;
	text-decoration:none;
	text-transform:uppercase;
	font-size:11px;
	margin-right:5px;
	padding-right:5px;
	border-right:1px solid #203d4e;
	outline:none;
}
#footer-links li.last a {
	border:none;
}
#footer-links a:hover {
	text-decoration:underline;
	color:#ffffff;
}

#copycredit {
	width:371px;
}
#copycredit * {
	color:#80909a;
	font-size:10px;
}
#copycredit a:hover {
	color:#ffffff;
	text-decoration:underline;
}

#copyright a {
	float:left;
	margin-left:5px;
	padding-right:5px;
	border-right: 1px solid #203d4e;
	outline:none;
}
#copyright a.last {
	border:none;
}

#credit a {
	text-decoration:none;
	outline:none;
}



/* FORMS ----------------------------------------------------------------------- */

input.styled, textarea.styled {
  border:none;
  border-bottom:1px solid #dddddd;
  border-right:1px solid #dddddd;
  padding:4px 2px 2px 4px;
  background:url('/images/formfield-bg.gif') top left no-repeat;
}
select.styled {
  border:1px solid #dddddd;
  padding:0;
}
input.button {}  



/* SITE MAP ------------------------------------------------------------------- */

.sitemap ul {
  margin:0 0 0 20px;
}
.sitemap ul ul {
  padding:0 0 0 10px;
  margin:0;
}
.sitemap li {
  background:url('/images/bullet-arrow.gif') 0 2px no-repeat;
  margin:0 0 10px 0;
  padding:0 0 0 20px;
}
.sitemap li a {
  font-size:13px;
  font-weight:bold;
}
.sitemap li li {
  margin: 4px 0 0 0;
  background:url('/images/bullet.gif') 0 6px no-repeat;
	padding:0 0 0 10px;
}
.sitemap li li a {
  font-size:12px;
  font-weight:normal;
}
.sitemap li li li {
  margin:0;
}
.sitemap a:visited {
  color: #666666;
}
.sitemap a:hover {
	color: #53a7d9; 
}


/* SHOW REELS ------------------------------------------------------------------ */

#showreelbox {
	height:270px;
	width:480px;
	background:url('/images/showreel-loading.jpg') top left no-repeat;
}

h2.showreel-title {
	text-align:right;
	margin:2px 0 10px 0;
}
h2.showreel-title, h2.showreel-title * {
	color:#999999;
}
#showreel-title {
	display:inline;
}

#showreel-buttons {
	padding-top:25px;
}
#showreel-buttons .col {
	width:150px;
	overflow:hidden;
	margin-right:15px;
	font-size:11px;
	text-align:center;
}
#showreel-buttons a {
	outline:none;
}
#showreel-buttons h3 {
	color:#00395C;
}
#showreel-buttons h3 a {
	color:#15699b;
	font-size:12px;
}
#showreel-buttons h3 a:hover {
	color: #53a7d9; 
}


.presslist li {
	background:none;
	width:100px;
	float:left;
	margin:0 20px 20px 0;
	font-size:12px;
	font-weight:bold;
	color:#666;
	padding:0;
	text-align:center;
	height:165px;
	overflow:hidden;
}
.presslist li a {
	font-size:11px;
}
.presslist li a img {
	height:110px;
	width:90px;
	margin-bottom:5px;
}



/* CUSTOMIZATIONS -------------------------------------------------------------- */

.newslist a {
	text-decoration:none;
	outline:none;
}
.newslist a:hover {
	text-decoration:underline;
}

.highlight-date {
	font-size:11px;
	color:#999999;
}
.highlight-title a {
	font-weight:bold;
	outline:none;
}
.highlight-description {
	margin:3px 0 5px 0;
}

.morelink a {
	padding-left:18px;
	background:url('/images/bullet-arrow.gif') 0px 3px no-repeat;
	text-decoration:none;
	outline:none;
}	
.morelink a:hover {
	color: #53a7d9; 
	text-decoration:underline;
}

.yellow * {
	color:#ffa532;
}