@charset "UTF-8";

/* project:kmAD version:010  date/time: 2011_03_05 17h00 */

/*
PALETTE
-----------------------
#ffffff white
# gray 85percent
#808080 gray 50percent
#595959 gray 35percent
#2e2e2e gray 18percent
#000000 black 0pecent
#9cbf30 kjP green
#688020 kjP dkgreen
-----------------------
*/

/*
scroll bar always visible
*/
html {overflow-y: scroll;}


/*
Main divs - size and position bg colors
overflow: auto;
*/
html {
background-color: #999999; 
background-color: #d1d1d1;
}

body {
    width: 1020;
    text-align: center;
    margin: auto; 
    padding: 0; 
    z-index: 0;
    background-color: #999999;
    background-color: #d1d1d1;
}

#header {
    text-align: left;
	width: 1020;
	margin: 0 0 0 0;
}

#navi_wrapper {
    position: absolute; left: 20px;
	width: 240; 
	margin: 0px auto;
	text-align: left;
	padding: 0px;
	background-color: #cc00000;
}

#content_wrapper {
    position: relative; top: 0; left: 280;
	width: 720;
	margin: 0px auto 40px auto;
	padding: 0;
	float: left;
	text-align: left;
	padding: 0px;
}

#footer {
    text-align: center;
    position: absolute; top: 1200;
	width: 1020;
	margin: 0 0 0 0;
}


/*
DEBUG - Font Styles - check for CSS leaks!
*/

h {
font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
font-size: 24px;
font-weight: none;
color: #bf00bf;
}

p {
font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
font-size: 18px; 
font-style: none;
font-weight: regular;
font-weight: normal;
color: #ff0000;
margin: 0;
padding: 0;
}

a {
font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
font-size: 18px;
font-style: none;
font-weight: normal;
color: #ffff00;
text-decoration: none;
}

a:hover {
font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
font-size: 18px;
font-style: none;
font-weight: normal;
color: #00ffff;
text-decoration: none;
}

/*
DEBUG DIV COLORS

.leftnav_header {
background-color: #f3f300;
}
.leftnav_lists {
background-color: #f30000;
}
.leftnav_archives {
background-color: #0000f3;
}
.leftnav_tags {
	background-color: #00f300;
}
.leftnav_archives {
	background-color: #0000f3;
}
*/

/* leftnav
*/

.leftnav_header {
	margin: 0 0 0 0;
	padding: 0;

}

.leftnav_lists {
	margin: 0 0 0 0;
	padding: 0;
	
}

.leftnav_tags {
	margin: 0 0 0 0;
	padding: 0;

}

.leftnav_archives {
	margin: 0 0 0 0;
	padding: 0;

}	
.leftnav_footer {
	margin: 0 0 0 0;
	padding: 0;

}	
/* 
header - size/position - text styles
*/
.header_bug {
margin: 0 0 0 0;
}

.header_logo {
margin: 10 0 0 0;
font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
    font-size: 18px;
    font-style: none;
    font-weight: regular;
    color: 2e2e2e;
	}

.header_tag {
margin: 0 0 0 0;
font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
    font-size: 13px;
    font-style: none;
    font-weight: regular;
    color: 2e2e2e;
	}

.header_desc {
margin: 0 0 0 0;
font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
    font-size: 13px;
    font-style: none;
    font-weight: regular;
    color: 2e2e2e;
	}	

/* 
header_contact - list styles
*/
.header_contact{
    margin-left: -40px;
    text-align: left;
    list-style: none;
}
.header_contact ul{

}
.header_contact li{

    display: inline;
}
.email_icon {
margin: 0 0 0 20;
}
/* 
contact- text styles
*/
.header_contact {
    font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
    font-size: 13px;
    font-style: none;
    font-weight: normal;
    color: #ffffff;
	}
	
.header_contact a{
    font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
	font-size: 13px;
    text-decoration: none;
    font-weight: normal;
    color: #2e2e2e;
}
	
.header_contact a:hover{
    font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
    font-size: 13px;
    text-decoration: none;
    font-weight: normal;
    color: #ffffff;
}

/* list_title */

.list_title {
    font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
    font-size: 13px;
    font-style: none;
    font-weight: normal;
    color: #ffffff;
    border-bottom: 1px solid #2e2e2e;
    width: 240px;
    margin: 4 0 0 0;
	}
	
.list_title a{
    font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
	font-size: 13px;
    text-decoration: none;
    font-weight: bold;
    color: #2e2e2e;
}
	
.list_title a:hover{
    font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
    font-size: 13px;
    text-decoration: none;
    font-weight: bold;
    color: #ffffff;
}

/* current_list_title */

.current_list_title {
    font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
    font-size: 13px;
    font-style: none;
    font-weight: normal;
    color: #ffffff;
    border-bottom: 1px solid #2e2e2e;
    width: 240px;
	}
	
.current_list_title a{
    font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
	font-size: 13px;
    text-decoration: none;
    font-weight: bold;
    color: #ffffff;
}
	
.current_list_title a:hover{
    font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
    font-size: 13px;
    text-decoration: none;
    font-weight: bold;
    color: #ffffff;
}
/* project_list */

.project_list{
    margin-left: -40px; margin-top: 10px;
    text-align: left;
    list-style: none;
}
.project_list ul{

}

.project_list li{
	border-bottom: 1px dotted #2e2e2e;
	width: 240px;
    display: block;
}

/* current_project_title */
.current_project_title {
    font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
    font-size: 13px;
    font-style: none;
    font-weight: normal;
    line-height: 150%;
    color: #ffffff;
	}
	
