html, body {
height:100%;
}

body {
background: #00456a url('../img/bg_content.png') no-repeat scroll 50% 0;
font-family:Verdana, Arial, sans-serif;
font-size:12px;
color:#474643;
font:12px/28px arial, verdana, sans-serif;
}

body.interior {
background:#00456a url('../img/bg_big_wrapper.gif') repeat-y scroll 50% 0;
}

a {
color:#0d5178;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

h2 {
margin-top:20px;
margin-bottom:15px;
font-size:16px;
font-weight:bold;
color:#03486d;
}

.small-text {
font-size:10px;
}

.column {
float:left;
}

input[type="text"] {
	display:block;
	color:#666666;
	border:1px solid #666666;
	margin-bottom:2px;
	width:170px;
	height:20px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}

#wrapper {
position:relative;
height:100%;
width:948px;
padding:40px 0 0 20px;
margin: 0 auto;
}

#hero {
margin-top:35px;
background: transparent url('../img/bg_watch.png') no-repeat 0 0;
width:968px;
height:300px;
}

#news {
width:968px;
height:210px;
}

#header h1 {
text-indent:-9999px;
background: transparent url('../img/logo_ME.png') no-repeat 0 0;
width:968px;
height:73px;  
}

#hero-left {
padding-top:50px;
}

#hero-right {
padding: 10px 0 0 30px;
}

#news {
padding-top:28px;
}

#customer-login {
width:292px;
}

#customer-login h1 {
text-indent:-9999px;
background: transparent url('../img/h1_customer_login.png') no-repeat 0 0;
margin-bottom:-10px;
padding-bottom:0px;
}

form {
margin:0;
padding:0;
}

#selected-news {
width:317px; 
margin-right:30px;   
}

#selected-news p{
line-height:12px;
margin:0 0 12px 0;
}

#selected-news h1 {
text-indent:-9999px;
background: transparent url('../img/h1_selected_news.png') no-repeat 0 0;
}

#featured-case {
width:293px;    
}

#featured-case p{
	line-height:12px;
	margin-top: 6;
	margin-right: 0;
	margin-bottom: 12px;
	margin-left: 0;
}

#featured-case h1 {
text-indent:-9999px;
background: transparent url('../img/h1_featured_case.png') no-repeat 0 0;
width:293px;
}

#featured-case ul {
margin-bottom:12px;
}

#featured-case ul li {
display:inline;
padding:0px;
margin-bottom:6px;
}

#interior-content p {
font-size:14px;
line-height:22px;
margin-bottom:20px;
font-weight:normal;
}

#interior-content .left-column {
float:left;
height:514px;
width:204px;
padding:32px 0 0 0;
}



#interior-content .right-column {
float:right;
margin:5px 0 0;
padding:32px 20px 0 50px;
width:674px;
}

#interior-content .sub-nav {
height:156px;
width:160px;
color:#03486d;
font-weight:bold;
}

#interior-content .sub-nav li {
border-top:1px solid #999999;
}

#interior-content .sub-nav li {
line-height:17px;
padding:10px 0;
}



#interior-content #customer-login {
padding:26px 15px 20px 0;
height:110px;
width:189px;
}
#interior-content #featured-case  ul {
margin-left:0px;
}

#interior-content #featured-case  li {
padding:4px;
}

#interior-content #services h1 {
text-indent:-9999px;
background: transparent url('../img/h1_services.gif') no-repeat 0 0;
height:32px;
}

#interior-content #clients h1 {
text-indent:-9999px;
background: transparent url('../img/h1_clients.gif') no-repeat 0 0;
height:32px;
}

#interior-content #mediaevents h1 {
text-indent:-9999px;
background: transparent url('../img/h1_mediaevents.gif') no-repeat 0 0;
height:32px;
}

#interior-content #about h1 {
text-indent:-9999px;
background: transparent url('../img/h1_about.gif') no-repeat 0 0;
height:32px;
}

#interior-content ul {
	list-style-type: disc;
	margin-left:25px;
	margin-bottom:15px;
}

#interior-content ol {
	margin-left:25px;
	margin-bottom:15px;
	list-style-type: decimal;
}

#interior-content .right-column h3 {
font-size:15px;
font-weight:bold;
	margin-bottom:5px;
	color:#000000;
}

input.login_button {
background: transparent url('../img/button_login.png') no-repeat 0 0;
border:none;
padding:none;
text-indent:-9999px;
width:69px;
height:24px;
cursor:pointer;
}

#footer .contact a{
color:#81a4b6;
}

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/img.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#nav {padding-top:23px; background:transparent; height:28px; width:492px; padding-left:476px;}
#menu {}
#menu ul {display:inline-block;} 
#menu ul.top-level {margin-left:0;}
#menu ul {margin:0; padding:0; list-style:none; text-align:left;} 
#menu li {margin:0; padding:0;}
#menu a {display:block; color:#fff; line-height:30px; text-decoration:none; padding:0 20px;} 
* html #menu ul.top-level {margin-left:0;} /* I don't know why, but this centers IE5.5 ?? */

