body {
background:url(../images/tile.jpg) repeat;
font-family: Verdana, Helvetica, sans-serif;
font-size: 0.75em;
}

#banner {
background: url(../images/kjdBanner6.png) no-repeat;
width: 863px;
height: 136px;
margin: 0 auto;
overflow: hidden;
}

#menuholder {
margin-left: 20pt;
margin-bottom: 40px;
margin-right: 20pt;
margin-top: 0pt;
display: block;
padding: 0pt;
}

ul.navbar {
clear: both;
display: block;
float: left;
line-height: 1.5em;
list-style-type: none;
margin: 0pt;
padding: 0pt;
width: 100%;
}

ul.navbar li {
display: inline;
}


a.nav:link, a.nav:visited {
color: #FFFFFF;
display: block;
float: left;
margin: 0pt;
padding: 1.2em 0pt;
text-decoration: none;
width: 25%;
}

a.nav:hover {
background-color: #81909d
color:#FFFFFF;
display: block;
float: left;
margin: 0pt;
padding: 1.2em 0pt;
text-decoration: none;
width: 25%;
}
a.nav:active {
color: #FFFFFF;
display: block;
float: left;
margin: 0pt;
padding: 1.2em 0pt;
text-decoration: none;
width: 25%;
}


#banner a.homelink {
display: block;
width: 200px;
height: 40px;
margin-top: 50px;
text-indent: -9000px;
}

/**** topnav ***/

#topnav {
float: right;
margin-right: 15px;
margin-top: 3px;
}
#topnav li {
float: left;
}
#topnav li a {
display: block;
float: left;
height: 29px;
text-indent: -9000px;
}

.ourwork a {
background: url(../images/bio.jpg) 0 0;
width: 93px;
}
.clients a {
background: url(../images/work.png) 0 0;
width: 88px;
}
.aboutus a {
background: url(../images/contact.png) 0 0;
width: 113px;
}


/**
.ourwork a:hover, #ourwork .ourwork a {
background: url(../images/nav1.jpg) 0 29px;
width: 98px;
}
.clients a:hover, #clients .clients a {
background: url(../images/nav2.jpg) 0 29px;
width: 67px;
}
.contact a:hover, #contact .contact a {
background: url(../images/nav3.jpg) 0 29px;
width: 85px;
}
.blog a:hover, #blog .blog a {
background: url(../images/nav4.jpg) 0 29px;
width: 90px;
}
**/

/**** topnav ends ***/

.reelmodule {
background: url(../images/divider.png) 0 0 repeat-x;
padding: 9px 0px 9px 0px;
}


.module1 {
background: url(../images/divider.png) 0 0 repeat-x;
padding: 9px 0px 0px 0px;
}
.module {
background: url(../images/divider.png) 0 0 repeat-x;
padding: 9px 0px 9px 0px;
}

.content {
background: url(../images/kd_divBG.png) no-repeat;
width: 863px;
height: 492px;
margin: 0 auto;
	/*this enables the floaty below */
	position:relative;
}
.contentreel {
background: url(../images/kjd_reel_bg_bluer.png);
width: 863px;
height: 400px;
margin: 0 auto;
}
.AboutReel {
background: url(../images/AboutReel_bg.png);
width: 863px;
height: 831px;
margin: 0 auto;
}

.imagery {
padding: 1.0em 1.5em;
}

.floaty {
position: absolute;
top: 250px;
right: 50px;
}

.panelImage {
padding: 14px 0px 0px 17px;
width: 823px;
height: 328px;
}

.flash {
padding: 14px 0px 0px 17px;
width: 823px;
height: 328px;
}
.flashReel {
padding: 14px 0px 0px 20px;
}
.flashThumbs {
background: url(../images/ourwork/ourwork_SBox_Flash.jpg) no-repeat;
padding: 16px 0px 0px 17px;
width: 265px;
height: 173px;
}


.info {
	padding: 15px 0px 0px 20px;
	width:800px;
	overflow:hidden;
}           
       
div#contact_info{  
	
	line-height:1.5em; 
    
	width:200px; 
	padding: 16px 0 0 20px;
	float:left ;
	
}
.info p {
	line-height:1.5em; 
	color:#FFFFFF;
	width:550px;
	float:left;
}

