﻿/* 
Site Name:  TXK Technology Center
Theme URI:  http://www.txktraining.com
Description:  Transfer of Knowledge - Where Business and Technology Connect 
Version:  1.0
Author:  Mark Hunsaker
Author URI:  http://www.hunsakers.net/mark
*/


/* general xhtml --------------------------------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
}


html {
	font-size: 125%;
}

body {
	margin: 0;
	font-family: "Segoe UI", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:50%; /* Resets 1 em to 10 pts */
	text-align: center;
	vertical-align: top;
	background: #011f5d url(/Themes/Images/BGs/bodybg.jpg) repeat-y 50%;
}

img {
	border: none;
}

em {
	font-style:italic;
	font-weight: bold;
}

a {
	color: #ed6920;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

blockquote {
	margin-left: 20px;
	margin-right: 20px;
	font-style: italic;
}



/* page layout --------------------------------------------------------------------------- */

#page {
	background: url(/Themes/Images/BGs/bg.jpg) no-repeat 50% 0;
}

#pagealt {
	background: #011f5d url(/Themes/Images/BGs/bg.jpg) no-repeat scroll 50% 0;
}

#wrapper {
	width:980px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	font-size: 1.3em;
}

#topheader {
	background: #000 url(/Themes/Images/BGs/topbg.jpg) repeat-x;
	height: 37px;
}

#header {
	width: 980px;
	height:  169px;
	margin-top: -37px;
	background:url(/Themes/Images/BGs/headerbg.jpg) no-repeat;
}

#mid {
	width: 980px;
	height: 140px;
	background:url(/Themes/Images/BGs/midbg.jpg) no-repeat;
}

#pagecontent {
	width: 961px;
	margin-left: 10px;
	background: #020a39;
	overflow:auto /* clears elements */
}

#altpagecontent {
	width: 961px;
	margin-left: 10px;
	background: #ffffff;
	overflow:auto /* clears elements */
}

#footer {
	background: url(/Themes/Images/BGs/footer.jpg) top center no-repeat;
	height: 183px;
	color: #ffffff;
	padding-left: 30px;
}

#standard ul {
	list-style-image: url(/Themes/Images/Navigation/txkbullet.jpg);
	line-height: 1.5em;
	margin-left: 60px;
	margin-bottom: 10px;
}

/* topheader content --------------------------------------------------------------------------- */

#topheadernav {
	width: 980px;
	margin-left:auto;
	margin-right:auto;
}

#tci {
	height: 37px;
	margin-right: 8px;
	float: right;
}

#tci ul {
	list-style: none;
}

#tci li {
	float: left;
}

.tci_training {
	width: 106px;
	background: url(/Themes/Images/Navigation/training.jpg) no-repeat;
}

.tci_consulting {
	width: 106px;
	margin-right: 12px;
	background: url(/Themes/Images/Navigation/consulting.jpg) no-repeat;
}

.tci_integration {
	width: 106px;
	background: url(/Themes/Images/Navigation/integration.jpg) no-repeat;
}

#tci a {
	display: block;
	width: 106px;
	height: 37px;
}

#tci a span {
	display:none;
}


/* header content --------------------------------------------------------------------------- */

#logo {
	float:left;
	margin:37px 0 0 26px;
}

#logo a {
	display:block;
	width:213px;
	height:126px;
}

#logo a span {
	display:none;
}

/* navigation --------------------------------------------------------------------------- */


#nav {
	padding-top: 133px;
	padding-left: 254px;
	width: 558px;
	height: 36px;
}

#nav ul {
	list-style: none;
}

#nav li {
	float: left;
}

.nav_home {
	width: 92px;
	background: url(/Themes/Images/Navigation/home.jpg) no-repeat;
}

.nav_schedule {
	width: 92px;
	background: url(/Themes/Images/Navigation/schedule.jpg) no-repeat;
}

.nav_courses {
	width: 92px;
	background: url(/Themes/Images/Navigation/courses.jpg) no-repeat;
}

.nav_blog {
	width: 92px;
	background: url(/Themes/Images/Navigation/blog.jpg) no-repeat;
}

.nav_contact {
	width: 92px;
	background: url(/Themes/Images/Navigation/contact.jpg) no-repeat;
}

