
/* ############## WHOLE PAGE ############ */

body {margin:0;padding:0;height:100%;}

body, #framework-footer  {background-color:#E1E1E1;}

#container {margin:0 auto 0 auto;width:932px;}

#homelink {float:left;overflow:hidden;}

#homelink img {margin-top:-16px;}

.wholepage .tl, .wholepage .tr, .wholepage .bl, .wholepage .br {display:block;height:4px;width:4px;position:absolute;line-height:4px;font-size:0%;background:#fff url('http://www.cisco.com/assets/pilot/landing/i/gwsprite.jpg') no-repeat 0 0;bottom:0;_bottom:-1px;right:0;background-position: 0 -8px;}

.wholepage .bl {bottom:0;_bottom:-1px;left:0;background-position:0 -12px;}

.wholepage {position:relative;zoom:1;}

.wholepage-in {
	margin: 0;
	background-color: #fff;
	padding: 10px 10px 0 10px;
}

a {color:#2970a6;}

html {_overflow-x:auto;}

.clear {
	clear: both;
	margin: 0;
	padding: 0;
}


/* ############## HEADER AND HERO AREA ############ */

.pageheader {float:left;margin:20px 0 0 30px;color:#666;font-size:120%;font-weight:normal;}

#header {
	margin-top: 10px;
	height: 42px;
	overflow: visible;
	z-index: 10;
}

#hero {
	margin: 20px 0 0 0;
	width: 100%;
	height: 220px;
}


/* ############## CROSS-LANDING NAV ############ */

#header #crossLandingNav {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 49px;
	left: 150px;
}

#header #crossLandingNav li {
	float: left;
	margin: 0 30px 0 0;
	padding: 0;
}

#header #crossLandingNav li.last {
	margin-right: 0;
}

#crossLandingNav li a {
	font-weight: 900;
	font-size: 120%;
	color: #2970A6;
}

#crossLandingNav li a.current {
	color: #444;
	text-decoration: none;
	cursor: default;
}

.plink {position:relative;height:30px;width:102px;display:block;margin:160px 0 0 23px;}

.plink span {display:none;}

.midpage {margin:16px 0 20px 10px;}

.rcwide {width:712px;height:220px;float:left;position:relative;zoom:1;}

