body {
	width: 1024px;
	height: 100%;
	margin-right: auto;
	margin-left: auto;
	background: url(images/bg.png) repeat-x #f3f3f3;
	border: solid #d9d9d9 thin;
	font:Verdana, Geneva, sans-serif;
	
}

.shadow {
	-moz-box-shadow: 2px 2px 4px #d9d9d9;
	-webkit-box-shadow:2px 2px 4p #d9d9d9;
	 box-shadow: 2px 2px 4p #d9d9d9;


	-moz-box-shadow: 2px 2px 4px #d9d9d9;
	-webkit-box-shadow: 2px 2px 4px #d9d9d9;
	-box-shadow: 2px 2px 4px #d9d9d9;
    /* For IE 8 */
	-ms-filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#d9d9d9');
    /* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#d9d9d9');

}

/* Top Banner ---------------------------------------------------- */


	
/*#banner {
	width: 1024;
	height: 190px;
	background-image: url(images/banner.jpg);
	background-repeat: no-repeat;
	}*/
	
#banner {
	width: 1024;
}
	

	 



/* Navigation ---------------------------------------------------- */


#container_homenav {
    float: right;
    margin-right: 10px;
    margin-top: -30px;
    z-index: 2;
    position: relative;
}
	

	
	
ul#tabs {
	list-style-type: none;
	/*display:inline-block;*/
	/*height: 30px;*/
	top: 0px;
	margin: 0;
	/*width: 1024px;*/
	float: left;
	padding: 0px;
}

#tabs li {
  float: left;
  margin: 0 20px;
  padding: 0 0px 0 0;
  height: 30px;
  
}


#tabs li a {
	/*width:1024px;*/
  display: block;
  /*height: 30px;*/
  background-repeat: no-repeat;

}

#tabs li a img { border: none; }



/* Home Button -------- */

li.home a { width: 75px; background: url(images/sprite-top-nav.png) 0px -1px no-repeat;}
li.home a:hover, li.home a.current {
	background-position: 0px -19px;
}


/* background Button -------- */

li.background a { width: 130px; background: url(images/sprite-top-nav.png) -95px -1px no-repeat;}
li.background a:hover, li.background a.current {
	background-position: -95px -19px;
}

/* areas Button -------- */
li.areas a { width: 170px; background: url(images/sprite-top-nav.png) -255px -1px no-repeat; }
li.areas a:hover, li.areas a.current {
	background-position: -255px -19px;
}


/* clients Button -------- */
li.clients a { width: 70px; background: url(images/sprite-top-nav.png) -455px -1px no-repeat; }
li.clients a:hover, li.clients a.current {
	background-position: -455px -19px;
}

/* Contact  Button -------- */
li.contact a { width: 80px; background: url(images/sprite-top-nav.png) -550px -1px no-repeat; }
li.contact a:hover, li.contact a.current {
	background-position: -550px -19px;
}






/*content ---------------------------------------------------- */



#left {
	width: 400px;
	height: 100%;
	margin:0px;
	float: left;
	margin-right: 10px;
}


#right {
	width: 600px;
	height: 100%;
	/*margin-left: 400px;*/
	margin-top: 35px;
	float: left;
	margin-bottom:50px;
}



/*styles ---------------------------------------------------- */

.columnl {width: 280px; float: left; margin-right: 10px;}
.columnr {width: 250px; float: left; }
.columnl img, .columnr img { float: left; margin: 40px 10px;}

#left .quote {
	font:Georgia, "Times New Roman", Times, serif;
	font-size:21px;
	color:  #4f5c67;
	line-height: 1.3;
	margin-left: 35px;
	margin-top: 50px;
	margin-right: 50px;
	
}

.greyBG { background: #e6e4e4; padding: 0; margin-top: 50px; width: 90%;}

.greyBG p {font: Georgia, "Times New Roman", Times, serif; font-size: 18px; color: #4f5c67; margin: 10px 0px 10px 35px;}

.greyBG p a, a:link, a:visited { text-decoration: none; color: #4f5c67;}

.greyBG p a:hover, .greyBG a.current { color: #df6f07;}

.greyBG p#nav-areas-header { background: url(images/sprite-areas-nav.png) no-repeat; background-position: -20px 0px; height: 40px; }
.greyBG a#nav-areas-media { height: 20px; width: 200px; background: url(images/sprite-areas-nav.png) no-repeat; background-position: -25px -40px; display: block; }
.greyBG a#nav-areas-media:hover, .greyBG a#nav-areas-media.current { background-position: -25px -65px;}

.greyBG a#nav-areas-publishing { height: 20px; width: 100px; background: url(images/sprite-areas-nav.png) no-repeat; background-position: -250px -40px; display: block; }
.greyBG a#nav-areas-publishing:hover, .greyBG a#nav-areas-publishing.current { background-position: -250px -65px;}

.greyBG a#nav-areas-business { height: 20px; width: 240px; background: url(images/sprite-areas-nav.png) no-repeat; background-position: -360px -40px; display: block; }
.greyBG a#nav-areas-business:hover, .greyBG a#nav-areas-business.current { background-position: -360px -65px;}

.greyBG a#nav-areas-social { height: 20px; width: 200px; background: url(images/sprite-areas-nav.png) no-repeat; background-position: -615px -40px; display: block; }
.greyBG a#nav-areas-social:hover, .greyBG a#nav-areas-social.current { background-position: -615px -65px;}

#right p {
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 14px;
	color:#000;
	line-height: 1.5;
	margin-right:40px;
}
	
	
#right li {
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 14px;
	color:#000;
	line-height: 1.5;
	list-style-image:url(images/bullet.png);
}
		
	
.bold {
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:bold;
	font-size: 14px;
	color:#000;
	
		
}

.underline { text-decoration:  underline;}

#left .jf {
	width: 170px;
	height: 200px;
	background-image:url(images/julie.jpg);
	margin-left:35px;
	margin-top: 50px;
	float:left;
}
	
#left .bold { font-size: 22px;}	


#left .name {
	width:150px;
	height:50px;	
	font:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	color:  #4f5c67;
	line-height: 1.3;
	padding-left: 10px;
	margin-top: 50px;
	margin-right: 0px;
	
}



.principal {
	font-family:"Times New Roman", Times, serif;
	font-style:italic;	
	font-size:15px;
	color:  #4f5c67;
	line-height: 1.3;
	margin: 0;
	padding: 0;
	
	
	
}

.floatLeft { float: left; padding-right: 20px;}
.clearb { clear:both; }

#footer {
	margin-top: 100px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#4f5c67;
	font-size:11px;
	line-height:1.5;
	text-align:center;
	margin-bottom: 20px;
	clear: both;
}
#footer a {
	color:#1a4457;
}