.nav_about {
	width: 92px;
	background: url(/Themes/Images/Navigation/about.jpg) no-repeat;
}

.nav_resources {
	width: 98px;
	background: url(/Themes/Images/Navigation/resources.jpg) no-repeat;
}

#nav a {
	display: block;
	width: 92px;
	height: 36px;
}

#nav a.nav_resources {
	display: block;
	width: 98px;
	height: 36px;
}

a:hover.nav_home {
	background: url(/Themes/Images/Navigation/home_alt.jpg) no-repeat;
}

a:hover.nav_schedule {
	background: url(/Themes/Images/Navigation/schedule_alt.jpg) no-repeat;
}

a:hover.nav_courses {
	background: url(/Themes/Images/Navigation/courses_alt.jpg) no-repeat;
}

a:hover.nav_blog {
	background: url(/Themes/Images/Navigation/blog_alt.jpg) no-repeat;
}

a:hover.nav_contact {
	background: url(/Themes/Images/Navigation/contact_alt.jpg) no-repeat;
}

a:hover.nav_about {
	background: url(/Themes/Images/Navigation/about_alt.jpg) no-repeat;
}

a:hover.nav_resources {
	background: url(/Themes/Images/Navigation/resources_alt.jpg) no-repeat;
}

a span {
	display:none;
}

/* navigation on blog page --------------------------------------------------------------------------- */


#blognav {
	padding-top: 133px;
	padding-left: 254px;
	width: 558px;
	height: 36px;
}

#blognav ul {
	list-style: none;
}

#blognav li {
	float: left;
}

#blognav a {
	display: block;
	width: 92px;
	height: 36px;
}

/* page content --------------------------------------------------------------------------- */

#leftcolumn {
	width: 700px;
	background: #FFFFFF;
	float: left;
}

#leftcontent {
	width: 100%;
}

#leftcontent p {
	padding-left:  20px;
	padding-right: 20px;
	margin-bottom: 10px;
}

#fullcolumn {
	width: 100%;
	min-height: 600px;
	background: #FFFFFF;
}


#rightcolumn {
	width: 261px;
	background: #020a39;
	float: right;
}


#rightcontent {
	padding: 4px;
	color:#FFFFFF;
}

#blogrightcontent {
	padding: 4px;
	color:#FFFFFF;
}

p.copy {
	padding-left:  20px;
	padding-right: 20px;
	margin-bottom: 10px;
}

p.sidebar {
	margin-bottom: 10px;
}

.errors {
	color: #FF0000;
}

.schedule {
	margin-left: 40px;
	margin-bottom: 10px;
	list-style: none;
}

#sched {
	height: 490px;
	overflow: scroll;
}

img.pics {
	margin: 0 0 2px 8px;
	border: double 1px #004182;
}

.imgbox {
	margin: 0 14px 4px 2px;
	float: right;
}

.imgcaption {
	margin: 2px;
	max-width: 340px;
	text-align: center;
	font-size: 1.0 em;
	font-style: italic;
	color:#5e882f;
}

/* sidebar content--------------------------------------------------------------------------- */

#sidebar {
	width: 254;
}

#sidebar ul {
	list-style: none;
}

#sidebar li {
	margin-bottom: 10px;
}

#sidebar a {
	display: block;
	height: 132px;
}

#sidebar a span {
	display:none;
}

.sbnhsgf {
	height: 132px;
	background: url(/Themes/Images/Navigation/sidebar_nhsgf.jpg) no-repeat;
}

.sbms {
	height: 132px;
	background: url(/Themes/Images/Navigation/sidebar_microsoft.jpg) no-repeat;
}

.sbmsy {
	height: 160px;
	background: #010437;
}

.msy {
	margin: 15px 0 0 38px;
}

.sbcisco {
	height: 132px;
	background: url(/Themes/Images/Navigation/sidebar_cisco.jpg) no-repeat;
}

.sblinux {
	height: 132px;
	background: url(/Themes/Images/Navigation/sidebar_linux.jpg) no-repeat;
}

.sbdesign {
	height: 132px;
	background: url(/Themes/Images/Navigation/sidebar_adobe.jpg) no-repeat;
}

.sbcareer {
	height: 132px;
	background: url(/Themes/Images/Navigation/sidebar_career.jpg) no-repeat;
}

