@charset "utf-8";

/* CSS Start */



/* Let's ZERO all the margins */
* {
	margin: 0;
	padding: 0;
}



/*html {
	background: transparent url(../img/site/defaultcss/htmlbg.jpg) repeat;
}*/



/* Work that Body */
body {
	margin: 0;
	padding: 0;	font: normal 0.7em/1.4em  Arial, Verdana, Helvetica, sans-serif;
	color: #7c7c7c;  /*CSS Color*/
	background-color: #000;  /*CSS Color*/
	background-image: url(../img/site/css-k/middlefade.jpg);
	background-repeat: repeat-y;
	background-position:center;
	text-align: center;
}





/* Let's set up the way we want all the standard links to look */
a, a:visited {
	text-decoration: none;
	color: #66FF00;  /*CSS Color*/
}

a:hover {
	text-decoration: none;
	color: #CCFF00;  /*CSS Color*/
	border-bottom: 1px solid #ccc;  /*CSS Color*/
}



/*************************************************************/
/*                                                           */
/* Stuff at the top of the page. Name and social media items */
/*                                                           */
/*************************************************************/




/**********************************************************************************/
/*                                                                                */
/* Header DIV Class - Logo and social media items will be nested in this envelope */
/*                                                                                */
/**********************************************************************************/
.header {
	position: relative;
	top:20px;
	width:900px;
	margin: 0px auto;
	padding: 0;
	border: none;
	padding-bottom: 10px;

}



/*************************************************/
/*                                               */
/* Logo DIV Class - Nested inside Header (above) */
/*                                               */
/*************************************************/
.kbp {
	float:left;
	top:5px;
	left:0px;
	width:516px;
	height:24px;
	background-image:url(../img/site/css-k/headerlabel.png);
	margin: 0px auto;
	padding: 0;
	border: none;
}



/*********************************************************/
/*                                                       */
/* Social Media DIV Class - Nested inside Header (above) */
/*                                                       */
/*********************************************************/
.socialmedia {
	float:right;
	top:5px;
	right:0px;
	margin: 0px auto;
	padding: 5;
	border: none;
	width: 75px;
	height: 32px;
}



/**************************************************************************************/
/*                                                                                    */
/* Social Media Buttons - Twitter Class - Positioning - nested inside socialmedia DIV */
/*                                                                                   */
/**************************************************************************************/
.sb-twitter a, .sb-twitter a:hover {
	float: right;
	margin:0,0,0,5;
	height: 32px;
	width: 32px;
	text-decoration:none;
	border-bottom: 0px;
}

/***************************************************************************************/
/*                                                                                     */
/* Social Media Buttons - Facebook Class - Positioning - nested inside socialmedia DIV */
/*                                                                                     */
/***************************************************************************************/

.sb-facebook a, .sb-facebook a:hover {
	float:left;
	margin:0,5,0,0;
	height: 32px;
	width: 32px;
	text-decoration:none;
	border-bottom: 0px;
}


/********************************************/
/*                                          */
/* Social Media Buttons - Twitter Hyperlink */
/*                                          */
/********************************************/

.sb-twitter a {
	background: url(../img/site/all/twitter.png) no-repeat 0 0;
}
.sb-twitter a:hover {
	background: url(../img/site/all/twitterhover.png) no-repeat 0 0;
}


/*********************************************/
/*                                           */
/* Social Media Buttons - Facebook Hyperlink */
/*                                           */
/*********************************************/

.sb-facebook a {
	background: url(../img/site/all/facebook.png) no-repeat 0 0;
}
.sb-facebook a:hover {
	background: url(../img/site/all/facebookhover.png) no-repeat 0 0;
}




/****************************************************/
/*                                                  */
/* Let's set up the menu div. Displays below header */
/*                                                  */
/****************************************************/

.menu {
	position:relative;
	text-align:left;
	font: normal 1.4em/1.4em  Arial, Verdana, Helvetica, sans-serif;
	top:20px;
	margin: 0px auto;
	padding:0 0 10px 0;
	border: none;
}


