/* - - - - - - - - - - - - - - - - - - - - -

Title : 
Author : 
URL : 

Description : 

Created : 
Modified : 

- - - - - - - - - - - - - - - - - - - - - */

/* ----- CSS ----- */

* {
	margin: 0;
	padding: 0;
}	
html{
}	
body {
	background: #3d4043 url("images/bg.gif") repeat-x;
	text-align: center;
	margin: 0;
	font: .75em/1.5em arial, sans-serif;
}

/* ----- IDS ----- */

#container {
	width: 778px;
	text-align: left;
	margin: 0 auto;
	background: #52565a url("images/container_bg.gif") repeat-y;
}
hr {
	display: none;
}
#header {
	position: relative;
	display: block;
	background: url("images/header_bg.gif") repeat-y;
	height: 192px;
	width: 100%;
}
	
	#header h1 {
			position: absolute;
			top: 44px;
			left: 22px;
			margin: 0;
			padding: 0;
		}
		#header h1 a {
			width: 198px;
			height: 148px;
			display: block;
			background: url("images/logo.gif") no-repeat;
		}
			#header h1 a:hover {
				background: url("images/logo.gif") no-repeat 0px -148px;
			}
		#header h1 span {
			display: none;
		}
	#header blockquote {
		position: absolute;
		top: 60px;
		left: 240px;
		color: #fff;
		border-left: 1px solid #e06263;
		padding: 70px 0 30px 30px;
		margin: auto 0;
		font: 1.7em "Lucida Grande", sans-serif;
	}
	#header #search {
		position: absolute;
		top: 12px;
		right: 15px;
	}
		#header #search .inpt {
			background: #dcdcdc url("images/inpt_bg.gif") repeat-x;
			border: 1px solid #1f1f1f;
			margin: 0;
			padding: 2px;
			color: #555;
		}
		#header #search .btn {
			background: url("images/go.gif") no-repeat;
			width: 27px;
			height: 22px;
			color: #fff;
			padding-bottom: 4px;
			border: none;
			cursor: pointer;
			position: relative;
		}
	#header ul {
		position: absolute;
		top: 7px;
		left: 10px;
		list-style: none;
		display: inline;
		margin: 0;
		padding: 0;
	}
		#header ul li {
			display: inline;
		}
		#header ul li a {
			float: left;
			display: block;
			text-align: center;
			color: #e2e2e2;
			text-decoration: none;
			font: 1.1em tahoma, sans-serif;
			padding: 7px 0 0 0;
			width: 94px;
			height: 32px;
		}
		#header ul li a:hover {
			font: 1.1em tahoma, sans-serif;
			background: url("images/nav_over.gif") no-repeat 50% -42px;
		}
		li.selected a, li.selected a:hover {
			font: 1.1em tahoma, sans-serif;
			color: #b82323 !important;
			background: url("images/nav_over.gif") no-repeat 50% 0px !important;
		}
