@charset "UTF-8";
body {
	margin:0px;
	padding:0px;
	background: url(../images/back.png) repeat-x #a6a6ab;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
}
#wrapper {
	width:1008px;
	margin:0px auto;
}
#float {
	width:1008px;
	background:url(../images/content_back.png) repeat-y;
	margin:0px;
	float:left;
}
#content {
	width:1000px;
	margin:0px 4px;
	float:left;
	text-align:left;
}
#header {
	width:1000px;
	height:120px;
	border-bottom:5px solid #0073BC;
	position:relative;
	background-color: #DFE3E4;
}
#logo {
	position:absolute;
	top:40px;
	left:50px;
}
#navigation {
	position:absolute;
	top:95px;
	right:5px;
	font-size:13px;
	text-transform:uppercase;
}
#navigation ul {
	margin:0px;
	padding:0px;
}
#navigation ul li {
	display:block;
	float:left;
	list-style:none;
}
#navigation ul li a {
	color:#4a4c4d;
	text-decoration:none;
	font-size:13px;
	padding:15px;
	margin-left:10px;
}
#navigation ul li a:hover {
	color:#0073BC;
}
#navigation ul ul {
	text-transform:capitalize;
}
#navigation-top {
	position:absolute;
	top:20px;
	right:20px;
	font-size:12px;
}
#navigation-top a {
	color:#666;
	text-decoration:none;
	margin-left:15px;
}
#navigation-top a:hover {
	color:#59c2e9;
}
#masthead {
	width:1000px;
	position:relative;
	color:#CCC;
}
#mastheadC {
	width:1000px;
	height:161px;
	position:relative;
	color:#CCC;
	background:url(../images/mastheadBG.jpg);
}
#mastheadC .title {
	position: relative;
	left: 58px;
	top: 44px;
}
#mastheadR {
	width:1000px;
	height:161px;
	position:relative;
	color:#CCC;
	background:url(../images/masthead_events.jpg);
}
#masthead-outlier {
	width:1000px;
	height:297px;
	background:url(/awards/video/images/outlierMasthead.jpg) no-repeat;
	position:relative;
	color:#CCC;
	overflow:hidden;
}
#masthead-text {
	position:absolute;
	left:60px;
	top:170px;
	color:#FFF;
	font-size:15px;
	width:350px;
}
#masthead-burst {
	position:absolute;
	right:-6px;
	bottom:-6px;
	moz-transition-property: all;
	-webkit-transition-property: all;
	transition-property: all;
	-moz-transition-duration: 200ms;
	-webkit-transition-duration: 200ms;
	transition-duration: 200ms;
	-moz-transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
#masthead-burst:hover {
	position:absolute;
	right:0px;
	bottom:0px;
}
.Home {
	height:342px;
	background-image: url(partnersbackground.png);
	background-repeat: no-repeat;
}
.Home p {
	margin:0px;
	padding:0px;
	font-size:15px;
	position:absolute;
	left:25px;
	top:50px;
	width:460px;
	color:#FFF;
}
.Home img {
	position:absolute;
	left:105px;
	top:220px;
}
.Home a {
	color:#0073BC;
	text-decoration:none;
}
.Consulting {
	background:url(../images/masthead_consulting.jpg) no-repeat;
	height:296px;
}
.Consulting p {
	margin:0px;
	padding:0px;
	font-size:18px;
	position:absolute;
	left:230px;
	top:110px;
	width:400px;
}
.Storage {
	background:url(../images/masthead_storage.jpg) no-repeat;
	height:296px;
}
.Storage p {
	margin:0px;
	padding:0px;
	font-size:18px;
	position:absolute;
	left:230px;
	top:110px;
	width:420px;
}
.Networking {
	background:url(../images/masthead_networking.jpg) no-repeat;
	height:296px;
}
.Networking p {
	margin:0px;
	padding:0px;
	font-size:18px;
	position:absolute;
	left:230px;
	top:110px;
	width:420px;
}
.Backup {
	background:url(../images/masthead_backup.jpg) no-repeat;
	height:296px;
}
.Backup p {
	margin:0px;
	padding:0px;
	font-size:18px;
	position:absolute;
	left:230px;
	top:110px;
	width:310px;
}
.Virtualization {
	background:url(../images/masthead_virtualization.jpg) no-repeat;
	height:296px;
}
.Virtualization p {
	margin:0px;
	padding:0px;
	font-size:18px;
	position:absolute;
	left:230px;
	top:110px;
	width:420px;
}
.Security {
	background:url(../images/masthead_security.jpg) no-repeat;
	height:296px;
}
.Security p {
	margin:0px;
	padding:0px;
	font-size:17px;
	position:absolute;
	left:230px;
	top:110px;
	width:400px;
}
.Training {
	background:url(../images/masthead_training.jpg) no-repeat;
	height:250px;
}
.Training p {
	margin:0px;
	padding:0px;
	font-size:18px;
	position:absolute;
	left:215px;
	top:110px;
	width:380px;
}
#bottom-content-wrapper {
	clear:both;
	float:left;
	position:relative;
}
#bottom-content-outlier {
	clear:both;
	float:left;
	position:relative;
	height:585px;
}

