body {
	color: #211b15;
	margin: 10px 0 0 0;
	background-attachment: scroll;
	background-color: #262626;
	background-image: url(../images/background.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0;
	font-family: "“Myriad Pro”", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Tahoma, sans-serif;
	font-size: 14px;
}
#container {
	width: 950px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
}
h1,h2,h3,h4,h5 {
	/*font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, sans-serif;*/
	font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
	font-weight: 300;
	font-size: 30px;
}
a {
	color: #09C;
	text-decoration: none;
}

a:hover {
	color: #e46d35;
	text-decoration: none;
}
a.button {
	display: block;
	text-align: left;
	text-indent: -9999px;
}
/* begin header stuff*/ 
a#logo {
	height: 125px;
	width: 125px;
	background-image: url(../images/logo.png);
	position: absolute;
}

div.header {
	height: 88px;
	z-index: 20;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
div.header {
	margin: 0;
	width: 950px;
}
div.header div.login a {
	float: right;
	height: 58px;
	opacity: 1;
	background-image: url(../images/getstartednow.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

div.header div.login a.login {
	background-position: 0px 0;
	margin-left: 24px;
	width: 175px;
}

div.header div.login a:hover {
	opacity: .7;
}
ul.tabs {
	list-style: none;
	margin: 0;
}

ul.tabs a {
	float: left;
	outline: none;
	text-indent: -9999px;
}

div.header ul.tabs {
	height: 26px;
	position: relative;
	top: 60px;
	width: 633px;
	left: 345px;
}

div.header ul.tabs a {
	background: url(../images/navigation.png) 0 0 no-repeat;
	height: 25px;
	margin-left: 36px;
	opacity: 0.6;
}

div.header ul.tabs a:hover {
	opacity: 1.0;
}

div.header ul.tabs #current {
	opacity: 1.0;
}

div.header ul.tabs a#tab-solutions {
	margin: 0;
	width: 101px;
}
div.header ul.tabs a#tab-solutions_current {
	margin: 0;
	width: 101px;
	opacity: 1;
}

div.header ul.tabs a#tab-why {
	background-position: -137px 0;
	width: 83px;
}

div.header ul.tabs a#tab-why_current {
	background-position: -137px 0;
	width: 83px;
	opacity: 1;
}

div.header ul.tabs a#tab-work {
	background-position: -257px 0;
	width: 99px;
}

div.header ul.tabs a#tab-work_current {
	background-position: -257px 0;
	width: 99px;
	opacity: 1;
}

div.header ul.tabs a#tab-blog {
	background-position: -404px 0;
	width: 47px;
}

div.header ul.tabs a#tab-blog_current {
	background-position: -404px 0;
	width: 47px;
	opacity: 1;
}

div.header ul.tabs a#tab-about {
	background-position: -504px 0;
	width: 95px;
}

div.header ul.tabs a#tab-about_current {
	background-position: -504px 0;
	width: 95px;
	opacity: 1;
}

/* end header stuff*/

/* begin contentcell stuff*/
#content_cell {
	padding-top: 20px;
}
#content_cell .tagline {
	background-position: 50%;
}

/* begin ROTATOR stuff*/

/* Rotator Styles */
#wrapper {
	width:950px;
	margin:0 auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #92a5bc;
}

#wrapper_noline {
	width:950px;
	margin:0 auto;
}

#wrapper_withcontent {
	width:850px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-left: 30px;
	line-height: 1.4em;
}

#backbutton {
	padding-top: 19px;
	padding-left: 50px;
}

#backbuttonx {
	padding-top: 0px;
	padding-left: 50px;
}

#backbuttonm {
	padding-top: 88px;
	padding-left: 50px;
}

#extrabutton {
	padding-top: 200px;
	padding-left: 160px;
}

#xbutton {
	padding-top: 220px;
	padding-left: 110px;
}

#mobilebutton {
	padding-top: 130px;
	padding-left: 700px;
}

#rotator {
	color:#000;
	position:relative;
	padding-bottom:2.6em;
	margin:0;
	font-size:16px;
	background-color: #FFF;
	background-image: url(../images/rotatorbg.jpg);
	background-repeat: no-repeat;
	background-position: 50%;
	padding-top: 10px;
}

#rotator_immersive {
	color:#000;
	margin:0;
	font-size:16px;
	background-color: #FFF;
	background-image: url(../images/immersive_header.jpg);
	background-repeat: no-repeat;
	background-position: 50%;
	height: 316px;
}

