* {
	margin: 0;
	padding: 0;
}
body {
	background: #fff;
	font: normal 16px/21px Georgia, "Times New Roman", Times, serif;
	color: #877973;	
}
#container {
	margin-left: 15px;
}
h1 {
	background: url(../_img/new_logo.gif) no-repeat;
	text-indent: -3333px;
	height: 63px;
	width: 200px;	
	margin: 35px 0 17px 0;
}
#content {
	clear: both;
	width: 465px;
}
#innercontent {
	padding-left: 10px;
}
#innercontent p {
	padding-bottom: 19px;
}
#innercontent p strong {
	color: #11B4E0;
}
/*===================================================
  =================== GLOBAL NAV ====================
  ===================================================*/
#globalnav {
	list-style-type: none;
	width: 580px;
}
#globalnav li {
	height: 25px;
	float: left;
}
#globalnav li a {
	display: block;
	text-indent: -3333px;
	height: 25px;
}
#globalnav li#nav-home a {
	background-image: url(../_img/nav/nav-home.gif);	
	width: 73px;
}
#globalnav li#nav-about a {
	background-image: url(../_img/nav/nav-about.gif);	
	width: 159px;
}
#globalnav li#nav-clients a {
	background-image: url(../_img/nav/nav-clients.gif);	
	width: 118px;
}
#globalnav li#nav-quotes a {
	background-image: url(../_img/nav/nav-some-might-say.gif);	
	width: 157px;
}
#globalnav li#nav-beamblog a {
	background-image: url(../_img/nav/nav-beamblog.gif);	
	width: 106px;
}
#globalnav li#nav-contact a {
	background-image: url(../_img/nav/nav-get-in-touch.gif);	
	width: 128px;
}
#globalnav li a:hover {
	background-position: 0 -25px;
}
/*===================================================
  =================== ENTERPRISE ====================
  ===================================================*/
#beamenterprise {
	background: url(../_img/ent_bg.gif) no-repeat;
}
#beamenterprise #globalnav li#nav-beamenterprise a {
	background-position: 0 -25px;
}
#beamenterprise #content {
	background: url(../_img/graphic-beament.gif) no-repeat;
	padding: 92px 0 0 0;
}
/*===================================================
  ===================== MOVIES ======================
  ===================================================*/
#beamovies {
	background: url(../_img/movies_bg.gif) no-repeat;
}
#beamovies #globalnav li#nav-beamovies a {
	background-position: 0 -25px;
}
#beamovies #content {
	background: url(../_img/graphic-beamovies.gif) no-repeat;
	padding: 92px 0 0 0;
}

/*=======================================================
  ===================== ABOUT BEAM ======================
  =======================================================*/

.all-about-beam {
	background: url(../_img/what-we-do_bg.gif) no-repeat;
}
.all-about-beam #globalnav li#nav-about a {
	background-position: 0 -25px;
}
.all-about-beam #content {
	position: absolute;
	top: 332px;
	width: 505px;
}

#about-nav {
	list-style-type: none;
}
#about-nav li a{
	position: absolute;
	top: 176px;
	height: 144px;
	display: block;
	text-indent: -3333px;
}
#about-nav li a:hover {
	background-position: 0 -144px;
	z-index: 200;
}
#about-beam a{
	left: 15px;
	width: 93px;
	background: url(../_img/subnav/about.gif) no-repeat;
}
#about-pr a{
	left: 94px;
	width: 142px;
	background: url(../_img/subnav/pr.gif) no-repeat;
}
#about-movies a{
	left: 222px;
	width: 92px;
	background: url(../_img/subnav/movies.gif) no-repeat;
}
#about-enterprise a{
	left: 299px;
	width: 114px;
	background: url(../_img/subnav/enterprise.gif) no-repeat;
}
/*
#about-enterprise a{
	left: 397px;
	width: 95px;
	background: url(../_img/subnav/enterprise.gif) no-repeat;
}
*/
#aboutpage #about-beam a,
#prpage #about-pr a,
#moviespage #about-movies a,
#publishingpage #about-publishing a,
#enterprisepage #about-enterprise a    { 
	background-position: 0 -144px;
	z-index: 400;
}
/*========== about page page ========== */
#aboutpage #about-pr a:hover {
	background-position: 0 -288px;
	z-index: 500;
}
/*========== pr page ========== */
#prpage #about-beam a:hover,
#prpage #about-movies a:hover  {
	background-position: 0 -288px;
	z-index: 500;
}
/*========== movies page ========== */
#moviespage #about-pr a:hover {
	background-position: 0 -432px;
	z-index: 500;
}
#moviespage #about-enterprise a:hover {
	background-position: 0 -288px;
	z-index: 500;
}