.my_info {
position: relative;
padding: 15px 0px 0px 20px;
width: 800px;
margin: 15px auto;
overflow: normal;
}

div#firstCol,div#secondCol,div#thirdCol, p {
line-height: 1.5em;
color: #FFFFFF;
margin-top: 0;
margin-right: 0;
margin-bottom: 0.75em;
margin-left: 0;    
line-height:1.6em;
}

div#firstCol {
position: absolute;
width: 220px;
top: 0;
left: 0px;
float: left;
padding: 15px;
}

div#secondCol {
position: absolute;
top: 0;
left: 250px;
width: 220px;
padding: 15px;
float: left;
}

div#thirdCol {
position: absolute;
top: 0;
left: 500px;
width: 220px;
padding: 15px;
float: left;
}


.infolinks {
float: right;
width: 190px;
}
.infolinks a {
margin-left: 35px;
}

.AboutCopy {
padding: 15px 0px 0px 30px;
width: 800px;
overflow: hidden;
}
.AboutCopy p {
padding: 15px 0px 0px 0px;
color: #FFFFFF;
font-size: 12px;
line-height: 15px;
width: 750px;
}

.access {
display: none;
}





/**** MISC Positioning ****/



.ImagePos {
margin: 5px 0px 0px 0px;
position: relative;
right: 3px;
}


.BulletPos {
position: relative;
top: 3px;
right: 3px;
}





/**** CLIENTS ****/

ul.ClientList li {
padding: 0px 0px 0px 0px;
height: 149px;
width: 863px;
margin: 0 auto;
list-style: none;
position: relative;
left: -5px;
}

/**** CONTACT ****/

.ContactContent {
width: 863px;
height: 298px;
margin: 0 auto;
position: relative;
}

.ContactAlt {
display: block;
width: 460px;
height: 165px;
position: relative;
left: 300px;
top: 30px;
}

a.HDInfo {
display: block;
width: 220px;
height: 25px;
position: relative;
left: 300px;
top: 35px;
}

a.googlelink {
display: block;
width: 260px;
height: 260px;
position: absolute;
left: 19px;
top: 12px;
text-indent: -9000px;
}



/**** CONTENT LIST ****/

#content ul.infolinks a {
text-decoration: none;
}
#content ul.infolinks li {
font-size: 0.85em;
line-height: 1.5em;
font-weight: bold;
display: block;
width: 180px;
list-style: none;
margin-right: 0px;
background: url(../images/list-bullet.gif) 7px 1px no-repeat;
}

/**** TABLE ****/
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: top;
background: transparent;
}

/********/

/**************** TYPOGRAPHY ******************/

h1 {
font: 24px Verdana, Times, serif;
color: #ffffff;
background: url(../images/contentHeader4.png) 0px 0px  no-repeat;
width: 863px;
height: 63px;
line-height: 63px;
text-indent: 30px;
margin: 0 auto;
margin-bottom: 4px;
}

h2 {
font: 20px Verdana, Times, serif;
color: #ffffff;
}

h2.AboutUs {
font: 24px Verdana, Times, serif;
color: #ffffff;
}

h1.OWHeadTitle {
font: 24px Verdana, Times, serif;
color: #ffffff;
background: url(../images/contentHeader4.png) 0px 0px  no-repeat;
width: 863px;
height: 65px;
line-height: 65px;
text-indent: 30px;
margin: 0 auto;
margin-bottom: 8px;
}

h1.HeadTitle2 {
font: 24px Verdana, Times, serif;
color: #ffffff;
background: url(../images/contentHeader4.png) 0px 0px  no-repeat;
width: 863px;
height: 62px;
line-height: 65px;
text-indent: 30px;
margin: 0 auto;
margin-bottom: 8px;
}

.grey {
color: #666666;
}

.greyB {
color: #666666;
font-weight: bold;
}

.yel {
color: #000000;
}
.white {
color: #ffffff;
}
.whiteB {
color: #ffffff;
font-weight: bold;
}


.whiteT {
font: 24px Verdana, Times, serif;
color: #ffffff;
}


a {
color: #44423d;
text-decoration: none;
font-weight: bold;
}


ul {
padding-left: 10px;



.mail {
color: #ffffff;
text-decoration: none;
font-weight: bold;
}

.mail:hover {
color: #44423d;
text-decoration: underline;
font-weight: bold;
}