/*--- base styles override ---*/
ul {
  list-style: circle;
  list-style-type: circle;
  margin: 0;
  padding: 0;
  padding-left: 2px;
}

a {
  color: #0088CC;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

.button{

background: url("images/morearrow.gif") no-repeat 100% 50%;
background-position:100% 60%;
padding-right: 10px;
white-space: nowrap;
zoom: 1; 
color: #08c;


}

dd {
  border-bottom: 1px solid #cde3f1;
}
hr {
  background: #cde3f1;
  color: #cde3f1;
}

/*--- layout ---*/
.page {
  margin: 0 auto;
  width: 980px;
}
.toppanel-container {
  display: none;
  padding-top: 10px;
}

/* header */
.header {
  height: 120px;
  padding-bottom: 2px;
}
.top {
  height: 30px;
  padding-top: 6px;
}
.skip-nav {
  float: left;
  height: 15px;
}
.secondary-nav {
  float: right;
}
.toppanel-tab {
  float: right;
  height: 30px;
  position: relative;
  top: -6px;
  width: 200px;
}
.tab-text {
  display: block;
  margin: 0 10px;
  padding: 6px 0;
  width: 180px;
}


/**************** Logo *********************/
.logo {
  display: block;
  float: left;
  height: 70px;
  padding-top: 50px;
  width: 380px;
  background: url("images/logo.png") no-repeat;
}
.logo span{
display: none;

}
#magicsolver-logo {

display:block;
height:120px;
text-indent:-9999px;
margin-top:-50px;
width:200px;
}

.slogan {
  height: 20px;
  display: none;
}
/**************** END Logo *********************/

.header-right {
  float: right;
  height: 90px;
  padding-top: 23px;
  position: relative;
  width: 600px;
}
.header-content {
}
.primary-nav {
  bottom: 0;
  position: absolute;
  right: 0;

}

/* subheader */
.subheader {
  height: 30px;
  padding: 15px 10px 30px;
}
.mission {
  float: left;
}
.breadcrumb {
  float: left;
  padding: 4px 0;
}
UL.tabNavigation LI {
   display: inline;
  
}

/* content area including sidebar */
.content-area {
  clear: both;
  margin-top: 15px;
}

.promo-top-3cols,
.promo-center-2cols {
  padding-bottom: 1em;
  padding-top: 0.2em;
}
.promo-bottom {
  padding-bottom: 20px;
}
.promo-top-left,
.promo-top-center,
.promo-top-right {
  float: left;
  padding: 10px;
  width: 300px;
}
.promo-top-left,
.promo-top-center {
  margin-right: 10px;
}
.promo-center-left {
  float: left;
  width: 470px;
  
}
.promo-center-left img {


}
.promo-center-left-about {
  float: left;
  width: 470px;
}
.promo-center-left-about{
 text-align: center;
}
.promo-center-right {
  float: right;
  width: 470px;
}
.promo-center-right2 {
 float: left;
 width: 510px;

}

.promo-center-right-jobs {
 float: left;
 width: 470px;
 padding-left: 40px;

}

.promo-center-right-about {
  float: left;
  width: 500px;
 }
.promo-center-right-about .content {
	padding-left: 60px;

} 
.promo-center-right-about {
	text-align: center;

} 

.main-wrapper {
  padding-bottom: 0px;
}
.main {
  float: left;
  margin: 0;
  width: 680px;
}
.main-content {
  margin: 0;
  padding: 0 20px 0 0;
}
.content-top,
.content-top-2cols,
.content-bottom-2cols,
.content-bottom,
.node-top,
.node-bottom {
  padding-bottom: 15px;
}
.content-top-left,
.content-bottom-left {
  float: left;
  width: 49%;
}
.content-top-right,
.content-bottom-right {
  float: right;
  width: 49%;
}

/*--------- Footer Panels---------*/

.footer {
  background: url(images/background.gif) repeat left top;
}
.footer-left {
  float: left;
  padding: 10px 20px 10px 10px;
  width: 250px;
}
.footer-left img{
padding-left: 1em;

}
.footer-center {
  float: left;
  padding: 10px 20px 10px 10px;
  width: 290px;
}
.footer-center img {
	padding-bottom: 7px;
	/*padding-left: 6em;*/
}

.footer-right {
  float: right;
  padding: 10px 10px 10px 10px;
  width: 340px;
}
.footer-right img{

  padding-left: 5em;
}

.footer-left,
.footer-center {
  margin-right: 10px;
  background: transparent url(images/vert-divider.png) no-repeat right top;
}

.footer-content {
  color: #999;
  padding: 1em 0;
}
.footer-content a {
  color: #05a8e5;
}
.footer li a.active {
  color: #f6e4a5;
  font-weight: bold;
}

.footer-content .footer-right {
  text-align: left;
}
.footer-content .phone {
  color: #fff;
  font-family: Arial Black, Tahoma, Arial, sans-serif;
  font-size: 2em;
  font-weight: bolder;
}
.footer-content .address {
  color: #fff;
  font-weight: bold;
  padding-bottom: 3em;
}

.footer-content .email{
 color: #fff;
 font-weight: bold;
 /*padding-left: 3em;*/
}

.footer-content p {
  padding: 0 1em;
}

.footer-content .leftpane {
  float: left;
  margin-right: 10px;
  padding-left: 10px;
  width: 130px;
}
.footer-content .rightpane {
  float: left;
  padding-left: 10px;
  width: 130px;
}
.footer-content h2 {
 padding-left: 60px;
 padding-bottom: 10px;
}

.footer-content .footer-center h2 {
  padding-left: 0;
}