.hrobtn, .hrobtn b, .hrobtn b b {background-image:url('http://www.cisco.com/assets/pilot/landing/i/hero_button_sprite.png');_background-image:url('http://www.cisco.com/assets/pilot/landing/i/hero_button_sprite.gif');text-decoration:none !important;font-weight:bold;font-family:arial;cursor:pointer;outline:none;padding:0;margin:0; display:-moz-inline-box;display:inline-block;font-size:11.25px;-moz-box-align:center;line-height:28px;height:31px;color:#fff !important;}

.hrobtn {background-repeat:no-repeat;background-position: right -62px;text-decoration:none !important;}

.hrobtn b {background-repeat:no-repeat;background-position:0 -31px;}

.hrobtn b b {background-repeat:repeat-x;background-position:0 0;padding:0 13px 0 13px;margin:0 5px 0 5px;}

.hrobtn:hover {background-repeat:no-repeat;background-position: right -155px;text-decoration:none !important;}

.hrobtn:hover b {background-repeat:no-repeat;background-position:0 -124px;}

.hrobtn:hover b b {background-repeat:repeat-x;background-position:0 -93px;}

.hrobg {position:absolute;top:0;right:0;padding:0;margin:0;}

.sitecopy .ctahead {margin:0;font-size:114%;font-weight:normal;color:#666;}

.sitecopy .ctatext {margin:5px 15px 0 0;font-size:77%;color:#666;}

.herovid {position:absolute;top:20px;right:25px;}


/* ############## FEATURE ############ */

.feature-holder {margin-left:10px;border:1px solid #D2D2D2;background:url('http://www.cisco.com/assets/pilot/landing/i/bcsprite.jpg') repeat-x 0 -16px;float:left;width:186px;height:218px;zoom:1;}

.feature-holder-in {float:left;clear:both;position:relative;width:166px;height:198px;padding:10px;}

.feature-holder .tl, .feature-holder .tr, .feature-holder .bl, .feature-holder .br {background:url('http://www.cisco.com/assets/pilot/landing/i/bcsprite.jpg') no-repeat 0 0;display:block;height:4px;width:4px;position:absolute;font-size:0%;}

.feature-holder .tl {top:-1px;left:-1px;}

.feature-holder .tr {top:-1px;right:-1px;background-position: 0 -4px;}

.feature-holder .br {bottom:-1px;right:-1px;background-position: 0 -8px;}

.feature-holder .bl {bottom:-1px;left:-1px;background-position: 0 -12px;}

.feature-holder p {margin:.3em 0 10px 0;font-size:77%;}

.feature-holder h3 {color:#666;font-size:92%;padding: .3em 0;margin:0;}

.feature-float {float:left;margin-right:20px;}


/* ############## COLUMNS ############ */

.tableholder {
	position: relative;
	margin: 0;
	padding: 20px 0;
}

.rowholder {
	width: 907px;
	margin: 0;
	padding: 0 0 0 1px;
}

.row {
	display: table-row;
	margin: 0;
	padding: 0;
	*height: 200px;
}

.col {
	display: table-cell;
	width: 194px;
	height: 100%;
	margin: 0;
	padding: 0 16px;
	color: #666;
	font-size: 85%;
	border-right: 1px solid #E9E9E9;
	*float: left;
}

.collast {
	border-right: none;
}

.colcontent {
	margin-bottom: 40px;
}

.cta {
	position: absolute;
	bottom: 30px;
}

.colcontent h4 {
	color: #666;
	font-size: 88%;
	margin: 0;
}

.colcontent p {
	margin: 7px 0 0 0;
	font-size: 84%;
}


/* ############## CTA BUTTONS AND LINKS ############ */

.sitecopy .bacta {background:url('http://www.cisco.com/assets/pilot/landing/i/bluearrow.gif') no-repeat center left;padding-left:13px;color:#2970a6;text-decoration:none;}

.sitecopy .bacta:visited {color:#2970a6;}

.sitecopy .bacta:hover {text-decoration:underline;}

.sitecopy .hrowht, .sitecopy .hrowht:visited {color:#fff;text-decoration:none;font-size:85%;background:url('http://www.cisco.com/assets/pilot/landing/i/white_arrow.gif') no-repeat center left;padding-left:13px;}

.sitecopy .hrowht:hover {text-decoration:underline;}

.sitecopy a {
	font-size: 100%;
	color:#2F6681;
	text-decoration:none;
}

.sitecopy a:hover {text-decoration:underline;}

#container .ul-arrows li {
	background: url('http://www.cisco.com/en/US/prod/wireless/collaborate_to_innovate_assets/bluearrow.gif') no-repeat 0 .2em;
	padding-left: 13px;
	margin-bottom: 10px;
}


/* ############## SOCIAL MEDIA TICKER ############ */

#socialmediaticker {
	background: none repeat scroll 0 0 #ECECEC;
	border: 1px solid #CCCCCC;
	border-right: 0px; /*override right border*/
	color: #007FC5;
	height: 33px;
	margin: 10px 0;
	padding: 0;
	position: relative;
}

#socialmediaticker a:link, #socialmediaticker a:visited {
	color: #007FC5;
	text-decoration: none;
}

#socialmediaticker a:hover {
	text-decoration: underline;
}

#socialmediaticker .socialmediaticker-cap-left {
	position:absolute;
	top:-1px; left:-1px;
	height:35px; width:5px;
	background: url("/assets/about/ent/i/ticker-left.gif") no-repeat;
}

#socialmediaticker .socialmediaticker-cap-right {
	position:absolute;
	top:-1px; right:-1px;
	height:35px; width:5px;
	background: url("/assets/about/ent/i/ticker-right.gif") no-repeat;
}

#socialmediaticker h3 {
	float: left;
	color: #444;
	font-size: 12px;
	margin: 9px 12px 0 17px;
	font-weight:bold;
}

#socialmediaticker h3 a {
	font-weight:bold;
}

#socialmediaticker .socialmediaticker-controls {
  float: left;
  margin-top: 8px;
  padding: 0 1px;
  width: 57px;
}

#socialmediaticker .socialmediaticker-controls a {
  display: block;
  margin: 0;
  padding: 0;
  text-decoration: none;
}

#socialmediaticker .newsitem-previous {
  border-right: 1px solid #AFAFAF;
  float: left;
  margin: 0;
  padding: 0;
  width: 24px;
}

#socialmediaticker .newsitem-previous a {
  background: url("/assets/about/ent/i/hp-sprites-mb.png") no-repeat scroll -7px 0 transparent;
  height: 16px;
}

#socialmediaticker .newsitem-next {
  float: left;
  margin: 0 6px 0 0;
  padding: 0;
  width: 24px;
}

#socialmediaticker .newsitem-next a {
  background: url("/assets/about/ent/i/hp-sprites-mb.png") no-repeat scroll -33px 0 transparent;
  height: 16px;
}

#socialmediaticker .newsitem-previous a:hover, #socialmediaticker .newsitem-previous a:focus {
  background-position: -7px -16px;
  outline:none;
}

