/*

 Master Stylesheet

 Site: TribeStudio

*/



/* Reset */



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 {



	border: 0;

	outline: 0;

	font-size: 100%;

	vertical-align: baseline;

	padding: 0;

	margin: 0;

	background-color: transparent;

}

/*body {line-height: 1; background-color:#d1d1d1;}*/

html, body {

	height:100%;

	vertical-align: bottom;

	background:#d1d1d1;

		}

#distance { 

		width:1px;

		height:50%;

		background-color:#d1d1d1;

		margin-bottom:-320px; /* half of container's height */

		float:left;

		}

#wrap {

		position:relative;

		background-color:#FFFFFF;

		width: 992px;

		height: 622px;

		margin: 0 auto;

		clear:left;

		}

ol, ul {list-style: none;}

table {border-collapse: collapse;border-spacing: 0;}

body#about ul#nav-main, body#main ul#nav-main { margin-bottom: 11px; }

/* Site Structure */







#content {

	position:relative;

	clear: both;

	background-color: #FFFFFF;

	background-image: url(../images/littledot_v2.gif);

	background-repeat: repeat;

	width: 908px;

	height: 488px;

	margin-top: 0px;

	margin-right: 46px;

	margin-bottom: 0px;

	margin-left: 46px;

}

#top {

	position:relative;

	left:0px;

	top:0px;

	height:80px;

	text-align: left;

	margin: 3px 46px 0;

	background-color:#FFFFFF;

}

#mainmenu {

	clear: both;

	background-color:#FFFFFF;

	background-image: url(../images/littledot_v3.gif);

	background-repeat: repeat-x;

	width: 910px;

	height: 50px;

	margin-top: 0px;

	margin-right: 50px;

	margin-bottom: 0px;

	margin-left: 42px;

}

#col-left { width: 224px; float: left; margin: 0 7px 0 0; }

#col-mid { width: 508px; float: left; margin: 0 7px 0 0; }

#col-right { width: 219px; float: left; margin: 0; }

.mid-left { width: 248px; float: left;margin: 0 10px 0 0; }

.mid-right { width: 248px; float: left; }



/* Top & Logo */





#top a{ font-weight: 800; color: #76767c; text-decoration: none;}

#top a:hover { text-decoration:underline; }

#top span { color: #a6a6ab; }

h1#homeimage {

	width: 990px;

	height: 511px;

	font-size: 1em;

	overflow: hidden;

	position: relative;

	float: left;

	margin-top: 0px;

	margin-right: 50px;

	margin-bottom: 0px;

	margin-left: 50px;

}

#menu

{

padding:0;

margin:0;

white-space:nowrap;

list-style-type:none;

}

#menu li {display:inline;}

#menu li a:visited

{

	color:#fff;

	background-image: url(../images/mm_visited.gif);

	background-repeat: no-repeat;

}

#menu li a:hover

{

	color:#fff;

	background-image: url(../images/mm_active.gif);

	background-repeat: no-repeat;

}

#menu li a

{

background-image: url(../images/mm_default.gif);

float:left;

border:0px solid #000;

}







#BigDiv {

	position:absolute;

	left:0px;

	top:0px;

	width:990px;

	height:622px;

	z-index:1;

	/* background-color: #99FF00; */

}

/* Work Page content DIVs */

#whitespace {

	position:absolute;

	top:40px;

	background-color:#FFFFFF;

	height:396px;

	width:906px;

	line-height: 13px;

}

#one {

	position:absolute;

	width:225px;

	height:234px;

	background-color:#FFF;

	left: 3px;

	top:163px;

	font-family:"Courier New", Courier, monospace;

	font-size:11px;

		}

#two {

	position:absolute;

	width:225px;

	height:234px;

	background-color:#FFF;

	left: 243px;

	top:163px;

	font-family:"Courier New", Courier, monospace;

	font-size:11px;

		}

#three { 

	position:absolute;

	left: 483px;

	width:225px;

	height:234px;

	background-color:#FFF;

	top:163px;

	font-family:"Courier New", Courier, monospace;

	font-size:11px;

		}

