body{
		margin: 0px;
		background: url(../images/bg_side.jpg) repeat-y left;
	}

	#container {
		width: 100%;
        float: right;
        margin-left: -150px;
	}

	#content {
        margin-left: 150px;
		font-size: 1em;
		font-style: "Trebuchet MS", Verdana, Helvetica, sans-serif;
		line-height: 150%;
		color: #666;
		background: #FFF;
		letter-spacing: 0.5px;
		padding:20px;
	}

	#sidebar {
        width: 150px;
        float: left;
	}

	.last {margin-bottom: 0;}

	.clearing {
	    height: 0;
        clear: both;
	}
	div#topNav{
		background: url(../images/bg_topnav.jpg) repeat-x;
		height:30px;
		width:auto;
		left:0px;
		margin-left:150px;
	}

	div#logo{
		background: url(../images/logoYBP2.jpg) no-repeat;
		left:0px;
		top:0px;
		width:150px;
		height:143px;
	}
	
	.firstletter {
		float: left;
		color: #9898CB;
		font-family: Isocteur, "Andale Mono", "Arial Narrow", Arial, sans-serif;
		font-size: 4em;
		line-height: 1;
		font-weight: bold;
		margin-right: 0.2em;
	}
	.pquote {
		float: left;
		width: 8em;
		background: url(../images/openquote.gif) top left no-repeat;
		color: #030;
		font-size: 2em;
		line-height: 0.9;
		font-style: italic;
		padding: 0.5em;
		margin: 0;
}
	div#content h1 {
		font-family: Isocteur, "Andale Mono", "Arial Narrow", Arial, sans-serif;
		font-size: 2.5em;
		color: #9898CB;
		letter-spacing: .1em;
		margin: .5em 0 .5em;
		padding: .75em 0em .75em 0em;
		background-image: url(../images/horizLine_BlueGray.gif);
		background-repeat: repeat-x;
		background-position: 0px bottom;
		font-weight: 500;
		margin: 0 0 1em;
	}
	div#content h2 {
		font-family: Georgia, "Times New Roman", serif;
		font-size: 1.3em;
		letter-spacing: 3px;
		color: #8948B0;
		text-align:left;
		font-weight: 500;
		margin: 0 0 1em;
	}
	div#content h3 {
		font-family: "Lucida Grande", Verdana, Geneva, Helvetica, sans-serif;
		font-size: 1.2em;
		color: #8484C1;
		letter-spacing: 2px;
		font-weight: 500;
		margin: 0 0 .3em;
	}
	div#content h4 {
		font-family: Isocteur, "Andale Mono", "Arial Narrow", Arial, sans-serif;
		letter-spacing: .1em;
		font-size: 1.5em;
		color: #659A65;
		line-height: 100%;
		font-weight: 500;
		margin: 0 0 1em;
	}
	div#content h5 {
		font-family: Georgia, "Times New Roman", serif;
		letter-spacing: .1em;
		font-size: 1em;
		color: #CC9900;
/*		line-height: 100%;
*/		font-weight: 500;
		margin: 0 0 1em;
	}
	div#content p {
		font-size: 1em;
		font-weight: 500;
		margin: 0 0 1em;
	}
	div#content p.sub {
		
		font-size:  85%;
		font-style: "Trebuchet MS", Verdana, Helvetica, sans-serif;
		line-height: 140%;
		word-spacing: normal;
		letter-spacing: .1em;
	}

	div#content a {
		text-decoration: none;
	}
	div#content a img {
		border: none;
	}
		
	div#content a:link {
		color: #B54A75;
	}

	div#content a:visited {
		color: #8B3859;
		}
	
	a[href^="http:"] {
		display:inline-block;
		padding-right:18px;
		background:transparent url(/images/linkExt.gif) center right no-repeat;
	}

