* { font: 10px/16px Lucida Grande, "Trebuchet MS", trebuchet, verdana, arial, sans-serif; margin: 0; padding: 0; }

/* LINKS */
a { font-size: 1.0em; }
a:link, a:visited { color: #be8043; text-decoration: underline; }
a:active, a:hover { color: #bf0034; text-decoration: none; }


/* GENERAL STYLES */
a img, area { border: 0; }

html, body { height: 100%; }
body { margin: 0; padding: 0; background: #000; color: #ece3c8; text-align: center; }

h1 { font-size: 1.3em; }
h1, h1 a { margin: 0 0 30px 0; color: #546851; text-transform: uppercase; letter-spacing: 1px; }
h2 { font-size: 1.2em; }
h2, h2 a { margin: 16px 0 16px 0; color: #6a4437; font-weight: bold; text-transform: uppercase; }
h3, h3 a { margin: 0; color: #3e2e28; font-size: 1.0em; font-weight: bold; }
ul h3, ol h3 { margin: 0 0 4px -6px; color: #3e2e28; font-size: 1.2em; }
ul h3 a:link, ul h3 a:visited, ol h3 a:link, ol h3 a:visited { color: #3e2e28; }

ul { margin: 0 20px 20px 30px; list-style-image: url(../imgs/list_image.gif); }
ol { margin: 0 20px 20px 30px; }
li { margin: 0 0 4px 12px; font-size: 1.2em; }
b, strong, .bold { font-weight: bold; font-size: 1.0em; }
i, em { font-style: italic; font-size: 1.0em; }
table { border: 0; padding: 0; margin: 0; }
td { font-size: 11px; vertical-align: top; }
form { margin: 0; padding: 0; }
input, textarea, select { border: solid 1px #bbb3ae; }

img.left { float: left; }
img.right { float: right; }
.special { color: #f00; }
.smaller-font { font-size: 90%; }
.clear-break1 { height: 3px; clear: both; }
.clear-break2 { height: 5px; clear: both; }
.clear-break3 { height: 9px; clear: both; }
.clear-break4 { height: 14px; clear: both; }


/* CONTAINERS */
#wrapper { width: 970px; margin: 40px auto 0 auto; position: relative; }
#container { width: 798px; min-height: 400px; margin: 0 0 20px 20px; border-left: 1px solid #c8b88b; border-right: 1px solid #c8b88b; border-top: 1px solid #c8b88b; background: #ece3c8; text-align: left; position: relative; float: left; }
body.home #container { margin: 40px auto 0 auto; border-bottom: solid 3px #c8b88b; background: transparent url(../imgs/home/home_bgs/rotate.php) no-repeat; float: none; }

#content { width: 680px; min-height: 300px; margin: 50px 60px 80px 60px; color: #282321; font-size: 1.2em; }
#content div { font-size: 1.0em; }
#content p { margin-bottom: 20px; font-size: 1.0em; }
#content a:link, #content a:visited {  }
#content a:active, #content a:hover {  }

/* HOME */
#logo { width: 261px; height: 100px; background: url(../imgs/level2/ktio_level2_logo.png); cursor: pointer; cursor: hand; position: relative; }
*html #logo { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imgs/level2/ktio_level2_logo.png', sizingMethod='image'); }
body.home #logo { top: 12px; left: 17px; width: 498px; height: 221px; background: url(../imgs/home/ktio_home_logo.png); cursor: auto; position: absolute; }
*html body.home #logo { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imgs/home/ktio_home_logo.png', sizingMethod='image'); }

#home-nav { top: 160px; left: 530px; width: 261px; height: 176px; position: absolute; }
#home-nav img, #home-nav div { width: 261px; height: 22px; clear: both; }
#home-nav div { cursor: pointer; cursor: hand; }

#photo-bar { width: 798px; height: 135px; margin: 0; padding: 0; border-top: solid 2px #c8b88b; vertical-align: bottom; position: relative; }
#photo-bar img { border-right: solid 1px #000; float: left; }
#photo-bar img.last { border-right: none; }

#home-blurb { width: 756px; margin: 410px 12px 12px 12px; padding: 8px; border: solid 1px #000; background: url(../imgs/grey_transparent_bg.png); position: relative; }
*html #home-blurb { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imgs/grey_transparent_bg.png', sizingMethod='scale'); }
#home-blurb p { margin-bottom: 8px; font-size: 1.2em; }
#home-blurb ul { margin-top: 10px; }
#home-blurb li { font-size: 1.0em; }

#flags { top: 8px; left: 609px; width: 180px; position: absolute; }
#flags img { margin: 0 0 0 10px; float: right; }
body.home #flags { top: 27px; left: 699px; width: 51px; position: absolute; }
body.home #flags img { margin: 0 0 7px 0; clear: both; float: none; }


/* TEMPLATE PAGES */

#header { width: 798px; height: 100px; border-bottom: 2px solid #c8b88b; background: url(../imgs/level2/header_bgs/rotate.php) no-repeat; }
*html #header { width: 800px; background-repeat: repeat-x; }

/* other */
#copy { width: 800px; margin: 4px 0 0 -1px; background: #000; border-top: solid 3px #c8b88b; font-size: .9em; text-align: right; position: relative; }
body.home #copy { margin: 4px auto; border-top: 0; }

#ad-container { width: 120px; margin-left: 30px; float: left; }
#ad-container a img { margin-bottom: 12px; border: 0; clear: both; }

table.project-table { width: 500px; border: 1px solid #999; }
table.project-table td { padding: 2px 4px; border-right: 1px solid #999; border-bottom: 1px solid #999; }

/* Yahoo API */
#bd:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#bd { zoom: 1; }

/* slideshow */
.image_info { display: block; border: 0px; }
.image { margin-bottom: 20px; }
.image img { border: 1px solid #282321; margin: 10px 0 0 0; }
.navigation, .navigation a { text-decoration: none; margin-top: 9px; }
.thumbnail_row { margin-top: 30px; }
.thumbnail_row img { border: 0px solid #aaa; margin-top: 10px; }
.thumbnail_center { border: 1px solid #fff !important; }