/* @override 
	http://magnolia/css/screen.css
*/

/* @group global */

html {
	background: #b2cce3;
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size: 62.5%;
	text-align: center;
	color: #666;
}

.wrap {
	width: 980px;
	margin: auto;
}

.container_12 {
	text-align: left;
	margin: auto;
	width: 980px;
	background: url(../images/bg.gif) repeat-y center;
	float: left;
}

.grid_12 {
	position: relative;
}

div.hr {
	margin: 40px 0 0 10px;
	height: 46px;
	background: url(../images/hr.gif) no-repeat center top;
	clear: both;
	border-top: 1px solid #ccc;
}

div.hr hr {
	display: none;
}

p a, ul.highlighted-list li a {
	text-decoration: none;
	color: #d061a7;
	border-bottom: 1px solid;
}

p a:hover, p a:focus, ul.highlighted-list li a:hover, ul.highlighted-list li a:focus {
	color: #d03e9a;
}

p a:active, ul.highlighted-list li a:active {
	color: #d00083;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

/* @end */

/* @group header */

.header {
	background: #4884b6 url(../images/header-bg.gif) repeat-x bottom;
	height: 80px;
	position: relative;
	border-bottom: 1px solid #f6fafe;
	z-index: 100;
	width: 960px;
	margin: 0 10px;
	float: left;
}

.header h1 a {
	text-indent: -999em;
	display: block;
	background: url(../images/mag-logo.png) no-repeat left top;
	width: 341px;
	height: 178px;
	position: absolute;
	left: -20px;
	top: -18px;
}

.header ul {
	position: absolute;
	right: 10px;
	bottom: 0;
}

.header li {
	float: left;
}

.header li a {
	width: 120px;
	height: 78px;
	text-indent: -999em;
	display: block;
	float: left;
	background-position: 0 -156px;
	background-repeat: no-repeat;
	position: relative;
	overflow: hidden;
}

a#home { background-image: url(../images/home.png); }
a#services { background-image: url(../images/services.png); }
a#portfolio { background-image: url(../images/portfolio.png); }
a#about { background-image: url(../images/about.png); }
a#contact { background-image: url(../images/contact.png); }

.header li a:hover, .header li a:focus {
	background-position: 0 -78px;
}

.header li a.selected, .header li a.selected:hover {
	background-position: 0 0;
	bottom: -1px;
}

img.call-us {
	position: absolute;
	right: 65px;
	z-index: 10;
	top: 43px;
}

.sidebar img.call-us {
	
}

/* @end */

/* @group homepage */

.homepage {
	position: relative;
}

h2#home {
	width: 960px;
	height: 585px;
	background: url(../images/apps-new.jpg) no-repeat;
	margin: auto;
	float: left;
}

/* @end */

/* @group content */

.content {
	float: left;
	width: 960px;
	margin: 0 10px;
	background: #fff url(../images/doc-top.gif) repeat-x top;
	position: relative;
}

.content .grid_8 {
	position: relative;
	padding-bottom: 30px;
}

.content p {
	font-size: 1.3em;
	line-height: 1.8;
	margin: 0 0 1em 20px;
	padding-right: 10px;
}

.services p {
	padding-right: 50px;
}

.content h2 {
	text-indent: -999em;
	width: 610px;
	height: 65px;
	margin: 50px 0 20px 5px;
}

.content h3 {
	color: #d061a7;
	font-size: 1.8em;
	font-weight: bold;
	margin: 10px 0 0 20px;
}

ul.highlighted-list {
	background: #e0eefc;
	border: 1px solid #86c2f8;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size: 1.3em;
	margin: 0 0 20px 20px;
	padding: 5px 0 10px 0;
}

ul.highlighted-list li {
	padding: 10px 10px 5px 20px;
}

.industry ul.highlighted-list {
	margin-left: 175px;
}

img#smartphones {
	position: absolute;
	right: -38px;
	top: 10px;
	z-index: 100;
}

h2#portfolio-header { background: url(../images/headers/portfolio.png) no-repeat left top; }
h2#services-header { background: url(../images/headers/services.png) no-repeat left top; }
h2#about-header { background: url(../images/headers/about.png) no-repeat left top; }
h2#contact-header { background: url(../images/headers/contact.png) no-repeat left top; }
h2#contact-lbs {width:980px; background: url(../images/headers/lbs.png) no-repeat left top; }
h2#thanks-header { background: url(../images/headers/thanks.png) no-repeat left top; height: 113px; }

