#featured_banner { }
#featured_banner .span8 { width:458px; height:250px; margin-left:0;}
#featured_banner .span4 { width:300px; height:250px; margin-left:0;}
 
  .square_button {
    padding-right:10px;
    position:static;
    height:100%;
  }
  .square_button a {
    display:block;
    text-transform:uppercase;
    font-size:12px;
    font-family:"century gothic", Helvetica, Arial, sans-serif;
    font-weight:600;
    background:url('../images/icon_arrow_d_r.png') 100% 100% no-repeat;
    background-position: right;
    padding-right:25px;
    color: #fff;
    
  }
  .start-in-highschool {
    background:url('../images/keyboard.png') 0 0 no-repeat #fe8e0e;
    height:150px;
    margin-bottom:10px;
    text-align:right;
    line-height:14px;   
  }
  .start-in-highschool a {
    position:relative;
    top:115px;
  }
  .program-spotlight {
    background:#03a8ab;
    height:90px;
    text-align:right;
    line-height:14px;   
  }
  .program-spotlight a {
    position:relative;
    top:55px;
  } 
  .transfer-to-a-university {
    background:#2d3981;
    height:250px;
    margin-left:4px;
    text-align:left;
    line-height:14px;
  }
  .transfer-to-a-university a{
    position:relative;
    top:5px;
    right:-10px;
  }
  .content-banner{
    height:250px;
    width:765px;
  }
  .why-choose{
    height:250px;
    width:458px;
    background:url('../images/content_banner_image01.jpg') 0 0 no-repeat;
  }
  .why-choose img{
    float:right;
    margin-top:160px;
  }
  .featured_banner_nav .overlay_image {
    position:relative;
    top:-155px;
    z-index: 100;
    left:120px;
  }
  
.featured_banner_nav { position:relative; }
  
/*responsive styling */
@media (max-width: 480px) { 
  #sidebar_closure, .overlay_image.notebook {display:none;}
  #featured_banner .span4, .why-choose, #featured_banner .span8 { width:100%; }
  .why-choose, #featured_banner .span8 {height:250px;}
  #featured_banner .span6 {
    float:left;
    width: 65%;
  }
  #featured_banner .span6.no-mobile {
    width: 34%;
  }
  .square_button { width:44%; float:left; height:65px; margin:2% 0% 2% 2%; background-image:none; position:relative;}
  .no-mobile .square_button {width:87%; float:left; height:65px; margin:4% 0% 4% 4%;}
  .square_button a {
    position:absolute;
    left:8px;
    bottom:8px;
    top:auto;
    right:auto;
    text-align:left;
    background-position:bottom right;
    padding-right:22px;
    width:67%;
  }
  .start-in-highschool a {
    width:67%;
   
  }
  footer .inner_wrapper .span3{
    width:29%;
    float:left;
  }

   #featured_banner .span4 {height:100px;}
   
   .mobile-progarm-spotlght {
        top: -88px;
        left: 50.2%;
    }
    .tabbed-content-slider-mobile {
      position: relative;
      bottom: 44px;
      width: 448px;
      right: 14px;
    }


     div.easyPaginate_thumb > a > img  {
      width: 120px;

    }
    
    li.jcarousel-item.jcarousel-item-horizontal.jcarousel-item-1.jcarousel-item-1-horizontal {
      width: 120px;
    }
  


    li.jcarousel-item.jcarousel-item-horizontal.jcarousel-item-2.jcarousel-item-2-horizontal {
      width: 120px;
    }
    ul.jcarousel.jcarousel-list.jcarousel-list-horizontal {
      left: 13px;
    }
    .campus-life-mobile {
      position: relative;
      bottom: 48px;
      left: 3%;
    }
    div.carousel-caption {
      width:54%;
    }
    div.item > img {
      width: 178px;
    }
  
    div.span4.campus-life-mobile > h4 {
      position: relative;
      left: 15%;
      top: 28px;
    }
   
    div.navbar-inner > strong {
      color: #fff;
      font-size: 150%;
      position:relative;
      top: 10px;
      left: 4%;
    }
    div.campus-life-underline {
      border-bottom: solid 1px #000;
      width: 203px;
      border-bottom-style: dotted;
    }
    footer > div.inner_wrapper > div.row-fluid > div.span3.stay-connected-mobile{
      position: relative;
      bottom: 47px;
      right:260px;
    }
    div.navbar-inner {
      -webkit-border-radius: 7px;
      -moz-border-radius: 7px;
      border-radius: 7px;
      width: 435px;
      position: relative;
      left: 5px;
      height:40px;
    }
    button.btn.btn-navbar {
      position: relative;
      bottom: 19px;
    }
    button.btn.btn-navbar {
      position: relative;
      bottom: 27px;
      left: 25px;
      border-left: 2px solid #fff;
    }
    .logoT-mobile {
      background-image: url('../images/now-more-than-ever.png');
      background-repeat:no-repeat;
      width: 122px;
      height: 121px;
      position: relative;
      left: 70%;
    }
    div.why-choose > a > img {
      position: relative;
      left: 88px;
    }

}
/* end responsive styleing */