/*	html body a:hover {
		color: #FF0066;
		background-color: #EEE;
		border-bottom: 1px solid #9A8E51;
	}
*/	div#content blockquote, div#content pre {
		padding: 0.25em 40px;
	}
	div#content blockquote {
		font: italic 1.05em Georgia, Times, serif;
		background: url(/pix/quote_wh.gif) 10px 0.75em no-repeat;
		margin: 0.25em 0;
		font-weight: 500;
		margin: 0 0 1em;
	}
	/*div#content ul, ol {
		padding-left: 3em;
		list-style: none;
	}
		
	div#content li {
		padding-left: 20px;
		background-image: url(../images/squareBlueGray.gif);
		background-repeat: no-repeat;
		background-position: 0 .5em;
	}
	*/
	
	p.crumb {
	color: #B54A75;
	font-size: .8em;
	font-family: "Arial Narrow", Arial, sans-serif;
	font-weight: bold;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	}
/****************************** sideNav ********************************/
	div#sideNav {
		position:absolute;
		left:0px;
		top:145px;
		font-size: .9em;
	}
		
	div#sideNav ul{
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		padding:0px;
		margin:0px;	
	}
	div#sideNav ul li a{
		background:transparent url(../images/bg_sideNav.jpg) no-repeat scroll 0 0;
		display:block;
		height:30px;
		padding-left:5px;
		padding-top:.2em;
		width:150px;
		text-decoration:none;
		color:#003366;
	}
	div#sideNav ul li a:hover{
		color:#FF0066;
	}
	
/*******************************  content  ********************************/
	/* two column layout for content */
		#twoColContainer {
		width: 100%;
		float: left;
		margin-right: -38%;
		}
		#colLeft {
		margin-right: 38%;
		}
		#colRight{
		width: 200px;
		float: right;
		left : 63%;
		width : 33%;
		padding : 1em 1em 1em 1em;
		background-color: #E9E9F3;
		border: 1px solid #666666;
		}
	/*  accordion */
		.accordion_container h6{
		border-top:1px solid #8948B0;
		color:#8948B0;
		font-family:Georgia,"Times New Roman",serif;
		font-size:1.2em;
		font-weight: 500;
		letter-spacing:3px;
		margin:5px 0;
		padding:5px 0;
		text-align:left;
		}
		.accordion_container div{display:none;
		}
		#twoColContainer #colLeft .accordion_container div {
		list-style-image: url(../images/squareBlueGray.gif);
	}
/*******************************  popup window  ********************************/
/*function openwindowlink(WinName, WinUrl) {
newwin = window.open(WinUrl,WinName,"height=362,width=500,screenX=100,screenY=50,scrollbars,resizable")
}*/
/*Pop Up Menu script is from Stu Nichol's CSS Play Web site at http://www.cssplay.co.uk/menu/pop_ups*/
	a.screen, a.screen:visited {
		color:#c00; 
		position:relative; 
		z-index:1;
	}
	a.screen b {
		position:absolute;
		visibility:hidden; /* hide the image */
		width:200px; /* give it a width */
		height:0; /* no height to solve an Opera bug that 
					 makes it selectable when hidden */
		border:1px solid #000; /* add a border */
		left:0; /* position:the image */
		top:-150px;
	}
	a.screen:hover {
		text-decoration:none; 
		border:0; /* needed for this to work in IE */ 
		z-index:1000;
	}
	a.screen:hover b {
		visibility:visible; /* make the image visible */
		height:150px; /* now give it a height */
		cursor:pointer; /* for IE */
		z-index:500; 
	}
	a.screen:hover b img {
		border:0; /* remove the link border */
	}
	
/*******************************  footer  ********************************/
	#footer {
        margin-left: 150px;
		font-size: 70%;
		font-style: "Trebuchet MS", Verdana, Helvetica, sans-serif;
		line-height: 110%;
		color: #666;
		background: #FFF;
		letter-spacing: 0.5px;
		padding:20px;
		height:20px
	}


