html		{ height: 100%; }
body		{ width: 100%; height: 100%; margin: 0; padding: 0; background: #65748E; }
blockquote	{ margin: 15px 40px; padding: 0; }
div 		{ border-style: none; outline: none; -moz-outline-style: none; }
sup			{ font-size: 75%; }
ul, ol		{ margin: 15px 0; padding: 0 0 0 40px; }
ol ol,
ol ul,
ul ol,
ul ul		{ margin: 0; }
ul.noMargin	{ margin-top: 0; margin-bottom: 0; }

/* edit.com visible styles */
BODY, TD, .NormalText { font-weight: normal; text-decoration: none; font-style: normal; color: #000; font-size: 12px; font-family: Arial, Helvetica, sans serif; line-height: 1.7em; }

h1, * .Title		{ color: #F4911E; font-size: 18px; font-weight: normal; font-family: Arial; text-transform: uppercase; margin: 0; padding: 0; display: block; width: 460px; height: 125px; text-indent: -9999px; background: url('../images/kapnag_logo.jpg') no-repeat; float: left; }
h2, .Header		{ color: #64758F; font-size: 16px; font-weight: bold; font-family: Arial; margin: 0; padding: 0; }
h3, .Subheader	{ color: #64758F; font-size: 12px; font-weight: bold; font-family: Arial; margin: 0; padding: 0; }

.Orange			{ color: #F4911E; }
.Blue			{ color: #64758F; }
.Black			{ color: #000000; }
.White			{ color: #FFFFFF; }
.LightGray		{ color: #C9C9C9; }
.DarkGray		{ color: #B4B4B4; }

.SmallText		{ font-size: 10px; line-height: 1em; }
.MediumText		{ font-size: 14px; line-height: 1em; }
.LargeText		{ font-size: 24px; line-height: 1em; }

IMG.FloatLeft 	{ float: left; margin: 0 5px 5px 0; }
IMG.FloatRight 	{ float: right; margin: 0 0 5px 5px; }
IMG.BlackBorder { border: 1px solid #000; }

/* site layout */
table#wrap			{ width: 100%; height: 100%; }
table#wrap td#shell { width: 100%; height: 100%; text-align: center; vertical-align: middle; }
div#container 	{ width: 960px; height: 700px; margin: 0 auto; border: 0; }
div#main		{ width: 952px; height: 660px; text-align: left; border: 0; padding: 0 8px 0 0; background: #FFF url('../images/bg_main.jpg') no-repeat; }
div#top			{ height: 190px; }
div#middle		{ height: 375px; margin: 0 0 50px 0; }
div#fullContent	{ width: 900px; margin: 30px auto 0; }
	div#fullContent td	  { padding: 0 10px; text-align: justify; }
div#leftContent	{ float: left; width: 360px; height: 100%; padding: 0 30px; }
	div#leftContent table { height: 100%; }
	div#leftContent table#homeTable { margin-left: 15px; }
	div#leftContent table#projectTable { width: 350px; }
	div#leftContent td { vertical-align: middle; text-align: left; }
	div#leftContent td.subnav { height: 120px; }
	div#leftContent td.text   { height: 100px; }
	div#leftContent table#contactTable { margin-left: 15px; }
	div#leftContent table#contactTable td ul { margin: 0 0 0 18px; padding: 0; }
	div#leftContent table#contactTable td ul li { margin: 0; padding: 0; }
div#rightContent { float: right; width: 420px; height: 100%; margin: 0 20px 0 0; }
	div#rightContent h2 { margin: 15px 0; }
div#bottom		{ height: 40px; }
div#bottom td   { color: #FFF; text-align: center; vertical-align: bottom; }
div.hide		{ display: none; }

/* projects */
div#leftContent.projectDetail  { float: left; width: 360px; height: 100%; padding: 0 10px 0 30px; }
div#rightContent.projectDetail { float: right; width: 503px; height: 100%; margin: 0; }
	
table.projects td { vertical-align: top; text-align: center; }
table.projects td IMG.categoryImage { border: 1px solid #000; width: 150px; margin-bottom: 10px; }

div#rightContent.projectDetail div#slide-container { width: 503px; height: 377px; }
div#rightContent.projectDetail div#slide-container div { margin: 0 auto; display: none; text-align: center; width: 100%; }
div#rightContent.projectDetail div#slide-container IMG.projectImage { height: 377px; }

/* newsletter */
div#newsletter	{ text-align: right; padding: 40px; }
div#newsletter form { margin: 0; padding: 0; }
div#newsletter table { float: right; }
div#newsletter td	 { color: #64758F; padding: 0 3px; text-align: right; }
div#newsletter input { background: #DCDEDE; border: 0; }
div#newsletter input.submit { background: url('../images/arrow.png') no-repeat; border:0; width:19px; height:19px; text-indent:-999999px; font-size:0px; display:block; line-height:0px;}

/* links */
a:link, a:visited	{ color: #F58025; text-decoration: underline; border-style: none; outline: none; -moz-outline-style: none; }
a:active, a:hover	{ color: #000000; text-decoration: underline; border-style: none; outline: none; -moz-outline-style: none; }

a.NoUnderline { text-decoration: none; }
a.NoUnderline:link,
a.NoUnderline:visited { text-decoration: none; }
a.NoUnderline:active,
a.NoUnderline:hover   { text-decoration: underline; }

/* navigation */
ul#nav	  { list-style-type: none; display: block; margin: 40px 40px 0 0; padding: 0; float: right; }
ul#nav li { list-style-type: none; display: inline; height: 28px; margin: 0; padding: 0; }

ul#nav li a 		{ display: block; float: left; font-size: 11px; font-weight: bold; font-family: Arial; text-decoration: none; text-transform: uppercase; margin: 0; padding: 0 8px; border-right: 1px solid #64758F; line-height: 1em; }
ul#nav li a:link,
ul#nav li a:visited { color: #64758F; }
ul#nav li a:active,
ul#nav li a:hover,
ul#nav li a.current { color: #F4911E; }
ul#nav li a.last	{ border-right: 0; }

div#bottom a 		 { color: #FFFFFF; text-decoration: none; }
div#bottom a:link,
div#bottom a:visited { color: #FFFFFF; text-decoration: none; }
div#bottom a:active,
div#bottom a:hover   { color: #FFFFFF; text-decoration: underline; }

/* jquery scrollpane */
* #scroll-pane-holder { width: 325px; height: 305px; position: absolute; }
* .scroll-pane { width: 325px; height: 305px; overflow: auto; }

* #scroll-pane-holder-full { width: 900px; height: 305px; position: absolute; }
* .scroll-pane-full { width: 900px; height: 305px; overflow: auto; }

* #scroll-pane-holder-left { width: 375px; height: 305px; position: absolute; }
* .scroll-pane-left { width: 375px; height: 305px; overflow: auto; }

* #scroll-pane-holder-right { width: 410px; height: 305px; position: absolute; }
* .scroll-pane-right { width: 410px; height: 305px; overflow: auto; }

* .jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}
* .jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #C9C9C9;
	width: 20px;
}
* .jScrollPaneDrag {
	position: absolute;
	right: 0;
	background: #B4B4B4;
	cursor: pointer;
	overflow: hidden;
	width: 20px;
}
* .jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
* .jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}
a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}