/* Beckstein Productions PRINT styles */


/* -- undo HTML care of Tantek Çelik at tantek.com-- */
:link,:visited {text-decoration: none;}
ul,ol {list-style: none;}
h1,h2,h3,h4,h5,h6,pre,code,p {font-size: 1em;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0;}
a img,:link img,:visited img {border: none;}
address {font-style: normal;}


/* --X-- center and set margins --X-- */
body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: small;
	line-height: 1.5em;
	color: #000;
	background: #2f2f2f url(gray_fade.gif) repeat-x 0 0;
	}
	
#wrap {
	width: 100%;
	margin: 20px auto;
  	padding: 0;
  	text-align: left;
  	font: 9pt/1.5em Verdana, Arial, Helvetica, sans-serif;
	/* background: #DDD5B6; */
	background: #666 url(images/content_bkg.gif) repeat-y 0 0;
	}


/* --X-- HIDE these sections --X-- */

#left-side, #content-bkg {
	display: none;
	}



	
#brand {
	width: 720px;
	height: 80px;
	z-index: 2;
	}
	
#brand-flash {
	width: 720px;
	height: 80px;
	z-index: 2;
	display: none;
	}
	
#brand-print {
	width: 720px;
	height: 80px;
	z-index: 1;
	}
	
#brand img, #brand-flash img {
	vertical-align: bottom;
	}



	
/* --- |||  content-a  ||| --- */

#content-a {
	float: left;
	width: 65%;
	background: #DDD5B6;
	color: #000;
	}
	
#case-studies-detail #content-a {
	float: left;
	width: 65%;
	background: #DDD5B6;
	color: #000;
	}
	
#services #content-a {
	background: #DDD5B6 url(images/services_bkg.jpg) no-repeat 0 0;
	}
	
#awards #content-a {
	background: #DDD5B6 url(images/awards_bkg.jpg) no-repeat 0 0;
	}
	
#clients #content-a {
	background: #DDD5B6 url(images/clients_bkg.jpg) no-repeat 0 0;
	}
	
#content-a div {
	padding: 15px;
	}

#services #content-a div div {
	padding: 0px;
	margin: 0 0 12em 0;
	}
	
#awards #content-a div div {
	padding: 0px;
	margin: 0 0 10em 0;
	}
	
#clients #content-a div div {
	padding: 0px;
	margin: 0 0 10em 0;
	}
	
div#content-b {
	float: left;
	background: #B20F1F;
	width: 345px; /* for IE5 Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 315px; /* actual value */
	}
	
/* #case-studies-detail div#content-b {
	float: left;
	width: 510px;
	background: #B20F1F;
	}
*/

#content-b div {
	padding: 0;
	}
	
/* #case-studies-detail #content-b div {
	padding: 0;
	}
*/

#our-story #content-b, #awards #content-b, #news #content-b, #clients #content-b, #case-studies #content-b {
	font: bold 110%/1.5em Arial, Verdana, Helvetica, sans-serif;
	color: #000;
	}
	
#services #content-b p {
	margin: 0 0 4em 0;
	}

	
p.blue {
	background: white;
	}
	
p.red {
	background: white;
	}

#sidebar {
	float: right;
	font: 110%/1.5em Arial, Verdana, Helvetica, sans-serif;
	color: #000;
	padding: 15px;
	margin: 0;
	width: 30%;
	}
	
#home #sidebar, #about #sidebar,#case-studies #sidebar {
	float: right;
	font: 100%/1.5em Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	padding: 10px;
	margin: 0;
	background: #3868A8;
	width: 30%;
	}
	
#sidebar #clip {
  float: left;
  margin: 45px 0 10px 0;
  color: #fff;
  }
  
#sidebar .screen-shot {
	margin: 5px 0 5px 0;
	}
	
	
blockquote {
	margin: 1em 0 0 0;
	padding: 0;
	/* background: url(images/begin_quote.gif) no-repeat top left; */
	}
	
#quote {
	margin: 0;
	padding: 0;
	/* background: url(images/end_quote.gif) no-repeat right bottom; */
	}
	
.quotemarks {
	font: 150%/.5em Arial, Helvetica, sans-serif;
	color: #fff;
	}

	
#author {
	margin: .5em 0 1em 0;
	padding: 0;
	}
	

