/* ############## WHOLE PAGE ############ */
body {margin:0;padding:0;background-color:#E1E1E1;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 .rcbl, .wholepage .rcbr {display:block;height:4px;width:4px;position:absolute;line-height:4px;font-size: 0%;background:#fff url('http://www.cisco.com/cdc_content_elements/landing/images/gwsprite.jpg') no-repeat 0 0;bottom:0;_bottom:-1px;right:0;background-position: 0 -8px;}
.wholepage .rcbl {bottom:0;_bottom:-1px;left:0;background-position: 0 -12px;}
.wholepage {position:relative;}
.wholepage-in {position:relative;margin:0;background-color:#fff;padding:10px 10px 20px 10px;zoom:1;}
/* ############## HEADER ############ */
.pageheader {float:left;margin:20px 0 0 30px;color:#666;font-size:120%;font-weight:normal;}
/* ############## HERO AREA ############ */
#header {margin-top:10px;height:42px;overflow:hidden;}
#hero {margin:20px 0 0 0;width:100%;}
#herocnt {padding:30px 370px 0 20px;}
#herocnt h2 {color:#fff;font-size:150%;font-weight:normal;border:none;padding:0;margin:0;}
#herocnt p {color:#fff;padding:0;margin:8px 0 15px 0;display:block;font-size:95% !important;}
#herocnt .lm {margin-top:20px;}
#hero:after {content: ".";display:block;height:0;clear:both;visibility:hidden;}
.plink {position:relative;height:30px;width:102px;display:block;margin:160px 0 0 23px;}
.plink span {display:none;}
.midpage {margin:16px 0 20px 10px;}
.rc-holder {border:1px solid #ccc;margin:0;padding:0;}
.rchero, .rchero .rctl, .rchero .rcbl, .rchero .rctr, .rchero .rcbr {background:url('http://www.cisco.com/web/learning/images/cdc_content_elements/hero/4px_sprite_hero.jpg');}
.rchero {margin:0;padding:0;position:relative;background-repeat:repeat-x;background-position: 0 -16px;}
.rc-holder-in { height:220px;}
.rchero .rctl, .rchero .rcbl, .rchero .rctr, .rchero .rcbr {display:block;height:4px;width:4px;position:absolute;background-repeat:no-repeat;line-height:4px;font-size:0%;}
.rchero .rctl {top:0;left:0;}
.rchero .rcbl {bottom:0;left:0;background-position: 0 -12px;}
.rchero .rctr {top:0px;right:0px;background-position:0px -4px;}
.rchero .rcbr {bottom:0px;right:0px;background-position:0px -8px;}
.rcnarrow {width:712px;float:left;}
.rcwide {width:712px;height:220px;float:left;}
.hrobtn, .hrobtn b, .hrobtn b b {background-image:url('http://www.cisco.com/cdc_content_elements/landing/images/hero_button_sprite.png');_background-image:url('http://www.cisco.com/cdc_content_elements/landing/images/hero_button_sprite.gif');text-decoration:none !important;font-weight:bold;font-family:arial;cursor:pointer;outline:none;padding:0;margin:0px;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:0px -31px;}
.hrobtn b b {background-repeat:repeat-x;background-position:0 0;padding:0 13px 0 13px;margin:0px 5px 0px 5px;}
.hrobtn:hover {background-repeat:no-repeat;background-position: right -155px;text-decoration:none !important;}
.hrobtn:hover b {background-repeat:no-repeat;background-position:0px -124px;}
.hrobtn:hover b b {background-repeat:repeat-x;background-position:0px -93px;}
.hrobg {position:absolute;top:0;right:0;padding:0;margin:0;}
.sitecopy .ctahead {margin:0;font-size:95%;font-weight:bold;color:#666;}
.sitecopy .ctatext {margin:5px 15px 0 0;font-size:85%;color:#666;}
.herovid {position:absolute;top:20px;right:25px;}
/* ############## FEATURE ############ */
.feature-holder {margin-left:10px;padding:10px;border:1px solid #D2D2D2;background:url('http://www.cisco.com/cdc_content_elements/landing/images/bcsprite.jpg') repeat-x 0 -16px;position:relative;float:left;width:168px;height:198px;}
.feature-holder .rctl, .feature-holder .rctr, .feature-holder .rcbl, .feature-holder .rcbr {
background:white url('http://www.cisco.com/cdc_content_elements/landing/images/bcsprite.jpg') no-repeat 0 0;
display:block;height:4px;width:4px;position:absolute;font-size:0%;}
.feature-holder .rctl {top:-1px;left:-1px;}
.feature-holder .rctr {top:-1px;right:-1px;background-position: 0px -4px;}
.feature-holder .rcbr {bottom:-1px;right:-1px;_right:0px;background-position: 0px -8px;}
.feature-holder .rcbl {bottom:-1px;left:-1px;background-position: 0px -12px;}
.feature-holder p {margin:.3em 0 10px 0;font-size:77%;}
.feature-holder h3 {color:#666;font-size:100%;padding: .3em 0;margin:0;}
.feature-float {float:left;margin-right:20px;}
/* ############## COLUMNS ############ */
.colholder {display:table;border-collapse:separate;table-layout:fixed;_height:1%;margin:0 0 0 10px;width:100%;_width:auto;padding:0;}
.rowholder {display:table-row;zoom:1;width:100%;height:1%;}
.col {color:#666;font-size:85%;padding:10px 17px 30px 16px;display:table-cell;border-left:1px solid #e9e9e9;*float:left;}
.crow {margin-top:-25px;}
.crow .col {padding-bottom:10px;}
.sitecopy .crow .col p {margin:0;padding:0;}
.twocols .col {width:50%;*width:47%;}
.threecols .col {width:33%;*width:30%;}
.fourcols .col {width:25%;*width:21.5%;}
.colholder .colfirst {border:none;padding-left:0px;}
.sitecopy .col h4 {color:#666;font-size:92%;margin:0;}
.sitecopy .col p {margin:7px 0 0 0;font-size:85%;}
/* ############## CTA BUTTONS AND LINKS ############ */
.sitecopy .bacta {background:url('http://www.cisco.com/en/US/prod/wireless/collaborate_to_innovate_assets/bluearrow.gif') no-repeat center left;padding-left:13px;color:#2F6681;text-decoration:none;}
.sitecopy .bacta:visited {color:#2F6681;}
.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/cdc_content_elements/landing/images/white_arrow.gif') no-repeat center left;padding-left:13px;}
.sitecopy .hrowht:hover {text-decoration:underline;}
/* ############## FOOTER ############ */
#framework-footer {font-size:78%;margin:18px 0 0 18px;}
#framework-footer a:visited {color:#2f6681;text-decoration:none;}
