@charset "UTF-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}


/* remember to define focus styles! */
:focus {
	outline: 0;
}

body {
	font-family: Helvetica, arial, sans-serif;	
	line-height:1.6em;
	font-size:11px;
	color: #777777; 
	background: #858a50;
}

h1 {
	font-weight:bold;
	color:#777777;
	font-size:13px;
	line-height:1.3em;
	letter-spacing:2px;
	margin-top:12px;
}

p 	{
	font-weight:normal;
}

h2 {
	color:#777777;
	font-size:12px;
	line-height:1.3em;
	letter-spacing:2px;
	margin-top:12px;
	font-weight:bold;
}

a:link, a:visited, a:active {color:#666666;text-decoration:underline;}
a:hover {color:#7d8347;text-decoration:none;}

.sub_text 	{
	font-size:14px;
	font-weight:normal;
	line-height:28px;
}

.profile_text 	{
	font-size:11px;
	font-weight:normal;
}

.profile_list	{
	list-style-image:url(images/colon-bullet.gif);
	list-style-position:inside;
	margin-left:35px;
	font-size:11px;
	font-weight:normal;

}

#nav {
	padding:0;
	margin:0;
	height:231px;
	width:990px;
	background: transparent url(images/brighton-header.jpg) no-repeat top center;
}

#home-main  {
	margin: 0;
	padding:0;
	width:990px;
	text-align:left;
	background:transparent url(images/home-bg.jpg) no-repeat top center;
	height:316px;
}

#mainContent {
	margin: 0;
	padding:0;
	width:990px;
	text-align:left;
	background:transparent url(images/middle-bg.gif) no-repeat top center;
	height:316px;
}

#thinking-main  {
	margin: 0;
	padding:0;
	width:990px;
	text-align:left;
	background:transparent url(images/thinking-bg.jpg) no-repeat top center;
	height:316px;
}

#creative-main {
	margin: 0;
	padding:0;
	width:990px;
	text-align:left;
	background:transparent url(images/creative-bg.jpg) no-repeat top center;
	height:316px;}

#contact-main {
	margin: 0;
	padding:0;
	width:990px;
	text-align:left;
	background:transparent url(images/contact-bg.jpg) no-repeat top center;
	height:316px;
}

#long-main {
	position:relative;
	margin:0;
	padding:0;
	width:990px;
	text-align:left;
	background:url(images/privacy-bg.gif) no-repeat top center;
	background-color:#ffffff;
	height:auto;
}


#footer {
	margin:0;
	padding:0;
	width:990px;
	color:#ffffff;
	font-size:9px;
}

div.contentLeft {
	display:inline;
	margin:65px 0 0 0;
	padding:0;
	width:90px;
	float:left;
	text-align:left;
}

div.contentCenter {
	display:inline;
	margin:55px 0 0 0;
	padding:0;
	width:250px;
	float:left;
	text-align:left;
}

div.contentRight {
	display:inline;
	margin:65px 75px 0 0;
	padding:0;
	width:575px;
	float:right;
	text-align:left;
}

#mainWrap {
	margin: 0 auto;
	text-align:center;
	background:#858a50 url(images/blank-bg.gif) no-repeat top center;
	width:990px;
	height:893px;
}

#centerWrap {
	margin: 0 auto;
	text-align:center;
	background: #858a50 url(images/brighton-bg.gif) no-repeat top center; 
	width:990px;
	min-height:893px;
	height: auto !important;
	height: 893px;
}

#centerWrap2 {
	display:none;
	margin: 0 auto;
	text-align:center;
	background: #858a50 url(images/intro-bg.gif) no-repeat top center; 
	width:990px;
	min-height:893px;
	height: auto !important;
	height: 893px;
}

#pagesWrap {
	margin: 0 auto;
	text-align:center;
	background: #858a50 url(images/brighton-bg.gif) no-repeat top center; 
	width:990px;
	min-height:893px;
	height: auto !important;
	height: 893px;
}

#nav {width:auto !important;padding:0 0 0 209px;background:url(images/nav-strip.gif) no-repeat 0 bottom;}
#nav li {list-style-type:none;float:left;display:inline;margin-top:207px;}
.navWrap {height:231px;background:url(images/brighton-bg.gif) no-repeat top center;}
#nav a * {
  display: none;
}

#nav a,
#nav a .hover {
  height: 24px;
  position: relative;
  display: block;
  background: url(images/navs_sprite.gif) 0 0 no-repeat;
}

/* .highlight will be remove if JS is enabled and whose class hover state should be called out for each button below the normal state class */


#nav a.home {
  background-position: 0 -24px;
  width: 80px;
}
/*with*/
#nav .highlight a.home:hover, 
#nav a.home .hover {
  background-position: 0 0;
  width: 80px;
}

#nav a.who {
  background-position: -80px -24px;
  width: 124px;
}
/*with*/
#nav .highlight a.who:hover,
#nav a.who .hover {
  background-position: -80px 0;
  width:124px;
}

#nav a.creative {
  background-position: -204px -24px;
  width: 134px;
}
/*with*/
#nav .highlight a.creative:hover,
#nav a.creative .hover {
  background-position: -204px 0;
  width:134px;
}

#nav a.thinking {
  background-position: -338px -24px;
  width: 134px;
}
/*with*/
#nav .highlight a.thinking:hover,
#nav a.thinking .hover {
  background-position: -338px 0;
  width:134px;
}

#nav a.contact {
  background-position: -472px -24px;
  width: 100px;
}
/*with*/
#nav .highlight a.contact:hover,
#nav a.contact .hover {
  background-position: -472px 0;
  width:100px;
}


/*contact styles*/
.contactCol {
	margin-top:70px;
	float:right;
	width:185px;
	height:150px;
	text-align:left;
}

.wide {width:254px;}
.narrow {width:172px;}

/*who we are pages*/
.who-nav {margin-left:37px;font-size:8px;letter-spacing:2px;}

#creative-nav {position: relative;text-align:center;font-size:10px;letter-spacing:2px;margin-top:20px;}

.current {overflow:hidden;display:none;}

a:link#active, a:visited#active , a:hover#active, a:active#active {background-image:none;}

#active a:hover {background-image:none;}
#nav a#active .hover {background-image:none;}

a:link.privacy, a:visited.privacy, a:hover.privacy, a:active.privacy  {color:#ffffff;}

div.privacy-content {
	padding:65px 47px 0 47px;
	margin:0;
	text-align:left;
	height:100%;
}
.clear {clear:both;width:100%;height:1px;}