@charset "UTF-8";

/* project:kjP version:001  date/time: 2011_03_23 21h00 */

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

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


/*
Main divs - size and position bg colors
overflow: auto;
*/
html {
height: 100%
background-color: #9cbf30;
}

body {
	height: 100%;
    width: 640; 
    text-align: center;
    margin: 0 auto; 
    padding: 0; 
    background-color: #9cbf30;
}

.content_wrapper {
	width: 640;
	min-width: 640;
	min-height: 100%;
	height: auto !important;
	height: 100%;	
	margin: 0px auto -90px;
	padding: 0;
	float: left;
	text-align: left;
	padding: 0px;
}

.push {
height: 120px;
}

.footer {
    text-align: center;
    height: 90px;
	margin: 0 auto;
}


/*
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;
}
*/

/* kjP_placeholder */

#kjP_placeholder{
    display: block;
	width: 640; height:774;
	position: absolute; top:0;
    background: url("../img/art/kjP_STYLE_Splash_640.001.jpg");
    background-position: 0 0px;
    margin: 0 auto;
    padding: 0px;
    z-index: 10;
    opacity: 0.25;
	}

/* kjP logo*/

/* kjP logo*/

.kjP_logo_box{
/*
    top: 10%
    display: block;
	width: 640; height; 120;
	*/
    margin: 20 auto;
    padding: 0px;
    z-index: 20;
	}
	
.kjP_logo{
    display: block;
	width: 500; height:75;
    background: url("../img/art/kjP_logo_onGreen.jpg");
    background-position: 0 0px;
    margin: 0 auto 0 70;
    padding: 0px;
    z-index: 20;
	}
	

	
/* kjP links - list style */

.kjP_links{
    text-align: left;
    list-style: none;
    position: absolute;
    top: 50%; left: 50%;
    margin-top: -120;
    margin-left: -300;
    margin-right: auto;
    overflow: auto;
    padding: 0;
    z-index: 20;
}

.kjP_links ul{
}

.kjP_links li{
    display: inline;
}

/* kmAD link */

.kmAD_link a{
float: left;
    display: block;
	width: 200; height:240;
    background: url("../img/art/kjP_ART_Splash_kmAD.png");
    background-position: 0 0px;
    margin: 0 0 0 0;
    padding: 0px;
    z-index: 20;
    border: none;
	}
	

.kmAD_link a:hover{
	background-position:200 0px;
	outline: none;

	}

.kmAD_link a:visited{
	background-position:0 0px;
	outline: none;
	}
	
/* KMvfx link */

.KMvfx_link a{
	float: left;
    display: block;
	width: 200; height:240;
    background: url("../img/art/kjP_ART_Splash_KMvfx.png");
    background-position: 0 0px;
    margin: 0 0 0 0;
    padding: 0px;
    z-index: 20;
    border: none;
	}
	

.KMvfx_link a:hover{
	background-position:200 0px;
	outline: none;
	}
 
 .KMvfx_link a:visited{
	background-position:0 0px;
	outline: none;

	}
	
/* kjAOT link */

.kjAOT_link a{
	float: left;
    display: block;
	width: 200; height:240;
    background: url("../img/art/kjP_ART_Splash_kjAOT.png");
    background-position: 0 0px;
    margin: 0 0 0 0;
    padding: 0px;
    z-index: 20;
    border: none;
	}
	

.kjAOT_link a:hover{
	background-position:200 0px;
	outline: none;

	}
	
.kjAOT_link a:visited{
	background-position:0 0px;
	}
 
/* contact_links - list styles text-align: left;*/

.contact_links{    
    list-style: none;
    margin: 0 auto;
}

.contact_links ul{
}

.contact_links li{
    display: inline;
}

/* phone_icon - pushover */

.phone_icon {
float: left;
margin: 0 0 0 30;
width: 16;
}
/* email_icon - pushover */

.phone_link {
float: left;
margin: 0 0 0 10;
}

.email_link {
float: left;
margin: 0 0 0 10;
}
.email_icon {
float: left;
margin: 0 0 0 40;
}

/* contact_links- text styles */

.contact_links {
    font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
    font-size: 30px;
    font-style: none;
    font-weight: normal;
    color: #ffffff;
	}
	
.contact_links a{
    font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
	font-size: 30px;
    text-decoration: none;
    font-weight: normal;
    color: #2e2e2e;
}
	
.contact_links a:hover{
    font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
    font-size: 30px;
    text-decoration: none;
    font-weight: normal;
    color: #ffffff;
}


/* Footer  */
.footer_text {
font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
    font-size: 18px;
    text-decoration: none;
    font-weight: normal;
    color: #ffffff;
    }
/* 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 */