/*========== enterprise page ========== */
#enterprisepage #about-movies a:hover {
	background-position: 0 -432px;
	z-index: 500;
}

/*===================================================
  ==================== CONTACT ======================
  ===================================================*/
#contact {
	background: url(../_img/contact_bg.gif) no-repeat;
}
#contact #globalnav li#nav-contact a {
	background-position: 0 -25px;
}
#contact #content {
	background: url(../_img/graphic-contact.gif) no-repeat;
	padding: 92px 0 0 0;
	width: 360px;
}



/*===================================================
  ====================  ======================
  ===================================================*/

/*=======================================================
  ===================== CLIENTS  ======================
  =======================================================*/

.clientspage {
	background: url(../_img/what-we-do_bg.gif) no-repeat;
}
.clientspage #globalnav li#nav-clients a {
	background-position: 0 -25px;
}
.clientspage #content {
	position: absolute;
	top: 332px;
	width: 505px;
}

#clients-nav {
	list-style-type: none;
}
#clients-nav li a{
	position: absolute;
	top: 176px;
	height: 144px;
	display: block;
	text-indent: -3333px;
}
#clients-nav li a:hover {
	background-position: 0 -144px;
	z-index: 200;
}
#clients-clients a{
	left: 15px;
	width: 94px;
	background: url(../_img/clientsnav/clients.gif) no-repeat;
}
#clients-cs1 a{
	left: 96px;
	width: 110px;
	background: url(../_img/clientsnav/cs_1.gif) no-repeat;
}
#clients-cs2 a{
	left: 193px;
	width: 140px;
	background: url(../_img/clientsnav/cs_2.gif) no-repeat;
}
#clients-cs3 a{
	left: 320px;
	width: 116px;
	background: url(../_img/clientsnav/cs_3.gif) no-repeat;
}
#clients-cs4 a{
	left: 423px;
	width: 100px;
	background: url(../_img/clientsnav/cs_4.gif) no-repeat;
}
#clients-cs5 a{
	left: 512px;
	width: 126px;
	background: url(../_img/clientsnav/cs_5.gif) no-repeat;
}

#ourclients #clients-clients a,
#cs1page #clients-cs1 a,
#cs2page #clients-cs2 a,
#cs3page #clients-cs3 a,
#cs4page #clients-cs4 a ,
#cs5page #clients-cs5 a    { 
	background-position: 0 -144px;
	z-index: 400;
}
/*========== clients page  ========== */
#ourclients #clients-cs1 a:hover {
	background-position: 0 -288px;
	z-index: 500;
}
#ourclients #innercontent p.logo {
	padding: 0;
}
#ourclients #innercontent p.logo img {
	display: block;
}
/*========== cs1page ========== */
#cs1page #client_image {
	position: absolute;
	left: 553px;
	top: 345px;
}
#cs1page #clients-clients a:hover,
#cs1page #clients-cs2 a:hover  {
	background-position: 0 -288px;
	z-index: 500;
}
/*========== cs2page page ========== */
#cs2page {
	background: url(../_img/cs2_bg.jpg) no-repeat;
}
#cs2page #clients-cs1 a:hover {
	background-position: 0 -432px;
	z-index: 500;
}
#cs2page #clients-cs3 a:hover {
	background-position: 0 -288px;
	z-index: 500;
}
/*========== cs3page page ========== */
#cs3page {
	background: url(../_img/cs3_bg.jpg) no-repeat;
}
#cs3page #clients-cs2 a:hover {
	background-position: 0 -432px;
	z-index: 500;
}
#cs3page #clients-cs4 a:hover {
	background-position: 0 -288px;
	z-index: 500;
}
/*========== cs4page page ========== */
#cs4page #client_image {
	position: absolute;
	left: 553px;
	top: 345px;
}
#cs4page #clients-cs3 a:hover {
	background-position: 0 -432px;
	z-index: 500;
}
#cs4page #clients-cs5 a:hover {
	background-position: 0 -288px;
	z-index: 500;
}
/*========== cs4page page ========== */
#cs5page #clients-cs4 a:hover {
	background-position: 0 -432px;
	z-index: 500;
}
/*========== cs5page page ========== */
#cs5page #client_image {
	position: absolute;
	left: 553px;
	top: 345px;
}
/*===================================================
  ==================== BEAMBLOG =====================
  ===================================================*/