/* @end */

/* @group sub-section */

.sub-section {
	background: #fefefe url(../images/sub-shadow.gif) no-repeat top center;
	border-top: 1px solid #ccc;
	font-size: .9em;
	margin-top: 20px;
}

.sub-section .grid_4 {
	height: 50em;
}

.about .grid_4 {
	height: 70em;
}

.sub-section h3 {
	font-size: 1.6em;
	padding: 0 0 0 40px;
	margin: 1.5em 0 10px 20px;
}

.sub-section p {
	padding-right: 20px;
	margin-left: 20px;
	line-height: 1.6;
}

#analytics h3 {
	background: url(../images/analytics.png) no-repeat left top;
}

#genius {
	border-left: 1px solid #ccc;
	margin-left: 9px;
}

#genius h3 {
	background: url(../images/support.png) no-repeat left top;
	padding: 10px 0 8px 40px;
}

#strategic {
	margin-left: 9px;
}

#strategic h3 {
	background: url(../images/strategic.png) no-repeat left top;
	padding: 10px 0 8px 40px;
}

#genius {
	border-left: 1px dotted #ccc;
	margin-left: 9px;
}

#genius h3 {
	background: url(../images/support.png) no-repeat left top;
	padding: 10px 0 8px 40px;
}

#analytics {
	border-left: 1px dotted #ccc;
	margin-left: 9px;
}

#analytics h3 {
	background: url(../images/analytics.png) no-repeat left top;
	padding: 10px 0 8px 40px;
}

.sub-section h3 {
	color: #4884b6;
}

.about h3 {
	color: #d061a7;
	padding-left: 0;
}

/* @end */

/* @group about */

.map {
	background: url(../images/map-bg.jpg) no-repeat left bottom;
	border-left: 1px dotted #ccc;
	margin-left: 9px;
}

.palm img {
	margin: 40px 0 0 30px;
}

.industry p, .industry h3 {
	margin-left: 170px;
}

.industry h3 {
	margin-bottom: 10px;
}

.industry img {
	margin-left: -10px;
	float: left;
	position: relative;
}

/* @end */

/* @group sidebar */

.sidebar {
	background: url(../images/sidebar-bg.gif) no-repeat left top;
	padding-top: 135px;
	position: relative;
}

.sidebar h3 {
	color: #4884b6;
	font-size: 1.8em;
	font-weight: bold;
	margin: 0px 10px 0 20px;
}

.sidebar h4 {
	font-size: 1.2em;
	line-height: 1.5;
	margin: 0 0 0 20px;
	color: #87a1b6;
	padding-right: 10px;
}

.sidebar ul {
	margin-left: 20px;
}

.sidebar li {
	border-top: 1px dotted #a0bfd9;
	background: url(../images/bullet.png) no-repeat left 10px;
	font-size: 1.2em;
	line-height: 1.5;
	margin: 5px 11px 5px 0;
	padding: 10px 10px 10px 28px;
}

.contact h3 {
	color: #d061a7;
	border-bottom: 1px dotted #e7b0d3;
	margin-top: 30px;
	margin-right: 11px;
}

.sidebar p {
	font-size: 1.2em;
	line-height: 1.5;
	margin: 0 0 0 20px;
}

.contact p {
	margin-top: 10px;
}

.contact a {
	background: url(../images/contact-icon.png) no-repeat left bottom;
	font-weight: bold;
	padding-left: 40px;
	border: none;
	display: block;
	height: 25px;
	margin: 10px 0 0 0;
}

a#bballiance {
	float: left;
	margin: 30px 0 0 20px;
}

/* @end */

/* @group portfolio */

.product {
	padding-bottom: 30px;
}

.product img {
	padding: 0 10px;
	float: left;
}

.product h3 {
	font-size: 2.1em;
	margin: 0;
}

.product h4 {
	font-size: .9em;
	color: #6aa9df;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 8px 0;
}

.product ul {
	background: #e0eefc;
	border: 1px solid #86c2f8;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	float: left;
	width: 170px;
}

.product li {
	float: left;
}