#primaryContent {
	float: left;
	display: inline;
	width: 434px;
	padding: 13px 18px 30px 27px;
	background: url("images/pri_bg.gif") no-repeat;
	color: #333;
}
	#primaryContent h2 {
		font: 2em arial, sans-serif;
		margin: 10px 0;
		color: #c73d3d;
	}
	#primaryContent h3 {
		font: 1.5em tahoma, sans-serif;
		margin: 10px 0;
		color: #62676b;
	}
	#primaryContent h4 {
		font: bold 1.4em arial, sans-serif;
		margin: 10px 0 5px 0;
	}
	#primaryContent p {
		margin: 5px 0 20px 0;
	}
	#primaryContent ul {
		margin: 5px 25px;
	}
		#primaryContent ul li {
			margin: 5px 0;
		}
	#primaryContent a {
		color: #b82323;
		text-decoration: none;
	}
	#primaryContent a:hover {
		background: #f4f4f4;
		color: #000;	
	}
	#primaryContent dt {
		font: 1.3em arial, sans-serif;
		margin: 10px 0 5px 0;
	}
	#primaryContent dd {
		margin-bottom: 20px;
	}

	#services {
		background: #fff;
	}
	#services ul {
		margin: 5px 0 10px 0px !important;
		background: #f4f4f4;
		float:left;
		width: 432px;
		font: 1em/2.3em verdana, sans-serif;
		border: 1px solid #ddd;
		padding: 10px 0;
	}
	#services ul li {
		list-style: none;
		display: block;
		float: left;
	}
	#services ul li a {
		display: block;
		width: 177px;
		height: 2.3em;
		float: left;
		background: url("images/bullet.gif") no-repeat 20px .9em;
		padding-left: 38px;
	}
	#services ul li a:hover {
		background: #fff url("images/bullet.gif") no-repeat 20px .9em;
	}
	.clearfix {
		display: block;
		clear: both;
	}
	.more {
		display: block;
		width: 56px;
		height: 15px;
		background: url("images/more.gif") no-repeat;
	}
	img.center {
		margin: 0;
		border: 1px solid #ccc;
		padding: 5px;
	}
	img.right {
		float: right;
		margin: 0 0 10px 10px;
		border: 1px solid #ccc;
		padding: 5px;
	}
	img.left {
		float: left;
		margin: 0 10px 10px 0;
		border: 1px solid #ccc;
		padding: 5px;
	}
	img.c1 {
		float: right;
		margin: 0 0 10px 20px;
	}
	
	td, th {
		padding: 2px 3px;
	}

	#primaryContent .surveyees th a:hover {
		background: none;
	}

	#primaryContent #contact td {
		vertical-align: top;
		padding: 3px 5px;
	}
		#contact #contact-info p {
			width: 160px;
			padding: 15px 15px 20px 15px;
			margin: 15px 0 0 0;
			background: #f4f4f4;
			border: 1px solid #ddd;
		}
		#contact input, #contact select {
			width: 200px;
		}
		#contact textarea {
			width: 415px;
			height: 60px;
		}
		#contact .btn {
			width: auto;
			background: #696e73;
			border: 1px outset #333;
			color: #fff;
			font-size: .8em;
			padding: 2px 12px;
		}
		#contact .radio, #contact .radio input {
			width: auto;
		}
	span.windows {
		background: url("/images/windows.gif") no-repeat 0px 50%;
		padding-left: 40px;
		line-height: 33px;
		height: 33px;
		display: block;
	}
	span.google {
		background: url("/images/google.gif") no-repeat 0px 50%;
		padding-left: 40px;
		line-height: 33px;
		height: 33px;
		display: block;
	}
	#bcrumb ul {
		margin: 0 0 25px 0 !important;
		list-style: none;
		color: #888;
	}
		#bcrumb ul li {
			display: inline;
			padding-right: 8px;
		}
		#bcrumb ul li a {
			color: #888;
			text-decoration: underline;
		}
		#bcrumb ul li a:hover {
			color: #b82323;
			background: none;
		}
	.products {
		list-style: none;
		margin: 0 !important;
		width: 432px;
		float: left;
	}
		.products li {
			float: left;
			display: block;
		}
		.products li a {
			float: left;
			display: block;
			width: 144px;
			height: 110px;
		}
		.products li a:hover {
		}
		.products li a span {
			display: none;
		}
		#sonicwall a {
			background: url("images/sonicwall.gif") no-repeat;
		}
		#sonicwall a:hover {
			background: url("images/sonicwall.gif") no-repeat 0px -110px;
		}
		#microsoft a {
			background: url("images/microsoft.gif") no-repeat;
		}
		#microsoft a:hover {
			background: url("images/microsoft.gif") no-repeat 0px -110px;
		}
		#dell a {
			background: url("images/dell.gif") no-repeat;
		}
		#dell a:hover {
			background: url("images/dell.gif") no-repeat 0px -110px;
		}
		#symantec a {
			background: url("images/symantec.gif") no-repeat;
		}
		#symantec a:hover {
			background: url("images/symantec.gif") no-repeat 0px -110px;
		}
		#veritas a {
			background: url("images/veritas.gif") no-repeat;
		}
		#veritas a:hover {
			background: url("images/veritas.gif") no-repeat 0px -110px;
		}
		#level_platforms a {
			background: url("images/level_platforms.gif") no-repeat;
		}
		#level_platforms a:hover {
			background: url("images/level_platforms.gif") no-repeat 0px -110px;
		}
		#ibm a {
			background: url("images/ibm.gif") no-repeat;
		}
		#ibm a:hover {
			background: url("images/ibm.gif") no-repeat 0px -110px;
		}
		#hp a {
			background: url("images/hp.gif") no-repeat;
		}
		#hp a:hover {
			background: url("images/hp.gif") no-repeat 0px -110px;
		}
		#threecom a {
			background: url("images/3com.gif") no-repeat;
		}
		#threecom a:hover {
			background: url("images/3com.gif") no-repeat 0px -110px;
		}
		#panduit a {
			background: url("images/panduit.gif") no-repeat;
		}
		#panduit a:hover {
			background: url("images/panduit.gif") no-repeat 0px -110px;
		}
		#cisco a {
			background: url("images/cisco.gif") no-repeat;
		}
		#cisco a:hover {
			background: url("images/cisco.gif") no-repeat 0px -110px;
		}
		#hargray a {
			background: url("images/hargray.gif") no-repeat;
		}
		#hargray a:hover {
			background: url("images/hargray.gif") no-repeat 0px -110px;
		}
		#citrix a {
			background: url("images/citrix.gif") no-repeat;
		}
		#citrix a:hover {
			background: url("images/citrix.gif") no-repeat 0px -110px;
		}
	.col1 {
		width: 144px;
		float: left;
		padding: 5px;
		margin: 0 0 30px 0;
		border: 1px solid #ddd;
	}
	.col2 {
		width: 257px;
		float: right;
		margin: 0 0 30px 0;
	}
	.metadata {
		font: 80% verdana, sans-serif;
		color: #0568b2;
		margin: 0 0 10px 0;
	}