#rotator_xlearning {
	color:#000;
	margin:0;
	font-size:16px;
	background-color: #FFF;
	background-image: url(../images/x-learning_header.jpg);
	background-repeat: no-repeat;
	background-position: 50%;
	height: 316px;
}

#rotator_mobile {
	color:#000;
	margin:0;
	font-size:16px;
	background-color: #FFF;
	background-image: url(../images/mobileheader.jpg);
	background-repeat: no-repeat;
	background-position: 50%;
	height: 316px;
}

/* Tabs */
ul.ui-tabs-nav, li.ui-tabs-nav-item, li.ui-tabs-nav-item a:link, li.ui-tabs-nav-item a:visited {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	line-height:1.3;
	text-decoration:none;
	font-size:100%;
	list-style:none;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
}

ul.ui-tabs-nav {
	position:absolute;
	bottom:0px;
	left:0;
	z-index:1;
	width:100%;
	/*background:#FFF url(../images/uitabsbg.gif) repeat-x bottom right;*/
	border-top:1px solid #FFF;
	
	background: #5C5C5C;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#5C5C5C), to(#000000));
background: -moz-linear-gradient(#5C5C5C, #000000);
background: linear-gradient(#5C5C5C, #000000);
-pie-background: linear-gradient(#5C5C5C, #000000);
behavior: url(/PIE.htc);
}

/* Non-Selected Tabs - waiting to be turned on*/
li.ui-tabs-nav-item a:link,
li.ui-tabs-nav-item a:visited {
	font-size:0.8em;
	font-weight:normal;
	color:#006;
	/*background:#FFF url(../images/uitabsbg.gif) repeat-x bottom left;*/ 
	border-left:1px solid #FFF;
	border-right:1px solid #c5ced9;
	background: #FFAA29;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFAA29), to(#B76106));
background: -moz-linear-gradient(#FFAA29, #B76106);
background: linear-gradient(#FFAA29, #B76106);
-pie-background: linear-gradient(#FFAA29, #B76106);
	behavior: url(/PIE.htc);
}

/* Hovered Tab - the one hovered over*/
#rotator .ui-tabs-nav-item a:hover,
#rotator .ui-tabs-nav-item a:active {
	/*background:#FFF url(../images/uiactivetabbg.gif) repeat-x bottom left;*/
	color:#333;
	
	background: #7BA3CA;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#5E95CA), to(#7BA3CA));
background: -moz-linear-gradient(#5E95CA, #7BA3CA);
background: linear-gradient(#5E95CA, #7BA3CA);
-pie-background: linear-gradient(#5E95CA, #7BA3CA);
behavior: url(/PIE.htc);
}

#rotator .ui-tabs-nav-item a span {
	float:left; 
	padding:1em; 
	cursor:pointer;
}

/* Active Tab  - the one turned on*/
#rotator .ui-tabs-selected a:link,
#rotator .ui-tabs-selected a:visited,
#rotator .ui-tabs-selected a:hover,
#rotator .ui-tabs-selected a:active {
	/*background:#fff url(../images/uiactivetabbg.gif) repeat-x bottom left;*/
	color:#FFF;
	background: #7BA3CA;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#5E95CA), to(#7BA3CA));
background: -moz-linear-gradient(#5E95CA, #7BA3CA);
background: linear-gradient(#5E95CA, #7BA3CA);
-pie-background: linear-gradient(#5E95CA, #7BA3CA);
	-pie-background: linear-gradient(#C9F5FC, #0DA6AB);
	behavior: url(/PIE.htc);
	box-shadow:0px -5px 20px #29CBFF;
	-webkit-box-shadow:0px -5px 20px #29CBFF;
	-moz-box-shadow: 0px -5px 20px #29CBFF;
}

/* Content Panels */
#rotator .ui-tabs-panel {
	font-family:Arial, Helvetica, sans-serif;
	clear:left;
	color:#000;
	height:260px;
	font-size: 14px;
	padding-right: 540px;
	padding-bottom: 30px;
	padding-left: 40px;
	padding-top: 10px;
}

#rotator .ui-tabs-hide {
	display:none;
}

#rotator h2 {
	color:#2B6094;
	font-weight:normal;
	margin:0;
	font-size:2.4em;
	line-height:1.2em;
}

#rotator p {
	font-size:1.1em;
	margin:.5em 0;
	color:#333;
	line-height: 1.4em;
}

#rotator .btn_get_started {
	float:left;
	height:30px;
	width:99px;
	text-indent:-9999em;
	margin-right:7px;
	overflow:hidden;
	background:transparent url(../images/getstarted.gif) no-repeat;
	padding-top: 50px;
}

#rotator .btn_learn_more {
	float:left;
	height:26px;
	font-size:.9em;
}
#rotatorlink {
	width:374px; /*this width will be equal to the background image width*/
	height:208px;
	position: absolute;
	left: 454px;
	top: 54px;
} 
#rotatorlink a,
#rotatorlink a:link,
#rotatorlink a:visited,
#rotatorlink a:hover,
#rotatorlink a:active {
	width:100%;
	height:100%;
	display:block;
	text-decoration: none;
}  

/* Background Images */
#rotator #fragment-1 {
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url(../images/naturalbg.png);
}
#rotator #whyfragment-1 {
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url(../images/jackbg.png);
}