#beamblog {
	background: url(../_img/what-we-do_bg.gif) no-repeat;
}
#beamblog #globalnav li#nav-beamblog a {
	background-position: 0 -25px;
}
#beamblog #content {
	width: 450px;
	/*
	background: url(../_img/graphic-beament.gif) no-repeat;
	padding: 92px 0 0 0;
	*/
	padding: 48px 0 0 0;
}
#beamblog h3 {
	clear: both;
	font-size: 18px;
	color: #11B4E0;
	padding: 1em 0 0.5em 0;
	margin: 0;
	font-weight: normal;
}
#beamblog h3 a {
	color: #11B4E0;
}

#beamblog #content p {
	font-size: 14px;
}
#beamblog #content ul {
	list-style-type: none;
}
#content p.blog_author {
	clear: both;
	font-size: 12px;
	color: #94857E;
	font-style: italic;
	padding-bottom: 0.5em;
	border-bottom: 1px dashed #D4DC4A;
}
.leftfloatyes, .leftfloatno {
	float: left;
	margin: 0 6px 6px 0;
}
.rightfloatyes, .rightfloatno {
	float: right;
	margin: 0 0 6px 6px;
}
.topfloatyes, .topfloatno {
	margin: 0 0 6px 0;
}
.bottomfloatyes, .bottomfloatno {
	margin: 6px 0 9px; 0;
}
.leftfloatyes, .rightfloatyes, .topfloatyes, .bottomfloatyes {
	padding: 4px;
	border: 1px solid #777;
}
.list_of_posts {
	line-height: 21px;
	margin: 2em 0 3em 0;
}
.list_of_posts .blog_date {
	font-size: 10px;
	color: #888;
}
.list_of_posts a{
	font-size: 12px;
}
.list_of_posts a:hover {
	color: #000;
	text-decoration: none;
	border-bottom: 1px dotted #7FC31C;
}
.warning {
	color: red;
	font-weight:bold;
}

#subscribe a {
	display: block;
	position: absolute;
	left: 505px;
	top: 260px;
	width: 144px;
	height: 14px;
	text-indent: -3333px;
	background: url(../_img/rss_subscribe.gif) no-repeat;
}
/*===================================================
  ==================== QUOTES =======================
  ===================================================*/
#quotes {
	background: url(../_img/quotes_bg.gif) no-repeat;
}
#quotes #globalnav li#nav-quotes a {
	background-position: 0 -25px;
}
#quotes #content {
	padding: 92px 0 0 0;
}
#quotes #graphic {
	position:absolute;
	top: 165px;
	left: 15px;
	background: url(../_img/graphic-quotes.gif) no-repeat;
	height: 92px;
	width: 150px;
}
#quotes #innercontent {
	z-index: 0;
	position: absolute;
	width: 575px;
}
#quotes #innercontent p.client{
	position: absolute;
}
#quotes #innercontent p.left{
	width: 275px;
	left: 10px;
}
#quotes #innercontent p.right{
	width: 275px;
	left: 315px;
}
#quotes #content .client strong {
	font-weight: normal;
	color: #E63F97;
	cursor:pointer;
}
#quotes #norris {  top: 5em; }
#quotes #hannam {  top: 8.5em; }
#quotes #brook {  top: 12em; }
#quotes #quin { top: 15.5em; }
#quotes #vadgama { top: 21.5em; }

#quotes #booth {  top: 5em; }
#quotes #north { top: 9.5em; }
#quotes #leighton { top: 14em; }
#quotes #baxter { top: 17.5em; }


#norris-quote,
#hannam-quote,
#brook-quote,
#quin-quote,
#vadgama-quote,
#booth-quote,
#north-quote,
#leighton-quote,
#baxter-quote {
	position: absolute;
	z-index: 3000;
	visibility: hidden;
}
/* left hand col */
#norris-quote {
	top: -4em;
	left: 12em;
}
#hannam-quote {
	top: -2em;
	left: 12em;
}
#brook-quote {
	top: 8.1em;
	left: 12em;
}
#quin-quote {
	top: -4em;
	left: 16em;
}
#vadgama-quote {
	top: -1.6em;
	left: 8em;
}

/* right hand col */
#booth-quote {
	top: -11.5em;
	left: 25em;;
}
#north-quote {
	top: -9em;
	left: 26.4em;
}
#leighton-quote {
	top: -10em;
	left: 17em;
}
#baxter-quote {
	top: -2.2em;
	left: 21em;
}




a {
	text-decoration: none;
	outline:none;
	color: #E63F97;
}