/* CSS Document */

@import url("reset.css");

body
	{
	background:#772445 url('images/body-bg.jpg') no-repeat top center;
	padding:0;
	margin:0;
	font-family:Helvetica, Arial, sans-serif;
	}

img
	{
	border:0;
	}

h2
	{
	font-size:14px;
	font-weight:bold;
	color:#343434;
	margin-bottom:10px;
	}

.clear
	{
	clear:both;
	height:0;
	line-height:0px;
	}

.justify
	{
	text-align:justify;
	}

#mask
	{
	position:absolute;
	left:0;
	top:0;
	z-index:9000;
	background-color:#000;
	display:none;
	}
  
#boxes .window
	{
	position:absolute;
	left:0;
	top:0;
	width:440px;
	height:200px;
	display:none;
	z-index:9999;
	padding:20px;
	}

#boxes #dialog
	{
	width:632px; 
	height:622px;
	padding:0;
	background:url(images/jpop-frame.gif);
	}

#jpop-close
	{
	float:right;
	padding:20px 20px 0 0;
	}

#jpop-text
	{
	overflow:auto;
	color:#fff;
	font-size:12px;
	margin:70px 0 0 20px;
	width:600px;
	height:500px;
	}

#jpop-text a
	{
	color:#CCCCCC;
	}

#jpop-text a:hover
	{
	color:#fff;
	}

#jpop-text p
	{
	margin:10px 0 10px 0;
	}

#jpop-text ul
	{
	margin-left:15px;
	list-style-position:inside;
	list-style:disc;
	}

#content
	{
	width:800px;
	margin:0 auto 0 auto;
	}

#interface
	{
	line-height:1px;
	}

#page-bar
	{
	float:left;
	width:100%;
	background-color:#979596;
	overflow:hidden;
	}

#page-bar img
	{
	display:block;
	float:right;
	padding:7px 15px 0 0;
	}

#page-links
	{
	float:left;
	padding-left:5px;
	}

#page-links a
	{
	color:#e2e2e2;
	text-decoration:none;
	font-size:12px;
	line-height:30px;
	padding:8px 20px 8px 10px;
	background:url('images/grey-arrow.gif') no-repeat right;
	}

#page-links a:hover
	{
	text-decoration:underline;
	}

#page-view
	{
	overflow:auto;
	background:#e3e3e3 url('images/light-bg.jpg') no-repeat top center;
	width:800px;
	color:#343434;
	font-size:13px;
	padding-bottom:5px;
	}

#page-view p
	{
	margin-top:10px;
	}

#page-view p span
	{
	display:block;
	margin:10px 0 10px 0;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	color:#772445;
	}

#left-column
	{
	width:541px;
	float:left;
	}

.left-box
	{
	background:#f5f5f5 url('images/box-bg.gif') repeat-x top;
	border:2px solid white;
	line-height:18px;
	padding:15px;
	margin:15px 0 15px 15px;
	}

.left-box a
	{
	text-decoration:none;
	color:#772445;
	}

.left-box a:hover
	{
	text-decoration:underline;
	}

#right-column
	{
	width:244px;
	float:right;
	}

.case-box
	{
	background:#f5f5f5 url('images/box-bg.gif') repeat-x top;
	border:2px solid white;
	margin:15px 15px 15px 0;
	font-size:10px;
	line-height:15px;
	font-weight:bold;
	}

.case-box a
	{
	display:block;
	text-decoration:none;
	color:#343434;
	padding:9px 0 9px 15px;
	}

.case-box span
	{
	color:#979596;
	}

.case-photo
	{
	background:#f5f5f5 url('images/box-bg.gif') repeat-x top;
	border:2px solid white;
	margin:15px 15px 15px 0;
	line-height:1px;
	}

.right-box
	{
	background:#f5f5f5 url('images/box-bg.gif') repeat-x top;
	border:2px solid white;
	line-height:18px;
	padding:15px;
	margin:15px 15px 15px 0;
	}

.right-box a
	{
	text-decoration:none;
	color:#343434;
	}

.right-box a:hover
	{
	text-decoration:underline;
	color:#979596;
	}

