@charset "utf-8";
@import "browser_resets.css";

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 100%;
	margin: 0px;
	margin-top:0px;
	padding: 0px;
	text-align: center;

	/*background: url(../assets/top_strip.jpg) repeat-x top center;
	background-color: #fff;*/
}

* {margin: 0px; padding: 0px;}

a img {border: none;}

/*============================================ Framework ==*/

#wrapper {
	width: 900px;
	height:581px;
	margin: 0 auto;
	text-align: left;
	z-index: 100;
	position: relative;
}

#masthead {height: 170px; background: url(../images/logo.jpg) no-repeat bottom right; background-color:#404041; width:850px; margin-left:25px; }

#masthead-text{float:right;}
#masthead-text p{ padding:1px; font-size:10px;}
#masthead-text b{ color:#cd1041;}
.masthead-text-bold{font-weight:bold;}



#content-wrapper {padding: 0px 0px;}
#content {width: 640px; color: #ffffff; display:none;}
body #content {width: 500px; background-color:#0d0d0d; margin-right:25px; margin-left:25px; padding:15px; }
#content{background:url(../images/logo_small.jpg) no-repeat bottom left;}

#left-col { width:470px; float: left;}
#right-col { width:400px; float: right;}
#right-col img{ margin-bottom:25px;}
#footer-wrapper {
	width: 100%;
	clear: both;
}



/*============================================ Master Typography ==*/
a{text-decoration:underline; color:#677f8f;}
a:hover{text-decoration:underline; color:#d7df23;}

div#content-wrapper{
	opacity:0.9;
	filter:alpha(opacity=90);
	}

div#content h1 {
	font-size: 1.2em;
	line-height: 1.3em;
	margin-bottom: .2em;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-weight:lighter;
	color:#d7df23;
}

div#content h1 b, div#content h2 b{ color:#cd1041; }
div#content h2 {
	font-size: .8em;
	line-height: 1.3em;
	margin-bottom: .4em;
	color:#ffffff;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	padding:2px;
	margin-left:-15px;
	padding-left:15px;
	font-weight:bold;
}
div#content h3 {
	font-size: .7em;
	font-weight: bold;
	line-height: 1.5em;
	margin-bottom: 0.25em;
	margin-top: 1.5em;
	color:#ffffff;
	padding:2px;
	margin-left:-15px;
	padding-left:15px;
	font-weight:bold;
}
div#content p {
	font-size: .67em;
	line-height: 1.6em;
	margin-bottom: 1em;
}

div#content b {color:#d7df23;}

.InputBox {
width:300px;
background-color: white;
border:1px #ffb6c1 solid;
padding:1px;
color:#677f8f;
}

.InputBoxNormal{
background-color: white;
border:1px #ffb6c1 solid;
padding:1px;
color:#677f8f;
}

.ButtonRollover{
	cursor:pointer;
}

td{vertical-align:top; padding:5px;}

/*============================================ Main Navigation ==*/
.main-nav {width: 500px;}
.main-nav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.main-nav li {
/*	background: url(../assets/divider.jpg) no-repeat center right;*/
	float: left;

}
.main-nav li.last {
	background: none;
}
.main-nav a:link, .main-nav a:visited {
	display: block;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	font-size: .75em;
	padding: 0px 10px;
}
.main-nav a:hover {
	color: #d7df23;
/*	background: url(../assets/nav_highlight.jpg) no-repeat 50% 95%;*/
}

/*-- Drop down menu --*/
.main-nav ul li ul {
	display: none;
	position: absolute;
	top: 170px;
	left:25px;
	background-color:#FFFFFF;
	height:200px;
	width:200px;
	z-index:-1;
	font-size:16px;
	color: #666666;
	font-weight: bold;
	padding: 4px 10px;
	text-transform:lowercase;
}
.main-nav ul li ul li{
	background-image: none;
	float:none;
}
.main-nav li ul li a:link, .main-nav li ul li a:visited {
	line-height: 20px;
	text-decoration: none;
	color: #939598;
	width: 200px;
	padding: 0px 0px 0px 10px;
}
.main-nav li ul li a:hover {
	color: #d7df23;
	background-image: none;
}
.main-nav ul li:hover ul {
	display: block;
}

