/* LAYOUT */
/* ----------------------------------------- */

/* WordPress Stuff. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left; margin: 5px 10px 5px 0; }
.alignright { float:right; margin: 5px 0 5px 10px; }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* Useful */
br.dirtyLittleTrick { clear:both; display:block; height:1px; margin:-1px 0 0 0 }


/* TYPOGRAPHY */
/* ----------------------------------------- */

body { font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 10px; color: #333; }


h1 { font-size: 30px; }
h2 { font-size: 24px; text-transform: uppercase; letter-spacing: -1px; }
h3 { font-size: 18px; text-transform: uppercase; }
h4 {}
h5 {}

a { color: #E0000B; }
a:hover {}

p, ul	{ padding-bottom: 15px; line-height: 17px; }


/* LAYOUT
----------------------------------------- */

body	{ background: #3F454C url(../images/body-bg.gif); padding: 30px 0; }
#wrap	{ background: #fff; margin: 0 auto; width: 900px; border: 3px #666 solid; }

/* Header
----------------------------------------- */

#hd					{ background: transparent url(../images/hd-bg.jpg) no-repeat; height: 102px; padding-top: 70px; }
				
#hd h1 a			{ display: block; width: 435px; height: 24px; text-indent: -9999px;
					  background: transparent url(../images/khitch-logo-trans.png) no-repeat; margin-left: 30px; }

#hd #nav			{ display: block; margin-top: 37px; }
#hd #nav li			{ display: block; width: 150px; height: 40px; float: left; text-align: center; }
#hd #nav li a		{ display: block; height: 25px; padding-top: 15px; border-left: 1px #444d55 solid;
					  background: transparent url(../images/nav-bg.jpg) repeat-x;
					  font-size: 12px; text-decoration: none; color: #fff;  }
#hd #nav li a:hover,
#hd #nav .current_page_item a	{ background-position: bottom; }

/* Body
----------------------------------------- */

#bd 				{ background: transparent url(../images/bd-cs-bg.gif) repeat-y; background-position:100% 0;
					  min-height: 400px; padding-right: 30px; font-size: 12px; }

#bd #breadcrumbs	{ background: #E7E7E8; width: 580px; padding: 5px 10px; }
#bd #breadcrumbs a	{ text-decoration: none; }
#bd #breadcrumbs a:hover	{ text-decoration: underline; }

#bd #content-main	{ width: 570px; float: left; }
#bd #content-wrap	{ margin:30px 0 0 25px; }
#bd #content-second	{ width: 240px; float: right; }

/* Sidebar
----------------------------------------- */

#content-second		{ font-size: 12px; color: #ccc; padding: 30px 0 }
#content-second h3	{ color: #00AEEF; padding-bottom: 8px; margin-bottom: 5px; border-bottom: 1px #333 solid;  }

#content-second ul ul,
#content-second p	{ padding-bottom: 0px; } 

#content-second li		{ margin-bottom: 30px; }
#content-second li li	{ margin-bottom: 0; }

#content-second a 		{ color: #999; text-decoration: none; }
#content-second a:hover { color: #ccc; text-decoration: underline; }

#content-second #searchform #s	{ width: 165px; background: #666; border: 2px #666 solid; padding: 2px;}
#content-second #searchform #searchsubmit	{ width: 60px; float: right; color: #fff; background: #213344;
											  border: 2px #213344 solid; padding: 2px; }
#content-second #searchform #searchsubmit:hover { color: #213344; background: #00AEEF; border: 2px #00AEEF solid; }

#content-second #news-side 		{ font-size: 10px; }
#content-second #news-side a	{ font-size: 12px; }
#content-second #news-side li	{ margin-bottom: 5px; }

#content-second #text-3	{ margin-top: -20px; }
#content-second #text-3 .wpcf7-form-control-wrap input	{ width: 232px; margin-bottom: 8px; background: #666;
														  border: 2px #666 solid; padding: 2px; }
#content-second #text-3 input[type="submit"]	{ width: 50px; color: #fff; background: #213344; border: 2px #213344 solid; padding: 2px; }
#content-second #text-3 input[type="submit"]:hover { color: #213344; background: #00AEEF; border: 2px #00AEEF solid; }


#content-second #product-links a	{ display: block; padding: 10px; background-color: #213344; color: #fff; margin-bottom: 10px; font-size: 13px; }
#content-second #product-links a:hover	{ background-color: #00AEEF; color: #213344; text-decoration: none; }

#content-second #wspecials img	{ width: 130px; height: auto; border: 5px #666 solid; }

/* Main Content
----------------------------------------- */

#content-main h2		{ padding-bottom: 10px; border-bottom: 3px #E7E7E8 solid; margin-bottom: 10px; }
#content-main h4		{ font-weight: bold; padding-bottom: 10px; line-height: 17px;  }
#content-main .post h3	{ margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px #ccc solid; }
#content-main ul li		{ list-style: inside square; }

/* Main Content - News
----------------------------------------- */

a[title="View all posts in zz HOME PAGE zz"]	{ display:none; }
.date-line		{ background: #E7E7E8; color: #666; padding: 5px; margin-bottom: 10px; font-size: 10px; }
.date-line a	{ color: #333; }
.news-post		{ margin-bottom: 30px;}
.news-post h3	{ margin-bottom: 5px; }
.news-post h3 a 	{ text-decoration: none; color: #333; }
.news-post h3 a:hover	{ text-decoration: underline; color: #E0000B; }

.news-post .more-link		{ display: block; margin-top: -5px; background: #E7E7E8; text-decoration: none; padding: 5px;
							  width: 100px; font-size: 10px; }
.news-post .more-link:hover	{ color: #fff; background: #E0000B; }

.news-nav	{ border-top: 2px #E7E7E8 solid; margin-bottom: 40px; padding-top: 5px; }
.news-nav .older { float: left; }
.news-nav .newer { float: right; }
.news-nav a	{ text-decoration: none; }

/* Main Content - Products
----------------------------------------- */

#content-main ul.products li		{ list-style: none; margin: 4px; float: left; width:262px; }

#content-main ul.products a		{ display: block; background: #E7E7E8; border: 1px #ccc solid; color: #E0000B; text-decoration: none; padding: 10px; }

#content-main ul.products a:hover	{ background: #E0000B; color: #fff; }

#products #content-main #coming 	{ display: block; background: #E7E7E8; border: 1px #ccc solid; margin: 8px 8px 8px 4px; color: #333; text-decoration: none; padding: 10px; }


/* Main Content - Resources
----------------------------------------- */

#resources table	{ width: 100%; border: 1px #ccc solid; margin-bottom: 20px; }
#resources table td	{ text-align: center; padding: 5px }
#resources table .tbl-download { width: 65px;  }
#resources table .tbl-product-name { text-align: left; }
#resources table .even	{ background: #E7E7E8; }
#resources table thead	{ background: #213344; color: #fff;  }

#resources #industry-links li { list-style: none; margin-bottom: 5px; }

/* Main Content - Contact
----------------------------------------- */

#contact-us .contact-details	{ margin-bottom: 20px; }

#contact-us #content-main		{ padding-bottom: 15px;}
#contact-us #content-main ul li		{ list-style:none; }

#contact-us .vcard	{ line-height: 18px; float: left; width: 200px; }
#contact-us .vcard .org		{ display: none; }
#contact-us .vcard .type	{ display: block; width: 60px; float: left; }
#contact-us .vcard .adr .type	{ margin-bottom: 5px;}
#contact-us .vcard .adr .value	{ width: 140px; display: block; margin-left: 60px;}
#contact-us #content-main .g-map	{ float: right; font-size: 10px; }
#contact-us #content-main .g-map img { border: 2px #E7E7E8 solid; padding: 1px; margin-bottom: 3px; }


/* Footer
----------------------------------------- */

#ft			{ background: #213344; border-top: 1px #fff solid; height: 30px; color: #64717C; padding: 20px 30px; }
#ft a		{ color: #9099A2; }
#ft a:hover	{ color: #fff; }
#maker		{ text-align: right; display:block; width: 200px; float: right;}
#maker a	{ text-decoration: none; }
#maker a:hover	{ text-decoration: underline; }
#copy		{ display: block; width: 450px; float: left; }