.casethumb
	{
	float:left;
	margin-bottom:5px;
	}

.caselistitem
	{
	float:left;
	margin:5px 0 0 10px;
	}

#full-column
	{
	width:100%;
	float:left;
	}

.full-box
	{
	background:#f5f5f5 url('images/box-bg.gif') repeat-x top;
	border:2px solid white;
	line-height:18px;
	padding:15px;
	margin:15px 15px 15px 15px;
	}

.full-box a
	{
	text-decoration:none;
	color:#772445;
	}

.full-box a:hover
	{
	text-decoration:underline;
	}

.h-line
	{
	height:0;
	line-height:1px;
	border-top:1px solid #c3c3c3;
	margin:0;
	padding:0;
	overflow:hidden;
	}

.half-column-left
	{
	width:392px;
	float:left;
	}

.half-left-box
	{
	overflow:auto;
	width:373px;
	line-height:0px;
	background:#f5f5f5 url('images/box-bg.gif') repeat-x top;
	border:2px solid white;
	margin:0 0 15px 15px;
	}

.half-left-box img
	{
	float:left;
	}

.half-left-box span
	{
	display:block;
	float:right;
	width:199px;
	line-height:18px;
	padding:15px 13px 0 0;
	}

.half-left-box a
	{
	text-decoration:none;
	color:#772445;
	}

.half-left-box a:hover
	{
	text-decoration:underline;
	}

.half-column-right
	{
	width:392px;
	float:right;
	}

.half-right-box
	{
	overflow:auto;
	width:373px;
	line-height:0px;
	background:#f5f5f5 url('images/box-bg.gif') repeat-x top;
	border:2px solid white;
	margin:0 15px 15px 0;
	}

.half-right-box img
	{
	float:left;
	}

.half-right-box span
	{
	display:block;
	float:right;
	width:199px;
	line-height:18px;
	padding:15px 13px 0 0;
	}

.half-right-box a
	{
	text-decoration:none;
	color:#772445;
	}

.half-right-box a:hover
	{
	text-decoration:underline;
	}

.jeff
	{
	clear:both;
	line-height:18px;
	padding:5px 15px 15px 15px;
	}

.sam
	{
	clear:both;
	line-height:18px;
	padding:5px 15px 15px 15px;
	}

.naomi
	{
	clear:both;
	line-height:18px;
	padding:5px 15px 15px 15px;
	}

.sally
	{
	clear:both;
	line-height:18px;
	padding:5px 15px 15px 15px;
	}

.henry
	{
	clear:both;
	line-height:18px;
	padding:5px 15px 15px 15px;
	}

.masato
	{
	clear:both;
	line-height:18px;
	padding:5px 15px 15px 15px;
	}

.listbox
	{
	margin-left:15px;
	}

.listbox span
	{
	font-size:11px;
	}

.listbox ul
	{
    list-style-type:disc;
	}

.listbox ul li
	{
	padding-bottom:10px;
	}

.right-listbox
	{
	margin-left:15px;
	}

.right-listbox span
	{
	font-size:11px;
	}

.right-listbox ul
	{
    list-style-type:disc;
	}

.right-listbox ul li
	{
	padding-bottom:4px;
	}

#bullet-a
	{
	background:url('images/bullet-a.gif') no-repeat top left;
	padding:0 0 10px 25px;
	}

#bullet-b
	{
	background:url('images/bullet-b.gif') no-repeat top left;
	padding:0 0 10px 25px;
	}

#bullet-c
	{
	background:url('images/bullet-c.gif') no-repeat top left;
	padding:0 0 0 25px;
	}

#footer-bar
	{
	background-color:black;
	font-size:11px;
	color:#e2e2e2;
	padding:15px;
	}

#footer-links
	{
	padding-bottom:15px;
	}

#footer-links ul
	{
	margin:0;
	padding:0;
	float:left;
	}

#footer-links ul li
	{
	display:inline;
	}

#footer-links ul li a
	{
	float:left;
	text-decoration:none;
	text-transform:uppercase;
	color:#e2e2e2;
	margin-right:20px;
	}

#footer-links ul li a:hover
	{
	color:#fff;
	text-decoration:underline;
	}