/*============================================ Services Navigation ==*/


body#home a.nav-home,
body#clients a.nav-clients,
body#clients_detail a.nav-clients,
body#what a.nav-what,
body#agency a.nav-agency,
body#pr a.nav-pr,
body#industry a.nav-industry,
body#brand a.nav-brand,
body#specialist a.nav-specialist,
body#services a.nav-services,
body#services-pr a.nav-services-pr,
body#services-dc a.nav-services-dc,
body#services-ie a.nav-services-ie,
body#contact a.nav-contact,
body#rep a.nav-rep,
body#download a.nav-download,
body#news a.nav-news,
body#register a.nav-register
{
	color: #d7df23;
}

body#ACC {background-color:#CCCCCC}
body#ACC #content-wrapper{background-color:#FFFFFF;}
body#ACC #content{width:820px; min-height:400px;}
body#ACC  #footer {
display:none;
}

.bg-image {
	width: 100%;
	height:650px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

#agency #wrapper .main-nav ul li ul,
#pr #wrapper .main-nav ul li ul,
#industry #wrapper .main-nav ul li ul,
#brand #wrapper .main-nav ul li ul,
#specialist #wrapper .main-nav ul li ul,
#services #wrapper .main-nav ul li ul,
#services-pr #wrapper .main-nav ul li ul,
#services-dc #wrapper .main-nav ul li ul,
#services-ie #wrapper .main-nav ul li ul
{display:block;}

#agency #content,
#pr #content,
#register #content,
#industry #content,
#brand #content,
#specialist #content,
#services #content,
#services-pr #content,
#services-dc #content,
#services-ie #content
{margin-left:250px;}

#news #content
{margin-left:150px; width:400px;}

#contact #content,
#download #content
{float:right;}

#clients #content{
	background-color: transparent;
	width:900px;
}

#clients #content img{ padding:3px;}

#clients_detail #content{
	width:820px;
}


.Clients_Blank
{
	opacity:0.5;
	filter:alpha(opacity=50);
}
/* =========================================== Content ==*/

/*========================== FORMS ====== */
form {
}

fieldset {
	width:50%;
	border: none;
	margin-bottom: .2em;
	padding: 15px 20px;
	background-color: #CCCCCC;
	font-size: .7em;
	font-weight: bold;
}
	
form fieldset ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
div#content form hr{color:#FFFFFF; margin:3px;}

div#content form fieldset li {
	margin: 5px 0px 8px 0px;
	list-style-image:none;
}
form fieldset ul li.code {
	margin-left: 0px;
}
form td {
	font-size: .7em;
	font-weight: bold;
	color: #666666;
	padding:1px;
}

.TD-LabelRight{ text-align:right;}

form input, .InputBox {
    width: 85%;
	font-size: 12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin: 5px 5px 0px 0px;
	border:1px #999999 solid;
    padding:1px;
    color:#677f8f;
}


form input.button {
	width: auto;
	padding: 4px;
	padding-left:15px;
	padding-right:15px;
	margin:5px;
	cursor:pointer;
	font-size:11px;
	color:#FFFFFF;
	background-color:#919396;
	font-weight:bold;
}


/*============================================ Footer ==*/
#footer {
	width: 900px;
	margin: 0 auto;
	height: 20px;
	font-size: .8em;
	line-height: 1.7em;
	color:#404040;
	text-align: left;
	position: relative;
	z-index: 100;
	background-color:#FFFFFF;
	margin-top:75px;
}
#foot1{float:left; padding-left:5px;}
#foot2{float:right; padding-right:5px;}

/*==================== Account =================*/
div#ACC_leftcol {
	width: 180px;
	height:300px;
	float: left;
	margin: 0px 40px 0px 0px;
}