/* footer content --------------------------------------------------------------------------- */

p.footertext {
	padding-top: 14px;
}

p.footertext a {
	color:#FFFFFF;
}

p.footerbottom {
	margin-top: 50px;
	margin-left: 340px;
	font-size: .8em;
	color:#c3d82c;
}

p.footerbottom a {
	color:#ed6920;
}

.facebook {
	margin-top: 55px;
	margin-left: 200px;
	font-size: .8em;
}

/* classes for dynamic mid section --------------------------------------------------------------------------- */

.mid01 {
	width: 980px;
	height: 140px;
	background:url(/Themes/Images/BGs/midbg.jpg) no-repeat;
}

.mid02 {
	width: 980px;
	height: 140px;
	background:url(/Themes/Images/BGs/midbg02.jpg) no-repeat;
}

.mid03 {
	width: 980px;
	height: 140px;
	background:url(/Themes/Images/BGs/midbg03.jpg) no-repeat;
}

.mid04 {
	width: 980px;
	height: 140px;
	background:url(/Themes/Images/BGs/midbg04.jpg) no-repeat;
}

.mid05 {
	width: 980px;
	height: 140px;
	background:url(/Themes/Images/BGs/midbg05.jpg) no-repeat;
}

.mid06 {
	width: 980px;
	height: 140px;
	background:url(/Themes/Images/BGs/midbg06.jpg) no-repeat;
}

.mid07 {
	width: 980px;
	height: 140px;
	background:url(/Themes/Images/BGs/midbg07.jpg) no-repeat;
}

.mid08 {
	width: 980px;
	height: 140px;
	background:url(/Themes/Images/BGs/midbg08.jpg) no-repeat;
}

.mid09 {
	width: 980px;
	height: 140px;
	background:url(/Themes/Images/BGs/midbg09.jpg) no-repeat;
}

.mid10 {
	width: 980px;
	height: 140px;
	background:url(/Themes/Images/BGs/midbg10.jpg) no-repeat;
}

.mid11 {
	width: 980px;
	height: 140px;
	background:url(/Themes/Images/BGs/midbg11.jpg) no-repeat;
}

.midblog {
	width: 980px;
	height: 140px;
	background:url(/Themes/Images/BGs/midblog.jpg) no-repeat;
}

.midcourses {
	width: 980px;
	height: 140px;
	background:url(/Themes/Images/BGs/midcourses.jpg) no-repeat;
}

.midschedule {
	width: 980px;
	height: 140px;
	background:url(/Themes/Images/BGs/midschedule.jpg) no-repeat;
}

.midabout {
	width: 980px;
	height: 140px;
	background:url(/Themes/Images/BGs/midabout.jpg) no-repeat;
}

.midcontact {
	width: 980px;
	height: 140px;
	background:url(/Themes/Images/BGs/midcontact.jpg) no-repeat;
}

.midresources {
	width: 980px;
	height: 140px;
	background:url(/Themes/Images/BGs/midresources.jpg) no-repeat;
}

.midtraining {
	width: 980px;
	height: 140px;
	background:url(/Themes/Images/BGs/midtraining.jpg) no-repeat;
}

.midconsulting {
	width: 980px;
	height: 140px;
	background:url(/Themes/Images/BGs/midconsulting.jpg) no-repeat;
}

.midintegration {
	width: 980px;
	height: 140px;
	background:url(/Themes/Images/BGs/midintegration.jpg) no-repeat;
}



/* headlines --------------------------------------------------------------------------- */

h1 {
	display: block;
	height: 48px;
	font-size: 2.0 em;
	font-weight: normal;
	letter-spacing: -.025em;
	color: #004182;
	margin: 14px 0 10px 20px;
	background: url(/Themes/Images/BGs/h1bg.jpg) no-repeat bottom left;
}

h2 {
	height: 50px;
	margin-bottom: 10px;
	letter-spacing: -1px;
	color: #004182;
	display: block;
	padding-top: 4px;
}

h2 span {
	display:none;
}

h2.text {
	height: 50px;
	text-transform:uppercase;
	font-weight: normal;
	font-size: 2.0em;
	margin-bottom: 10px;
	letter-spacing: -1px;
	color: #004182;
	background: url(/Themes/Images/BGs/h2bg.jpg) no-repeat;
	display: block;
	padding-top: 4px;
}