#socialmediaticker .newsitem-next a:hover, #socialmediaticker .newsitem-next a:focus {
  background-position: -33px -16px;
  outline:none;
}

#socialmediaticker ol {
  float: left;
  list-style-type: none;
  position: relative;
  width: 520px;
  margin:8px 0px 0px 0px;
  height: 17px;
  overflow: hidden;
}

#socialmediaticker ol li {
	left: 1px;
	margin-top: 0px;
	position: absolute;
	top: 0;
	font-size: 12px !important;
	background: url("/assets/about/ent/i/ticker-icons.png") no-repeat -50px -50px;
	padding-left: 22px;
	line-height: 17px;
	width: 100%;
}

#socialmediaticker ol li.t1m-ticker-youtube {
	background-position: 0px -40px;
}

#socialmediaticker ol li.t1m-ticker-facebook {
	background-position: 0px -21px;
}

#socialmediaticker ol li.t1m-ticker-twitter {
	background-position: 0px 0px;
}

#socialmediaticker ol li.t1m-ticker-blogs {
	background-position: 0px -60px;
}

#socialmediaticker ol li a{
	font-size: 12px;
}

#socialmediaticker ol li .date {
  background: none repeat scroll 0 0 #ECECEC;
  color: #666666;
}

#socialmediaticker .socialmediaticker-nav {
	background: url("/assets/about/ent/i/divider.gif") no-repeat scroll left center transparent;
	position: absolute;
	top: 8px;
	padding: 0px 0px 0px 17px;
	right: 64px;
	width: 150px;
}

#socialmediaticker a#followus {
	background: url("/assets/pilot/landing/i/bluearrow.gif") no-repeat scroll left center transparent;
	font-size: 12px !important; /*important needed to override the font size set for .sitecopy a in main.css*/
	font-weight: bold;
	padding-left: 13px;
}


/* ############## JOIN THE CONVERSATION ############ */

div#social {
	position: relative;
	width: 910px;
	height: 42px;
	border-bottom: 1px solid #EAEAEA;
}
div#social #conversation {
	position: absolute;
	top: 10px;
	right: -3px;
	width: 910px;
	height: 20px;
	background: url(/assets/about/ent/i/conversation.gif) no-repeat top right;
}
div#conversation ul {
	list-style: none;
	margin: 0 0 0 812px;
	padding: 0;
}
div#conversation li {
	float: left;
	margin: 0;
	padding: 0;
}
div#conversation li a:link, div#conversation li a:visited {
	display: block;
	margin: 2px 0 0 8px;
	padding: 0;
	width: 16px;
	height: 16px;
	border: none;
	text-indent: -1000ex;
}
div#conversation li a:hover, div#conversation li a:active {
	background-color: white;
	opacity: 0.25;
	filter: alpha(opacity = 25);
}


/* ############## FOOTER ############ */

#framework-footer {font-size:78%;margin:18px 0 0 18px;}

#framework-footer a:visited {color:#2f6681;text-decoration:none;}


/* ############## ALT BLUE VERSION ############ */

#alt1 {background-color:#fff;}

#alt1 #framework-footer {background-color:transparent !important;}

#alt1 .wholepage {background:none;}

#alt1 .wholepage-in {background-color:transparent;}

#alt1 .lp .midpage {margin-top:0;}

#alt1 .lp {background:#fff url('http://www.cisco.com/assets/pilot/landing/i/lp_sprite_dbe9ee.gif') repeat-x 0 -16px;border:1px solid #CCC;position:relative;zoom:1;margin:15px 0 0 0;padding:0;}

#alt1 .lp-in {
/*	padding: 15px 10px;*/
/*	padding: 10px;*/
}

#alt1 .lp .tl, #alt1 .lp .tr, #alt1 .lp .bl, #alt1 .lp .br {background:#fff url('http://www.cisco.com/assets/pilot/landing/i/lp_sprite_dbe9ee.gif') no-repeat 0 0;}

#alt1 .lp .tl {top:-1px;left:-1px;}

#alt1 .lp .tr {top:-1px;right:-1px;background-position: 0 -4px;}

#alt1 .lp .br {bottom:-1px;_bottom:-2px;right:-1px;background-position: 0 -8px;}

#alt1 .lp .bl {bottom:-1px;_bottom:-2px;left:-1px;background-position: 0 -12px;}

#alt1 .feature-holder {border:1px solid #dbe9ee;background-image:none;background-color:#dbe9ee;}

#alt1 .feature-holder .tl, #alt1 .feature-holder .tr, #alt1 .feature-holder .bl, #alt1 .feature-holder .br {background-image:url('http://www.cisco.com/assets/pilot/landing/i/feature_sprite_dbe9ee.gif');}