#leftNavColumn {
	width:230px;
	float:left;
	font-size:14px;
	position:relative;
	top:45px;
	left:20px;
	padding-right:10px;
}
#leftNavColumn h2 {
	font-size:18px;
	color:#000;
	font-weight:normal;
	border-bottom:1px solid #CCC;
	padding-bottom:8px;
	margin:20px 0px 0px 0px;
}

#leftNavColumn a {
	color:#0073BC;
	text-decoration:none;
}
#leftNavColumn a:hover {
	color:#00537c !important;
	text-decoration:none;
}

#navigation-vertical {
	width:230px;
	float:left;
	font-size:14px;
	position:relative;
	top:-34px;
}
#navigation-vertical h2 {
	margin:0px 0px 0px 20px;
	padding:9px 10px;
	font-size:14px;
	font-weight:normal;
	text-transform:uppercase;
	background-color:#FFF;
}
#navigation-vertical ul {
	margin:0px 0px 0px 20px;
	padding:0px;
	list-style:none;
}
#navigation-vertical ul li {
	border-bottom:1px solid #FFF;
	margin:0px;
	padding:0px;
}
#navigation-vertical ul li a {
	background-color:#d9d9d9;
	color:#333;
	text-decoration:none;
	display:block;
	padding:5px 10px;
}
#navigation-vertical ul li a:hover {
	background-color:#BBB;
}
#home-content {
	background-color:#DFE3E4;
	padding:20px;
	float:left;
}
#home-box {
	width:306px;
	height:250px;
	float:left;
	background-color:#FFF;
	margin-right:21px;
	-moz-box-shadow: 2px 2px 3px #999;
	-webkit-box-shadow: 2px 2px 3px #999;
	box-shadow: 2px 2px 3px #999;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');
	border-top:4px solid #0073BC;
	position:relative;
}
.nomargin {
	margin:0px !important;
}
#home-box p {
	color:#333;
	font-size:14px;
	line-height:18px;
	margin:0px 10px 0px 12px;
}
#home-box h3 {
	color:#0073BC;
	font-size:20px;
	line-height:21px;
	margin:0px 12px 12px 12px;
	font-weight:normal;
}
#home-box h3 a {
	color:#0073BC;
	text-decoration:none;
}
#home-box h3 a:hover {
	color:#0073BC;
	text-decoration:none;
}
#home-box h4 {
	color:#666;
	font-size:13px;
	margin:10px 12px 3px 12px;
	font-weight:normal;
}
#home-box img {
	position:absolute;
	bottom:0px;
}
#home-box a {
	color:#0073BC;
	text-decoration:none;
}
#bottom-content {
	width:720px;
	float:left;
	margin:30px 0px 30px 30px;
	color:#333;
	font-size:13px;
}
#bottom-content h1 {
	font-size:24px;
	color:#00537c;
	font-weight:normal;
	margin-top:0px;
}
#bottom-content h2 {
	font-size:18px;
	color:#000;
	font-weight:normal;
	border-bottom:1px solid #CCC;
	padding-bottom:8px;
	margin:20px 0px 0px 0px;
}
#bottom-content h2.company {
	border-bottom:none;
	padding-bottom:0px;
	margin:20px 0px 0px 0px;
}
#bottom-content p.company {
	margin-top:7px;
}
#bottom-content .date {
	font-size:12px;
	color:#666666;
	margin-bottom:8px;
	line-height:17px;
	
}
#bottom-content .newsTitle {
	font-size:14px;
	line-height:17px;
	color:#0073BC;
	font-weight:normal;
	padding:0px 0px 10px 0px;
	margin:0px;
}
#bottom-content .newsTitle a {
	color:#0073BC;
	text-decoration:none;
}
#bottom-content .news  {
	margin:0px 0px 20px 0px;
	padding-bottom:12px;
	line-height:17px;
	border-bottom:1px solid #CCC;
}
#bottom-content .awardTitle {
	font-size:14px;
	line-height:17px;
	color:#333333;
	font-weight:normal;
	padding:10px 0px 10px 0px;
	margin:0px;
	border-bottom:1px solid #CCC;
}
#bottom-content ul {
	margin:0px 30px 20px 20px;
	padding:0px;
}
#bottom-content ul li {
	margin:0px 0px 5px 0px;
	padding:0px;
}
#bottom-intro {
	margin-bottom: 40px;
}
#column-left, #column-right {
	width:345px;
	float:left;
}
#column-left, #column-left-wide {
	margin-right:30px;
}
#column-left-wide {
	width:445px;
	float:left;
}
#column-right-narrow {
	width:245px;
	float:left;
}