#rotator #fragment-2 {
	background-color: transparent;
	background-image: url(../images/demovidbg.png);
	background-repeat: no-repeat;
	background-position: right top;
}
#rotator #whyfragment-2 {
	background-color: transparent;
	background-image: url(../images/chrisbg.png);
	background-repeat: no-repeat;
	background-position: right top;
}

#rotator #fragment-3 {
	background-color: transparent;
	background-image: url(../images/mobilebg1.png);
	background-repeat: no-repeat;
	background-position: right top;
}
#rotator #whyfragment-3 {
	background-color: transparent;
	background-image: url(../images/blended.png);
	background-repeat: no-repeat;
	background-position: right top;
}

#rotator #fragment-4 {
	background-color: transparent;
	background-image: url(../images/slmsbg.png);
	background-repeat: no-repeat;
	background-position: right top;
}
#rotator #fragment-5 {
	background-color: transparent;
	background-image: url(../images/slmsbg.png);
	background-repeat: no-repeat;
	background-position: right top;
}
/* Options stuff */

div#options-pane {
	height: 225px;
	background-color: #fbfbfb;
	background-repeat: repeat-x;
	background-position: 0;
	padding-left: 40px;
}

div#options-pane a {
	display: block;
	float: left;
	height: 118px;
	margin: 0 14px 0 14px;
	width: 189px;
	text-indent: -9999px;
	background-image: url(../images/option_bugs.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

div#options-pane a.debt {
	background-position: 0 -140px;
}

div#options-pane a.budget {
	background-position: 0 -280px;
}

div#options-pane a.student {
	background-position: 0 -420px;
	margin-right: 0;
}
#bottomstuff_container {
	background-color: #FFFFFF;	
}
#bottomstuff {
	width: 842px;
	padding-left: 54px;
}

#bottomstuff img {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
}

/* end Options stuff */

/* begin bugs stuff */
#sidebar1 {
	float: left; /* this element must precede in the source order any element you would like it be positioned next to */
	width: 30%;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
	margin-right: 22px;
}
#sidebar2 {
	float: right; /* this element must precede in the source order any element you would like it be positioned next to */
	width: 33%; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0; /* top and bottom padding create visual space within this div */
	background-color: #FFFFFF;
}
/* Tips for mainContent:
1. the space between the mainContent and sidebars is created with the left and right margins on the mainContent div.
2. to avoid float drop at a supported minimum 800 x 600 resolution, elements within the mainContent div should be 300px or smaller (this includes images).
3. in the Internet Explorer Conditional Comment below, the zoom property is used to give the mainContent "hasLayout." This avoids several IE-specific bugs.
*/
#mainContent {
	margin-top: 0;
	margin-right: 24%;
	margin-bottom: 0;
	margin-left: 25%;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain its child floats */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* begin widget stuff */
.widget{display:block}
.widget *{
	display:block;
	height:1px;
	overflow:hidden;
	font-size:.01em
}
.widget1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f3f0f0;
  border-right:1px solid #f3f0f0;
}
.widget2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #faf3ea;
  border-right:1px solid #faf3ea;
}
.widget3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #ececf6;
  border-right:1px solid #ececf6;}
.widget4{
  border-left:1px solid #f3f0f0;
  border-right:1px solid #f3f0f0}
.widget5{
  border-left:1px solid #ededf5;
  border-right:1px solid #ededf5}
.widgetfg{
	background:#E9EBFA;
	font-size: 80%;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 10px;
}


#organizations {
	padding-top: 20px;
	padding-bottom: 60px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #B4E4E4;
	margin-top: 20px;
	padding-left: 20px;
}

#footer {
	background-color: #FFFFFF;
	padding-top: 3;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 16px;
	color: #999999;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #A6C9F3;
	font-size: 12px;
} 
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
#footer .phone {
	padding-left: 560px;
	font-style: normal;
	margin-top: -15px;
	float: right;
}