/*	body
------------------------------------------------------------------------------------*/
body {
	background-image: url(/images/bg_body.png);
	background-position: 0 80px;
	background-repeat: repeat-x;
	font-family: arial, verdana, sans-serif !important;
}

strong {
	font-weight: bold;
}

a:link,
a:visited {
	color: #06c;
	background-color: inherit;
}

a:hover {
	background-color: inherit;
	color: #000;
}

/*	clouds
------------------------------------------------------------------------------------*/
#clouds {
	position: relative;
	height: 350px;
	background-image: url(/images/bg_clouds.jpg);
	background-position: center 155px;
	background-repeat: no-repeat;
}

/*	wrapper
------------------------------------------------------------------------------------*/
#wrapper {
	position: relative;
	width: 760px;
	height: 600px;
	margin: 0 auto;
}

	a:link#logo,
	a:visited#logo {
		display: block;
		position: absolute; 
		top: 7px; 
		left: 0;
		width: 141px;
		height: 65px;
		background-image: url(/images/logo.jpg);
		background-position: 0 0;
		background-repeat: no-repeat;
	}	
	
	#freeAudit {
		display: block;
		position: absolute;
		top: 58px;
		right: 0;
		width: 194px;
		height: 16px;
		background-image: url(/images/freeAudit.png);
		background-position: 0 0;
		background-repeat: no-repeat;
	}
	
	/*	navigation
	------------------------------------------------------------------------------------*/
	ul#navigation {
		position: absolute;
		top: 80px;
		left: 0;
		width: 758px; /*760*/
		height: 67px;
		padding: 0 0 0 2px;
		background-image: url(/images/bg_navigation.png);
		background-position: 0 0;
		background-repeat: no-repeat;
	}
		ul#navigation li {
			display: block;
			width: 90px;
			height: 67px;
			float: left;
		}
			ul#navigation li a:link,
			ul#navigation li a:visited {
				display: block;
				width: 90px;
				height: 67px;
				background-position: 0 0;
				background-repeat: no-repeat;
			}	
					
			ul#navigation li a:hover,
			ul#navigation li a:link.active,
			ul#navigation li a:visited.active {
				background-position: 0 -67px;
			}	
					
			ul#navigation li#home a:link,
			ul#navigation li#home a:visited {
				background-image: url(/images/navi_home.png);
			}
			
			ul#navigation li#ourSolutions a:link,
			ul#navigation li#ourSolutions a:visited {
				background-image: url(/images/navi_ourSolutions.png);
			}
			
			ul#navigation li#successStories a:link,
			ul#navigation li#successStories a:visited {
				background-image: url(/images/navi_successStories.png);
			}
			
			ul#navigation li#faqs a:link,
			ul#navigation li#faqs a:visited {
				background-image: url(/images/navi_faqs.png);
			}
			
			ul#navigation li#whoWeAre a:link,
			ul#navigation li#whoWeAre a:visited {
				background-image: url(/images/navi_whoWeAre.png);
			}
			
			ul#navigation li#contactUs a:link,
			ul#navigation li#contactUs a:visited {
				background-image: url(/images/navi_contactUs.png);
			}
	
	#peoplePic {
		position: absolute;
		top: 147px;
		left: 185px;
		width: 276px;
		height: 196px;
		background-image: url(/images/peoplePic.jpg);
		background-position: 0 0;
		background-repeat: no-repeat;
	}
	
	#cloudButtons {
		width: 160px;
		height: 100px;
		position: absolute;
		top: 200px;
	}
		a:link#chat,
		a:visited#chat {
			display: block;
			width: 160px;
			height: 32px;
			background-image: url(/images/chatButton.png);
			background-position: 0 0;
			background-repeat: no-repeat;
			margin: 0 0 10px 0;
		}
		
		a:link#desktop,
		a:visited#desktop {
			display: block;
			width: 160px;
			height: 32px;
			background-image: url(/images/desktopButton.png);
			background-position: 0 0;
			background-repeat: no-repeat;
		}
		
	#cloudButtons a:hover {
		background-position: 0 -32px;
	}
	
	/*	content
	------------------------------------------------------------------------------------*/
	#container {
		position: absolute;
		top: 320px;
	}
		#homeSidebar {
			width: 160px; /*160*/
			float: left;
		}
			#sidebarText {
				color: inherit;
				background-color: #fff;
				border: 1px #ccc solid;
				padding: 10px;
			}
			
				#sidebarText p {
					font-size: 0.7em;
					line-height: 1.3em;
					margin: 10px 0;
				}
				
				#sidebarText h2 {
					color: #09f;
					background-color: inherit;
					font-size: 0.9em;
					font-weight: bold;
				}
						
			a:link#linkMicrosoft,
			a:visited#linkMicrosoft,
			a:link#linkEnablesoft-web,
			a:visited#linkEnablesoft-web {
				display: block;
				margin: 10px auto;
				width: 132px;
				height: 74px;
				border-bottom: 1px #ccc solid;
			}	
					
			a:link#linkMicrosoft,
			a:visited#linkMicrosoft {
				background-image: url(/images/linkMicrosoft.png);
				background-position: 0 0;
				background-repeat: no-repeat;
			}	
					
			a:link#linkEnablesoft-web,
			a:visited#linkEnablesoft-web {
				background-image: url(/images/linkEnablesoft-web.png);
				background-position: 0 0;
				background-repeat: no-repeat;
			}
			
		#content {
			width: 580px; /*590*/
			padding: 0 0 0 10px;
			float: right;
			margin-top: 40px;
		}
			#content h1 {
				margin: 10px 0;
				font-size: 1.2em;
			}
			
			#content h2 {
				margin: 10px 0;
				font-size: 0.9em;
				line-height: 1.2em;
				font-weight: bold;
				background-color: inherit;
				color: #4f4f4f;
			}
			
			#content h3 {
				margin: 10px 0;
				font-size: 0.9em;
				color: #06c;
				line-height: 1.2em;
			}
			
			#content p {
				margin: 10px 0;
				font-size: 0.8em;
				line-height: 1.3em;
			}
			
			#content ul {
				margin: 10px 0;
				padding: 10px;
				background-color: #eee;
			}
			
				#content ul li {
					font-size: 0.8em;
					padding: 7px 10px 7px 20px;
					line-height: 1.3em;
					background-image: url(/images/li_dot.jpg);
					background-position: 5px 13px;
					background-repeat: no-repeat;
				}
			
			#sixButtons {
				border-bottom: 1px #ccc solid;
				padding: 10px 0 5px 0;
			}
				#sixButtons a:link,
				#sixButtons a:visited {
					display: block;
					width: 183px; /*183*/
					height: 50px; /*67*/
					text-align: center;
					padding: 17px 0 0 0;
					float: left;
					border-width: 0 9px 9px 0;
					border-color: #fff;
					border-style: solid;
					line-height: 1.2em;
					text-decoration: none;
					font-size: 0.8em;
					color: #000;
					background-color: inherit;
					background-image: url(/images/bg_sixButton.png);
					background-position: 0 0;
					background-repeat: no-repeat;
				}
					#sixButtons a span.sixButtonBold {
						font-weight: bold;
						color: #06f;
						background-color: inherit;
					}
					
				#sixButtons a:hover,
				#sixButtons a:hover span.sixButtonBold {
					color: #fff;
					background-color: inherit;
					background-position: 0 -67px;
				}
				
				
			#tabButtons {
				border-bottom: 1px #ccc solid;
				padding: 0 0 5px 0;
			}
			
				#tabButtons a:link,
				#tabButtons a:visited {
					display: block;
					width: 132px; /*132*/
					height: 24px; /*32*/
					text-align: center;
					padding: 8px 0 0 0;
					float: left;
					border-width: 0 9px 9px 0;
					border-color: #fff;
					border-style: solid;
					line-height: 1.2em;
					text-decoration: none;
					font-size: 0.8em;
					color: #fff;
					background-color: inherit;
					background-position: 0 0;
					background-repeat: no-repeat;
					font-weight: bold;
				}
				
				#tabButtons a:link#tabRed,
				#tabButtons a:visited#tabRed {
					background-image: url(/images/tabRed.png);
				}
				
				#tabButtons a:link#tabGreen,
				#tabButtons a:visited#tabGreen {
					background-image: url(/images/tabGreen.png);
				}
				
				#tabButtons a:link#tabOrange,
				#tabButtons a:visited#tabOrange {
					background-image: url(/images/tabOrange.png);
				}
				
				#tabButtons a:link#tabViolet,
				#tabButtons a:visited#tabViolet {
					background-image: url(/images/tabViolet.png);
				}
					
				#tabButtons a:hover {
					color: #fff;
					background-color: inherit;
					background-position: 0 -32px;
				}	
				
				#tabButtons a:link.active2,
				#tabButtons a:visited.active2 {
					background-position: 0 0;
					color: #fff;
					background-color: inherit;
					background-image: url(/images/bg_tabActive.png) !important;
				}			
				
				#TlevelContent {
					width: 420px;
					float: right;
				}
				
				ul#subNavigation {
					display: block;
					width: 130px;
					background-color: #e7e7e7;
					color: #000;
					float: left;
					margin-top: 15px;
					padding: 10px 5px
				}
				
					ul#subNavigation li {
						font-size: 0.7em;
						padding: 5px 0 5px 25px;
						display: block;
						width: 100px;
						float: left;
						line-height: 1.2em;
						background-image: url(/images/dotGreen.png);
						background-position: 11px 9px;
						background-repeat: no-repeat;						
					}
					
						ul#subNavigation li a:link,
						ul#subNavigation li a:visited {
							color: #000;
							background-color: inherit;
							font-weight: bold;						
						}
						
						ul#subNavigation li a:hover {
							color: #090;
							background-color: inherit;
						}
				
				
		#footer {
			clear: both;
			padding: 10px 0;
		}
			#footer div {
				border-top: 1px #ccc solid;
				padding: 5px 0 0 0;
				font-size: 0.6em;
				line-height: 1.4em;
				color: #666;
				background-color: inherit;
			}
			
			#footer div a:link,
			#footer div a:visited {
				color: #666;
				background-color: inherit;
			}
			
