/*  
Theme Name: kayjayone
Theme URI: http://www.kayjayone.com
Description: custom layout for planet design
Version: 2.0
Author: kayjayone
Author URI: http://www.kayjayone.com/

*/

body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	background-color:#443D38;
}

a {
	color:#000000;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

.bodybox {
	width:1000px;
	margin: 0 auto;
	color:#000000;
}

.headerimg {
	background-image:url('images/logo.gif');
	background-repeat: no-repeat;
	width:550px;
	height:60px;
	float:left;
	margin-top:50px;
}

.header {
	width:1000px;
	height:110px;
}

.headerimg a {
	width:550px;
	height:60px;
	display:block;
	text-decoration:none;
}

.headerimg a span {
	visibility:hidden;	
}

.content {
	width:1000px;
    background-image:url('images/white.gif');
	background-repeat:repeat-y;
	overflow:hidden;
	padding:18px;
	height:365px;
}

.imagebox {
	width:630px;
	float:left;
}

.imagespace {
	text-align:left;
}

.heading {
	text-align:right;
}

.main {
	width:330px;
	float:right;
	text-align:left;
	line-height:18px;
	word-spacing:2px;
	margin-right:20px;
	padding-right:15px;
	height:365px;
	overflow:auto;
      scrollbar-face-color:#FFFFFF;
      scrollbar-shadow-color:#FFFFFF;
      scrollbar-highlight-color:#FFFFFF;
      scrollbar-3dlight-color:#FFFFFF;
      scrollbar-darkshadow-color:#FFFFFF;
      scrollbar-track-color:#FFFFFF;
      scrollbar-arrow-color:#38251E;
}

.main img {
	border:0;
	float:left;
	margin-right:15px;
}

.media {
    background-image:url('images/white.gif');
	background-repeat:repeat-y;
	overflow:hidden;
	margin-top:10px;
}

.nextimg {
	margin-top:10px;
}

.nav {
	width:1000px;
	height:30px;
}

.navright {
    width:625px; height:30px;
	float:right;
	text-align:right;
	margin-top:10px;
	margin-bottom:20px;
}

#navbox {
    width:625px; height:30px;
    margin:0; padding: 0;
    position: relative;
	background:url('images/nav.jpg')
}

#navbox li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
	
#navbox li, #navbox a {
    height: 30px; display: block;}

#navbox span {
	display: none;
}

#navbox-home {left: 118px; width: 38px;}
#navbox-services {left: 183px; width: 65px;}
#navbox-about {left: 271px; width: 46px;}
#navbox-recognition {left: 341px; width: 88px;}
#navbox-contact {left: 457px; width: 61px;}
#navbox-resources {left: 544px; width: 81px;}

#navbox-home a:hover {background:url('images/nav.jpg') -118px -30px no-repeat;}
#navbox-services a:hover {background:url('images/nav.jpg') -183px -30px no-repeat;}
#navbox-about a:hover {background:url('images/nav.jpg') -271px -30px no-repeat;}
#navbox-recognition a:hover {background:url('images/nav.jpg') -341px -30px no-repeat;}
#navbox-contact a:hover {background:url('images/nav.jpg') -457px -30px no-repeat;}
#navbox-resources a:hover {background:url('images/nav.jpg') -544px -30px no-repeat;}

#home #navbox-home {background:url('images/nav.jpg') -118px -30px no-repeat; }
#services #navbox-services {background:url('images/nav.jpg') -183px -30px no-repeat; }
#about #navbox-about {background:url('images/nav.jpg') -271px -30px no-repeat; }
#recognition #navbox-recognition {background:url('images/nav.jpg') -341px -30px no-repeat; }
#contact #navbox-contact {background:url('images/nav.jpg') -457px -30px no-repeat; }
#resources #navbox-resources {background:url('images/nav.jpg') -544px -30px no-repeat; }

.footer {
	width:1000px;
	text-align:left;
	padding-top:10px;
	padding-bottom:5px;
}

.small {
	font-size: 9px;
}

.large {
	font-size: 13px;
}

.xlarge {
	font-size: 14px;
	text-transform:uppercase;
	letter-spacing:.2em;
}

.dbrown {
	color:#604345;
}

.lbrown {
	color:#CEBD91;
}

.lighttext {
	color:#FDC15B;
}

.left {
	text-align:left;
	padding:10px;
}

.thumbnail{
	position: relative;
	z-index: 0;
}

.thumbnail:hover{
	background-color: transparent;
	z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
	position: absolute; left:0; top:0;
	visibility: hidden;
	text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
	border-width: 0;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	z-index: 80;
	top:-98px;
	left: 0px; /*position where enlarged image should offset horizontally */
}

.thumbnailrt{
	position: relative;
	z-index: 0;
}

.thumbnailrt:hover{
	background-color: transparent;
	z-index: 50;
}

.thumbnailrt span{ /*CSS for enlarged image*/
	position: absolute;
	visibility: hidden;
	text-decoration: none;
}

.thumbnailrt span img{ /*CSS for enlarged image*/
	border-width: 0;
}

.thumbnailrt:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	z-index: 80;
	top: -98px;
	left: -128px; /*position where enlarged image should offset horizontally */
}

.thumbnailbottom{
	position: relative;
	z-index: 0;
}

.thumbnailbottom:hover{
	background-color: transparent;
	z-index: 50;
}

.thumbnailbottom span{ /*CSS for enlarged image*/
	position: absolute;
	visibility: hidden;
	text-decoration: none;
}

.thumbnailbottom span img{ /*CSS for enlarged image*/
	border-width: 0;
}

.thumbnailbottom:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	z-index: 80;
	top: -226px;
	left: -128px; /*position where enlarged image should offset horizontally */
}

.thumbnailbottomlt{
	position: relative;
	z-index: 0;
}

.thumbnailbottomlt:hover{
	background-color: transparent;
	z-index: 50;
}

.thumbnailbottomlt span{ /*CSS for enlarged image*/
	position: absolute;
	visibility: hidden;
	text-decoration: none;
}

.thumbnailbottomlt span img{ /*CSS for enlarged image*/
	border-width: 0;
}

.thumbnailbottomlt:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	z-index: 80;
	top: -226px;
	left: 0px; /*position where enlarged image should offset horizontally */
}

li {
	list-style:square;
	margin-bottom:.45em;
}

ul {
	margin:0px;
	padding-left:15px;
	padding-top:10px;
}