/* -- Partners Styles -- */
#partnerTable .left{
	padding:4px 0px 0px 4px;
}
#partnerTable .right {
	padding:4px 4px 0px 4px;
}
#partnerTable .leftBottom {
	padding:4px 0px 4px 4px;
}
#partnerTable .rightBottom {
	padding:4px 4px 4px 4px;
}

/* -- Testimonials -- */
#column-left-testimonials {
	margin-right:20px;
	width:474px;
	float:left;
}
#column-right-testimonials {
	width:226px;
	float:left;
}
#column-right-testimonials p {
	border-bottom:1px solid #ccc;
	padding-bottom:16px;
}
#column-right-testimonials b {
	color:#0073BC;
}
#column-right-testimonials br {
	margin-bottom:12px;
}
#column-right-testimonials a, #column-left-testimonials a {
	color:#0073BC;
	text-decoration:none;
}
#column-right-testimonials a:hover, #column-left-testimonials a:hover {
	color:#00537c !important;
	text-decoration:none;
}
#column-left-testimonials p {
	color:#333;
	font-size:14px;
	margin:0px 0px 30px 0px;
}
#column-left-testimonials h3 {
	color:#000;
	font-size:18px;
	margin:0px 0px 6px 0px;
	font-weight:normal;
}
#column-left-testimonials h3 a {
	color:#000;
	text-decoration:none;
}
#column-left-testimonials h3 a:hover {
	color:#666;
	text-decoration:none;
}
#column-left-testimonials h4 {
	color:#666;
	font-size:13px;
	margin:10px 0px 2px 0px;
	font-weight:normal;
}
#testimonial-column {
	width:230px;
	float:left;
}
#testimonial-column h4 {
	font-size:12px;
}
.margin-ten {
	margin-right:10px;
}

/* -- Awards Styles -- */
.awards h3 {
	font-size:16px !important;
	margin:0px 0px 20px 0px !important;
}
.awards p {
	margin:0px 0px 20px 0px !important;

}
.award {
	position:relative;
	top:-20px;
}
.question strong {
	color: #0073BC;
	cursor:pointer;
}
.answer {
	margin:0px 0px 0px 20px;
}