#secondaryContent {
	float: right;
	display: inline;
	width: 286px;
	height: auto !important;
	height: 200px;
	min-height: 200px;
	padding: 13px 0 15px 13px;
	background: url("images/sec_bg.gif") no-repeat;
}
	#secondaryContent h3 {
		color: #f4f4f4;
		font: 1.4em tahoma, sans-serif;
		margin: 10px 0;
	}
	#secondaryContent dl span:hover dt a, #secondaryContent dl span:hover dd {
		background: #6f7479;
	}
	#secondaryContent dt {
		color: #fff;
		font: bold 1.1em arial, sans-serif;
		width: 277px;
		margin: 0;
		
	}
	#secondaryContent dt a {
		color: #bde2c7;
		display: block;
		text-decoration: none;
		padding: 15px 15px 3px 15px;
		background: #696e73;
	}
	#secondaryContent dt a:hover {
		color: #daf6e2;
		text-decoration: underline;
	}

	#secondaryContent dd {
		background: #696e73;
		width: 247px;
		margin: 0 0 10px 0;
		padding: 3px 15px 15px 15px;
		color: #e0e0e0;
		font: 1em arial, sans-serif;
	}
	#secondaryContent dd em {
		color: #bbb;
	}
	#secondaryContent .contact-info {
		display: block;
		background: #696e73;
		color: #e0e0e0;
		padding: 15px;
		width: 247px;
		margin: 0 0 10px 0;
	}

	#secondLevelNavigation {
		list-style: none;
	}

	#secondLevelNavigation a {
		display: block;
		background: #696e73;
		color: #bde2c7;
		font: bold 1.1em arial, sans-serif;
		width: 247px;
		margin: 0 0 3px 0;
		padding: 8px 15px;
		text-decoration: none;
	}
	#secondLevelNavigation a:hover {
		color: #daf6e2;
		background: #6f7479;
		text-decoration: underline;
	}


	#secondaryContent blockquote {
		background: #e7e8e9;
		color: #444;
		padding: 15px 15px;
		margin: 0;
		width: 247px;
		font: italic 1.1em "Lucida Grande", sans-serif;
	}
	.slide {
		
	}
	#quotes {
		height: 288px;
		position: relative;
	}
	#quotes div {
		position: absolute;
		top: 0px;
	}
	#quotes p {
		margin: 0;
	}
	#quotes span {
		margin: 0;
		background: url("images/quote_arrow.gif") no-repeat;
		padding: 10px;
		color: #d5d5d5;
		display: block;
	}
	#quotes cite {
		font: bold 1em verdana, sans-serif;
		color: #ededed;
	}
#footer {
	clear: both;
	display: block;
	width: 758px;
	background: #3d4043 url("images/footer_bg.gif") no-repeat;
	padding: 15px 10px;
	color: #b5b6b6;
}
	#footer a {
		color: #d3d3d3;
	}
	#footer p {
		width: 540px;
		float: left;
		line-height: 1.9em;
		margin-bottom: 10px;
	}
p#metaconceptions {
	float: right;
	width: 214px;
}
	#metaconceptions a {
		float: right;
		display: block;
		width: 214px;
		height: 22px;
		background: url("images/metaconceptions.gif") no-repeat;
	}
	#metaconceptions a:hover {
		background: url("images/metaconceptions.gif") no-repeat 0px -22px;
	}
	#metaconceptions span {
		display: none;
	}


/* ----- BREAK ----- */

hr.divider {
	display: block;
	color: #fff;
	clear: both;
	padding: 5px 0 0 0;
	margin: 0 0 15px 0;
	position: relative;
	top: 0px;
	border: none;
	border-bottom: 1px solid #ccc;
}