@charset "UTF-8";
/* CSS Document */

body {
font-family:Arial, Helvetica, sans-serif;
font-size:0.85em;
margin:20px 0 0 0;
padding:0;
color:#676767;
text-align:center;
}

img {
border:none;
}

h1, h2, h3, h4, h5 {
margin:0;
padding:0;
}

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

a:hover {
color:#AF2126;
text-decoration:underline;
}

#container {
text-align:left;
width:980px;
height:auto;
margin-left:auto;
margin-right:auto;
}

#header {
float:left;
width:980px;
margin-bottom:30px;
}

#intro_movie{
width:980px;
height:550px;
float:left;
}

.kmt_logo {
background:url(http://www.kmtcreative.com/images/interface/kmt_logo.gif);
display:block;
width:307px;
height:48px;
float:left;
text-indent:-1000em;
overflow:hidden;
}


ul.nav {
float:right;
margin:18px 0 0 0;
padding:0;
}

ul.nav li {
list-style:none;
float:left;
margin-left:15px;
}

#footer {
width:980px;
margin-top:20px;
float:left;
font-size:0.85em;
color:#999999;
}

.footer_copy {
padding-left:15px;
}


/* PEOPLE / PROFILE */

#people_container {
width:477px;
float:left;
}

h1.people_title {
width:477px;
height:125px;
background:url(http://www.kmtcreative.com/images/interface/people_title.gif);
text-indent:-1000em;
overflow:hidden;
float:left;
margin-bottom:15px;
}

#people_nav_container {

float:left;

}

h2.people_meetus {
width:84px;
height:75px;
background:url(http://www.kmtcreative.com/images/interface/people_meetus.gif);
float:none;
text-indent:-1000em;
overflow:hidden;
margin-bottom:10px;
}

h3.people_headline {
width:307px;
height:57px;
background:url(http://www.kmtcreative.com/images/interface/people_headline.gif);
float:left;
text-indent:-1000em;
overflow:hidden;
margin:24px 0 0 30px;
}

ul.people_nav {
float:none;
margin:0;
padding:0;
line-height:1.3em;
}

ul.people_nav li {
list-style:none;
font-size:0.9em;
}

#people_container p {
line-height:1.45em;
font-size:1em;
width:330px;
float:left;
margin:20px 0 0 30px;
}

#profile_copy_container {
width:313px;
height:auto;
float:left;
margin:0 20px 0 136px;
display:inline;
}

#profile_copy_container img {
float:left;
}

ul.profile_nav {
position:absolute;
left:-130px;
top:3px;
margin:0;
padding:0;
line-height:1.3em;
}

ul.profile_nav li {
list-style:none;
font-size:0.9em;
}

#job_title {
width:100%;
height:19px;
float:left;
margin:5px 0 5px 0;
padding-top:3px;
border-top:solid black 1px;
border-bottom:solid black 1px;
color:black;
}

#vitals {
width:100%;
float:left;
}

.vitals_title {
font-weight:bold;
color:#AF2126;
height:1em;
width:3.3em;
font-size:1.1em;
float:left;
}

#vitals p {
margin:0 0 0 0;
padding:1px 0 0 0;
font-size:0.95em;
color:#333333;
font-weight:bold;
}

#profile_copy {
margin-top:10px;
position:relative;
width:95%;
float:left;
line-height:1.45em;
}

/* CONTACT */

#contact_left_col {
width:370px;
height:auto;
float:left;
}

#contact_info {
float:left;
margin-bottom:35px;
}

h1.contact_title {
width:338px;
height:131px;
background:url(http://www.kmtcreative.com/images/interface/contact_title.gif);
margin:10px 0 30px 0;
text-indent:-1000em;
overflow:hidden;
float:right;
}

#map {
float:right;
margin-right:16px;
}

iframe {
border:1px solid #97999D;
}

#contact_form {
background:url(http://www.kmtcreative.com/images/interface/form_background.gif);
display:inline;
width:523px;
height:579px;
padding:100px 0 0 55px;
float:right;
}

/* PROCESS */



h1.process_title {
width:338px;
height:120px;
background:url(http://www.kmtcreative.com/images/interface/process_title.gif);
text-indent:-1000em;
overflow:hidden;
float:left;
}

#process_intro_copy {
width:580px;
float:left;
padding-left:30px;
line-height:1.45em;
font-size:1em;
}

ul.process_steps {
float:left;
width:975px;
margin:25px 0 0 0;
padding:0;
}

ul.process_steps li {
list-style:none;
float:left;
margin-right:35px;
}

/* WORK MAIN */

img.featured_work {
width:600px;
height:568px;
float:right;
}

#work_left_col {
position:relative;
padding-top:190px;
width:380px;
height:auto;
float:left;
}

