/*
Theme Name: Technocom Theme
Theme URI: http://www.gotechnocom.com/blog/
Description: Official Technocom Blog Theme
Version: 1.0
Author: Phoogoo
Author URI: http://www.phoogoo.com
Tags: technocom
*/
/*.post_snippet {
	border-top:6px solid #C55959;
	margin:0 0;
	overflow:hidden;
	padding:0 20px 20px;
	position:relative;
	width:323px;
	}*/
	
	.alignleft {
		float:left;
		padding-left:20px;
		padding-right:5px;
		}
	.aligncenter {
		position:relative;
		margin:0 auto;
		padding-left:20px;
		padding-right:5px;
		}
	.alignright {
		float:right;
		padding-right:20px;
		padding-left:5px;
		}
	.alignleft img, .aligncenter img, .alignright img {
	border:solid 2px #4686AD;
	}
	.post_snippet p img {
		float:left;
		margin-right:10px;
		margin-left:5px;
		border:solid 2px #4686AD;
		background-color:#CCC;
		}
	.wp-caption-text{
	font-size:.6em !important;
	text-align:center !important;
	padding:0px !important;
	}
	.single {
	border:none;
	}

* {
	margin:0;
	padding:0;
	outline:none;
	}
	
html {
	font-size:100%;
	}
	
body {
	background:#1A1A1A url(images/navBG.png) repeat-x scroll left 94px;
	font-family:Arial,sans-serif;
	color:#808080;
	font-size:1em;
	width:100%;
	}
	
a {
	text-decoration:none;
	color:#808080;
	}
	a:hover {
		color:#4686ad;
		}
		
img {
	border:0px;
	}
	
h1 {
	color:#4D4D4D;
	font-family:"Arial Narrow",Arial,sans-serif;
	font-size:2.898em;
	letter-spacing:-0.052em;
	font-weight:100;
	}
	
h2 {
	color:#CCCCCC;
	font-family:"Arial Narrow",Arial,sans-serif;
	font-size:1.618em;
	letter-spacing:-0.04em;
	font-weight:100;
	}	

p {
	font-family:Arial,Helvetica,sans-serif;
	}