.product li a {
	display: block;
	width: 50px;
	height: 50px;
	text-indent: -999em;
}

li.iphone a { background: url(../images/iphone-icon.gif) no-repeat center; }

li.ipad a { background: url(../images/ipad-icon.gif) no-repeat center; }

li.web a { background: url(../images/web-icon.gif) no-repeat center; }

li.mweb a { background: url(../images/mweb-icon.gif) no-repeat center; }

li.android a { background: url(../images/android-icon.gif) no-repeat center; }

li.blackberry a { background: url(../images/blackberry-icon.gif) no-repeat center; }

.product-info p {
	font-size: 1.3em;
	line-height: 1.6;
	margin: 0 0 10px 0;
	padding: 0 10px 1px 10px;
	border-left: 1px dotted #ccc;
}

/* @end */

/* @group contact */

img#contact {
	position: absolute;
	left: -10px;
	bottom: 0;
	z-index: 1;
}

.contact form {
	position: relative;
	z-index: 2;
}

label {
	font-size: 1.3em;
	font-weight: bold;
	margin: 8px 0 10px 20px;
	display: block;
	color: #4884b6;
	position: relative;
	text-align: right;
}

.sidebar label {
	font-size: 1.2em;
	text-align: left;
	margin-bottom: 3px;
}

span.req {
	font-weight: normal;
	color: #990000;
	font-size: .8em;
	position: absolute;
	left: -5px;
	top: 0;
}

input.text {
	display: block;
	width: 348px;
	padding: 4px;
	margin: 4px 20px 15px 0;
	font-size: 1.3em;
	border: 2px solid #cfe7fc;
	background: url(../images/white-bg.png) repeat;
}

.sidebar #name-label {
	margin-top: 84px;
}

.sidebar input {
	width: 262px;
	margin: 0 0 10px 20px;
}

input:focus {
	border: 2px solid #d061a7;
	outline: none;
}

textarea {
	width: 348px !important;
	border: 2px solid #cfe7fc;
	padding: 4px;
	font-size: 1.3em;
	background: url(../images/white-bg.png) repeat;
	overflow: auto;
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
}

.sidebar textarea {
	width: 262px !important;
	margin-left: 20px;
}

textarea:focus {
	outline: none;
	border: 2px solid #d061a7;
}

.example {
	font-style: italic;
	margin: -10px 0 20px 0;
}

.sidebar .example {
	margin-left: 20px;
}

.button {
	height: 36px;
	text-transform: none;
	color: #fff;
	font-weight: bold;
	font-size: 1.4em;
	width: 265px;
	background: url(../images/ppc/265-pink-button.gif);
	background-position: 0 -72px;
	border: none;
	display: block;
	text-align: center;
	cursor: pointer;
}

.ppc-contact .button {
	margin: 8px 0 0 12px;
	clear: both;	
}

.sidebar .button, .grid_8 .button {
	padding: 9px 0 0 0;
	height: 27px;
	margin: 15px 0 0 20px;
	text-decoration: none;
}

.contact .button {
	float: right;
	margin: 10px 10px 20px 0;
	height: 36px;
	padding: 0;
}

.button:hover, .button:focus {
	background-position: 0 -36px;
}

.button:active {
	background-position: 0 0;
}

/* @end */

/* @group ppc */

.border-right {
	border-right: 1px dotted #ccc;
	margin-right: 9px;
}

.ppc .grid_8 {
	padding: 0;
}

h2.apps-header {
	float: left;
	margin-bottom: 10px;
}

h2#iPhone-header { background-image: url(../images/ppc/iphone-header.png); }
h2#Blackberry-header { background-image: url(../images/ppc/blackberry-header.png); }
h2#Android-header { background-image: url(../images/ppc/android-header.png); }
h2#Palm-Pre-header { background-image: url(../images/ppc/palmpre-header.png); }
h2#Windows-Mobile-header { background-image: url(../images/ppc/windowsmobile-header.png); width: 640px;}
h2#Symbian-header { background-image: url(../images/ppc/symbian-header.png); }
h2#ui-header { background-image: url(../images/ppc/app-design.png); }
h2#iPad-header { background-image: url(../images/ppc/ipad-header.png); }

