/**** 
Technology Specialists Inc. - Website Styles

COLORS:
black: 		#000000
white: 		#ffffff
red:   		#660000
light blue: #3399ff
****/

/* @group generic styles */
html, body { height: 100%; margin: 0; padding: 0; }
body { background: #dadada url(../images/body-bg.jpg) repeat-x 0 0; color: #444; }
a	 { text-decoration: none; color: #990000; }
a:hover { color: #666; }
strong	{ color: #990000; }
h1, h2, h3, h4, h5, h6 { color: #990000; margin: 0 0 3px 0; padding: 0; text-align: left; line-height: 1.1em; }
p	 { margin: 5px 0 8px 0; padding: 0; }
blockquote { margin: 5px 25px; padding: 0 0 0 10px; border-left: 5px solid #660000;
	font: 14px/18px 'Times New Roman'; font-style: italic; }
ul	 { list-style: disc; }
small { font-size: 0.9em; }
/* @end */

/* @group image styles */
.alignleft  { float: left; margin: 0 10px 10px 0; padding: 1px; border: 1px solid #b5b5b5; background: #fff; }
.alignright { float: right; margin: 0 0 10px 10px; padding: 1px; border: 1px solid #b5b5b5; background: #fff; }
.aligncenter, div.aligncenter, .alignnone { margin: 0 auto; margin-bottom: 20px; padding: 1px; border: 1px solid #b5b5b5; background: #fff; }
img.single-img { float: right; margin: 0 0 10px 15px; padding: 3px; background: #ffffff;
	border: 1px solid #b5b5b5; }
/* @end */

/* @group containers */
#container { width: 960px; margin: 0 auto; padding: 0; min-height: 100%; margin-bottom: -125px; position: relative;
	background: transparent url(../images/content-bg.jpg) repeat-y 0 ;  }
#header 	{ height: 194px; background: url(../images/header-bg.jpg) no-repeat 0 0; }
#navigation { margin-top: 9px; }
#search		{ background: url(../images/search-bar.jpg) no-repeat 0 0; height: 26px; margin-top: 69px; }
/* @end */

/* @group header */
#logo	{ height: 74px; margin: 47px 0 0 0; }
#logo h1 a { display: block; height: 74px; width: 620px; background: transparent url(../images/logo.jpg) no-repeat 0 0;
	text-indent: -9999px; }
/* @end */

/* @group navigation */
.main-menu { margin: 1px 0 0 0; padding: 0; height: 30px; list-style: none; font-size: 0.98em; text-transform: uppercase;
	font-weight: bold; }
.main-menu li { display: inline; float: left; margin: 0; padding: 0; }
.main-menu li a { color: #1f1f1f; padding-top: 5px; height: 23px; width: 102px; display: block;
	text-align: center; border-left: 1px solid #c9c9c9; border-right: 1px solid #ececec; }
.main-menu li a:hover { color: #990000; }
.main-menu li.current_page_ancestor a, .main-menu li.current_page_parent a, .main-menu li.current_page_item a
	{ color: #fff; background: #112f55; border: none; border-bottom: 1px solid #112f55; }

	/* @group sub-menu */
	.sub-container {  }
	/*** SUB MENU POSTIONING ***/
	.sub-menu { margin: 0 0 0 51px; padding: 0; text-transform: uppercase; font-size: 0.9em; }
	.sub-sol { margin: 0 0 0 120px; padding: 0; text-transform: uppercase; font-size: 0.9em; }
	.sub-part { margin: 0 0 0 254px; padding: 0; text-transform: uppercase; font-size: 0.9em; }
	.sub-cust { margin: 0 0 0 355px; padding: 0; text-transform: uppercase; font-size: 0.9em; }
	.sub-contact { margin: 0 0 0 370px; padding: 0; text-transform: uppercase; font-size: 0.9em; }
	
	.sub-menu li, .sub-sol li, .sub-part li, .sub-cust li, .sub-contact li
		{ display: inline; margin: 0; padding: 5px 16px 0 0; float: left; }
	.sub-menu li a, .sub-sol li a, .sub-part li a, .sub-cust li a, .sub-contact li a
		{ color: #ebebeb; }
	.sub-menu li a:hover, .sub-menu li.current_page_item a,
	.sub-sol li a:hover, .sub-sol li.current_page_item a,
	.sub-part li a:hover, .sub-part li.current_page_item a,
	.sub-cust li a:hover, .sub-cust li.current_page_item a,
	.sub-contact li a:hover, .sub-contact li.current_page_item a
	{ color: #3399ff; }

	/* @end */
/* @end */

/* @group search */
#search #s { border:0; padding: 6px 0 0 10px; width:222px; height: 20px; float:left; color:#444; 
	background: url(../images/search-field.jpg) no-repeat 0 0; font-size: 12px; text-transform: uppercase; }
#search-submit { float: left; display: block; width: 67px; height: 26px; text-indent: -9999px;
	background: transparent url(../images/search-button.jpg) no-repeat 0 0; border: 0; cursor: pointer; }
#search-submit:hover { background-position: 0 -26px; }
/* @end */

/* @group content-area */
#content-top { background: transparent url(../images/content-top-bg.jpg) no-repeat 0 0; height: 27px; }
#content-area { background: url(../images/content-divide.jpg) repeat-y 0 0; overflow: auto; }
	
	/* @group left-column */
	#left-column { margin-bottom: 50px;  }
	
		/* @group slider */
		#slider { width: 100%; height: 284px; margin-bottom: 15px; 
			background: #bfbfbf url(../images/slider-bg.jpg) no-repeat 0 0;
			border: 1px solid #a7a7a7; border-bottom: 1px solid #f7f7f7; border-right: 1px solid #f7f7f7; }
		#slider-container { width: 600px; height: 264px; margin: 10px; position: relative; overflow: hidden;
			top: 0; left: 0; }
		#sliderContent { margin: 0; padding: 0; list-style: none; float: left; position: absolute;
			top: 0; margin-left: 0; }
		#sliderContent li { padding: 0; margin: 0; }
		.sliderImage { float: left; position: relative; display: none; width: 100%; border: none; }
		.sliderImage span { position: absolute; font: 10px/15px Arial, Helvetica, sans-serif;
			padding: 12px 13px; width: 100%; background-color: #000; filter: alpha(opacity=90);
			-moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; color: #fff; display: none; }
    	.sliderImage span h3 { color: #ffffff; line-height: 1.25em; }
		.sliderImage span { font-size: 12px; }
		.bottom { bottom: 0; left: 0; }
		.bottom small { text-align: right; }
		/* @end */
		
	.left-separator, .entry-div {  height: 2px; background: url(../images/left-separator.jpg) no-repeat 0 0; }
	.entry { margin: 10px 0 35px 0; padding: 0 7px; text-align: justify;  }
	.entry h3 { padding: 0 0 15px 0; }
	.entry-titlebar { margin-bottom: 10px; }
	.entry-title, .entry-title a { color: #660000; }
	.entry-title a:hover { color: #666; }
	/* @end */
	
	/* @group right-column */
	#right-column { margin-top: 0; margin-bottom: 0; }
	
		/* @group widget */
		.widget { background: url(../images/sidebar-corner.jpg) no-repeat; padding: 10px 15px; margin: 0 0 20px 0; }
		.widget h3 { color: #223e6b; font-size: 1.6em; }
		.widget ul { list-style: square; list-style-image: url(../images/arrow.jpg); margin: 0 0 0 15px; padding: 0;  }
		.widget ul li { margin: 0; padding: 3px 0 3px 10px; }
		.widget ul li a { color: #3399ff; }
		.widget ul li a:hover { color: #666; }
		/* @end */
	
	.right-content { margin: 15px 50px 30px 50px; }
	.small-logo a  { display: block; background: url(../images/logo-small.jpg) no-repeat 0 0; width: 188px;
		height: 91px; text-indent: -9999px; }
	.ibm-logo a  { display: block; background: url(../images/ibm-partner.jpg) no-repeat 0 0; width: 187px;
		height: 87px; text-indent: -9999px; }
	span.num { float: right; }
	/* @end */
/* @end */

/* @group footer */
.clearfooter { height: 125px; clear: both; }
#footer	  { width: 960px; margin: 0 auto; padding: 10px 0; height: 105px; position: relative; 
	background: url(../images/footer-top-bg.jpg) no-repeat 0 0; text-align: center; }
#footer h5 { text-align: center; }
/* @end */