#menu li:hover > ul {visibility:visible;}
#menu a:hover ul,
#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul {visibility:visible;}
#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {visibility:hidden;}

#menu ul.top-level {margin:0 auto;} 
#menu li.top-level-li {float:left; position:relative; margin-right:1px;}

#menu a.top-level-a {float:left; padding:0 0 0 20px; background:url('../img/taba.png') no-repeat left top;} 
#menu a.top-level-a b {float:left; padding:0 20px 0 0; background:url('../img/tabb.png') no-repeat right top; cursor:pointer; cursor:hand;}
#menu a.active {float:left; padding:0 0 0 20px; background:url('../img/active_taba.png') no-repeat left top;} 
#menu a.active b {color:#000; float:left; padding:0 20px 0 0; background:url('../img/active_tabb.png') no-repeat right top; cursor:pointer; cursor:hand;}
#menu a.down b {float:left; padding:0 20px 0 0; background:url('../img/tabc.png') no-repeat right top; cursor:pointer;}

#menu a.top-level-a:hover {white-space:nowrap; background:url('../img/taba.png') no-repeat left -35px;}
#menu a.top-level-a:hover b, 
#menu a.top-level-a:focus b, 
#menu a.top-level-a:active b {color:#000; background:url('../img/tabb.png') no-repeat right -35px; cursor:pointer;}
#menu a.down:hover b, 
#menu a.down:focus b, 
#menu a.down:active b {color:#000; background:url('../img/tabc.png') no-repeat right -35px; cursor:pointer;}

#menu li.top-level-li:hover > a {white-space:nowrap; background:url('../img/taba.png') no-repeat left -35px;}
#menu li.top-level-li:hover > a b {color:#000;  background:url('../img/tabb.png') no-repeat right -35px;}
#menu li.top-level-li:hover > a.down b {color:#000;  background:url('../img/tabc.png') no-repeat right -35px;}

#menu li ul {display:block; position:absolute; visibility:hidden; background:transparent url('../img/bg_drop.png') no-repeat bottom right; padding:1px 1px 8px 1px; left:0; width:142px;}
#menu li li {border-bottom:1px solid #53849d;}
#menu li li a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#286584 none repeat scroll 0 0;
line-height:17px;
padding:10px 15px;
}
#menu li li a:hover {background:#1c4459;} 
#menu li li:hover > a {background:#1c4459;}
#menu li li a.fly {background:#fff url('../img/fly.png') no-repeat right top;}
#menu li li a.fly:hover {background:#1c4459 url('../img/fly.png') no-repeat right top;} 
#menu li li:hover > a.fly {background:#1c4459 url('../img/fly.png') no-repeat right top;}

#menu ul.drop-down {top:29px;} 
#menu li li ul {left:100%; margin-top:-23px; margin-left:-5px;}

#menu table {position:absolute;top:0;left:0;border-collapse:collapse;text-align:left;}
#menu table ul li a {padding-left:0; padd\ing-left:20px;}
#menu table table {top:auto; left:100%; margin-left:-1px; padding:0; margin:0;}
#menu table table ul {margin-top:-4px; marg\in-top:-7px;}

/*fixes*/
html, body, #big-wrapper { height: 100%; }
body > #big-wrapper { height: auto; min-height: 100%; }


#wrapper {
padding:40px 0 0 0;
position:relative;
width:960px;
}

#nav {
background:transparent none repeat scroll 0 0;
height:30px;
padding-top:23px;
width:492px;
}

#interior-content {
background: transparent url('../img/bg_body_interior.gif') repeat-y 0 0;
width:auto;
}

#interior-content .left-column{
float:left;
height:514px;
width:235px;
}

#interior-content .right-column{
float:right;
padding:32px 50px 0;
width:625px;
}

#interior-content #featured-case {
background-color:#BFCFD7;
float:right;
height:125px;
margin-top:35px;
padding:15px 15px 15px 45px;
width:190px;
}

#sub-nav {
float:right;
}

#featured-case h1 {
width:auto;
}

#big-wrapper {
background: transparent url('../img/bg_content_interior.png') no-repeat 50% 0;
}

#footer {
max-width:1500px;
color:#81a4b6;
margin:0 auto;
height:86px;
line-height:86px;
overflow:hidden;
}

#footer .copyright{
padding-left:30px;
float:left;
}
#footer .contact {
padding-right:30px;
float:right;
}

#interior-content ul.sub-nav {
list-style-type:none;
}

body.interior #footer {
background: #00456a url('../img/bg_footer.gif') no-repeat 0 0;
}

.floatrightimage {
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
}
input[type="password"] {
	display:block;
	color:#666666;
	border:1px solid #666666;
	margin-bottom:2px;
	width:170px;
	height:20px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}
.footnote {
	font-size: 10px;
}
.blue {
	font-weight: bold;
	color: #03486D;
}