.menu a, .menu a:hover {
	text-align:center;
	margin:0 20px 10px 1px;
	padding: 0 10px 13px 10px;
}


.menu a {
	color:#090;
	text-decoration:none;	
}


.menu a:hover {
	background-color:#060;
	color:#fff;
	text-decoration:none;
}



.menu a:active {
	background-color:#060;
	color:#fff;
	text-decoration:underline;
}



/****************************************************************************/
/*                                                                          */
/* Let's set up the portfolio div. Should display in the middle of the page */
/*                                                                          */
/****************************************************************************/
.portfolio {
	position: relative;
	top:30px;
	width:900px;
	height:465px;
	margin: 0px auto;
	padding: 0;
	border: none;
}



/**********************************************************************************/
/*                                                                                */
/* Let's set up the TABLE portfolio div. Should display in the middle of the page */
/*                                                                                */
/**********************************************************************************/
table.portfolio {
    background-color:#000;  /*CSS Color*/
	border-color:#000;  /*CSS Color*/
	border: 0;
	margin: 0;
    width: 100%;
	height:100%;
}

table.portfolio td{
    background-color:#000;  /*CSS Color*/
	border-color:#000;  /*CSS Color*/
	border: 0;
	margin: 0;
}

/********************/
/*                  */
/* Footer DIV Class */
/*                  */
/********************/
.footer {
	position: relative;
	top: 38px;
	width:900px;
	margin:0px auto;
	color: #0C0; /*CSS Color*/
	text-align:left;
	font-size:.9em;
	border-top:1px solid #0C0; /*CSS Color*/
	background-image:none;
	padding-top:5px;
	padding-bottom:10px;

}


/***********************************/
/*                                 */
/* Style Button Envelope DIV Class */
/*                                 */
/***********************************/
.styleme {
	position: relative;
	width:900px;
	margin:0px auto;
	text-align:right;
	background-image:none;
	padding-top:10px;
	padding-bottom:10px;

}


/*****************************/
/*                           */
/* Style Buttons DIV Classes */
/*                           */
/*****************************/
.stylebutton-c a, .stylebutton-c a:hover, .stylebutton-m a, .stylebutton-m a:hover, .stylebutton-y a, .stylebutton-y a:hover {
	position:relative;
	float:right;
	margin:0 5px 0 0;
	padding:0px;
	height: 20px;
	width: 20px;
	text-decoration:none;
	border: 0px;
}


/**************************************************************/
/*                                                            */
/* Style Buttons DIV Classes - BLACK NEEDS SPECIAL FORMATTING */
/*                                                            */
/**************************************************************/
.stylebutton-k a, .stylebutton-k a:hover {
	position:relative;
	float:right;
	margin:0 0 0 0;
	padding:0px;
	height: 20px;
	width: 20px;
	text-decoration:none;
	border: 0px;
}


/****************************************************/
/*                                                  */
/* Style Buttons DIV Classes - Hyperlink Formatting */
/*                                                  */
/****************************************************/
.stylebutton-c a {
	background: url(../img/site/all/modicon-c.png) no-repeat 0 0;
}

.stylebutton-c a:hover {
	background: url(../img/site/all/modicon-ch.png) no-repeat 0 0;
}

.stylebutton-m a {
	background: url(../img/site/all/modicon-m.png) no-repeat 0 0;
}

.stylebutton-m a:hover {
	background: url(../img/site/all/modicon-mh.png) no-repeat 0 0;
}

.stylebutton-y a {
	background: url(../img/site/all/modicon-y.png) no-repeat 0 0;
}

.stylebutton-y a:hover {
	background: url(../img/site/all/modicon-yh.png) no-repeat 0 0;
}

.stylebutton-k a {
	background: url(../img/site/all/modicon-k.png) no-repeat 0 0;
}

.stylebutton-k a:hover {
	background: url(../img/site/all/modicon-kh.png) no-repeat 0 0;
}