/* COMPAT */

/* reset styles to sanity */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}

/* set 1em to 10px */
body
{
	color: #444;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Helvetica, Arial, sans-serif;
    font-size: 62.5%;
    line-height: 1;
}

/* clearfix */
.clearfix:after 
{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
.clearfix 
{ 
	display: inline-block; 
}
.clearfix 
{ 
	display: block; 
}
* html .clearfix 
{ 
	height: 1%; 
}

/* GENERAL */

body
{
	background: #599ebb url(../images/bg.png) repeat-x;
}

.content a
{
	border-bottom: 1px dotted #b7b7b7;
	color: #599ebb;
	text-decoration: none;
}
.content a:hover
{
	border-bottom-style: solid;
}
.content a:visited
{
	color: #1d5972;
}

ul
{
	list-style-type: none;
}
ul.nav a
{
	color: #888;
	text-decoration: none;
}

/* LAYOUT */

.wrapper
{
	background: transparent url(../images/foot.png) no-repeat bottom center;
	margin: 1.5em auto;
	padding-bottom: 2.5em;
	width: 82.2em;
}

.head
{
	background: url(../images/head.png) no-repeat;
	height: 11.1em;
	padding: 1.1em;
	position: relative;
	width: 80em;
}

.main
{
	background: url(../images/main.png);
	min-height: 40em;
	padding: 1.1em;
	padding-bottom: 0;
	width: 80em;
}

.content
{
	background: transparent url(../images/mainbg.png) repeat-x bottom;
}

.foot
{
	background: #f0f0f0 url(../images/logofoot.png) no-repeat 70em bottom;
	border-top: 1px solid #dfdfdf;
	min-height: 8.5em;
	padding: 1em 4em 0;
}

/* HEADER */

.head>a
{
	background: url(../images/logo.png);
        display: block;
	height: 82px;
	margin: 1.4em;
	text-indent: -9999px;
	width: 296px;
}

h1
{
    display: none;
}

.head .nav
{
	position: absolute;
	right: 5em;
	top: 7.3em;
}
.head .nav li
{
	display: inline-block;
	margin-left: 4em;
}
.head .nav li a
{
	background: transparent url(../images/menu.png) no-repeat;
	display: block;
	height: 2em;
	text-indent: -9999px;
}
.head .nav li .menu_about
{
	width: 6em;
}
.head .nav li .menu_about:hover { background-position: 0 -2em; }
.head .nav li .menu_tour
{
	background-position: -6.3em 0;
	width: 4.3em;
}
.head .nav li .menu_tour:hover { background-position: -6.3em -2em; }
.head .nav li .menu_process
{
	background-position: -10.8em 0;
	width: 14.6em;
}
.head .nav li .menu_process:hover { background-position: -10.8em -2em; }

/* FOOTER */
.foot dl
{
	float: left;
	margin-right: 7em;
}
.foot dt
{
	font-size: 1.5em;
	margin-bottom: 0.2em;
	margin-top: 0.5em;
}
.foot dt a
{
	color: #7f7f7f;
	text-decoration: none;
}
.foot dt a:hover
{
	color: #5f5f5f;
}
.foot dd
{
	padding-left: 1em;
}
.foot dd li a
{
	color: #999;
	font-size: 1.1em;
	margin-bottom: 0.2em;
	text-decoration: none;
	text-transform: lowercase;
}
.foot dd li a:hover
{
	color: #777;
}


/*
 * PAGES
 */

/* SPLASH */
.content .video_wrapper
{
	background-image: url(../images/vidbg.png);
	height: 37.1em;
	margin-bottom: 2em;
	width: 80em;
}

.content .video_wrapper .deck
{
	color: #fff;
	float: left;
	font-size: 2.3em;
	line-height: 1.3;
	margin: 2.7em 1.3em 0;
	text-align: right;
	width: 11em;
}

.content .video_wrapper .video
{
	padding-top: 3.5em;
}

.content .column
{
	float: left;
	margin-right: 4em;
}
.content .column.last
{
	margin-right: 0;
}

.content h2
{
	font-size: 2.2em;
	font-weight: normal;
	text-transform: lowercase;
	margin-top: 1em;
	margin-bottom: 0.5em;
}

 .content .column dt
{
	background: transparent url(../images/icons.png) no-repeat 0 0;
	display: block;
	height: 3.2em;
	margin: 1em;
	margin-bottom: -3.3em;
	text-indent: -9999px;
	width: 3.2em;
}
.content .column dt.icon_appstore { background-position: 0 0; }
.content .column dt.icon_design { background-position: 0 -32px; }
.content .column dt.icon_private { background-position: 0 -64px; }
.content .column dt.icon_therapist { background-position: 0 -96px; }
.content .column dt.icon_cbt { background-position: 0 -128px; }
.content .column dt.icon_notherapist { background-position: 0 -160px; }
.content .column dt.icon_dailylog { background-position: 0 -192px; }
.content .column dt.icon_eventlog { background-position: 0 -224px; }
.content .column dt.icon_viz { background-position: 0 -256px; }

.content .column dd
{
	display: block;
	font-size: 1.3em;
	margin-bottom: 2em;
	margin-left: 4em;
	width: 15em;
}

.content .download_block
{
	background: transparent url(../images/download.png) no-repeat left center;
	height: 5.5em;
	margin-top: 8em;
	padding-left: 7.5em;
}
.content .download_block h2
{
	margin-bottom: 0.3em;
	padding-top: 0.1em;
}
.content .download_block p
{
	color: #666;
}

.content .requirements_block
{
	color: #666;
	font-size: 1.1em;
	line-height: 1.2;
	margin-left: 4.75em;
	margin-top: 1.5em;
}
.content .requirements_block strong
{
	color: #222;
	font-size: 1.2em;
	font-weight: normal;
}

/*
	AFTER CLINT'S CRAZY STLYING
	BEFORE BRIAN'S UGLY STLYING
*/

.side_nav
{
	float:left;
	
	width:15em;
	vertical-align:center;
}

.side_nav li
{
	padding-left:2em;
	padding-top:1em;
	padding-bottom:1em;
	border-bottom:0.1em #444 solid;
}

.side_nav .about_nav, .side_nav .process_nav
{
	border-top:0.1em #444 solid;
}

.side_nav .nav
{
	background-color:#f5f5f5;
	margin-bottom:16em;
}


.side_nav li a, .side_nav li a:visited
{
	font-size:1.6em;
	border: none;
	color:#888;
}

.side_nav li a:hover
{
	border:none;
	text-decoration:none;
	color:#666;
}

.side_nav .cbt_nav, .side_nav .project_nav, .side_nav .team_nav, 
.side_nav .inquiry_nav, .side_nav .analysis_nav, .side_nav .video_nav, .side_nav .prototype_nav, .side_nav .interactive_nav
{
	padding-left:5em;
}

.blurb
{
	margin-left:14em;
	width:45em;
	
	display: block;
	font-size: 1.3em;
	margin-bottom: 2em;
}

.blurb h2
{
	font-size:2em;
	margin-top:0em;
	padding-bottom:.5em;
}

.blurb p, .blurb dl
{
	margin-left:1.5em;
	text-align:justify;
}

.team_list dt
{
	font-size: 1em;
	font-weight:bold;
	padding-bottom:.5em;
}

.team_list dd
{
	font-size: 1em;
	margin-left:3em;
}

.team_list dd.email
{
	padding-bottom:1em;
}

.content .blurb .download_block
{
	float:right;
	margin-top: 0em;
	padding-left: 5em;
	margin-left:3em;
	margin-bottom:1em;
}
.content .blurb .download_block h2
{
	font-size:1.7em;
	margin-bottom: 0.1em;
	padding-top: 0.5em;
	padding-bottom:0.1em;
}
.content .blurb .download_block p
{
	margin-left:1em;
	color: #666;
}

.content .blurb .download_area .download_block
{
	background-image:none;
	padding-top: 0.1em;
	padding-left:0;
	margin-left:4em;
	margin-bottom:0em;
	float:none;
}

.content .blurb .download_area .download_block h2
{
	font-size:1.5em;
}

.download_area {
	float:right;
	width:20em;
}

.content .blurb .video {
	margin-bottom:2em;
}

.content .blurb .video_download {
	margin-bottom:2em;
}

.content .tasks dt {
	font-weight:bold;
	margin-bottom:0.5em;
}

.content .tasks dd {
	margin-bottom:1.5em;
	margin-left:0.5em;
}