.current_project_title a{
    font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
	font-size: 13px;
    text-decoration: none;
    font-weight: normal;
    color: #ffffff;
    
}
	
.curent_project_title a:hover{
    font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
    font-size: 13px;
    text-decoration: none;
    font-weight: normal;
    color: #ffffff;
}
/* project_title */

.project_title {
    font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
    font-size: 13px;
    font-style: none;
    font-weight: normal;
    line-height: 150%;
    color: #ffffff;
	}
	
.project_title a{
    font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
	font-size: 13px;
    text-decoration: none;
    font-weight: normal;
    color: #2e2e2e;
    
}
	
.project_title a:hover{
    font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
    font-size: 13px;
    text-decoration: none;
    font-weight: normal;
    color: #ffffff;
}

/* Project : Shared
*/
.project_header {
    position: absolute; top: 60; left: 0;
	width: 720;
	margin: 0px auto;
	padding: 0 0 0 0;
	text-align: left;
}

.project_title_box {
    position: absolute; top: 0; left: 0;
	width: 355;
	margin: 0px auto;
	padding: 0 0 0 0;
	text-align: left;
}

.project_tag_box {
    position: absolute; top: 0; left: 365;
	width: 355;
	margin: 0px auto;
	padding: 0 0 0 0;
	text-align: left;
}	

.project_shelf {
    position: absolute; top: 148; left: 0;
    width: 720;
    /*
    background-color: #ff0000;*/
}

.video_shelf {
    position: absolute; top: 120; left: 0;
    width: 720; height; 375;
    text-align: left;
    /*
    background-color: #ff0000;*/
}
.project_desc_box {
    position: absolute; top: 0; left: 0;
	width: 355;
	margin: 16px auto;
	padding: 0 0 0 0;
	text-align: left;
}

.project_credits_box {
    position: absolute; top: 0; left: 365;
	width: 355;
	margin: 16px auto;
	padding: 0 0 0 0;
	text-align: left;
}

/* generic - not flowing...*/
.project_footer {
    text-align: left;
    position: relative; top: 0; left; 0;
	width: 720; 
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}





