@charset "utf-8";
/* CSS Document */
* {
margin:0;
padding:0;
}

html, body{ 
height:100%;
}

body {
background:#FDFADB;
text-align: center;
min-width: 740px;
padding: 0;
margin: 0;
font-family:verdana;
font-size:14px;
color:#5b4123;
}

#boutarea{
height:200px;
width:100%;
background-color:#271B0D;
}
#boutarea2{
margin:0;
height:200px;
width:100%;
background-color:#493117;
}
#boutarea3{
height:200px;
width:100%;
background-color:#493117;
}
#boutarea4{
height:200px;
width:100%;
background-color:#493117;
}
/*
#brownstripe{
background-color:#493117;
height:5px;
width:100%;
margin:0;
padding:0;
}
*/
#boutinner{
width: 800px;
margin-left: auto;
margin-right: auto;
padding: 0;
color:#FEFAD6;
}
#boutinner a{
text-decoration:none;
}
.boutbox{
display:block;
float:left;
width:200px;
height:140px;
margin:0 0 0 20px;
padding:60px 20px 0 20px;
text-align: center;
color:#FEFAD6;
font-size:14px;
font-weight:normal;
}
.boutbox:hover{
background-color:#493117;
}
#bouttitle1, #bouttitle2, #bouttitle3{
font-family: sans-serif;
font-size:18px;
width:200px;
border-bottom: 1px #fefad6 dotted;
padding:0 0 7px 0;
margin:0 0 7px 0;
}
#bouttitle1{
color:#4BA398;
}
#bouttitle2{
color:#F5C85C;
}
#bouttitle3{
color:#DF6E35;
}

#contactext{
margin:0;
padding:30px 0 0 0;
text-align: left;
}
#contactext h3{
margin:0;
padding:0;
font-family: sans-serif;
}

#wallpaper{
background:transparent url(../img/wallpaper.jpg) repeat-x;
height:198px;
margin-bottom:-199px;
}

#header {    
text-align: left;
width: 820px;
margin-left: auto;
margin-right: auto;
padding: 0;
}

#contbutt {
height:28px;
width:123px;
top: 7px;
left: 675px;
margin:0;
padding:0;
position: relative;
background: url(../img/contact.gif) no-repeat;
}

#kfnmlogo{
height:150px;
position:absolute;
top:-145px;
left:-460px;
}

#mainnav{
position:relative;
top:142px;
left:460px;
font-family: sans-serif;
font-size:18px;
width:365px;
height:25px;
margin:0;
padding:0;
}

#mainnav ul{
display:block;
margin:0;
padding:0;
}

#mainnav a{
width:auto;
text-decoration:none;
}

#mainnav li{
margin:0;
padding: 0 0 0 15px;
display:inline;
list-style:none;
}


#homenav a{
color:#a9bc70;
}
#portnav a{
color:#4ba398;
}
#blognav a{
color:#f5c85c;
}
#boutnav a{
color:#df6e35;
}


/*begin main nav disjoint rollovers*/


.homedis {
margin:0;
padding:0;
position:absolute;
display:block;
width:53px;
height:7px;
top:22px;
left:16px;
}

#homenav:hover .homedis{
background-color:#A9BC70;
}

.portdis {
margin:0;
padding:0;
position:absolute;
display:block;
width:102px;
height:7px;
top:22px;
left:90px;
}

#portnav:hover .portdis{
background-color:#4BA398;
}

.blogdis {
margin:0;
padding:0;
position:absolute;
display:block;
width:52px;
height:7px;
top:22px;
left:214px;
}

#blognav:hover .blogdis{
background-color:#F5C85C;
}
.boutdis {
margin:0;
padding:0;
position:absolute;
display:block;
width:61px;
height:7px;
top:22px;
left:287px;
}

#boutnav:hover .boutdis{
background-color:#DF6E35;
}


body#home .homedis {
background-color:#493117;
}
body#port .portdis {
background-color:#493117;
}
body#blog .blogdis {
background-color:#493117;
}
body#bout .boutdis {
background-color:#493117;
}