h1.work_title {
position:absolute;
background:url(http://www.kmtcreative.com/images/interface/work_title.gif);
width:405px;
height:141px;
text-indent:-1000em;
overflow:hidden;
top:38px;
}

#work_main_copy {
padding-right:20px;
line-height:1.45em;
padding-bottom:30px;
}

a.work_by_client {
background:url(http://www.kmtcreative.com/images/interface/work_by_client.gif);
display:block;
width:336px;
height:129px;
text-indent:-1000em;
overflow:hidden;
}

#process_steps_cont {
width:980px;
height:400px;
float:left;
}

/* WORK BY CLIENT */

h3.client_title {
background:url(http://www.kmtcreative.com/images/interface/clients_icon.gif);
width:41px;
height:69px;
margin-bottom:10px;
text-indent:-1000em;
overflow:hidden;
float:none;
}

a.current_client {
color:#AF2126;
}

a.client_nav_at {
color:#AF2126;
}

#client_nav {
width:150px;
float:left;
}

#client_info {
float:left;
}

ul.client_list {
margin:0;
padding:0;
line-height:1.3em;
}

ul.client_list li {
list-style:none;
font-size:0.9em;
}

#work_nav_container {
width:830px;
float:left;
margin-bottom:10px;
}

ul.work_box_nav {
float:left;
margin:0 0 0 65px;
padding:0;

}

ul.work_box_nav li {
list-style:none;
float:left;
margin-right:5px;
}

ul.work_box_nav a {
display:block;
background:url(http://www.kmtcreative.com/images/interface/work_unselected.gif);
background-position:0 0;
width:11px;
height:11px;
text-indent:-1000em;
overflow:hidden;
}

ul.work_box_nav a.selected {
display:block;
background:url(http://www.kmtcreative.com/images/interface/work_unselected.gif);
background-position:0 -11px;
width:11px;
height:11px;
text-indent:-1000em;
overflow:hidden;
}

ul.work_box_nav a:hover {
background:url(http://www.kmtcreative.com/images/interface/work_unselected.gif);
background-position:0 -11px;
}



#work_copy {
position:absolute;
z-index:1000!important;
width:641px;
height:auto;
left:0;
top:0;
display:none;

filter:alpha(opacity=90);
	-moz-opacity:0.90;
	-khtml-opacity: 0.90;
	opacity: 0.90;
}

#speechbox_top {
background:url(http://www.kmtcreative.com/images/interface/stratcopy_top.png) no-repeat;
width:641px;
height:43px;
float:left;
}

#speechbox_mid {
width:581px;
height:auto;
background-color:#f68b20;
float:left;
padding:15px 30px 15px 30px;
text-align:left;
font-size:1.3em;
color:#000000;
font-weight:bold;
}

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

#speechbox_mid a:hover {
color:#AF2126;
}
#speechbox_bottom {
background:url(http://www.kmtcreative.com/images/interface/stratcopy_bottom.png) no-repeat;
width:641px;
height:51px;
float:left;
}

img.close_stratbox {
float:right;
padding-right:30px;
cursor:pointer;
}


a.desc {
background:url(http://www.kmtcreative.com/images/interface/client_arrow_off.gif) no-repeat;
padding-right:13px;
background-position:right;
}

a:hover.desc {
background:url(http://www.kmtcreative.com/images/interface/client_arrow_on.gif) no-repeat;
padding-right:13px;
background-position:right;
}

#client_content_container {
float:left;
width:830px;
position:relative;
}

.content_img_stroke {
border:solid 1px #d9d9d9;
}

#nav_arrows {
width:auto;
float:right;
width:120px;

}

#arrow_zoom_container {
float:right;
width:250px;
height:19px;

}

#zoom {
width:91px;
height:19px;
float:left;
}

a.zoom_icon {
display:block;
margin-top:3px;
background:url(http://www.kmtcreative.com/images/interface/zoom_icon.gif);
background-position:0 0;
width:91px;
height:19px;
text-indent:-1000em;
overflow:hidden;
}

a:hover.zoom_icon {
background-position:0 -19px;
}

#page_indicator {
float:right;
padding-right:15px;
font-size:1em;
margin-top:2px;
}

