@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/

body { background-color:#222; }

img, object, embed, video { max-width: 100%; }

/* IE 6 does not support max-width so default to width 100% */
.ie6 img { width:100%; }

p {
	font-family: "calluna-sans", sans-serif;
	font-style:normal;
	font-weight:300;
	font-size:1em; /* 16 / 16 */
	text-align:left;
}

/* ie center text vertically fix */
p {
 *margin-top:expression(this.offsetHeight < this.parentNode.offsetHeight ? parseInt((this.parentNode.offsetHeight - this.offsetHeight) / 2) + "px" :"0");
}

h1, h2, h3 { -webkit-margin-before:0; -webkit-margin-after:0;  margin-top:0; margin-bottom:0; font-family:"calluna-sans",sans-serif; font-style:normal; font-weight:500;}


 
h1 { font-size: 1.75em; line-height: 1.5em; }
h2 { font-size: 1.5em; line-height: 1.25em; } /* 28 / 16 */
h3 { font-size: 1.25em; line-height: 1em; }

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

.fluid { clear: both; margin-left: 0; width: 100%; float: left; display: block; }

.fluidList { list-style:none; list-style-image:none; margin:0; padding:0; }



/* Containment */

.box1, .box2, .box2b, .box2c, .box3, .box3b, .box4, .box5, .box6 { width:100%; float:left; display:block; margin:0;}

.organize { width: 100%; float:left; display:block; margin: 1% 0;}


/* Sections */

.header { background-color:#fff;padding:0; margin-top:0;  }


.logo {   text-align:center; vertical-align:middle;}
.logo h2{  text-transform:uppercase; font-weight:400; padding-top:.5em;}
.tagLine { font-size: .875em; font-weight:400; }

.nav { float:right; }
.nav li { display:inline-block; float:left; width:33.33333333333333%; list-style:none; height:2.25em; text-align:center; vertical-align:middle; font-weight:400; padding-top:.75em; font-size:1.125em; font-family: "calluna-sans", sans-serif;  font-variant:small-caps; }


.nav a {color:#000; text-decoration:none; }
.nav a:visisted { color:#000; }
.nav a:hover { color:#a4c639; }


/* General Links */
a { color:#000; text-decoration:none; }
a:visited { color:#000; }
a:hover { color:#A4C639; }
a:focus { outline:thin dotted; }


/* Main Feature Area */
.mainFeature { margin: .625em 0; }

.featureInfo {  }
.featureText { background-color:#fff; }
.featureText p { margin:1.5em; font-size: 1.125em; font-weight:bold; text-align:center; line-height:1.5em; } /* 24 / 16 */
.featureVideo { position: relative; margin-top: .625em; background-color:#fff; text-align:center; vertical-align:middle; min-height:315px;}
.featureVideo iframe {  top: 0; left:0; width:100%; height:56%; min-height:19.6875em;}

/* App Area */
.marketsArea { margin:.625em 0;}

.ourApps { background-color:#666; color:#fff; }
.ourApps h2 { font-size:1.75em; font-weight:700; text-align:center; font-variant:small-caps; margin-top:0; }

.marketsMain { background-color:#ffffff;  float:left; }
.marketsMain li { display:inline-block; float:left; list-style-type:none; list-type:none; }

.iconMark { vertical-align:middle; text-align:center; width:25%;}


/* Page Content */

.content { background-color:#fff; }
.content a:hover { color:#777; }
.appBanMain { width:89%; float:left; margin: 4% 5%; border:1px solid #c6c6c6; }
.appBanMain p { padding:0 1.5em; margin-after:0; } 
.appBanMain h2 { padding: .5em 1em; font-size:1.125em; font-weight:700; }
.more { float:right; color:#A4C639; font-size:1.125em; font-weight:700;padding-right:1em; margin-bottom:1em;}


.appBanMain a:hover { font-weight:700; color:#898989; }

/* App pages */

.appHeader { margin:.625em 0 0 0;}

.appImg { float:left; background-color:#fff; margin: 0; text-align:center; vertical-align:middle; }
.appIntro { float:left; text-align:center; margin: .625em 0;background-color:#fff; padding: 1em 0; }


.marketIcons4, .marketIcons3, .marketIcons2, .marketIcons1 {  list-style:none; float:left; -webkit-margin-before: .25em;
-webkit-margin-after: 0em;-webkit-padding-start: 0em;}
.marketIcons4 li, .marketIcons3 li, .marketIcons2 li, .marketIcons1 li{  display:inline-block;  float:left; list-style:none; text-align:center;  }

.marketIcons4 { width:90%; margin: 0 5%;}
.marketIcons4 li { width:25%; }

.marketIcons3 { width:70%; margin: 0 15%;}
.marketIcons3 li { width:33.33333333333333%; }

.marketIcons2 { width: 50%; margin: 0 25%;}
.marketIcons2 li { width: 50%; }

.marketIcons1 { width: 25%; margin: 0 37.5%; }
.marketIcons1 li { width: 100%; }




/* App Pages */
.guide { margin: .675em 0; }
.guide2 { margin: .675em 0; }
.guide3 { margin: .675em 0 0 0; }

.block1 { width:77%; margin:6%; display:block; float:left; padding:5.5%; }
.block1 p { min-height:5em; }
.block1 h2 { text-align:center; text-decoration:none; font-family: "tenso",sans-serif; font-style: normal; font-weight: 400; margin-top:0; -webkit-margin-before: 0; -webkit-margin-after: 0; }
.block1 img { display:block; margin-left: auto; margin-right: auto; }
.block1 h3 {text-align:center; text-decoration:none; font-family: "tenso",sans-serif; font-style: normal; font-weight: 400; margin-top:0; -webkit-margin-before: 0; -webkit-margin-after: 0; }

/* SCL */
.scl { background-color:#e1e1e1; color:#111; min-height:21.875em; }
.scl p { font-size:1.125em; }
.sclg { background-color:#e1e1e1; color:#111; min-height:9.375em; }
.sclg p {font-size:1.125em; }
.scln { color:#666; }
.scln a { color:#777; font-weight:700; }
.scln a:hover {color:#A4C639; }


.highLight { background-color:#101010; width:100%; display:block; text-transform:uppercase; text-align:center; }

/* SMA */
.sma { background-color:#fff; color:#111; min-height: 21.875em; border:1px solid #c2c2c2; }
.sma p { font-size:1.125em; }
.smag { background-color:#fff; color:#111; min-height:9.375em; border:1px solid #c2c2c2; }
.smag p { font-size:1.125em; }


/* SM */
.sm { background-color:#fff; color:#111; min-height:21.875em; border: 1px solid #000; }
.sm p { font-size:1.125em; }
.sm h2 { font-weight:700; color:#000; }

.smg { background-color:#FFF; color:#111; min-height:14em; border:1px solid #000; }
.smg p {  font-size:1.125em; }
.smg h3 { color:#000; font-weight:700; }

/* BB */
.bbeta { background-color:#fff; color:#111; min-height:21.875em; border:1px solid #333; }
.bbeta p { font-size:1.125em; }
.bbeta h2 { font-weight:700; color:#b20303; }

.bbetag { background-color:#fff; color:#111; min-height:14em; border:1px solid #333; }
.bbetag p { font-size:1.125em; }
.bbetag h3 {font-weight:700; color:#b20303; }

/* SMART */
.smart { background-color:#fff; color:#111; min-height:21.875em; border:1px solid #ed1c24; }
.smart h2 { font-weight:700; color:#ed1c24; }
.smart p { font-size:1.125em; }
.smart h3 { font-weight:700; color:#ed1c24; }
.smartg { background-color:#fff; color:#111; min-height:14em; border: 1px solid #ed1c24; }



.helpGuide { list-style:none; float:left; width:90%; margin: 0 5%; }
.helpGuide li { display:inline-block; float:left; list-style:none; padding-bottom:2em; }


.w25 { width: 25%; }
.w75 { width: 65%; margin:5%; }


.notes { background-color:#fff; margin:.625em 0 0 0; }
.notes p { padding:0 2em; }
.notes ul {  margin:  1em 0; }
.notes li { margin:0 4em; -webkit-margin-before:0; -webkit-margin-after:0; }




/* About */
.aboutContainer {  margin:.625em 0; padding:0 10%; background-color:#fff; display:block; width:80%; }
.aboutContainer p { text-align:center; }
.aboutContainer a { font-weight:700; }

.tiltIcons { list-style:none; float:left; width:100%; margin:0 0 3em 0; }
.tiltIcons li { display:inline-block;  float:left; list-style:none; text-align:center; width:20%; }


/* Privacy */
.privacyContainer { margin:.625em 0; padding:0 10%; background-color:#fff; display:block; width:80%; }

/* Contact */
.contactContainer { margin:.625em 0; padding:5% 10%; background-color:#fff; display:block; width:80%; text-align:center; }
.contactContainer p { text-align:center; }
.contactFormContainer { width: 100%; }
.contactFormSubmit { padding-top:1em; }

.errors { margin:.625em 0; padding:0 10%; background-color:#fff; display:block; width:80%; text-align:center; }
.errors p { text-align:center; }


/* Gallery */
.gallery { margin:.625em 0 0 0; width: 100%; background-color:#fff; text-align:center; }
.gallery p { text-align:center; font-size:1em; font-weight:700; margin-top:0; }
.gallery h2 { text-align:center; }
.imgBox { padding: 1em 0; }


/* Apps Page */
.boxPush { margin:.625em 0; padding:1em 0;}
.appContaiment { background-color:#fff; display:block; }

.boxPush h2 { padding: 1em 0 0 .5em; text-align:center; }
.boxPush p { padding-left:1em; text-align:center; }

.availText { text-align:center; padding:1em 0; }


.footer { background-color:#A4C639; min-height:5em; margin:.625em 0;  }
.footer p { text-align:center; vertical-align:middle; font-weight:700; line-height:1.75em;}
.footer a:hover { color:#fff; }

/* Style Time */
.iT { font-style:italic; }
.fRight { float:right; }
.padText { padding-top: 4em; }
.padText2 { padding-top:1em; }
.cText { text-align:center; }
.padList { padding-left:4em; }
.margTop { margin-top:.625em; }
.margBottom { margin-bottom:.625em; }

/* Fun with Fonts */
.tC { font-size:.625em; } /* 10 / 16 */
.tB { font-size:.75em; } /* 12 / 16 */
.tA { font-size:.875em; } /* 14 / 16 */
.t1 { font-size:1em; } /* 16 / 16 */
.t2 { font-size:1.125em; } /* 18 / 16 */
.t3 { font-size:1.5em; } /* 24 / 16 */
.t4 { font-size: 2em; } /* 30 / 16 */
.t6 { font-size:3em; } /* 42 / 16 */

.imp { font-weight:700; }

/* Fun with Colors */
.c1 { color:#A4C639; }
.c2 { color:#666666; }
.c3 { color:#ed1c24; }
.c4 { color:#fff; }

.b2 { background-color:#101010; }
.b1 {background-color:#A4C639; }
.b3 {background-color:#fff; }


/* Mobile Layout: 480px and below. */
  
.gridContainer { margin-top:.75em; margin-left: auto;	margin-right: auto;	width:96%; padding-left: 0;	padding-right: 0; clear: none; float: none; }




#div1 {  }
.zeroMargin_mobile { margin-left: 0; }
.hide_mobile { display: none; }
.hide_desktop2 {display:block; }





/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 598px) {

.gridContainer { width: 93%; margin-top:1em; margin-left: auto; padding-left: 0; padding-right: 0; clear: none; float: none; }


.box2b { width:48%; }
.box3 { width:50%; }
.box4 { width: 50%;}
.box5 { width:50%; }
.box6 { width:50%; }




.logo { vertical-align:middle; text-align:left; height:3em; margin-top:0em; padding-top:.0em;}
.logo h2 { margin-left:1em; padding-top:.375em; }

.nav { height:3em; }
.nav li { padding-top:.75em;  font-weight:500; }

.mainFeature { margin: 1em 0; }

.featureVideo { margin-top: 1em; }
.featureInfo { overflow:hidden;}
.featureText p {  font-size:1.5em; }


.marketsArea { height:2.5em; margin: 1em 0;}
.marketsArea p { padding-top:.5em; }
.marketsArea a:hover { color:#A4C639; font-weight:bold;}
.ourApps { height:2.5em; }
.ourApps h2 { line-height: 1.5em; }
.marketsMain { height:2.5em; }

.appBanMain h2{ font-size:1.25em; font-weight:700; }
.appBanMain p { font-size:1.125em; margin-top:.25em; min-height:11.5em; }

/* App Pages */
.appHeader { margin:1em 0; background-color:#fff; }

.appImg { margin:0; padding:1em 0 0 0 0;}
.appIntro { margin:0; padding: 2em 0; }

.block1 { width: 65%; margin:5%; width:37%; padding:1.25%; }
.block1 p { min-height:9.5em; }



.aboutContainer { margin: 1em 0 0 0; padding:0 12.5%; width:75%; }
.privacyContainer { margin: 1em 0 0 0; padding:0 12.5%; width:75%; }
.contactContainer { margin:1em 0 0 0; padding:5% 25%; width:50%; }
.contactFormContainer { width: 75%; margin: 0 12.5%;}
.gallery { margin:1em 0 0 0; }
.guide { margin: 1em 0; }
.guide2 { margin: 1em 0; }
.guide3 { margin: 1em 0 0 0; }

.helpGuide { list-style:none; float:left; width:80%; margin: 0 10%; }

.scl p { font-size:1.125em; }
.sclg { min-height:20em; }

.sma { min-height: 30.5em;}
.sma p { font-size: 1.125em; }

.smag { min-height:18.5em; }
.smag p { font-size:1.125em; }
.smg { min-height:21em; }

.bbeta { min-height:18.5em; }
.bbetag { min-height:19.5em; }

.smart { min-height:18.5em; }
.smartg { min-height:18.5em; }

.boxPush h2 { padding: 1em 0 0 .5em; text-align:center; }
.boxPush p { padding:0 1em; text-align:center; }

.notes { margin:1em 0 0 0; }

.margTop { margin-top:1em; }
.margBottom { margin-bottom:1em; }

.footer { margin: 1em 0; }
.footer p { line-height: 1.125em; }
#div1 {
}

.zeroMargin_tablet { margin-left: 0; }

.hide_mobile { display:block; }
.hide_tablet { display: none; }
.hide_desktop { display:block; }

.hide_desktop2 { display:none; }

}






/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 960px) {

.gridContainer { width: 90%; max-width: 1024px; padding-left: 0; padding-right: 0;	margin: auto; clear: none; float: none; margin-left: auto; margin-top:1em; }

h1 { font-size: 2em; line-height: 1.75em; }
h2 { font-size: 1.75em; line-height: 1.5em; } /* 28 / 16 */
h3 { font-size: 1.5em; line-height: 1em; }


.box2 { width:50%; }
.box3 { width:33.33333333333333%; }
.box4 { width:66.66666666666667%; }
.box2c { width:48.75%; }
.box5 { width: 25%; }
.box6 { width: 75%; }
.box3b { width: 33.33333333333333%; }

.logo { text-align:left; vertical-align:middle; margin-top:0; height:4.25em;}
.logo h2 { line-height:0em; margin-top:.5em; }
.tagLine { margin-left:2.25em; margin-top:1.25em; }
.nav { height:4.25em; }
.nav li { font-size:1.5em; } 

.organize { width: 100%; float:left; display:block;}


.mainFeature { margin: 1.625em 0; }

.featureInfo { overflow:hidden; min-height:19.6875em; } /* 315 / 16 */
.featureText {  margin-right:.625em; margin-bottom:0; margin-left:0;min-height:19.6875em; } /* 240 / 16 */
.featureText p { margin:1.5em; font-size:1.75em; line-height:1.75em; }
.featureVideo {  margin-top:0; margin-bottom:-2000px; margin-left:.625em; padding-bottom:2000px; display:inline; float:right; min-height:19.6875em; }



.marketsArea { margin: 1.625em 0;  height:3.5em; }
.ourApps { height:3.75em; }
.ourApps h2 {  padding:.375em 0;  } /* 6 / 16 */

.marketsMain { display:block; height:3em; padding:.75em 0 0 0; }
.iconMark { width:7%; vertical-align:middle; text-align:right;}
.iconText { width:18%; font-size: .75em; vertical-align:middle; text-align:left; line-height:.75em; }



.appBanMain p { min-height:11em; padding-top:.5em;}
.appBanMain h2 {  margin-top:.5em; line-height:1em;}

.appHeader { margin: 1.625em 0; }
.block1 { margin:2.5%; width:25.33333333333333%; padding:1.25%; }
.block1 p { min-height:8.5em; }

.guide { margin: 1.625em 0; }
.guide2 { margin:1.625em 0 0 0; }
.guide3 { margin: 1.625em 0 0 0; }

.aboutContainer { margin:1.625em 0 0 0; padding:0 20%; width:60%; }
.privacyContainer { margin:1.625em 0 0 0; padding:0 20%; width:60%; }
.contactContainer { margin:1.625em 0 0 0;  background-color:#fff; display:block; width:50%; }
.gallery { margin:1.625em 0 0 0; }


.contactFormContainer { width: 80%; margin: 0 10%; }

.boxPush h2 { padding: 0 0 0 .5em; text-align:left; }
.boxPush p { padding-left:1em; text-align:left; }

.margTop { margin-top:1.625em; }
.margBottom { margin-bottom:1.625em; }

.notes { margin: 1.625em 0 0 0; }
.scln {  min-height:12em; }
.sclg { font-size:1.125em;  }

.scl p {font-size:1.25em; }

.sma p { font-size:1.25em; }
.smag { min-height: 18.5em; }
.smag p {font-size:1.125em; }

.sm p { font-size:1.25em; }

.smartg { min-height:18.5em; }

.bbeta { }



.footer { margin: 1.625em 0;  }
.footer p { line-height: 1em; }

#div1 {  }


.zeroMargin_desktop { margin-left: 0; }

.hide_mobile { display:block; }
.hide_tablet { display:block; }
.hide_desktop { display: none; }
.hide_desktop2 {display:none; }
}