#footer {
	clear: both;
	display: block;
	width: 720px;
	/* margin: 10px 0 0 0; */
	background: #121212;
	}
	
#footer p {
	/* background: yellow; */
	text-align: center;
	color: #000;
	font-size: 95%;
	padding: 10px;
	vertical-align: bottom;
	background: #121212;
	width: 720px; /* for IE5 Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 700px; /* actual value */
	}
	
#footer img {
	vertical-align: bottom;
	}
	

#our-story img.left {
  float: left;
  margin: 2px 12px 50px 0;
  }
  
#our-story img.right {
  float: right;
  margin: 2px 0 4px 8px;
  }
  
 #our-story #sidebar img.left {
  float: left;
  margin: 45px 50px 10px 0;
  }
  
  #cancer-rainbow img.left,  #news img.left {
  float: left;
  margin: 4px 15px 5px 0;
  }
  
  #cancer-rainbow img.right,  #news img.right {
  float: right;
  margin: 4px 15px 5px 0;
  }

  
  
#our-story p.left, #awards p.left, #clients p.left, #case-studies p.left {
	float: left;
	margin: 0;
	padding: 0;
	width: 315px;
  }
  
#our-story p.right, #awards p.right, #clients p.right, #case-studies p.right {
	float: left;
	margin: 0;
	padding: 0;
	text-align: right;
	width: 315px;
  }
  
#our-story p.left-last, #awards p.left-last, #clients p.left-last, #case-studies p.left-last {
	float: left;
	margin: 0 0 1em 0;
	padding: 0;
	width: 315px;
  }
  

#contactformXX {
	font: 100%/1em Verdana, Arial, Helvetica, sans-serif;
	}
	
#contact form table {
	margin: 0;
	padding: 0;
	font: 100%/1.5em Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	background: #E6E0C8;
	width: 315px;
	}
	
#contact form table.sent {
	margin: 0;
	padding: 0;
	font: 100%/1.5em Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	background: #E6E0C8;
	width: 315px;
	height: 235px;
	}
	
input, textarea {
	font: 100%/1.5em Verdana, Arial, Helvetica, sans-serif;
	color: red;
	}

  
#contact table td {
	margin: 0;
	padding: 4px;
  }



#contact p.left {
	float: left;
	margin: 0 0 2em 0;
	padding: 0;
	width: 185px;
  }
  
#contact p.right {
	float: right;
	margin: 0;
	padding: 0;
	width: 130px;
  }
	
	
/* ------- XX ------- */  	
a:link {
	color: #000;
	border-bottom: #000 solid 1px;
	}	
a:visited {
	color: #000;
	border-bottom: #000 solid 1px;
	}	
a:active {
	color: #000;
	border-bottom: #000 solid 1px;
	}
a:hover {
	color: #00439D;
	border-bottom: #00439D solid 1px;
	}
	
/* ------- XX ------- */  	
a:link.tan-link {
	color: #DDD5B6;
	border-bottom: #DDD5B6 solid 1px;
	}	
a:visited.tan-link {
	color: #DDD5B6;
	border-bottom: #DDD5B6 solid 1px;
	}	
a:active.tan-link {
	color: #DDD5B6;
	border-bottom: #DDD5B6 solid 1px;
	}
a:hover.tan-link {
	color: #fff;
	border-bottom: #fff solid 1px;
	}
	
/* ------- XX ------- */  	
#sidebar a:link, #footer a:link, #sidebar a:visited, #footer a:visited, #sidebar a:active, #footer a:active {
	color: #fff;
	border-bottom: #fff solid 1px;
	}	
 #sidebar a:hover, #footer a:hover {
	color: #ccc;
	border-bottom: #ccc solid 1px;
	}
	
/* ------- XX ------- */  	
#content-b a:link {
	color: #000;
	border-bottom: #000 solid 1px;
	}	
#content-b a:visited {
	color: #000;
	border-bottom: #000 solid 1px;
	}	
#content-b a:active {
	color: #000;
	border-bottom: #000 solid 1px;
	}
#content-b a:hover {
	color: #333;
	border-bottom: #333 solid 1px;
	}
	
	