/*************************************************************************************************************************

                                                      start "how to start at oc"

*************************************************************************************************************************/

div.how-to-start-header > h3 {
  text-transform: uppercase;
}
div.how-to-start-wrapper > div.span9 {
  position: relative;
left: 10px;
}
div.start-in-highschool-overlay {
  z-index: 9999;
width: 200px;
background: rgba(119, 30, 189, 0.7);
position: relative;
top: 63px;
}
div.start-when-graduate-overlay {
z-index: 9999;
width: 238px;
background: rgba(119, 30, 189, 0.7);
position: relative;
top: 42px;
left: 200px;
}
div.go-to-college-while-work-overlay {
z-index: 9999;
width: 300px;
background: rgba(119, 30, 189, 0.7);
position: relative;
left: 438px;
top: 21px;
}

div.start-when-graduate-overlay > a, div.start-in-highschool-overlay > a, div.go-to-college-while-work-overlay > a {
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
}

div.start-in-highschool-overlay > a {
left: 4%;
position: relative;
}

div.how-to-start-banner {
  position: relative;
bottom: 70px;
}

div.banner-overlays {
  min-height: 136px;
min-width: 738px;
max-width: 738px;
max-height: 136px;
}
div.how-to-start-breadcrumb {
  position: relative;
  top: 65px;
}
div.how-to-start-para2 {
  position: relative;
bottom: 360px;
left: 108%;
}
div.how-to-start-wrapper > div.span9 > div.span5 {
  height:340px;
}
.college-now {
  position: relative;
  bottom: 144px;
  width: 200px;
  left: 4%;
}
.wrangler {
  position: relative;
bottom: 314px;
}
.fast-links {
  position: relative;
top: 123px;
}
.fast-links-underline {
  position: relative;
bottom: 166px;
left: 15%;
border-bottom: 1px solid #050505;
width: 112px;
border-bottom-style: dotted;
}
div.ask-quetion > textarea {
  width: 110px;
position: relative;
left: 9%;
top: 12px;
font-size: 12px;
}
div.span9 > div.ask-quetion {
  background-color: #fff;
width: 160px;
position: relative;
left: 52%;
height: 175px;
-webkit-border-top-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft: 10px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
top: 165px;
}

div.ask-quetion > a {
  position: relative;
  left:50%;
  top: 9px;
  font-weight: bold;
}
div.ask-question-text {
  text-align: center;
  border-bottom: 1px solid #000;
  border-bottom-style: dotted;
  width:95%;
  font-weight: bold;
}

a.btn.btn-header.btn-small {
  position: relative;
bottom: 13px;
left: 2%;
}
div.fast-link-links {
  position: relative;
bottom: 162px;
width: 112px;
text-align: center;
}
div.link1, div.link2 {
  padding-bottom: 5px;
}
div.live-chat {
  position: relative;
top: 169px;
left: 61%;
}
div.life-chat-text {
  position: relative;
left: 26%;
bottom: 10px;
color: #fff;
font-weight: bold;
}

ul.nav.nav-list > li > ul > li > a {
  font-size: 11px;
  color: #fff;
  ;
}
ul.nav.nav-list > li > ul {
  list-style-type: none;
}