/* end main nav disjoint rollovers */


/* begin subnavigation */

#subnav li{
font-family: sans-serif;
font-weight:bold;
font-size:20px;
padding-left:27px;
}

#mainnav #portnav #subnav{
display:none;
width:550px;
}

body#port #mainnav #portnav ul#subnav{
display : inline;
left : -125px;
position : absolute;
top : 69px;
}

body#port #mainnav #portnav ul#subnav a{
color:#FEFAD6;
}


/* end subnavigation */

/* begin subnavigation dijoint rollovers */

body.web .webdis,
body.brand .brandis,
body.print .prindis,
body.motion .motdis,
body.video .viddis{
background:transparent url(../img/notch.gif) no-repeat;
}

.webdis {
margin:0;
padding:0;
position:absolute;
display:block;
width:36px;
height:17px;
top:-18px;
left:32px;
}

#webnav:hover .webdis{
background:transparent url(../img/notch.gif) no-repeat;
}

.brandis {
margin:0;
padding:0;
position:absolute;
display:block;
width:36px;
height:17px;
top:-18px;
left:120px;
}

#brandnav:hover .brandis{
background:transparent url(../img/notch.gif) no-repeat;
}

.prindis {
margin:0;
padding:0;
position:absolute;
display:block;
width:36px;
height:17px;
top:-18px;
left:216px;
}

#printnav:hover .prindis{
background:transparent url(../img/notch.gif) no-repeat;
}

.motdis {
margin:0;
padding:0;
position:absolute;
display:block;
width:36px;
height:17px;
top:-18px;
left:318px;
}

#motionnav:hover .motdis{
background:transparent url(../img/notch.gif) no-repeat;
}

.viddis {
margin:0;
padding:0;
position:absolute;
display:block;
width:36px;
height:17px;
top:-18px;
left:420px;
}

#videonav:hover .viddis{
background:transparent url(../img/notch.gif) no-repeat;
}


/* end subnavigation dijoint rollovers */




/* begin stripes */

.stripe{
margin:199px 0 0 0;
height:60px;
}

#stripe-home{
background-color:#493117;
color:#A9BC70;
}
#stripe-port{
background-color:#493117;
color:#4BA398;
}
#stripe-blog{
background-color:#493117;
color:#F5C85C;
}
#stripe-about{
background-color:#493117;
color:#DF6E35;
}

#stripecontent{
text-align: left;
width: 820px;
margin-left: auto;
margin-right: auto;
padding: 0;
}

#stripelabel{
display:block;
float:left;
font-family:helvetica;
font-weight:bold;
font-size:36px;
margin-top:8px;
height:50px;
width:auto;
}

#stripecontent h4{
margin: 20px 0 0 10px;
display:block;
float:left;
font-size:20px;
width:200px;
}

/* end stripes */

#outer{
min-height: 100%;
height: auto !important;
margin-bottom:-60px;
width: 100%;
padding: 0;
}
#wrapper {     
text-align: left;
width: 820px;
margin-top:40px;
margin-bottom:80px;
margin-left: auto;
margin-right: auto;
padding: 0;
}

#outerwrapper {
background: URL(../img/left_bg-grad.jpg) no-repeat 0px 257px;
}

#content .inner {
padding-top: 1px;
margin: 0 0px 0px 0px;
}


#fp-left{
width:0 auto;
float:left;
padding:0;
}

#fp-left-dvd{
width:0 auto;
float:left;
margin-right:15px;
text-align:right;
padding:5px;
border:#5B4123 1px solid;
width: 275px;
height: 200px;}

#fp-left span{
margin:7px;
}

#fp-right{
float:right;
margin-right:15px;
text-align:left;
padding:5px;
border:#5B4123 1px solid;
width: 270px;
height: 588px;
}