div.htext {
	margin-left: 75px;
}


h2.transferofknowledge {
	background: url(/Themes/Images/BGs/headlines/transferofknowledge.jpg) no-repeat;
}

h2.technologycenter {
	background: url(/Themes/Images/BGs/headlines/technologycenter.jpg) no-repeat;
}

h2.courseschedule {
	background: url(/Themes/Images/BGs/headlines/courseschedule.jpg) no-repeat;
}

h3 {
	font-size: 1.3em;
	font-weight: bold;
	color: #FFFFFF;
	margin-top: 25px;
	margin-bottom: 10px;
}

/* h4 is used for logo */

h5 {
	font-size: 1.0em;
	margin: 0 0 0 20px;
}

/* blog --------------------------------------------------------------------------- */

#blogcontent ul {
	margin-left: 60px;
	margin-bottom: 10px;
}

.blogposts {
	margin: 2px 14px 24px 14px;
}

.postmetadata {
	margin-top: 18px;
	font-style:italic;
	text-align: center;
}

.blogrule {
	height: 30px;
	width: 100%;
	background: url(/Themes/Images/BGs/blogrule.jpg) no-repeat center;
}

/* courses --------------------------------------------------------------------------- */

#coursespage {
	margin: 6px 6px 6px 30px;
	overflow: auto;
}

#coursespage ul {
	list-style: none;
}

#coursespage li {
	float: left;
}

.appstraining {
	width: 300px;
	background: url(/Themes/Images/Navigation/appstrain.jpg) no-repeat;
}

.techtraining {
	width: 300px;
	background: url(/Themes/Images/Navigation/techtrain.jpg) no-repeat;
}

.prodev {
	width: 300px;
	background: url(/Themes/Images/Navigation/prodev.jpg) no-repeat;
}

#coursespage a {
	display: block;
	width: 300px;
	height: 398px;
}

#coursespage a span {
	display:none;
}

#coursecaptions {
	margin: 6px 6px 6px 30px;
	overflow: auto;
}

.ccaption {
	text-align: center;
	width: 300px;
	float: left;
}

/* contact form - (thanks to Chris Coyier at css-tricks.com) --------------------------------------------------------------------------- */

#contact-area {
	width: 600px;
	margin: 25px 0 0 40px;
}

#contact-area input, #contact-area textarea {
	padding: 2px;
	width: 580px;
	font-family:"Segoe UI", Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #213869;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #ed6920;
}

#contact-area input.submit-button {
	margin-left: 430px;
	width: 100px;
	float: left;
	font-weight:bold;
	border: 2px solid #ed6920;
}

.contact-em {
	font-weight:bold;
	font-style: normal;
}

.contact-table {
	margin-left: 20px;
}

label {
	float: left;
	width: 300px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 1.0em;
	font-weight:bold;
}

.uxerrors {
	padding:14px 0 0 0;
	font-weight:bold;
	color:#2b4a8a;
	font-size:1.2em;
	letter-spacing: -1px;
}

/* hacks for IE 6 --------------------------------------------------------------------------- */

* html #nav { padding-top: 0px;  margin-top: -30px; }
* html #blognav { position:relative; padding: 130px 0 0 1px;}
* html #blogrightcontent { padding: 2px; }

* html #mid { margin-top: -7px; }
* html .mid01 { margin-top: -7px; }
* html .mid02 { margin-top: -7px; }
* html .mid03 { margin-top: -7px; }
* html .mid04 { margin-top: -7px; }
* html .mid05 { margin-top: -7px; }
* html .mid06 { margin-top: -7px; }
* html .mid07 { margin-top: -7px; }
* html .mid08 { margin-top: -7px; }
* html .mid09 { margin-top: -7px; }
* html .mid10 { margin-top: -7px; }
* html .mid11 { margin-top: -7px; }

/* hacks for IE 7 --------------------------------------------------------------------------- */

 *:first-child+html #nav { position: relative; padding-top: 0; margin-top: -30px; }
 *:first-child+html #blognav { position: relative; padding-top: 0; margin-top: -30px; }
 *:first-child+html #tci { position: relative; }
 *:first-child+html h1 { font-size: 2.0em; }