/*******************************  top menu  ********************************/
	.topnavmenu{
		font: bold 10px Verdana;
		background: #7F7F7F;
		position:absolute;
		width:610px;
	}
	
	.topnavmenu ul{
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	
	#ie6 .topnavmenu{ background:url(../images/bg_topnav.jpg) repeat-x}
	
	/* Top level list items*/
	.topnavmenu ul li{
		position: relative;
		display: inline;
		float: left;
	}
	
	.topnavmenu a span{display:none;}
	
	/*Top level menu link items style*/
	.topnavmenu ul li a{
		display: block;
		/*background: #414141; background of main tabs (default state)
		color: white;*/
		padding: 8px 10px;
		border-right: 1px solid #778;
		color: #2d2b2b;
		text-decoration: none;
	}
	
	* html .topnavmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
		display: inline-block;
	}
	
	/*1st sub level menu*/
	.topnavmenu ul li ul{
		position: absolute;
		left: 0;
		display: block;
		visibility: hidden;
		z-index:99;
	}
	
	/*Sub level menu list items (undo style from Top level List Items)*/
	.topnavmenu ul li ul li{
		display: list-item;
		float: none;
	}
	
	/*All subsequent sub menu levels vertical offset after 1st level sub menu */
	.topnavmenu ul li ul li ul{	top: 0;}
	
	/* Sub level menu links style */
	.topnavmenu ul li ul li a{
		font: normal 12px Verdana;
		width: 160px; /*width of sub menus*/
		padding: 5px;
		margin: 0;
		border-top-width: 0;
		border-bottom: 1px solid gray;
		color:#304155;
	}
/* top nav background colors ****************************************************/
	ul#subServices li a{ 	
		background: #F5F3C5;
		color:#C9A81E;
	}
	ul#subPortfolio li a{ 	
		background: #EBF8E7;
		color:#2BA727;
	}
	ul#subAboutUs li a{ 	
		background: #FFF4F5;
		color:#FF0066;
	}
	ul#subServices li a:hover{ color:#B54A75;}
	ul#subPortfolio li a:hover{ color:#B54A75;}
	ul#subAboutUs li a:hover{ color:#B54A75;}
	

/**********************  top navigation *********************************/
	a#home, a#services, a#portfolio, a#aboutus{ 
		background-image:url(../images/img.jpg);
		width:150px;
		height:25px;
		margin: 5px 0px 0px 0px;
		padding:  0px 0px 0px 0px;
		color: transparent;	
		border:0px;
	}
	#home{ background-position:0px -40px;} 
	a:hover#home{	
		background-position:0px -80px;
		border:0px;
		height:25px;
		color:#B54A75;
	}

	a#services{	background-position:0px -120px;}
	a:hover#services{ background-position:0px -160px;
		border:0px;
		height:25px;
		color:#B54A75;
	}

	a#portfolio{ background-position:0px -200px;} 
	a:hover#portfolio{
		background-position:0px -240px;
		border:0px;
		height:25px;
		color:#B54A75;
	}

	a#aboutus{	background-position:0px -280px;}
	a:hover#aboutus{background-position:0px -320px;
		border:0px;
		height:25px;
		color:#B54A75;
	}

	li#navEnd{
		background: url(../images/shdw.jpg) no-repeat;
		height:30px;
		width:10px;
	}

/**********************  Portfolio Image styles *********************************/

	div#filmStripUlWrapperDiv2{
		background:transparent url(../images/bg_film.gif) repeat-x scroll 0 0;
		border:2px solid #999999;
		padding:15px 40px;
		position:relative;
		/*overflow:hidden;*/
		width : 602px;
		height : 70px;
	}
	
	div#filmStripUlWrapperDiv1{
		width:602px;
		height:70px;
		overflow:hidden;
		position:relative;
	}

	
	div#imageGallery ul {
		height:70px;
		/*left:0;
		position:absolute;*/
		z-index:99;
		overflow:hidden;
		padding:0;
		margin:0;
		display:none;
		/*
		background:transparent url(../images/bg_film.gif) repeat-x scroll 0 0;
		border:2px solid #999999;
		padding:15px 40px;
		position:relative;
		overflow:hidden;
		*/
	}
	/*
	div#imageGallery ul li {
		display:inline;
		padding-left:6px;
	}
	*/
	div#imageGallery ul li {
		list-style:none;
		float:left;
		margin-right:6px;
		position:relative;
	}
	
	/*div#imageGallery ul li#leftArrow{width : 32px; height : 32px; position:absolute; left : 0; top : 0; background: url(../images/jCarouselPrev.gif) no-repeat 0 0 }*/
	div#imageGallery ul li img {
		margin:0;
		padding:0;
		vertical-align:top;
	}
	div#imageGallery div {
		display:none;
	}
	div#imageGallery ul li img {
		border: 0px;
	}
	div#imageGallery div {
		display:none;
	}