.footer-content .footer-center .heading {
  text-align: center;
}

/*--- Logo and Slogan---*/
.wrapper {
/*  border-top: 6px solid #27333a;*/
  border-bottom: 6px solid #161616;
}

.logo h1 {
  margin: 0;
}
.slogan {
  font-size: 1.3em;
  font-style: italic;
  line-height: 1em;
  padding-left: 6px;
}

/* secondary links */
.secondary-nav li {
  display: inline;
}
.secondary-nav li a {
  color: #666;
  padding: 0 0 0 1em;
}

/* tab panel */
.toppanel-container {
  background: #27333a;
}
.toppanel {
  color: #ccc;
}
.toppanel-tab {
  background: transparent url(images/panel-tab.gif) no-repeat top left;
  color: #ccc;
  cursor: pointer;
  text-align: center;
  white-space: nowrap;
}
.toppanel-content {
  background: #27333a;
  padding: 1em 0;
}
.close-container {
  padding: 5px 0;
}
.close-button {
  cursor: pointer;
  float: right;
}

.toppanel-left {
  float: left;
  width: 48%;
  padding-right: 2%;
  margin-right: 2%;
  background: transparent url(images/vert-divider.png) no-repeat right top;
}
.toppanel-right {
  float: right;
  width: 48%;
}

/* featured */
.featured {
 
  height: 230px;
  padding-top: 1.5em;
  padding-bottom: 2em;
  padding-left: 5em;
}
.featuredApps, .featuredServices{
	height: 446px;
	padding-top: 2em;
}

.featuredAboutus{
	height: 350px;
	margin-top: 1em;
}

.featuredSingleApp{
  height: 50px;
  padding-top: 2em;
   background: transparent url(images/hoz-divider.png) no-repeat center bottom;
  padding: 1em 10px 1.5em;
}

/* About us images */
.imagesAboutus{
	padding-left: 1em;
	margin-right: -10em;
}
.imagesAboutus .left{
float: inherit;
padding: 10px 20px 10px 10px;

}
.imagesAboutus .right{
	float: none;
	padding-left: 45em;
	margin-top: -280px;
	
}

/* About us images END*/


/* subheader */
.divider {
  background: transparent url(images/hoz-divider.png) no-repeat center center;
  height: 12px;
}

.subheader {
  background: transparent url(images/hoz-divider.png) no-repeat center bottom;
  padding: 1em 10px 1.5em;
}
.mission {
  color: #999;
  font-size: 1.4em;
  font-style: italic;
}

/* content */
.promo-top-content .heading {
  padding-bottom: 1em;
}
.promo-top-content img.left {
  margin: .725em 1em 0 0;
}
.promo-center-content .block h2 {
  font-size: 1.4em;
  font-weight: bold;
  color: #000;
}
.promo-center-left-content a {
  text-decoration: none;
}

/* image_assist */
span.inline-left {
  float: none;
}
/****************************************************************************/

/*--- block ---*/
.toppanel .block,
.left-sidebar .block,
.right-sidebar .block {
  border-bottom: 1px dotted #ccc;
  margin-bottom: 1em;
  padding-bottom: 1em;
}
.toppanel .block {
  border-bottom: 1px dotted #333;
}
.block h1,
.block h2,
.block h3,
.block h4,
.block h5,
.block h6 {
  color: #999;
}
.block h2 {
  font-size: 1.4em;
}
.footer-content h2 {
  color: #fff;
  font-size: 1.4em;
  font-weight: bold;
}

/*--- defaults override ---*/
li a.active {
  color: #000;
}

/* tabs local task */
ul.primary {
  border-bottom: 1px solid #cde3f1;
  padding: 0 0 6px 0;
  margin: 0;
}
ul.primary li {
  display: inline;
  list-style: none;
}
ul.primary li a {
  background: none;
  border: none;
  color: #666;
  padding: 2px .5em;
  margin-right: 0.5em;
  text-decoration: none;
}
ul.primary li.active a,
ul.primary li a:hover {
  background: none;
  border: none;
  border-bottom: 4px solid #cde3f1;
  color: #333;
}
ul.primary + div,
ul.primary + form {
  margin-top: 1em;
}

ul.secondary {
  border-bottom: 1px solid #cde3f1;
  margin: 0;
  padding: 4px 0 4px 1em;
}
ul.secondary:before {
  content: '\0BB';
}
ul.secondary li {
  border: none;
  display: inline;
  list-style: none;
  padding: 4px 0;
}
ul.secondary li a {
  background: none;
  border: none;
  color: #666;
  padding: 2px .5em;
  margin-right: 0.5em;
}
ul.secondary li.active a,
ul.secondary li a:hover {
  background: none;
  border: none;
  border-bottom: 4px solid #cde3f1;
  color: #333;
}
ul.secondary + div,
ul.secondary + form {
  margin-top: 1em;
}

/* menu icons */
.item-list ul li {
  list-style: url(images/menu-leaf.gif);
  margin: 0 0 .25em .5em;
}
li.expanded {
  list-style-image: url(images/menu-expanded.gif);
}
li.collapsed {
  list-style-image: url(images/menu-collapsed.gif); /* LTR */
}
li.leaf {
  list-style-image: url(images/menu-leaf.gif);
}

/* fieldset icons */
html.js fieldset.collapsible legend a {
  background-image: url(images/menu-expanded.gif);
}
html.js fieldset.collapsed legend a {
  background-image: url(images/menu-collapsed.gif);
}

div.more {
  background: transparent url(icons/arrow.png) no-repeat left center;
  padding: 0 0 0 26px;
}