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


	html,body,div,
    form,fieldset,input,textarea,
    h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,
    th,tr,td,ul,li {
        margin:0;
        padding:0;
    }
    
    body,input,textarea,p,li { font-family: Ariel,Helvetica,sans-serif; }
    p,li { font-size:12px; color:#292929; }
    input,textarea { 
    	font-size:11px; 
    	color:#313131; 
    	border: 1px solid #AAAAAA;
    }
    
    li, p { line-height: 130%; }
    
    p {
		padding-bottom: 5px;
		text-align: justify;
		padding-top:5px;
	}
	
	li { margin-left:25px; }
	ul { margin-top:8px; margin-bottom:8px; }
	
	body {
		color: #292929;
		margin-top:20px;
		margin-bottom: 20px;
		background-color: #f6f6f6;
		background-image:url(../images/paper_back.jpg);
		background-position:top left;
	}

	#page-container{ 
		width:900px; 
		margin-left:auto; 
		margin-right:auto; 
		background-color: white; 
		padding: 5px 11px;
		border-style: solid;
		border-width: 1px;
		border-color: #eeeeee;
	}
	
	#header{ 
		background-image:url(../images/kod_header.png);
		width:900px; 
		height:107px;
		background-position: top left;
		background-repeat:no-repeat; }

	#navigation-block{ 
		border-color: #DC8C24;
    	border-style: solid none;
    	border-width: 1px;
		width:900px;
		height:55px;
		text-align:center;
		
	}
		
	#navigation {
		margin: 0px;
		padding: 0px;
		list-style-type:none;
		text-align:center;
	} 
	
	#navigation li { float:left; margin:0px; } 
	
	/* simply enforce the 'pointer' based cursor when hovering over the menu items */
	#navigation li.nav-icon { cursor:pointer; }
	
	li.nav-text {
		width:100px;
		height:25px;
		background-position:bottom left;
		background-repeat:no-repeat;
		padding-top:1px;	
	}
	 
	#navigation li.nav-icon {
		border:none;
		display:block;
		width:31px;
		height:42px;
		position:relative;
		text-decoration:none;
	}
	
	#navigation li.nav-icon .rollover {
		display:block;
		position:absolute;
		top:0;
		left:0;
		width:31px;
		height:42px;
	}
	
	/* images that are rendered on hover */
	#navigation li:nth-child(1) span.rollover { background-image:url(../images/home_icon_reflect.gif); }
	#navigation li:nth-child(3) span.rollover { background-image:url(../images/about_icon_reflect.gif); }
	#navigation li:nth-child(5) span.rollover { background-image:url(../images/kod_icon_reflect.gif); }
	#navigation li:nth-child(7) span.rollover { background-image:url(../images/partners_icon_reflect.gif); }
	#navigation li:nth-child(9) span.rollover { background-image:url(../images/contactus_icon_reflect.png); }
	
	/* images that are static upon page load */
	#navigation li:nth-child(1){ background-image:url(../images/home_icon_shine.gif); }
	#navigation li:nth-child(2){ background-image:url(../images/home_text.png); }
	#navigation li:nth-child(3){ background-image:url(../images/about_icon_shine.gif); }
	#navigation li:nth-child(4){ background-image:url(../images/about_text.png); }
	#navigation li:nth-child(5){ background-image:url(../images/kod_icon_shine.gif); }
	#navigation li:nth-child(6){ background-image:url(../images/work_text.png);}
	#navigation li:nth-child(5){ background-image:url(../images/kod_icon_shine.gif); }
	#navigation li:nth-child(6){ background-image:url(../images/work_text.png);}
	#navigation li:nth-child(7){ background-image:url(../images/partners_icon_shine.gif); }
	#navigation li:nth-child(8){ background-image:url(../images/partners_text.png);}
	#navigation li:nth-child(9){ background-image:url(../images/contactus_icon_shine.png); }
	#navigation li:nth-child(10){ background-image:url(../images/contact_text.png); }
	
	#certs { height: 67px; width: 498px; list-style-type:none; background-color: white; }
	
	/* images or the certifications section */
	#certs li { height: 100%; float: left; }
	#certs li:nth-child(1){ 
		background-image: url(../images/certified_labview_architect.jpg); 
		background-position: left;
		background-repeat: no-repeat;
		width: 174px;
		margin-left: 0px;
	}
	
	#certs li:nth-child(2){ 
		background-image: url(../images/netburner_consultant.gif); 
		background-position: left;
		background-repeat: no-repeat;
		width: 128px;
	}
	
	#certs li:nth-child(3){ 
		background-image: url(../images/certified_alliance_partner.png); 
		background-position: left;
		background-repeat: no-repeat;
		width: 150px;
	}
	
	
	#certs li a{ 
		display: block;
		height: 70px;
	}
	
	#certs li:nth-child(1) a{ 
		width: 174px;
	}
	
	#certs li:nth-child(2) a{ 
		width: 128px;
	}
	
	#certs {
		margin-top: 45px;
	}
	
	
	/* used to properly the menu icons */
	#nav-wrapper{padding-left:167px; padding-top:13px;}
	
	#page-body {
		background-image:url(../images/kod_body_background.png);
		background-position:top left;
		background-repeat:no-repeat;
		width:100%;
		min-height:450px;
	}
	
	#footer {
		/*background-image:url(../images/kod_footer.png);*/
		background-image:url(../images/footer_sliver_3.png);
		background-position:top left;
		background-repeat:repeat-x;
		width:100%;
		min-height:225px;
		clear:both;
		margin-top:50px;
	}
	
	#page-body h2{
		color: #005987;
		font-size: 14px;
		font-weight: normal;
		padding-top:8px;
		padding-bottom:4px;
	}
	
	#page-body h3 {
		/*color: #005987;*/
		font-size: 20px;
    	font-style: italic;
		color: #555533;
    	font-family: "Georgia","Times New Roman",Times,serif;
		font-weight: normal;
		text-align: left;
		padding-top:10px;
		line-height:40px;
	}
	
	#page-body h4 {
		color: #D47907;
		font-size: 22px;
		font-weight: normal;
		text-align: left;
		padding-top:10px;
		line-height:40px;
	}
	
	#page-body h5, #page-body h5 a{
		color: #005987;
		font-size: 16px;
		font-weight: normal;
		text-align: left;
		padding-top:5px;
		line-height:20px;
	}
	
	#page-body h6{
		color: #005987;
		font-size: 16px;
		font-weight: bold;
		text-align: left;
		padding-top:5px;
		line-height:15px;
	}
	
	#container p{
		width:450px;	
	}
	
	label {
		font-size:11px;
		margin-bottom:2px;
	}
	
	#code {
		font-family: "Times New Roman",Times,serif;
		font-size: 13px;
		font-style: italic;
	}
	
	a {
		color: #D47907;
	}
	
	label { color: #666666; }
	
	#footer-sect-left, #footer-sect-center, #footer-sect-right{
		width:300px;
	}
	
	#footer-sect-right{
		clear:both;
		float:right;
	}
	
	#footer-nav{
		margin:0px;
		padding:0px;
	}
	
	#footer-nav li{
		display:inline;	
		padding:15px;
		padding-top:0px;
		margin-left: 0px;
	}
	
	#footer-nav a:link { color:#81765C; text-decoration: none }
	#footer-nav a:hover { color: #005987; text-decoration: underline }	
	#footer-nav a {color:#81765C; font-size:12px; }
	
	#social-nav {
		margin: 0px;
	    padding: 0px;
		margin-top:35px;
	} 
	
	#footer-nav-block{ 
		text-align:center;
		padding-top: 48px;
	}
	
	#social-nav li {
		background-repeat: no-repeat;
		color: #4C4C4C;
		display: inline; 
	} 
	
	/* simply enforce the 'pointer' based cursor when hovering over the menu items */
	#social-nav li.nav-icon { cursor:pointer; }
	 
	#social-nav li.nav-icon {
		padding-left: 25px;
    	padding-top: 10px;
	}
	
	/*
	#social-nav li.nav-icon .rollover {
		display:block;
		position:absolute;
		top:0;
		left:0;
		width:36px;
		height:36px;
	}
	*/
	
	/* images that are rendered on hover */
	/*
	#social-nav li:nth-child(1) span.rollover { background-image:url(../images/fb_color.png); }
	#social-nav li:nth-child(2) span.rollover { background-image:url(../images/li_color.png); }
	#social-nav li:nth-child(3) span.rollover { background-image:url(../images/google_color.png); }
	*/
	
	/* images that are static upon page load */
	#social-nav li:nth-child(1){ background-image:url(../images/social_fb_icon.png); }
	#social-nav li:nth-child(2){ background-image:url(../images/social_li_icon.png); }
	#social-nav li:nth-child(3){ background-image:url(../images/social_gplus_icon.png); }
	
	/* styling for a typical social buttons bar - given that they each have their own
	 * rendering style, alignment proved much easier when using a table
	 */
	table.social-table { border-collapse:collapse; border-spacing:0; }
	table.social-table tr {}
	table.social-table td {width:auto; padding:0px; margin:0px;}
	table.social-table td.google {padding-left:10px;}
	table.social-table td.li {margin-left:0px}
	table.social-table td.fb {margin-left:0px; vertical-align:top;}
	table.social-table td.fb div.fb-buttn {margin-left:-20px;}
	
	#copy, #design {
		color:#C0C0C0;
		font-size:10px;
		text-align:center;
		clear:both;	
		padding-top:30px;
	}
	
	#design{
		color: #C0C0C0;
	    font-size: 9px;
	    font-style: italic;
	    padding-top: 0;
	}
	
	#container { width:100%; position:relative; }
	
	.entry-field-small { width:50px; }
	.entry-field-med { width:175px; }
	.entry-field-large { width:300px; }
	.entry-field-small, .entry-field-med, .entry-field-large { height: 17px; }
	
	.entry-field-err {
		background-color: #ffd5ca;
    	border: 1px solid red;
	}
	
	.error-list {
		background-color: #fcffbd;
    	border: 1px solid red;
    	width:400px;
    	margin-top:5px;
    	margin-left:2px;
    	margin-bottom:5px;
    	padding:5px;
    	color:red;
		font-size:12px;
	}
	
	/* forces an inline block to move to the next line */
	.new-line{
		clear:both;
	}
	
	div.clickme {
		background-image: url(../images/arrow.png);
		height:16px;
		background-position:left;
		background-repeat:no-repeat;
		cursor: pointer;
		float: left;
		font-size:11px;
		color: #D47907;
		margin-left: 5px;
		padding-left:20px;
		padding-top: 5px;
	}
	
	div.horo-separate { 
		height:1px;
		width:100%;
		background-image:url(../images/dash_separator.gif);
		background-repeat: repeat-x;
		background-position: left;
	}
	
	.validation-err {
		color:red;
		font-size:12px;
	}
	
	/* Field Block Styling
 * ===============================================================
 * Styles that follow are an attempt at standardizing a blocked
 * layout for standard entry fields.  A static page in 
 * WebRoot/html/template.html shows examples (using this stylesheet)
 * of the various "blocks"
 * ===============================================================
 */			
	
	/* Field Block Style 1 */
	.field-block-1 *{
		float:left;
	}
	
	/* prevents crazy behavior when the embedded item is a table */
	.field-block-1 table *{
		float:none;
	}
	
	.field-block-1 label, .field-block-1 p.err{
		font-size:12px;
	}
	
	.field-block-1 p{
		margin-top:2px;
	}
	
	.field-block-1 label{
		margin-right:8px;
		width:125px;
		text-align:right;
		margin-top:2px;
	}
	
	.field-block-1 p.err{
		margin-left:8px;
		color:#E00;
	}
	
	
	
	/* Field Block Style 2 */
	.field-block-2 label, .field-block-2 p.err{
		font-size:12px;
		margin-top:2px;
	}
	
	.field-block-2 *{
		float:left;		
	}
	
	.field-block-2 label{
		margin-right:8px;
		width:125px;
		text-align:right;
	}
	
	.field-block-2 p.sublabel{
		margin-top:2px;
		clear:both;
		float:left;
	}
	
	.field-block-2 p.err{
		color:red;
		margin-left:8px;
	}
	
	
	
	/* Field Block Style 3 */		
	.field-block-3 *{
		float:left;		
	}
	
	.field-block-3 span{
		clear:both;
	}
	 
	.field-block-3 p.sublabel{
		margin-top:2px;
		clear:both;
		float:right;
	}
	
	.field-block-3 p.err{
		color:red;
		margin-left:8px;
		font-size:12px;
		margin-top:16px;
	}
	
	
	
	/* Field Block Style 4 */
	.field-block-4 > p, .field-block-4 > label{
		float:left;
	}	
	
	.field-block-4 > span{
		clear:both;
		float:left;
	}
	
	.field-block-4 > span *{
		float:left;
	}
	
	.field-block-4 p.err{
		margin-left:5px;
		color:red;
	}