h3#development {
	color: #4884b6;
	font-size: 1.4em;
	float: right;
	margin: 91px 15px 0 0;
	display: inline;
}

h3#development2 {
	color: #4884b6;
	font-size: 1.4em;
	float: right;
	margin: 51px 15px 0 0;
	display: inline;
}

img#ppc {
	margin: 0 0 10px 10px;
	fsloat: left;
}

.ppc p {
	font-size: 1.2em;
	line-height: 1.6;
	margin-left: 10px;
}

.ppc h3 {
	font-size: 1.8em;
	margin: 5px 0 5px 10px;
}

.ppc p a {
	color: #666;
}

.ppc-contact {
	margin-top: -12px;
	position: relative;
	background: url(../images/ppc/contact-bg.jpg) no-repeat left top;
}

.ppc-contact h3 {
	position: absolute;
	background: url(../images/ppc/request-a-quote.png) no-repeat;
	width: 298px;
	height: 69px;
	color: #fff;
	margin: 0;
	font-size: 1.4em;
	line-height: 67px;
	text-align: center;
	top: -45px;
	left: -4px;
}

.ppc-contact form {
	float: left;
	margin: 12px 0 20px 0;
}

.ppc-contact input.text {
	width: 238px;
	margin: 0 0 0 20px;
}

.ppc-contact label {
	font-size: 1.2em;
	text-transform: none;
	text-align: left;
	margin: 10px 0 0 20px;
}

.ppc-contact textarea {
	border: 2px solid #cfe7fc;
	width: 238px !important;
	margin: 0 0 0 20px;
}

.ppc-contact .example {
	margin: 2px 0 0 20px;
}

.infiniteCarousel {
	width: 608px;
	position: relative;
	float: left;
	margin: 10px 0 40px 10px;
	background: #f0f7fe url(../images/ppc/scroll-bg.gif) repeat-x bottom;
	background: #e0eefb;
	border: 1px solid #86c2f8;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	height: 115px;
	display: inline;
	clear: both;
}

.infiniteCarousel .wrapper {
  width: 530px;
  overflow: auto;
  height: 125px;
  position: absolute;
  top: 10px;
  margin: 0 40px;
}

.infiniteCarousel ul {
	width: 9999px;
	position: absolute;
	top: 0;
}

.infiniteCarousel ul li {
  float: left;
  width: 106px;
  text-align: center;
}

.infiniteCarousel li a {
	text-decoration: none;
	color: #4884b6;
}

.infiniteCarousel li a span {
	display: block;
	clear: both;
}

.infiniteCarousel .arrow {
  position: absolute;
  top: 48px;
  width: 16px;
  height: 20px;
  display: block;
  text-indent: -999em;
  background-repeat: no-repeat;
  background-position: 0 -40px;
  cursor: pointer;
}

.infiniteCarousel #forward {
	background-image: url(../images/ppc/arrow.gif);
	right:  10px;
}

.infiniteCarousel #back {
	background-image: url(../images/ppc/left-arrow.gif);
	left: 10px;
}

.infiniteCarousel .arrow:hover, .infiniteCarousel .arrow:focus {
	background-position: 0 -20px;
}

.infiniteCarousel .arrow:active {
	background-position: 0 0;
}

.ui .grid_12 {
	position: relative;
}

.ui-image {
	margin: -20px 10px -90px 10px;
}

.ui-text {
	position: relative;
	left: 400px;
	top: -630px;
	width: 500px;
}

.ui-text p {
	font-size: 1.4em;
}

.ui-text .item {
	position: absolute;
	left: 0;
}

.ui-text #picture { }
.ui-text #crystallize { top: 110px; }
.ui-text #eliminate { top: 220px; }
.ui-text #we { top: 330px; }

.ui-contact {
	background: none;
	margin-top: -110px;
	padding-bottom: 50px;
}

.ui-contact h3 {
	color: #d061a7;
	background: none;
	font-size: 1.8em;
	font-weight: bold;
	text-align: left;
	margin: 0 0 0 23px;
}

/* @end */

/* @group thanks */

.thanks .grid_8 {
	height: 60em;
}

.thanks .pink-button {
	float: left;
	position: static;
	margin: 0 0 0 20px;
	left: auto;
	top: auto;
}

/* @end */

/* @group footer */