/*	quickContact
------------------------------------------------------------------------------------*/
#quickContact {
	position: absolute;
	top: 200px;
	left: 180px;
	z-index: 10;
	width: 260px;
	background-color: #eee;
	border: 1px #ccc solid;
}

	#quickContact form fieldset {
		position: relative;
		padding: 10px;
	}
	
		#quickContact form fieldset h1 {
			font-weight: bold;
			margin-bottom: 10px;
		}
		
		#quickContact form fieldset label {
			display: block;
			font-size: 0.8em;
			padding: 7px 0 3px 0;
		}
		
		#quickContact form fieldset input,
		#quickContact form fieldset textarea {
			width: 235px;
			border: 1px #ccc solid;
			font-size: 1em;
			font-family: arial, verdana, sans-serif;
			font-weight: normal;
		}
		
		#quickContact form fieldset textarea {
			height: 160px;
		}
		
		#quickContact form fieldset #submit {
			padding: 10px 0 0 0;
		}
		
		#quickContact form fieldset #submit input {
			width: 150px;
			font-size: 0.8em;
		}
		
		a:link#closeQc,
		a:visited#closeQc {
			position: absolute;
			top: 10px;
			right: 10px;
			display: block;
			height: 19px;
			width: 19px;
			background-image: url(/images/closeQc.png);
			background-position: 0 0;
			background-repeat: no-repeat;
			color: #fff;
			z-index: 20;
		}
		
		
/* itform
------------------------------------------------------------------------------------*/

#itform {
	margin: 10px 0;
}

	#itform form {
		width: 300px;
		background-color: #eee;
		border: 1px #ccc solid;
	}
	
		#itform form fieldset {
			padding: 10px;
		}
		
		#itform form fieldset h1 {
			font-weight: bold;
			margin: 0 0 10px 0;
			font-size: 1em;
		}
		
		#itform form fieldset label {
			display: block;
			font-size: 0.8em;
			padding: 7px 0 3px 0;
		}
		
		#itform form fieldset input,
		#itform form fieldset textarea {
			border: 1px #ccc solid;
			font-size: 1em;
			font-family: arial, verdana, sans-serif;
			font-weight: normal;
		}
		
		#itform form fieldset input {
			width: 180px;
		}
		
		#itform form fieldset textarea {
			width: 278px;
			height: 70px;
		}
		
		#itformsubmit input {
			font-size: 0.8em !important;
			width: 278px !important;
		}
		
/*	float container
------------------------------------------------------------------------------------*/
#container:after,
#sixButtons:after,
#tabButtons:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
* html #container,
* html #sixButtons,
* html #tabButtons{
	height: 1%;
}