#four { 

	position:absolute;

	left: 723px;

	width:182px;

	height:234px;

	background-color:#FFF;

	top:163px;

	font-family:"Courier New", Courier, monospace;

	font-size:11px;

		}



#one a:visited

{

	color:#000;

	text-decoration:none;

}

#one a:hover

{

	color:#000;

	background-color:#FFFF66;

	text-decoration:none;

}

#one a

{

	color:#000;

	text-decoration:none;

}

#two a:visited

{

	color:#000;

	text-decoration:none;

}

#two a:hover

{

	color:#000;

	background-color:#FFFF66;

	text-decoration:none;

}

#two a

{

	color:#000;

	text-decoration:none;

}

#three a:visited

{

	color:#000;

	text-decoration:none;

}

#three a:hover

{

	color:#000;

	background-color:#FFFF66;

	text-decoration:none;

}

#three a

{

	color:#000;

	text-decoration:none;

}

#four a:visited

{

	color:#000;

	text-decoration:none;

}

#four a:hover

{

	color:#000;

	background-color:#FFFF66;

	text-decoration:none;

}

#four a

{

	color:#000;

	text-decoration:none;

}

.optionspace

{ font-family:"Courier New", Courier, monospace;

font-size:9px;

}

#profile {

	position:absolute;

	width:186px;

	height:274px;

	background-color:#FFF;

	left: 3px;

	top:60px;

	font-family:"Courier New", Courier, monospace;

	font-size:11px;

	line-height: 13px;

		}

#awards {

	position:absolute;

	width:186px;

	height:204px;

	background-color:#FFF;

	left: 3px;

	top:60px;

	font-family:"Courier New", Courier, monospace;

	font-size:11px;

	line-height: 13px;

		}

#press {

	position:absolute;

	width:186px;

	height:411px;

	background-color:#FFF;

	left: 3px;

	top:60px;

	font-family:"Courier New", Courier, monospace;

	font-size:11px;

	line-height: 12px;

		}

#profiletop {

	position:absolute;

	top:0px;

	left: 201px;

	height:60px;

	width:700px;

}

#profilecontent {

	position:absolute;

	background-color:#FFF;

	top:60px;

	left: 213px;

	height:391px;

	width:700px;

}

#menutop

{

	padding:0;

	margin:0;

	white-space:nowrap;

	list-style-type:none;

	padding-left:4px;

	padding-top:22px;

}

#menutop li {display:inline;}

#menutop li a:visited

{

	color:#fff;

	background-image: url(../images/more_c.gif);

	background-repeat: no-repeat;

}

#menutop li a:hover

{

	color:#fff;

	background-image: url(../images/more_b.gif);

	background-repeat: no-repeat;

}

#menutop li a

{

background-image: url(../images/more_a.gif);

float:left;

border:0px solid #000;

}

#profile a:visited

{

	color:#000;

	text-decoration:none;

}

#profile a:hover

{

	color:#000;

	background-color:#FFFF66;

	text-decoration:none;

}

#profile a

{

	color:#000;

	text-decoration:none;

}

#press a:visited

{

	color:#000;

	text-decoration:none;

}

#press a:hover

{

	color:#000;

	background-color:#FFFF66;

	text-decoration:none;

}

#press a

{

	color:#000;

	text-decoration:none;

}

#awards a:visited

{

	color:#000;

	text-decoration:none;

}

#awards a:hover

{

	color:#000;

	background-color:#FFFF66;

	text-decoration:none;

}

#awards a

{

	color:#000;

	text-decoration:none;

}

#profileblurb {

	position:absolute;

	background-color:#FFF;

	top:60px;

	left: 539px;

	height:391px;

	width:361px;

	font-family:"Courier New", Courier, monospace;

	font-size:11px;

	line-height: 13px;

}

#contact {

	position:absolute;

	width:186px;

	height:174px;

	background-color:#FFF;

	left: 3px;

	top:60px;

	font-family:"Courier New", Courier, monospace;

	font-size:11px;

	line-height: 13px;

		}

#contact a:visited

{

	color:#000;

	text-decoration:none;

}

#contact a:hover

{

	color:#000;

	background-color:#FFFF66;

	text-decoration:none;

}

#contact a

{

	color:#000;

	text-decoration:none;

}