#homebutt_1, #homebutt_2, #homebutt_3, #homebutt_4, #homebutt_5 {
color:#FEFAD6;
height:100px;
width:500px;
margin:0px 10px 10px 0;
padding:5px;
border:#5B4123 1px solid;
display:none;
}

#homebutt_1 {
background:transparent url(../img/KNM_HP4.jpg) no-repeat center;
}

#homebutt_2 {
background:transparent url(../img/KNM_HP3.jpg) no-repeat center;
}
#homebutt_3{
background:transparent url(../img/KNM_HP2.jpg) no-repeat center;
}

#homebutt_4{
background:transparent url(../img/KNM_HP5.jpg) no-repeat center;
}
 
#homebutt_5{
background:transparent url(../img/KNM_HP1.jpg) no-repeat center;
}

/* begin webfolio block */

#portfolio-container{

width:800px;
height:300px;
margin:0 0 30px 0;
border-bottom: 1px #5b4123 solid;
}

#portfolio-container2{

width:800px;
height:320px;
margin:0 0 30px 0;
border-bottom: 1px #5b4123 solid;
}

#port-top{
font-family:times new roman;
width:800px;
border-bottom: 1px #5b4123 dotted;
height:30px;
}
#linktopage1, #linktopage a{
text-decoration:none;
font-weight:bold;
max-width:300px;
float:left;
color:#4BA398;
}

#linktopage img{
float:left;
width:auto;
margin:3px 0 0 5px;
}

#projtitle1, #projtitle a{
text-decoration:none;
display:block;
float:right;
color:#5b4123;
font-size:24px;
max-width:300px;
}

#port-img1, #port-img img{
float:left;
height:228px;
width:527px;
margin-top:15px;
padding:5px;
border: 1px #5b4123 solid;
}

#clienttext, #actiontext, #goaltext {
float:left;
width:250px;
font-size:14px;
font-weight:bold;
margin-top:12px;
padding-bottom:10px;
position: relative;
left:10px;
top:0px;
}

#clienttext, #actiontext{
border-bottom: 1px #5b4123 dotted;
}

#clienttext a, #actiontext a{
text-decoration:none;
color:#4BA398;
}

#goalsubtext{
font-size:12px;
position: absolute;
left:0px;
top:30px;
height:auto;
}

/* end webfolio block */


#push{
clear: both;
height:15px;
}

#footer {
width:100%;
clear:both;
height:60px;
line-height:60px;
background-color:#493117;
color:#FEFAD6;
font-weight:bold;
text-align:center;
position:relative;}

/* begin news content */
#newstxt{
width:700px;
margin:0 0 30px 0;
padding:0 0 20px 0;
border-bottom: 1px #5b4123 solid;
}

img#rtimg{
float:right;
text-align:justify;
border:1px solid #5B4123;
margin-left:15px;
padding:5px;
}
img#ltimg{
float:left;
text-align:justify;
border:1px solid #5B4123;
margin-right:15px;
padding:5px;
}

#outerbox{
padding:15px;
}

/* end news content */

a {
color: #DF6E35;
text-decoration: none;
}

a:hover {
color: #A9BC70;
text-decoration:none;
}

#framearea {
text-align:left;
padding:5px;
background: #20160C;
height: 578px;
}

#framearea-dvd {
text-align:left;
padding:5px;
background: #20160C;
height: 190px;
}

#frametext {
color: #FDFADB;
font-family: verdana, Helvetica, sans-serif;
font-size: 12px;
font-weight:normal;
margin: 15px 20px;	
}

/*hidden js boxes */

.hidden{
font-weight:normal;
background:#FDFADB;
border:1px solid #5B4123;
font-size:13px;
color:#FDFADB;
display:none;
position:relative;
left:-5px;
top:-180px;
padding:5px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.hidden { top:-184px; }
}

#hiddenDivTXT{
padding:25px 20px;
background:#20160C;
width:205px;
}

a.close{
float:right;
position:absolute;
font-weight:bold;
top:10px;
left:185px;
height:12px;
}