a.nav_arrow_left {
display:block;
background:url(http://www.kmtcreative.com/images/interface/nav_arrows_left.gif);
background-position:0 0;
float:right;
width:18px;
height:19px;
margin-right:5px;
text-indent:-1000em;
overflow:hidden;
}

a:hover.nav_arrow_left {
background:url(http://www.kmtcreative.com/images/interface/nav_arrows_left.gif);
background-position:0 -19px;
}

a.nav_arrow_right {
display:block;
background:url(http://www.kmtcreative.com/images/interface/nav_arrows_right.gif);
background-position:0 0;
width:18px;
height:19px;
float:right;
text-indent:-1000em;
overflow:hidden;
}

a:hover.nav_arrow_right {
background:url(http://www.kmtcreative.com/images/interface/nav_arrows_right.gif);
background-position:0 -19px;
}

/* ABOUT */

h1.about_title {
background:url(http://www.kmtcreative.com/images/interface/about_title.gif) no-repeat;
width:313px;
height:459px;
text-indent:-1000em;
overflow:hidden;
float:left;
margin-right:125px;
}

#about_right_col {
float:left;
width:542px;
}

p.about_copy {
line-height:1.45em;
font-size:1em;
}

#tools {
float:left;
width:542px;
border-top:solid 1px black;
border-bottom:solid 1px black;
padding-top:8px;
padding-bottom:8px;
color:black;
margin-top:20px;
}

ul.tools_col {
margin:0;
padding:0;
float:left;
padding-right:50px;
line-height:1.45em;
}

ul.tools_col li{
list-style:none;
}

h2.about_headline {
background:url(http://www.kmtcreative.com/images/interface/about_headline.gif);
width:461px;
height:28px;
text-indent:-1000em;
overflow:hidden;
padding:0;
margin:0;
}

ul.about_icons {
float:left;
width:542px;
margin:20px 0 0 0;
padding:0;
}

ul.about_icons li {
list-style:none;
float:left;
margin-right:80px;
}

a.about_meet {
display:block;
background:url(http://www.kmtcreative.com/images/interface/about_meetus.gif);
width:59px;
height:53px;
text-indent:-1000em;
overflow:hidden;
margin-top:5px;
}

a.about_see {
display:block;
background:url(http://www.kmtcreative.com/images/interface/about_seeus.gif);
width:51px;
height:59px;
text-indent:-1000em;
overflow:hidden;
}

a.about_blog {
display:block;
background:url(http://www.kmtcreative.com/images/interface/about_blogus.gif);
width:44px;
height:63px;
text-indent:-1000em;
overflow:hidden;
}

a.about_contact {
display:block;
background:url(http://www.kmtcreative.com/images/interface/about_contactus.gif);
width:71px;
height:59px;
text-indent:-1000em;
overflow:hidden;
margin-top:2px;
}

/* LICENSING */

#license_container {
width:775px;
margin-left:169px;
height:auto;

}

a.license {
margin:0 0 20px 0;
padding:0;
display:block;
float:left;
background:url(http://www.kmtcreative.com/images/interface/licensing_bubble.gif);
width:641px;
height:328px;
text-indent:-1000em;
overflow:hidden;
}

a.brand_adventure {
margin:0;
padding:0;
display:block;
float:right;
background:url(http://www.kmtcreative.com/images/interface/brand_adventure.gif);
width:278px;
height:79px;
text-indent:-1000em;
overflow:hidden;
}

/* PRESS */

#press_right_col {
float:left;
width:542px;
}

#press_right_col h1 {
font-size:1.5em;
font-weight:lighter;
color:black;
}

#press_right_col h3 {
font-size:0.95em;

font-weight:lighter;
}

#press_right_col p {
width:100%;
line-height:1.45em;
}

#article_buttons {
width:542px;
float:left;
border-top:solid 1px black;
padding-top:8px;
margin-top:10px;
margin-bottom:10px;
}

a.email_art {
width:117px;
height:12px;
float:left;
display:block;
background:url(http://www.kmtcreative.com/images/interface/press_email_art.gif);
text-indent:-1000em;
overflow:hidden;
}

a.print_art {
width:117px;
height:15px;
margin-left:35px;
float:left;
display:block;
background:url(http://www.kmtcreative.com/images/interface/press_print_art.gif);
text-indent:-1000em;
overflow:hidden;
}

#press_left_col {
float:left;
width:261px;
padding-right:137px;
padding-left:40px;
}

h1.press_title {
width:261px;
height:227px;
float:right;
background:url(http://www.kmtcreative.com/images/interface/press_title.gif);
text-indent:-1000em;
overflow:hidden;
margin-bottom:20px;
}

ul.press_nav {
float:right;
margin:0;
padding:0;
line-height:1.3em;
}

ul.press_nav li {
list-style:none;
font-size:0.9em;
padding-bottom:15px;
}

/* SEE US */
#see_us {
float:left;
width:931px;
height:551px;
margin-left:26px;
background:url(http://www.kmtcreative.com/images/interface/see_us_placeholder.gif);
}

ul.seeus_icons {
float:right;
margin:460px 20px 0 0;
padding:0;
}

ul.seeus_icons li {
list-style:none;
float:left;
margin-right:30px;
}