/* -- Contact Styles -- */

.formWide {
	float:left;
	margin-right:30px;
	width: 440px;
}
#contact {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#contact h2{
	border: none;
	font-size: 24px;
	color:#333;
}
#contact form {
	margin: 0;
	padding: 0;
	width: 440px;
}
#contact form fieldset {
	padding: 0 10px 10px 10px;
	border: 2px solid #cccccc;
}
#contact form legend {
	padding: 0 5px 1px 5px;
	font-size: 14px;
	font-weight: bold;
	color: #000;
}
#contact form div {
	margin-top: 10px;
}
#contact form label {
	display: block;
	float: left;
	width: 120px;
	padding: 2px 0;
	text-align: right;
	margin-right: 10px;
	color: #555555;
}
#contact form input {
	width: 230px;
	padding: 2px;
	font-size: 12px;
	color: #666666;
	border: 1px solid #999999;
}
#contact form textarea {
	width: 230px;
	padding: 2px;
	font-size: 12px;
	color: #666666;
	border: 1px solid #999999;
}
#contact div.submit input {
	width: 80px;
	padding: 2px;
	font-size: 10px;
	color: #666666;
	background: #ebebeb;
}
#contact .required {
	font-weight: bold;
	margin-bottom: 7px;
	color: #555555;
}
#contact .warning {
	font-weight: bold;
	color: #990000;
}
#contact .sent {
	font-weight: bold;
}

/* -- Legal Styles -- */
#legal-space {
	width:230px;
	height:60px;
	float:left;
	font-size:14px;
	position:relative;
}
#column-left-wide h3 a {
	color:#333;
	text-decoration:none;
}
#column-left-wide h3 a:hover {
	text-decoration:underline;
}
/* -- Footer Styles -- */

#footer {
	width:1008px;
	background:url(../images/footer_top.png) no-repeat top left;
	margin:0px auto;
	text-align:right;
	color:#666;
	clear:both;
}
#footer p {
	font-size:12px;
	line-height:50px;
	padding-right:24px;
}
#footer a {
	color:#666;
	text-decoration:none;
}
#footer a:hover {
	color:#000;
	text-decoration:none;
}
/* HORIZONTAL FREESTYLE MENU LAYOUT */


/* All <ul> tags in the menu including the first level */
.menulist, .menulist ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align:left;
}
/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.menulist ul {
	display: none;
	color:#FFFFFF;
	position: absolute;
	top: 30px;
	margin-top: 8px; /* I'm using ems and px to allow people to zoom their font */
	left: 25px;
	white-space:nowrap;
	padding:0px;
	margin:0px;
}
/* Second and third etc. level submenus - position across from parent instead */
.menulist ul ul {
	margin: 0;
	left: 165px;
}
/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
.menulist li {
	float: left;
	display: block;
	position: relative;
	list-style: none;
	margin-top: 0px;
}
/* Items in submenus - override float/border/margin from above, restoring default vertical style */
#navigation .menulist ul li {
	float:none;
	margin:0px;
	padding:0px;
	display:block;
	width:180px;
	clear:both;
}
.menulist ul>li:last-child {
	margin-bottom: 1px; /* Mozilla fix */
}
/* Links inside the menu */
#navLinks .menulist a {
	display: block;
}
.menulist a:hover {
	color:#000;
}
.menulist li ul li {
	margin:0px;
	padding:0px;
}
#navigation .menulist ul li a {
	margin:0px;
	border-bottom:1px solid #FFF;
	display:block;
	padding:6px 14px;
	font-size:14px;
	color:#FFF;
	background-color:#0073BC;
}
.noline a {
	border:none !important;
}
#navigation .menulist ul li a:hover {
	background-color:#3a7e98;
}
/* Only style submenu indicators within submenus. */

.menulist a .subind {
	display: none;
}
.menulist ul a .subind {
	display: block;
	float: right;
}