.footer {
	background: #4884b6;
	border-top: 1px solid #3a6a92;
	height: 10em;
	width: 960px;
	margin: 0 10px;
	float: left;
}

.footer .grid_8 {
}

.footer p {
	color: #cbe1f5;
	padding-top: 20px;
	margin-left: 10px;
}

.footer ul {
	margin-left: 10px;
}

.footer li {
	float: left;
}

.footer li a {
	text-decoration: none;
	color: #cbe1f5;
	display: block;
	padding: 20px 10px 20px 10px;
	float: left;
}

.footer li a:hover, .footer li a:focus {
	color: #fff;
}

.footer li a:active {
	color: #0063b6;
}


input.text {
	display: block;
	width: 348px;
	padding: 4px;
	margin: 4px 10px 15px 0;
	/* font-size: 1.3em; */
	font-size: 12px;
	border: 2px solid #cfe7fc;
	background: url(../images/white-bg.png) repeat;
	height:14px;
}

.sidebar #name-label {
	margin-top: 84px;
}

.sidebar input {
	width: 262px;
	margin: 0 0 10px 20px;
}

input:focus {
	border: 2px solid #d061a7;
	outline: none;
}

textarea {
	width: 348px !important;
	border: 2px solid #cfe7fc;
	padding: 4px;
	font-size: 1.3em;
	background: url(../images/white-bg.png) repeat;
	overflow: auto;
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	height:72px;
}


.lbs {
    width:960px; 
	background: url(../images/lbs-bk.png) no-repeat left top;
}

#lbs-content {
    width:960px; 
	min-height:311px;
	height:311px;
	margin:0;
	padding:179px 0 0 0;

}

#lbs-content-left {width:610px; height:auto; padding:0; margin:0 0 0 10px; float:left;}
#lbs-content-right {width:290px; height:auto; padding:0; margin:0; float:right;}
.lbs-form-text {padding:0; margin:0; text-align:left;}
.lbs-form-text label{padding:0; margin:0; text-align:left;}
.lbs-form-text-input {padding:0; margin:0; text-align:left;}
.lbs-form-text-input label{padding:0; margin:0; text-align:left; height:27px; width:250px;}
.lbs-form-text-input input{padding:0; margin:0 0 10px 0; text-align:left; height:17px; width:250px;}
.lbs-form-text-input textarea{padding:0; margin:0 0 10px 0; text-align:left; height:94px; width:250px; width: 248px !important;}

#id-expert-title {width:610px; height:45px; padding:10px 0 0 0; margin:0;}
#id-expert-title-left{width:433px; height:45px; padding:0 0 0 10px; margin:0; float:left;}
#id-expert-title-right {width:167px; height:45px; padding:0; margin:0; float:left;}

#id-expert-in {font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif; width:610px; height:130px; padding:0 0 0 0; margin:0; font-size:16px; color:#4884b6; font-weight: bold; list-style-type:circle;}
#id-expert-in-left{width:328px; height:auto; padding:0; margin:0; float:left;}
#id-expert-in-left ul{padding:0 0 0 15px;}
#id-expert-in-left ul li{line-height:30px;}
#id-expert-in-right {width:282px; height:auto; padding:0; margin:0; float:left;}
#id-expert-in-right ul{padding:0 0 0 45px;}
#id-expert-in-right ul li{line-height:30px;}

.s140-button {
	height: 36px;
	text-transform: none;
	color: #fff;
	font-weight: bold;
	font-size: 1.4em;
	width: 245px;
	background: url(../images/ppc/244-pink-button.gif);
	background-position: 0 -72px;
	border: none;
	display: block;
	text-align: center;
	cursor: pointer;
}

#lbs-content .s140-button {
	float: left;
	margin: 0px 0px 20px 0;
	height: 36px;
	padding: 0;
	text-align:center;
}

.s140-button:hover, .s140-button:focus {
	background-position: 0 -36px;
}

.s140-button:active {
	background-position: 0 0;
}

h2#contact-lbs {width:980px; background: url(../images/headers/lbs.png) no-repeat left top; }


li.palm a { background: url(../images/palm.png) no-repeat center; }

h3#development2 {
	color: #4884b6;
	font-size: 1.4em;
	float: right;
	margin: 51px 15px 0 0;
	display: inline;
}

/* @end */