#container {
	position:relative;
	width:998px;
	margin:0 auto;
	overflow:hidden;
	min-height:590px;
	}
	#header {
		display:block;
		position:relative;
		height:94px;
		background:url(images/headerBG.png) no-repeat -14px top;
		}
		#title {
			background:transparent url(images/title.png) no-repeat scroll left top;
			display:block;
			height:94px;
			left:-13px;
			overflow:hidden;
			position:relative;
			top:1px;
			width:299px;
			}
			#title:hover {
				background-position:bottom left;
				}
		#header span {
			color:#FFF;
			font-size:.75em;
			position:absolute;
			right:80px;
			top:50px;
			}
		#nav {
			position:relative;
			height:31px;
			overflow:visible;
			z-index:20;
			}
			#nav ul {
				background:#1A1A1A url(images/navBGcentered.png) no-repeat scroll center top;
				list-style-type:none;
				padding-left:80px;
				height:31px;
				}
				#nav ul li a {
					display:block;
					float:left;
					width:auto;
					padding:11px 10px 5px;
					overflow:visible;
					font-size:.75em;
					color:#4d4d4d;
						}
						#nav ul li a:hover {
							color:#005d8d;
							}
						#nav ul li a.home:hover {
							background:url(images/navBGcentered.png) no-repeat scroll -83px -31px;
							}
							#nav ul li a.home.active {
								color:#000000;
								background:url(images/navBGcentered.png) no-repeat scroll -83px -62px;
								}
						#nav ul li a.com:hover {
							color:#005d8d;
							background:url(images/navBGcentered.png) no-repeat scroll -136px -31px;
							}
							#nav ul li a.com.active {
								color:#000;
								background:url(images/navBGcentered.png) no-repeat scroll -136px -62px;
								}
						#nav ul li a.res:hover {
							color:#005d8d;
							background:url(images/navBGcentered.png) no-repeat scroll -223px -31px;
							}
							#nav ul li a.res.active {
								color:#000000;
								background:url(images/navBGcentered.png) no-repeat scroll -223px -62px;
								}
						#nav ul li a.about:hover {
							color:#005d8d;
							background:url(images/navBGcentered.png) no-repeat scroll -306px -31px;
							}
							#nav ul li a.about.active {
								color:#000000;
								background:url(images/navBGcentered.png) no-repeat scroll -306px -62px;
								}
						#nav ul li a.start:hover {
							color:#005d8d;
							background:url(images/navBGcentered.png) no-repeat scroll -358px -31px;
							}
							#nav ul li a.start.active {
								color:#000000;
								background:url(images/navBGcentered.png) no-repeat scroll -357px -62px;
								}
						#nav ul li a.special:hover {
							color:#005d8d;
							background:url(images/navBGcentered.png) no-repeat scroll -430px -31px;
							}
							#nav ul li a.special.active {
								color:#000000;
								background:url(images/navBGcentered.png) no-repeat scroll -430px -62px;
								}
						#nav ul li a.contact:hover {
							color:#005d8d;
							background:url(images/navBGcentered.png) no-repeat scroll -528px -31px;
							}
							#nav ul li a.contact.active {
								color:#000000;
								background:url(images/navBGcentered.png) no-repeat scroll -528px -62px;
								}
						#nav ul li a.news2:hover {
							color:#005d8d;
							background:url(images/navBGcentered.png) no-repeat scroll -589px -31px;
							}
							#nav ul li a.news2.active {
								color:#000000;
								background:url(images/navBGcentered.png) no-repeat scroll -589px -62px;
								}
						#nav ul li a.support:hover {
							color:#005d8d;
							background:url(images/navBGcentered.png) no-repeat scroll -641px -31px;
							}
							#nav ul li a.support.active {
								color:#000;
								background:url(images/navBGcentered.png) no-repeat scroll -641px -62px;
								}
							
							
	/* BEGIN DROPDOWN */
						#dropdown li {
							float:left;
							position:relative;
							
							}
							#dropdown li a {
								line-height:1.2em;
								text-decoration:none;
								}
							#dropdown li ul {
								background:url(images/ddBG.png) repeat-x 0 0 #999999;
								display:none;
								height:auto;
								left:3px;
								margin-top:-2px;
								padding:3px 0px 0px;
								position:absolute;
								width:8.62em;
								z-index:10;
								}
								#dropdown li ul li {
									background:transparent url(images/ddliBG.png) repeat-x scroll left -1px;
									display:block;
									float:left;
									height:auto;
									padding-bottom:3px;
									width:8.62em;
									overflow:hidden;
									}
									#dropdown li ul li a {
										color:#4d4d4d;
										font-weight:normal;
										height:0.25em;
										line-height:0.25em;
										position:relative !important;
										text-align:left;
										white-space:nowrap;
										width:9.5em;
										}
										#dropdown #nav_contact ul li {
											width:9.5em;
											}
										#dropdown li ul li a:hover, #dropdown li ul li:hover  {
											background:transparent url(images/ddliBG.png) repeat-x scroll left -25px;
											}
								#dropdown li:hover ul, 
								#dropdown li.msieFix ul {
									display:block;
									top:2em !important;
									z-index:10;
									}
								#dropdown li.msieFix a {
									}
	/* END DROPDOWN */			
							
		#slider {
			left:80px;
			position:relative;
			width:840px;
			display:block;
			height:281px;
			list-style-type:none;
			z-index:1;
			}
			#slider.sub {
				height:96px;
				background:url(images/subHeaderBG.png) no-repeat top left;
				padding-left:82px;
				}
				#slider.sub h1 {
					left:15px;
					position:relative;
					top:12px;
					}
				#slider.sub span {
					position:relative;
					left:17px;
					top:3px;
					color:#4686ad;
					}
			#slides {
				width:685px;
				height:280px;
				overflow:hidden;
				list-style-type:none;
				display:block;
				position:relative;
				}
				#slides ul {
					height:840px;
					list-style-type:none;
					}
				#slides li {
					float:left;
					height:280px;
					width:685px;
					}
					#slides li.voiceDataCabling{
						background:url(images/slideBG_data.png) no-repeat top left;
						}
					#slides li.networking{
						background:url(images/slideBG_networking.png) no-repeat top left;
						}
					#slides li.security{
						background:url(images/slideBG_security.png) no-repeat top left;
						}
					#slides li h1 {
						position:relative;
						top:23px;
						left:24px;
						}
					#slides li p {
						left:24px;
						line-height:1em;
						position:relative;
						top:38px;
						width:21em;
						color:#4D4D4D;
						}
					#slides li a {
						color:#4686AD;
						display:block;
						font-family:"Arial Narrow",Arial,sans-serif;
						font-size:1.63em;
						left:4px;
						letter-spacing:-0.032em;
						line-height:1em;
						position:relative;
						text-align:right;
						top:50px;
						width:13.2em;
						}
						#slides li a:hover {
							color:#4D4D4D;
							}
					#slides li .partner {
						left:10px;
						position:absolute;
						bottom:10px;
						width:22em;
						}
						#slides li .partner img {
							float:left;
							position:relative;
							top:4px;
							}
						#slides li .partner p {
							font-size:0.8em;
							left:8px;
							position:relative;
							top:0;
							width:28em;
							}
						#slides li .partner a {
							font-size:0.8em;
							left:8px;
							position:relative;
							top:0;
							width:28em;
							text-align:left;
							font-family:Arial, sans-serif;
							}
			#slider_nav {
				float:left;
				height:280px;
				left:2px;
				overflow:hidden;
				position:relative;
				width:155px;
				z-index:5;
				list-style-type:none;
				}
				#slider_nav li {
					display:block;
					width:155px;
					height:93px;
					background:url(images/slideNavBG.png) no-repeat top left;
					}
					#slider_nav li:hover, .js #slider_nav li.on {
						background-position:bottom left;
						}
						#slider_nav li:hover h2 a, .js #slider_nav li.on h2 a {
							color:#EEE;
							}
					#slider_nav li h2 {
						left:15px;
						letter-spacing:-0.05em;
						line-height:0.75em;
						position:relative;
						top:15px;
						}
						#slider_nav li h2 a {
							color:#CCC;
							display:block;
							width:155px;
							height:93px;
							}
			
			
		#mottoBar {
			background:url(images/mottoBar.png) no-repeat;
			position:relative;
			left:80px;
			top:15px;
			width:840px;
			height:61px;
			padding-bottom:20px;
			}
			#mottoBar h2 {
				left:70px;
				position:relative;
				top:11px;
				}
			#mottoBar h2.right {
				left:510px;
				position:absolute;
				text-align:right;
				top:11px;
				width:12em;
				}
				#mottoBar h2.right span {
					color:#4686ad;
					}
	#mainContent {
		position:relative;
		width:850px;
		left:80px;
		height:auto;
		clear:both;
		}			
					
		.itemsRow{
			position:relative;
			width:850px;
			padding-bottom:10px;
			float:left;
			overflow:hidden;
			}
			.itemsRow.sub {
				width:553px;
				height:auto;
				float:left;
				}
			.itemsRow.sub2 {
				position:relative;
				width:282px;
				float:right;
				right:3px;
				}
				.itemsRow.sub2 .infoItem {
					margin-bottom:10px;
					}		
					
		.mainContentItem, .post_snippet, #comments li {
			position:relative;
			float:left;
			width:553px !important;
			width:540px;
			min-height:100px;
			height:auto;
			background:url(images/mainContentItemBG.png) no-repeat right top;
			margin-right:7px;
			z-index:5;
			padding-bottom:20px;
			}
			.mainContentItem h2, .post_snippet h2 {
				display:block;
				left:20px;
				position:relative;
				top:5px;
				width:20em;
				margin-bottom:20px
				}
				.wp_author {
					top:-21px !important;
					left:47px !important;
					margin-bottom:-10px !important;
					width:15em;
					}
					.wp_author_stamp {
						position:absolute;
						right:0;
						top:19px;
						}
			.mainContentItem img, .infoItem p img {
				display:block;
				margin:0 auto;
				padding-bottom:10px;
				}
			#comments li img.avatar {
				height:25px !important;
				left:12px;
				position:relative;
				top:10px;
				width:25px !important;
				}
				.mainContentItem #gallery a img {
					display:block;
					float:left;
					width:115px;
					height:90px;
					margin-right:9px;
					margin-bottom:9px;
					border:solid #808080 2px;
					}
					.mainContentItem #gallery a:hover img {
						border:solid #4686AD 2px;
						}
			.mainContentItem a, .post_snippet a {
				color:#4686AD;
				}
				.mainContentItem a:hover, .post_snippet a:hover {
					color:#CCC;
					}
			.mainContentItem p, .post_snippet p, .post_snippet span {
				font-size:0.8em;
				padding-left:20px;
				padding-right:20px;
				margin-bottom:10px;
				text-align:left;
				color:#B2B2B2;
				}
				.post_snippet span.stamp {
					color:#4686AD;
					font-size:0.7em;
					position:relative;
					top:-10px;
					}
					.mainContentItem em {
						color:#4686AD;
						}
			.mainContentItem h2, .post_snippet h2 a {
				color:#CCC; 
				}
				.post_snippet h2 a:hover {
					color:#4686AD;
					}
						
			.mainContentItem ul {
				margin-left:42px;
				margin-top:-15px;
				color:#b2b2b2;
				}
				 #accordion ul {
				 	margin-left:42px;
					}
		.spacer {
			position:relative;
			float:left;
			width:553px;
			height:50px;
			z-index:5;
			}
		.infoItem {
			position:relative;
			float:left;
			width:275px;
			height:auto;
			min-height:127px;
			background:url(images/infoItemBG.png) no-repeat top left;
			margin-right:7px;
			z-index:5;
			}
			.infoItem.sub {
				background:url(images/sub_infoItemBG.png) no-repeat top left;
				width:553px;
				height:67px;
				margin-bottom:7px;
				min-height:67px !important;
				}
		.twocol {
			background:url(images/infoItem2colBG.png) no-repeat top left;	
			width:556px;
			margin-right:0px;
			}
			.twocol .thumb {
				background:transparent url(images/community_thumb.png) no-repeat scroll left top;
				height:77px;
				position:absolute;
				right:28px;
				top:47px;
				width:129px;
				}
				.twocol:hover .thumb {
					background-position:bottom left;
					}
			.twocol p {
				margin-right:165px;
				float:left;
				}
			.infoItem.twocol a {
				right:173px;
				}
			.infoItem h2, .infoItem h2 a {
				color:#999999;
				display:block;
				left:20px;
				position:relative;
				top:5px;
				width:9em;
				}
				.infoItem.sub h2 a {
					width:20em;
					left:0px;
					top:0px;
					}
			.infoItem p, .infoItem ul, .mainContentItem ul {
				font-size:0.7em;
				padding:13px;
				text-align:justify;
				}
				.infoItem ul {
					padding-left:33px;
					}
				.infoItem.sub p {
					margin-left:22px;
					}
			.infoItem p a {
				display:block;
				position:absolute;
				right:7px;
				width:6em;
				}
			.infoItem form {
				position:absolute;
				right:23px;
				top:47px;
				}
				.infoItem .formAttribute {
					clear:left;
					display:block;
					float:left;
					font-size:0.7em;
					left:22px;
					padding-top:9px;
					position:relative;
					top:13px;
					}
					.mainContentItem form {
						position:relative;
						left:0px;
						}
					.mainContentItem form .formAttribute {
						display:block;
						font-size:0.7em;
						padding-right:10px;
						position:relative;
						text-align:right;
						top:1px;
						width:152px;
						color:#b2b2b2;
						}
						.mainContentItem form select {
							width:192px;
							background:url(images/newsletter_form.png) repeat-y top left;
							height:20px;
							border:none;
							margin-top:3px;
							color:#b2b2b2;
							font-size:.7em;
							padding-top:4px;
							padding-left:5px;
							outline:none;
							}
							.mainContentItem form select:hover, .mainContentItem form select:focus {
								background-position:bottom left;
								}
							.mainContentItem form select option {
								background-color:#333;
								border:none;
								}
								.mainContentItem form select option:hover {
									background-color:#666;
									border:none;
									color:#CCC;
									}
						.mainContentItem form textarea, .post_snippet form textarea {
							background:url(images/form.png) no-repeat left top;
							border:none;
							color:#b2b2b2;
							padding:10px;
							width:230px;
							height:100px;
							font-family:Arial, Helvetica, sans-serif;
							font-size:.85em;
							}
							.mainContentItem form textarea:focus, .post_snippet form textarea:focus {
								background-position: right top;
								}
						.mainContentItem form #submit2 {
							background:transparent url(images/newsletter_submit.png) no-repeat scroll left -20px;
							border:medium none;
							color:#FFFFFF;
							cursor:pointer;
							font-size:0.7em;
							height:20px;
							left:167px;
							position:relative;
							width:61px;
							top:20px;
							}
							.post_snippet form input[type="submit"] {
								background:transparent url(images/newsletter_submit.png) no-repeat scroll left -20px;
								border:medium none;
								color:#FFFFFF;
								cursor:pointer;
								height:20px;
								left:0px;
								position:relative;
								width:61px;
								top:0px;
								}
							.mainContentItem form #submit2:hover, .post_snippet form input[type="submit"]:hover {
								background-position:left -40px;
								color:#FFF;
								}
							
					.infoItem:hover .formAttribute, .infoItem.highlight .formAttribute {
						color:#4686ad;
						}
				form .text, #search input[type="text"], .post_snippet input[type="text"] {
					width:187px;
					background:url(images/newsletter_form.png) no-repeat top left;
					height:16px;
					border:none;
					margin-top:3px;
					color:#b2b2b2;
					font-size:.7em;
					padding-top:4px;
					padding-left:5px;
					padding-right:5px;
					}
					.post_snippet input[type="text"] {
						font-size: .85em !important;
						}
					.infoItem:hover form .text, .text:focus, #search input[type="text"]:focus, .post_snippet input[type="text"]:focus {
						background-position:bottom left;
						}
				#search {
					margin-bottom:-10px;
					}
				.infoItem form #submit, #search input[type="submit"] {
					position:absolute;
					bottom:-27px;
					right:1px;
					width:61px;
					height:20px;
					background:url(images/newsletter_submit.png) no-repeat top left;
					border:none;
					margin-left:-2px;
					cursor:pointer;
					font-size:.7em;
					color:#808080;
					}
					#search input[type="submit"] {
						right:15px;
						top:34px !important;
						}
					.infoItem:hover form #submit, .infoItem.highlight form #submit, #search input[type="submit"] {
						background-position:left -20px;
						color:#FFF;
						}
						.infoItem form #submit:hover, #search input[type="submit"]:hover {
							background-position:left -40px;
							color:#FFF;
							}

			.infoItem:hover, .infoItem.sub:hover, .infoItem.highlight, .infoItem.sub.highlight {
				background-position:top right;
				color:#CCC;
				}
				.infoItem:hover p, .infoItem:hover ul li a, .infoItem.highlight p, .infoItem.highlight ul li a {
					color:#b2b2b2;
					}
					.infoItem.sub:hover p, .infoItem.sub.highlight p {
						color:#4686ad;
						}
					.infoItem:hover ul li a:hover, .infoItem.highlight ul li a:hover {
						color:#4686ad;
						}
					.infoItem:hover a, .infoItem.highlight a {
						color:#4686ad;
						}
						.infoItem:hover a:hover, .infoItem.highlight a:hover {
							color:#CCC;
							}
				.infoItem:hover h2, .infoItem:hover h2 a, .infoItem.highlight h2, .infoItem.highlight h2 a {
					color:#CCC;
					}
				.infoItem:hover .icon, .mainContentItem .icon, .infoItem.highlight .icon, .mainContentItem.highlight .icon {
					background-position:bottom left;
					}
			.author {
				display:block;
				text-align:right;
				}
			.icon {
				float:left;
				left:12px;
				position:relative;
				top:10px;
				}
				.news {
					display:block;
					width:15px;
					height:20px;
					background:url(images/icon_news.png) no-repeat top left;
					}
				.testimonials {
					display:block;
					width:20px;
					height:21px;
					background:url(images/icon_testimonials.png) no-repeat top left;
					margin-right:-3px;
					top:9px;
					}
				.newsletter {
					display:block;
					width:18px;
					height:18px;
					background:url(images/icon_newsletter.png) no-repeat top left;
					margin-top:2px;
					}
				.community {
					display:block;
					width:25px;
					height:23px;
					background:url(images/icon_community.png) no-repeat top left;
					top:8px;
					}
				.arrow {
					display:block;
					width:15px;
					height:17px;
					background:url(images/icon_arrow.png) no-repeat top left;
					top:11px;
					}
				.phone1 {
					display:block;
					width:17px;
					height:18px;
					background:url(images/icon_phone1.png) no-repeat top left;
					}
				.phone2 {
					display:block;
					width:12px;
					height:13px;
					background:url(images/icon_phone2.png) no-repeat top left;
					top:13px;
					}
				.facebook {
					display:block;
					width:10px;
					height:20px;
					background:url(images/icon_facebook.png) no-repeat top left;
					}
				.twitter {
					display:block;
					width:17px;
					height:20px;
					background:url(images/icon_twitter.png) no-repeat top left;
					}
				.star {
					display:block;
					width:21px;
					height:21px;
					background:url(images/icon_star.png) no-repeat top left;
					}
		#promo {
			position:relative;
			float:left;
			width:275px;
			height:150px;	
			margin-top:-1px;			
			z-index:5;
			}
			#promo.uguardu {
				background:url(images/uguarduBG.png) no-repeat top left;
				}
			#promo.musicOnHold {
				background:url(images/musicOnHoldBG.png) no-repeat top left;
				}	
			#promo:hover {
				background-position:bottom left;
				}
			#promo p {
				margin-top:58px;
				font-size:0.7em;
				padding:13px;
				text-align:center;
				}
				#promo:hover p {
					color:#b2b2b2;
					}
				#promo:hover a {
					color:#4686AD;
					}
					#promo:hover a:hover {
						color:#CCC;
						}
			#promo a {
				display:block;
				width:6em;
				margin:0 auto;
				margin-top:10px;
				position:relative;
				font-size:.7em;
				}
	#footer {
		position:relative;
		margin-top:50px;
		width:100%;
		background:url(images/footerBG.png) repeat-x top left;
		height:246px;
		color:#4D4D4D;
		clear:both;
		}
		#footerCenter {
			background:transparent url(images/footerBGcentered.png) no-repeat scroll center top;
			color:#4D4D4D;
			height:246px;
			margin:0 auto;
			padding-left:70px;
			width:870px;
			}
			#footerCenter ul {
				position:relative;
				top:25px;
				font-size:.916em;
				}
				#footerCenter ul li {
					display:block;
					float:left;
					width:8.2em;
					}
					#footerCenter ul li:hover a {
						color:#999;
						}
						#footerCenter ul li:hover a:hover {
							color:#4686ad;
							}
						#footerCenter ul li:hover ul li a {
							color:#808080;
							}
							#footerCenter ul li:hover ul li a:hover {
								color:#4686ad;
								}
					#footerCenter ul #footer_home {
						width:4.2em;
						}
					#footerCenter ul #footer_res {
						width:7.5em;
						}	
					#footerCenter ul #footer_about {
						width:6.5em;
						}
					#footerCenter ul #footer_start {
						width:6.2em;
						}
					#footerCenter ul #footer_spec {
						width:7.8em;
						}
					#footerCenter ul #footer_contact {
						width:6.5em;
						}
					#footerCenter ul #footer_news {
						width:4em;
						}
					#footerCenter ul li a{
						color:#4d4d4d;
						}
						#footerCenter ul li ul {
							position:relative;
							top:10px;
							font-size:.75em;
							}
							#footerCenter ul li ul li {
								color:#4d4d4d;
								width:9.2em;
								}
				#copy {
					bottom:10px;
					font-size:0.75em;
					position:absolute;
					}