/* --X-- HEADINGS --X-- */
h1 {
	font: 130%/1.25em Arial, Verdana, Sans-serif;
	font-weight: bold;
	color: #000;
	padding: 0;
	margin: 0 0 1em 0;
	}
	
h1 a:link, h1 a:visited, h1 a:active {
	color: #000;
	border-bottom: #000 solid 1px;
	}
	
h1 a:hover {
	color: #000;
	border-bottom: #000 solid 1px;
	}
	
	
h2 {
	font: 120%/1.25em Arial, Verdana, Sans-serif;
	font-weight: bold;
	color: #000;
	padding: 0;
	margin: 0 0 .5em 0;
	}
	
#case-studies #content-a h2.case,#news #content-a h2.case {
	font: 100%/1.25em Arial, Verdana, Sans-serif;
	font-weight: normal;
	color: #666;
	padding: 0;
	margin: 0 0 .5em 0;
	border-bottom: #999 solid 1px;
	}
	
#content-b h2 {
	color: #FFF;
	padding: 0;
	margin: 0 0 .5em 0;
	padding: 0;
	}
	
#sidebar h2 {
	margin: .25em 0 .5em 0;
	}
	
#our-story h2 {
	font: 100%/1.25em Verdana, Arial, Sans-serif;
	font-weight: bold;
	color: #000;
	padding: 0;
	margin: 0;
	}
	
h3 {
	font: 110%/1.25em Arial, Verdana, Sans-serif;
	font-weight: bold;
	color: #000;
	padding: 0;
	margin: 0 0 .5em 0;
	}
	
#main-contact H4  {
	font: 115%/1.25em Arial, Verdana, Sans-serif;
	font-weight: bold;
	color: #DDD5B6;
	padding: 0;
	margin: 0 0 .5em 0;
	}
	
#main-contact p  {
	padding: 0;
	margin: 0 0 .5em 0;
	}
	
	
/* --X-- LISTS --X-- */
ul {
color: black;
list-style: disc;
margin: 0 0 0 .25em;
padding: 0 0 0 15px;
}

li {
margin: 0 0 .25em 0;
padding: 0 0 0 0;
}


.services-left {
float: left;
color: black;
margin: 0;
padding: 0;
width: 50%;
}

.services-right {
float: right;
color: black;
margin: 0;
padding: 0;
width: 50%;
}

.services-link {
float: left;
color: black;
margin: 0 0 1em 0;
padding: 0;
width: 315px;
}


ul.services {
color: black;
list-style: none;
margin: 0 0 2em 0;
padding: 0;
}

ul.services li {
color: black;
list-style: none;
margin: 0 0 .5em 0;
padding: 0 0 0 15px; /* clickable text indented 12px */
background: url(images/play_arrow.gif) 0% 5px no-repeat;
  /* 0 from left and 50% from top */
}

ul.blank {
color: black;
list-style: none;
margin: 0 0 1.5em 0;
padding: 0;
}

ul.blank li {
color: black;
list-style: none;
margin: 0 0 .5em 0;
padding: 0;
}

.icon-link {
vertical-align: bottom;
margin: 0;
padding: 0;
}


.buttonswhite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	background-color: #FFFFFF;
	color: #336699;
	vertical-align: top;
 }
 
 
#video-clip #wrap {
	width: 312px;
	margin: 10px auto;
  	padding: 0;
  	text-align: center;
  	font: 85%/1.5em Verdana, Arial, Helvetica, sans-serif;
	/* background: #c60; */
	background: #383838;
	/*  background: #383838 url(images/video_clip_bkg.jpg) 0 0 no-repeat; */
	color: white;
	}
	
#video-clip #wrap #clip-brand {
	margin: 0;
  	padding: 0;
  	}
	
#clip-area {
	margin: 20px 0 0 0;
  	padding: 0;
	}
	
#close-clip {
	margin: 0;
  	padding: 10px;
	background: #000;
	color: white;
	}
	
#close-clip img, #close-clip p {
	vertical-align: middle;
	}
	
#clip-title {
	margin: 0;
  	padding: 10px;
  	}
	
/* ------- XX ------- */  	
#video-clip a:link, #video-clip a:visited, #video-clip a:active {
	color: #ccc;
	border-bottom: none;
	}	
 #video-clip a:hover {
	color: #fff;
	border-bottom: #fff solid 1px;
	}