/* APOR */
.projectA1_footer {
    text-align: left;
    position: absolute; top: 12475; left; 0;
	width: 720; 
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

/* cyfac */
.projectC1_footer {
    text-align: left;
    position: absolute; top: 1790; left; 0;
	width: 720; 
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
/* dell KACE */
.projectD1_footer {
    text-align: left;
    position: absolute; top: 3500; left; 0;
	width: 720; 
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

/*DWYER */
.projectD2_footer {
    text-align: left;
    position: absolute; top: 5735; left; 0;
	width: 720; 
	margin: 0 0 0 0;
	padding: 0 0 30 0;
}
/*ebmo*/
.projectE1_footer {
    text-align: left;
    position: absolute; top: 3750; left; 0;
	width: 720; 
	margin: 0 0 0 0;
	padding: 0 0 30 0;
}
/* flip Launch*/
.projectF1_footer {
    text-align: left;
    position: absolute; top: 9000; left; 0;
	width: 720; 
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
/* flip Mino*/
.projectF2_footer {
    text-align: left;
    position: absolute; top: 8540; left; 0;
	width: 720; 
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

/* GreatScott */
.projectG1_footer {
    text-align: left;
    position: absolute; top: 9020; left; 0;
	width: 720; 
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

/* Halogen */
.projectH1_footer {
    text-align: left;
    position: absolute; top: 4795; left; 0;
	width: 720; 
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

/* Interarbor Solutions */
.projectI1_footer {
    text-align: left;
    position: absolute; top: 1070; left; 0;
	width: 720; 
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

/* KGO BCOMM */
.projectK1_footer {
    text-align: left;
    position: absolute; top: 1085; left; 0;
	width: 720; 
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

/* KGO BYON */
.projectK2_footer {
    text-align: left;
    position: absolute; top: 1230; left; 0;
	width: 720; 
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

/* KGO Wireless */
.projectK3_footer {
    text-align: left;
    position: absolute; top: 700; left; 0;
	width: 720; 
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

/* NIhello */
.projectN1_footer {
    text-align: left;
    position: absolute; top: 2120; left; 0;
	width: 720; 
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

/* NIspheres */
.projectN2_footer {
    text-align: left;
    position: absolute; top: 11375; left; 0;
	width: 720; 
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

/* NEW */
.projectN3_footer {
    text-align: left;
    position: absolute; top: 1755; left; 0;
	width: 720; 
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
/* RingGuide */
.projectR1_footer {
    text-align: left;
    position: absolute; top: 615; left; 0;
	width: 720; 
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

/* Rosa&Co */
.projectR2_footer {
    text-align: left;
    position: absolute; top: 3230; left; 0;
	width: 720; 
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

/* sfdc */
.projectS1_footer {
    text-align: left;
    position: absolute; top: 5990; left; 0;
	width: 720; 
	margin: 0 0 0 0;
	padding: 0 0 30 0;
}

/* sff */
.projectS2_footer {
    text-align: left;
    position: absolute; top: 1890; left; 0;
	width: 720; 
	margin: 0 0 0 0;
	padding: 0 0 30 0;
}

/* smolkSignal */
.projectS3_footer {
    text-align: left;
    position: absolute; top: 4825; left; 0;
	width: 720; 
	margin: 0 0 0 0;
	padding: 0 0 30 0;
}

/* soup */
.projectS4_footer {
    text-align: left;
    position: absolute; top: 5375; left; 0;
	width: 720; 
	margin: 0 0 0 0;
	padding: 0 0 30 0;
}

/* s4a */
.projectS5_footer {
    text-align: left;
    position: absolute; top: 4875; left; 0;
	width: 720; 
	margin: 0 0 0 0;
	padding: 0 0 30 0;
}

/*studysync corp */
.project4_footer {
    text-align: left;
    position: absolute; top: 9635; left; 0;
	width: 720; 
	margin: 0 0 0 0;
	padding: 0 0 30 0;
}
/*studysync web app */
.project3_footer {
    text-align: left;
    position: absolute; top: 9725; left; 0;
	width: 720; 
	margin: 0 0 0 0;
	padding: 0 0 30 0;
}

/*VALP */
.projectV1_footer {
    text-align: left;
    position: absolute; top: 9175; left; 0;
	width: 720; 
	margin: 0 0 0 0;
	padding: 0 0 30 0;
}

/*VISA  concierge */
.projectV2_footer {
    text-align: left;
    position: absolute; top: 2000; left; 0;
	width: 720; 
	margin: 0 0 0 0;
	padding: 0 0 30 0;
}

/*VMDK */
.projectV3_footer {
    text-align: left;
    position: absolute; top: 5765; left; 0;
	width: 720; 
	margin: 0 0 0 0;
	padding: 0 0 30 0;
}

/*WFvS */
.projectW1_footer {
    text-align: left;
    position: absolute; top: 3880; left; 0;
	width: 720; 
	margin: 0 0 0 0;
	padding: 0 0 30 0;
}

/* 
project_label  
*/
.project_label {
font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
    font-size: 11px;
    font-style: none;
    font-weight: normal;
    line-height: 120%;
    text-transform: uppercase;
    color: #ffffff;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.project_label a{
font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
    font-size: 11px;
    font-style: none;
    font-weight: normal;
    line-height: 100%;
    color: #cccccc;
}
.project_label a:hover{
font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
    font-size: 11px;
    font-style: none;
    font-weight: normal;
    line-height: 100%;
    color: #ffffff;
}

/* 
detail_label  
*/
.detail_label {
font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
    font-size: 11px;
    font-style: none;
    font-weight: normal;
    line-height: 300%;
    color: #ffffff;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.detail_label a{
font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
    font-size: 11px;
    font-style: none;
    font-weight: normal;
    line-height: 300%;
    color: #688020;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.detail_label a:hover{
font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
    font-size: 11px;
    font-style: none;
    font-weight: normal;
    line-height: 300%;
    color: #FFFFFF;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
/* 
project_category 
*/
.project_category {
font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
    font-size: 11px;
    font-style: none;
    font-weight: normal;
    line-height: 100%;
    color: #cccccc;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.project_category a{
font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
    font-size: 11px;
    font-style: none;
    font-weight: normal;
    line-height: 100%;
    color: #2e2e2e;
}
.project_category a:hover{
font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
    font-size: 11px;
    font-style: none;
    font-weight: normal;
    line-height: 100%;
    color: #ffffff;
}
/* 
project_tags
*/
.project_tags {
font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
    font-size: 13px;
    font-style: none;
    font-weight: normal;
    line-height: 100%;
    color: #cccccc;
    color: #808080;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.project_tags a{
font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
    font-size: 13px;
    font-style: none;
    font-weight: normal;
    line-height: 100%;
    color: #cccccc ;
     color: #808080;
}
.project_tags a:hover{
font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
    font-size: 13px;
    font-style: none;
    font-weight: normal;
    line-height: 100%;
    color: #ffffff;
}

/* 
project_desc
*/
.project_desc {
font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
    font-size: 13px;
    font-style: none;
    font-weight: normal;
    line-height: 120%;
    color: #2e2e2e;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
.project_desc a{
font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
    font-size: 13px;
    font-style: none;
    font-weight: normal;
    color: #cccccc;
     color: #808080;
}
.project_desc a:hover{
font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
    font-size: 13px;
    font-style: none;
    font-weight: normal;
    color: #ffffff;
}
/* 
project_name
*/
.project_name {
font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
    font-size: 18px;
    font-style: none;
    font-weight: normal;
    line-height: 100%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    color: #2e2e2e;
}

.project_name a{
font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
    font-size: 11px;
    font-style: none;
    font-weight: normal;
    line-height: 100%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    color: #688020;
}

.project_name a:hover{
font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
    font-size: 11px;
    font-style: none;
    font-weight: normal;
    line-height: 100%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    color: #ffffff;
}
/* 
project_shadowbox
*/
.project_shadowbox {
	width: 720;
	margin: 10px auto;
	padding: 0;
	float: center;
	text-align: left;
	padding: 0px;
	background-color: #ffffff;
	-moz-box-shadow: 5px 5px 9px #808080;
	-webkit-box-shadow: 5px 5px 9px #808080;
	box-shadow: 5px 5px 9px #808080;
}

/* 
project_shadowbox640
*/
.project_shadowbox640 {
	width: 640;
	margin: 10px auto;
	padding: 0;
	float: center;
	text-align: left;
	padding: 0px;
	background-color: #ffffff;
	-moz-box-shadow: 5px 5px 9px #808080;
	-webkit-box-shadow: 5px 5px 9px #808080;
	box-shadow: 5px 5px 9px #808080;
}


/* 
video_detail
*/
.video_detail {
	width: 640; height: 375;
	margin: 10px auto;
	padding: 0;
	float: center;
	text-align: left;
	padding: 0px;
	background-color: #ffffff;
	-moz-box-shadow: 5px 5px 9px #808080;
	-webkit-box-shadow: 5px 5px 9px #808080;
	box-shadow: 5px 5px 9px #808080;
}

/* Project Details: Project 7: Soup
*/
.project7_detail1 {
	width: 720;
	margin: 0px auto;
	padding: 0;
	float: right;
	text-align: left;
	padding: 0px;
	border: 1px solid #d1d1d1;
	background-color: #ffffff;
	-moz-box-shadow: 5px 5px 9px #808080;
	-webkit-box-shadow: 5px 5px 9px #808080;
	box-shadow: 5px 5px 9px #808080;
}
.project7_detail2 {
	width: 720;
	margin: 0px auto;
	padding: 0;
	float: right;
	text-align: left;
	padding: 0px;
	border: 1px solid #d1d1d1;
	background-color: #ffffff;
	-moz-box-shadow: 5px 5px 9px #808080;
	-webkit-box-shadow: 5px 5px 9px #808080;
	box-shadow: 5px 5px 9px #808080;
}

.project7_detail3 {
	width: 720;
	margin: 0px auto;
	padding: 0;
	float: right;
	text-align: left;
	padding: 0px;
	border: 1px solid #d1d1d1;
	background-color: #ffffff;
	-moz-box-shadow: 5px 5px 9px #808080;
	-webkit-box-shadow: 5px 5px 9px #808080;
	box-shadow: 5px 5px 9px #808080;
}

/* Project Details: Project 6: Dwyer
*/

.project6_detail1 {
	width: 720;
	margin: 0px auto;
	padding: 0;
	float: right;
	text-align: left;
	padding: 0px;
	border: 1px solid #d1d1d1;
	background-color: #ffffff;
	-moz-box-shadow: 5px 5px 9px #808080;
	-webkit-box-shadow: 5px 5px 9px #808080;
	box-shadow: 5px 5px 9px #808080;
}
.project6_detail2 {
	width: 720;
	margin: 0px auto;
	padding: 0;
	float: right;
	text-align: left;
	padding: 0px;
	border: 1px solid #d1d1d1;
	background-color: #ffffff;
	-moz-box-shadow: 5px 5px 9px #808080;
	-webkit-box-shadow: 5px 5px 9px #808080;
	box-shadow: 5px 5px 9px #808080;
}

.project6_detail3 {
	width: 720;
	margin: 0px auto;
	padding: 0;
	float: right;
	text-align: left;
	padding: 0px;
	border: 1px solid #d1d1d1;
	background-color: #ffffff;
	-moz-box-shadow: 5px 5px 9px #808080;
	-webkit-box-shadow: 5px 5px 9px #808080;
	box-shadow: 5px 5px 9px #808080;
}
.project6_detail4 {
	width: 720;
	margin: 10px auto;
	padding: 0;
	float: right;
	text-align: left;
	padding: 0px;
	border: 1px solid #d1d1d1;
	background-color: #ffffff;
	-moz-box-shadow: 5px 5px 9px #808080;
	-webkit-box-shadow: 5px 5px 9px #808080;
	box-shadow: 5px 5px 9px #808080;
}

/* Project Details: Project 4: ss3_corp
*/
.project4_detail1 {
	width: 720;
	margin: 10px auto;
	padding: 0;
	float: right;
	text-align: left;
	padding: 0px;
	border: 1px solid #d1d1d1;
	background-color: #ffffff;
	-moz-box-shadow: 5px 5px 9px #808080;
	-webkit-box-shadow: 5px 5px 9px #808080;
	box-shadow: 5px 5px 9px #808080;
}
.project4_detail2 {
	width: 720;
	margin: 10px auto;
	padding: 0;
	float: right;
	text-align: left;
	padding: 0px;
	border: 1px solid #d1d1d1;
	background-color: #ffffff;
	-moz-box-shadow: 5px 5px 9px #808080;
	-webkit-box-shadow: 5px 5px 9px #808080;
	box-shadow: 5px 5px 9px #808080;
}
.project4_detail3 {
	width: 720;
	margin: 10px auto;
	padding: 0;
	float: right;
	text-align: left;
	padding: 0px;
	border: 1px solid #d1d1d1;
	background-color: #ffffff;
	-moz-box-shadow: 5px 5px 9px #808080;
	-webkit-box-shadow: 5px 5px 9px #808080;
	box-shadow: 5px 5px 9px #808080;
}

.project4_detail4 {
	width: 720;
	margin: 10px auto;
	padding: 0;
	float: right;
	text-align: left;
	padding: 0px;
	border: 1px solid #d1d1d1;
	background-color: #ffffff;
	-moz-box-shadow: 5px 5px 9px #808080;
	-webkit-box-shadow: 5px 5px 9px #808080;
	box-shadow: 5px 5px 9px #808080;
}

/* ABOUT
-------- */


.about_header {
    position: absolute; top: 72; left: 0;
	width: 720;
	margin: 0px auto;
	padding: 0 0 0 0;
	text-align: left;
}

/* 
project_name
*/
.about_title_box {
    position: absolute; top: 0; left: 0;
	width: 720;
	margin: 0px auto;
	padding: 0 0 0 0;
	text-align: left;
}
.about_mission {
font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
    font-size: 18px;
    font-style: none;
    font-weight: normal;
    line-height: 100%;
    color: #2e2e2e;
    
    width: 640;
	margin: 20px auto;
	padding: 0 0 0 0;
	text-align: left;    
}

.about_shelf {
    position: absolute; top: 90; left: 0;
    width: 720;
    /*
    background-color: #ff0000;*/
}

.about_desc_box {
	width: 720;
	margin: 0px auto;
	padding: 0 0 0 0;
	text-align: left;
}

/* 
about_label  
*/
.about_label {
font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
    font-size: 11px;
    font-style: none;
    font-weight: normal;
    line-height: 120%;
    text-transform: uppercase;
    color: #ffffff;
    margin: 20 0 0 0;
    padding: 0 0 0 0;
}

.about_label a{
font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
    font-size: 11px;
    font-style: none;
    font-weight: normal;
    line-height: 100%;
    color: #cccccc;
}
.about_label a:hover{
font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
    font-size: 11px;
    font-style: none;
    font-weight: normal;
    line-height: 100%;
    color: #ffffff;
}

.about_desc {
font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
    font-size: 13px;
    font-style: none;
    font-weight: normal;
    line-height: 120%;
    color: #2e2e2e;
    
    width: 640;
	margin: 20px auto;
	padding: 0 0 0 0;
	text-align: left;    
}

.about_desc a{
font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
    font-size: 13px;
    font-style: none;
    font-weight: normal;
    line-height: 120%;
    color: #808080;
    
    width: 640;
	margin: 20px auto;
	padding: 0 0 0 0;
	text-align: left;    
}

.about_desc a:hover{
font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
    font-size: 13px;
    font-style: none;
    font-weight: normal;
    line-height: 100%;
    color: #ffffff;
    
    width: 640;
	margin: 20px auto;
	padding: 0 0 0 0;
	text-align: left;    
}


.about_detail1 {
	width: 640;
	margin: 20px auto;
	padding: 0;
	text-align: left;
	background-color: #ffffff;
	-moz-box-shadow: 5px 5px 9px #808080;
	-webkit-box-shadow: 5px 5px 9px #808080;
	box-shadow: 5px 5px 9px #808080;
}


.about_brand_bucket{
	width: 640;height: 540;
	margin: 20px auto;
	padding: 10 0 0 0;
	text-align: left;   
	background-color: ffffff;
		-moz-box-shadow: 5px 5px 9px #808080;
	-webkit-box-shadow: 5px 5px 9px #808080;
	box-shadow: 5px 5px 9px #808080;
}

.about_awards_bucket{
	width: 640;height: 90;
	margin: 20px auto;
	padding: 10 0 0 0;
	text-align: left;   
	background-color: ffffff;
		-moz-box-shadow: 5px 5px 9px #808080;
	-webkit-box-shadow: 5px 5px 9px #808080;
	box-shadow: 5px 5px 9px #808080;
}

.about_detail2 {
    width:160; height:160;
	margin: 10 0 0 20;
	padding: 0;
    display: inline;
	background-color: #ffffff;

}

.about_detail3 {
    width:160; height:160;
	margin: 10 0 0 20;
	padding: 0;
    display: inline;
	}
	
.about_download_bucket{
	width: 355;height: 90;
	margin: 10px 40 0 0;
	padding: 0 0 0 0;
	text-align: left;   
}	

.about_colophon_bucket{
	width: 640;height: 90;
	margin: 10px 400 0 0 ;
	padding: 0 0 0 0;
	text-align: left;   
	
}

/* Storyboard Bucket
---------------------- */

.storyboard_ebmo{
	width: 720;
	margin: 10px auto;
	padding: 0 0 0 0;
	text-align: left;   
	background-color: ffffff;
	-moz-box-shadow: 5px 5px 9px #808080;
	-webkit-box-shadow: 5px 5px 9px #808080;
	box-shadow: 5px 5px 9px #808080;
}

.storyboard_bucket{
	width: 720;
	margin: 10px auto;
	padding: 0 0 0 0;
	text-align: left;   
	background-color: ffffff;
	-moz-box-shadow: 5px 5px 9px #808080;
	-webkit-box-shadow: 5px 5px 9px #808080;
	box-shadow: 5px 5px 9px #808080;
}

.storyboard_detail {
    border: none:
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	display: inline;
	}
	
/* Home Page ------------------------------------------------------------------------------------ */
.home_header {
    position: absolute; top: 0; left: 0;
	width: 720;
	margin: 0px auto;
	padding: 0 0 0 0;
	text-align: left;
}

.home_title_box {
    position: absolute; top: 48; left: 0;
	width: 720;
	margin: 20px auto;
	padding: 0 0 0 0;
	text-align: left;
}

.home_shelf {
    position: absolute; top: 144; left: 0;
    width: 720;
    /*
    background-color: #ff0000;*/
}

.home_mission {
font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
    font-size: 21px;
    font-style: none;
    font-weight: normal;
    line-height: 120%;
    color: #2e2e2e;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

/* 
home_label  
*/
.home_label {
font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
    font-size: 15px;
    font-style: none;
    font-weight: normal;
    line-height: 120%;
    text-transform: uppercase;
    color: #2e2e2e;
    margin: 20 0 0 0;
    padding: 0 0 0 0;
}

.home_label a{
font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
    font-size: 15px;
    font-style: none;
    font-weight: normal;
    line-height: 100%;
    color: #cccccc;
}

.home_label a:hover{
font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
    font-size: 15px;
    font-style: none;
    font-weight: normal;
    line-height: 100%;
    color: #ffffff;
    
}

/* Home Buckets
---------------------- */
.home_desc_box {
	width: 720;
	margin: 0px auto;
	padding: 0 0 0 0;
	text-align: left;
}

/* Home Buckets
---------------------- */
.home_slideshow_bucket{
	width: 720;
	margin: 10px auto;
	padding: 0 0 0 0;
	text-align: left;   
	background-color: ffffff;
	-moz-box-shadow: 5px 5px 9px #808080;
	-webkit-box-shadow: 5px 5px 9px #808080;
	box-shadow: 5px 5px 9px #808080;
}

.home_recent_bucket{
	width: 720;
	margin: 40px auto 0 auto;
	padding: 0 0 0 0;
	text-align: left;   
	background-color: ffffff;
	-moz-box-shadow: 5px 5px 9px #808080;
	-webkit-box-shadow: 5px 5px 9px #808080;
	box-shadow: 5px 5px 9px #808080;
}

.home_archive_bucket{
	width: 720;
	margin:40px auto 0 auto;
	padding: 0 0 0 0;
	text-align: left;   
	background-color: ffffff;
	-moz-box-shadow: 5px 5px 9px #808080;
	-webkit-box-shadow: 5px 5px 9px #808080;
	box-shadow: 5px 5px 9px #808080;
}

.home_detail1 {
	width: 720;
	margin: 0px;
	padding: 0px;
	}

/*  Thumbs as Sprites 
    ------------------------------------------------------------------------------
*/

/*  APOR 
    --------
*/

.thumb_APOR {
    display: block;
	width: 720; height:405;
    background: url("../img/thumbs/thumb_APOR.jpg");
    background-position: 0 0px;
    margin: 0 0 0 0;
    padding: 0px;
	}
	

.thumb_APOR:hover{
	background-position:0 -405px;
	outline: none;
	}
	
.thumb_APOR:active{
	background-position: 0 0px;
	outline: none;
	}

.thumb_APOR span{
  position: absolute; top:-999em;
}

/*  cyfac 
    --------
*/

.thumb_cyfac {
    display: block;
	width: 720; height:405;
    background: url("../img/thumbs/thumb_cyfac.jpg");
    background-position: 0 0px;
    margin: 0 0 0 0;
    padding: 0px;
	}
	

.thumb_cyfac:hover{
	background-position:0 -405px;
	outline: none;
	}
	
.thumb_cyfac:active{
	background-position: 0 0px;
	outline: none;
	}

.thumb_cyfac span{
  position: absolute; top:-999em;
}

/*  DellKACE 
    --------
*/

.thumb_DellKACE {
    display: block;
	width: 720; height:405;
    background: url("../img/thumbs/thumb_DellKACE.jpg");
    background-position: 0 0px;
    margin: 0 0 0 0;
    padding: 0px;
	}
	

.thumb_DellKACE:hover{
	background-position:0 -405px;
	outline: none;
	}
	
.thumb_DellKACE:active{
	background-position: 0 0px;
	outline: none;
	}

.thumb_DellKACE span{
  position: absolute; top:-999em;
}

/*  IAS 
    --------
*/

.thumb_IAS {
    display: block;
	width: 720; height:405;
    background: url("../img/thumbs/thumb_IAS.jpg");
    background-position: 0 0px;
    margin: 0 0 0 0;
    padding: 0px;
	}
	

.thumb_IAS:hover{
	background-position:0 -405px;
	outline: none;
	}
	
.thumb_IAS:active{
	background-position: 0 0px;
	outline: none;
	}

.thumb_IAS span{
  position: absolute; top:-999em;
}

/*  flipLaunch 
    --------
*/

.thumb_flipLaunch {
    display: block;
	width: 720; height:405;
    background: url("../img/thumbs/thumb_flipLaunch.jpg");
    background-position: 0 0px;
    margin: 0 0 0 0;
    padding: 0px;
	}
	

.thumb_flipLaunch:hover{
	background-position:0 -405px;
	outline: none;
	}
	
.thumb_flipLaunch:active{
	background-position: 0 0px;
	outline: none;
	}

.thumb_flipLaunch span{
  position: absolute; top:-999em;
}

/*  flipMino 
    --------
*/

.thumb_flipMino {
    display: block;
	width: 720; height:405;
    background: url("../img/thumbs/thumb_flipMino.jpg");
    background-position: 0 0px;
    margin: 0 0 0 0;
    padding: 0px;
	}
	

.thumb_flipMino:hover{
	background-position:0 -405px;
	outline: none;
	}
	
.thumb_flipMino:active{
	background-position: 0 0px;
	outline: none;
	}

.thumb_flipMino span{
  position: absolute; top:-999em;
}

/*  GreatScott 
    --------
*/

.thumb_GreatScott {
    display: block;
	width: 720; height:405;
    background: url("../img/thumbs/thumb_GreatScott.jpg");
    background-position: 0 0px;
    margin: 0 0 0 0;
    padding: 0px;
	}
	

.thumb_GreatScott:hover{
	background-position:0 -405px;
	outline: none;
	}
	
.thumb_GreatScott:active{
	background-position: 0 0px;
	outline: none;
	}

.thumb_GreatScott span{
  position: absolute; top:-999em;
}

/*  KGO BYON Cars
    --------
*/

.thumb_KGO_BYON_Cars {
    display: block;
	width: 720; height:405;
    background: url("../img/thumbs/thumb_KGO_BYON_Cars.jpg");
    background-position: 0 0px;
    margin: 0 0 0 0;
    padding: 0px;
	}
	

.thumb_KGO_BYON_Cars:hover{
	background-position:0 -405px;
	outline: none;
	}
	
.thumb_KGO_BYON_Cars:active{
	background-position: 0 0px;
	outline: none;
	}

.thumb_KGO_BYON_Cars span{
  position: absolute; top:-999em;
}

/*  NI_spheres 
    --------
*/

.thumb_NIspheres {
    display: block;
	width: 720; height:405;
    background: url("../img/thumbs/thumb_NIspheres.jpg");
    background-position: 0 0px;
    margin: 0 0 0 0;
    padding: 0px;
	}
	
.thumb_NIspheres:hover{
	background-position:0 -405px;
	outline: none;
	}
	
.thumb_NIspheres:active{
	background-position: 0 0px;
	outline: none;
	}

.thumb_NIspheres span{
  position: absolute; top:-999em;
}
 
/*  NEW
    --------
*/

.thumb_NEW {
    display: block;
	width: 720; height:405;
    background: url("../img/thumbs/thumb_NEW.jpg");
    background-position: 0 0px;
    margin: 0 0 0 0;
    padding: 0px;
	}
	

.thumb_NEW:hover{
	background-position:0 -405px;
	outline: none;
	}
	
.thumb_NEW:active{
	background-position: 0 0px;
	outline: none;
	}

.thumb_NEW span{
  position: absolute; top:-999em;
}
 
 
/*  RingGuide3_GN
    --------
*/

.thumb_RingGuide3_GN {
    display: block;
	width: 720; height:405;
    background: url("../img/thumbs/thumb_RingGuide3_GN.jpg");
    background-position: 0 0px;
    margin: 0 0 0 0;
    padding: 0px;
	}
	

.thumb_RingGuide3_GN:hover{
	background-position:0 -405px;
	outline: none;
	}
	
.thumb_RingGuide3_GN:active{
	background-position: 0 0px;
	outline: none;
	}

.thumb_RingGuide3_GN span{
  position: absolute; top:-999em;
}
 
/*  Rosa
    --------
*/

.thumb_Rosa {
    display: block;
	width: 720; height:405;
    background: url("../img/thumbs/thumb_Rosa.jpg");
    background-position: 0 0px;
    margin: 0 0 0 0;
    padding: 0px;
	}
	

.thumb_Rosa:hover{
	background-position:0 -405px;
	outline: none;
	}
	
.thumb_Rosa:active{
	background-position: 0 0px;
	outline: none;
	}

.thumb_Rosa span{
  position: absolute; top:-999em;
} 
 
/*  SFDC
    --------
*/

.thumb_SFDC {
    display: block;
	width: 720; height:405;
    background: url("../img/thumbs/thumb_SFDC3.jpg");
    background-position: 0 0px;
    margin: 0 0 0 0;
    padding: 0px;
	}
	

.thumb_SFDC:hover{
	background-position:0 -405px;
	outline: none;
	}
	
.thumb_SFDC:active{
	background-position: 0 0px;
	outline: none;
	}

.thumb_SFDC span{
  position: absolute; top:-999em;
} 
 

/* Smolk Signal */

.thumb_SmolkSignal {
    display: block;
	width: 720; height:405;
    background: url("../img/thumbs/thumb_SmolkSignal.jpg");
    background-position: 0 0px;
    margin: 0 0 0 0;
    padding: 0px;
	}
	

.thumb_SmolkSignal:hover{
	background-position:0 -405px;
	outline: none;
	}
	
.thumb_SmolkSignal:active{
	background-position: 0 0px;
	outline: none;
	}

.thumb_SmolkSignal span{
  position: absolute; top:-999em;
} 
 
 
/* Salesforce Foundation */

.thumb_SFF {
    display: block;
	width: 720; height:405;
    background: url("../img/thumbs/thumb_SFF.jpg");
    background-position: 0 0px;
    margin: 0 0 0 0;
    padding: 0px;
	}
	

.thumb_SFF:hover{
	background-position:0 -405px;
	outline: none;
	}
	
.thumb_SFF:active{
	background-position: 0 0px;
	outline: none;
	}

.thumb_SFF span{
  position: absolute; top:-999em;
}
/* s4a */

.thumb_s4a {
    display: block;
	width: 720; height:405;
    background: url("../img/thumbs/thumb_s4a.jpg");
    background-position: 0 0px;
    margin: 0 0 0 0;
    padding: 0px;
	}
	

.thumb_s4a:hover{
	background-position:0 -405px;
	outline: none;
	}
	
.thumb_s4a:active{
	background-position: 0 0px;
	outline: none;
	}

.thumb_s4a span{
  position: absolute; top:-999em;
} 
 
/* VALP */

.thumb_VALP  {
    display: block;
	width: 720; height:405;
    background: url("../img/thumbs/thumb_VALP.jpg");
    background-position: 0 0px;
    margin: 0 0 0 0;
    padding: 0px;
	}
	

.thumb_VALP:hover{
	background-position:0 -405px;
	outline: none;
	}
	
.thumb_VALP:active{
	background-position: 0 0px;
	outline: none;
	}

.thumb_VALP  span{
  position: absolute; top:-999em;
} 
 
/* VICO */

.thumb_VICO  {
    display: block;
	width: 720; height:405;
    background: url("../img/thumbs/thumb_VICO.jpg");
    background-position: 0 0px;
    margin: 0 0 0 0;
    padding: 0px;
	}
	

.thumb_VICO:hover{
	background-position:0 -405px;
	outline: none;
	}
	
.thumb_VICO:active{
	background-position: 0 0px;
	outline: none;
	}

.thumb_VICO  span{
  position: absolute; top:-999em;
} 
 
 /* VMDK */

.thumb_VMDK  {
    display: block;
	width: 720; height:405;
    background: url("../img/thumbs/thumb_VMDK.jpg");
    background-position: 0 0px;
    margin: 0 0 0 0;
    padding: 0px;
	}
	

.thumb_VMDK:hover{
	background-position:0 -405px;
	outline: none;
	}
	
.thumb_VMDK:active{
	background-position: 0 0px;
	outline: none;
	}

.thumb_VMDK  span{
  position: absolute; top:-999em;
} 
 
/* WFvS */

.thumb_WFvS  {
    display: block;
	width: 720; height:405;
    background: url("../img/thumbs/thumb_WFvS.jpg");
    background-position: 0 0px;
    margin: 0 0 0 0;
    padding: 0px;
	}
	

.thumb_WFvS:hover{
	background-position:0 -405px;
	outline: none;
	}
	
.thumb_WFvS:active{
	background-position: 0 0px;
	outline: none;
	}

.thumb_WFvS  span{
  position: absolute; top:-999em;
}   
/*  Soup 
    --------
*/

.thumb_Soup {
    display: block;
	width: 720; height:405;
    background: url("../img/thumbs/thumb_Soup.jpg");
    background-position: 0 0px;
    margin: 0 0 0 0;
    padding: 0px;
	}
	

.thumb_Soup:hover{
	background-position:0 -405px;
	outline: none;
	}
	
.thumb_Soup:active{
	background-position: 0 0px;
	outline: none;
	}

.thumb_Soup span{
  position: absolute; top:-999em;
}

/*  ssCs
    --------
*/

.thumb_ssCs {
    display: block;
	width: 720; height:405;
    background: url("../img/thumbs/thumb_ssCs.jpg");
    background-position: 0 0px;
    margin: 0 0 0 0;
    padding: 0;
	}
	

.thumb_ssCs:hover{
	background-position:0 -405px;
	outline: none;
	}
	
.thumb_ssCs:active{
	background-position: 0 0px;
	outline: none;
	}

.thumb_ssCs span{
  position: absolute; top:-999em;
}

/*  ssWa
    --------
*/

.thumb_ssWa {
    display: block;
	width: 720; height:405;
    background: url("../img/thumbs/thumb_ssWa.jpg");
    background-position: 0 0px;
    margin: 0 0 0 0;
    padding: 0;
	}
	

.thumb_ssWa:hover{
	background-position:0 -405px;
	outline: none;
	}
	
.thumb_ssWa:active{
	background-position: 0 0px;
	outline: none;
	}

.thumb_ssWa span{
  position: absolute; top:-999em;
}

/*  DWYER
    --------
*/

.thumb_DWYER {
    display: block;
	width: 720; height:405;
    background: url("../img/thumbs/thumb_DWYER.jpg");
    background-position: 0 0px;
    margin: 0 0 0 0;
    padding: 0;
	}
	

.thumb_DWYER:hover{
	background-position:0 -405px;
	outline: none;
	}
	
.thumb_DWYER:active{
	background-position: 0 0px;
	outline: none;
	}

.thumb_DWYER span{
  position: absolute; top:-999em;
}

/*  ebay
    --------
*/

.thumb_ebay {
    display: block;
	width: 720; height:405;
    background: url("../img/thumbs/thumb_ebay.jpg");
    background-position: 0 0px;
    margin: 0 0 0 0;
    padding: 0;
	}
	

.thumb_ebay:hover{
	background-position:0 -405px;
	outline: none;
	}
	
.thumb_ebay:active{
	background-position: 0 0px;
	outline: none;
	}

.thumb_ebay span{
  position: absolute; top:-999em;
}

/*  NIhello
    --------
*/

.thumb_NIhello{
    display: block;
	width: 720; height:405;
    background: url("../img/thumbs/thumb_NIhello.jpg");
    background-position: 0 0px;
    margin: 0 0 0 0;
    padding: 0;
	}
	

.thumb_NIhello:hover{
	background-position:0 -405px;
	outline: none;
	}
	
.thumb_NIhello:active{
	background-position: 0 0px;
	outline: none;
	}

.thumb_NIhello span{
  position: absolute; top:-999em;
}


/* 

	background: url("../img/thumb/thumb_Soup.jpg") no-repeat 0 0;
*/

/*
	home_contact - list styles
    ------------------------------------------------------------------------------
*/
.home_contact{
    margin-left: -30px;
    text-align: left;
    list-style: none;
}
.home_contact ul{

}
.home_contact li{

    display: inline;
}

.home_phone_link {
margin: 0 0 0 10;
}


.home_email_icon {
margin: 0 0 0 290;
}

.home_email_link {
margin: 0 0 0 10;
}
/* 
contact- text styles
*/
.home_contact {
    font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
    font-size: 24px;
    font-style: none;
    font-weight: normal;
    color: #ffffff;
	}
	
.home_contact a{
    font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
	font-size: 24px;
    text-decoration: none;
    font-weight: normal;
    color: #2e2e2e;
}
	
.home_contact a:hover{
    font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
    font-size: 24px;
    text-decoration: none;
    font-weight: normal;
    color: #ffffff;
}

/* KMvfx link */

.KMvfx_link a{
    display: block;
	width: 120; height:60;
    background: url("../img/art/kjP_ART_KMvfx_link.png");
    background-position: 0 0px;
    margin: 0 0 0 0;
    padding: 0px;
	}
	

.KMvfx_link a:hover{
	background-position:120 0px;
	outline: none;
	}
 
 
/* WORKRAROUNDS - Kirk 
---------------------- */
.home_divider {
    border-top: 1px dotted #2e2e2e;
}

.content_divider {
    border-top: 1px dotted #2e2e2e;
}
.section_divider {
    color: #3399cc; background-color: #3399cc;border: none; width: 240; height: 1;
 }
 
 .divider {
    color: #2e2e2e; background-color: #2e2e2e; border: none; width: 240; height: 1; float: left;
 }
 
 .dotted_divider {
    color: #2e2e2e; background-color: #2e2e2e; border: none; width: 240; height: 1; float: left;
 }
 .empty_line {
    color: #FFFFFF;
 }

.TEST {
    color: #bf00bf;
 }
 

/* EOF */