/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */

html,
body {
    height: 100%;
	background: #e8f2f0 url("../images/tail-top_small.jpg") repeat-x scroll left top;
}

body {
    padding-top: 75px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
	font-family: "Didact Gothic",sans-serif;
}
#banner {
    background-color: #1a7e98;
    border-radius: 15px 15px 11px 11px;
    box-shadow: 0 0 20px 10px #042e39;
    height: 220px;
}
.home #banner {
	height: 474px;
	overflow:hidden;
}
.circa #banner {
    background: rgba(0, 0, 0, 0) url("../images/header_circa.jpg") no-repeat scroll center center;
}
.jobs #banner {
    background: rgba(0, 0, 0, 0) url("../images/header_jobs.jpg") no-repeat scroll center center;
}
.client_area #banner {
    background: rgba(0, 0, 0, 0) url("../images/header_client_area.jpg") no-repeat scroll center center;
}
.web_development #banner {
    background: rgba(0, 0, 0, 0) url("../images/header_web_development.jpg") no-repeat scroll center center;
}
.animation #banner {
    background: rgba(0, 0, 0, 0) url("../images/header_animation.jpg") no-repeat scroll center center;
}
.inquiries #banner {
    background: rgba(0, 0, 0, 0) url("../images/header_inquiries.jpg") no-repeat scroll center center;
}
.testimonials #banner,
.rate_service #banner {
    background: rgba(0, 0, 0, 0) url("../images/header_testimonials.jpg") no-repeat scroll center center;
}
.life_economy #banner,
.le_select #banner,
.le_apply #banner {
    background: rgba(0, 0, 0, 0) url("../images/header_life_economy.jpg") no-repeat scroll center center;
}
#banner > div,
#banner ul {
	padding: 0px;
}
#banner ul li {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f4fdfb+33,e6fbf6+65,defaf3+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f4fdfb 33%, #e6fbf6 65%, #defaf3 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f4fdfb 33%,#e6fbf6 65%,#defaf3 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#f4fdfb 33%,#e6fbf6 65%,#defaf3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#defaf3',GradientType=0 ); /* IE6-9 */
	box-sizing: border-box;
    color: #13565c;
    float: left;
    height: 56px;
    list-style: outside none none;
    text-align: center;
    width: 25%;
	transition: 1s 0s ease background-color;
	border-right: 1px solid #b9e1d8;
	padding-top:6px;
	cursor:pointer;
}
#banner ul li:hover {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#388e8d+0,13565c+100 */
	background: #388e8d; /* Old browsers */
	background: -moz-linear-gradient(top,  #388e8d 0%, #13565c 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #388e8d 0%,#13565c 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #388e8d 0%,#13565c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#388e8d', endColorstr='#13565c',GradientType=0 ); /* IE6-9 */
	color: #ffffff;
}
#banner ul li a{
	color: #13565c;
	text-decoration:none;
}
#banner ul li:hover a{
	color: #ffffff;
}
#banner ul li.first {
    border-radius: 11px 0 0;
}
#banner ul li.last {
    border-radius: 0 11px 0 0;
	border:none;
}
#debug {
	position: fixed;
	top: 10px;
	left: 10px;
	background-color: rgba(255,255,255,.8);
	font-size: 15px;
	font-weight: bold;
	color #000;
	z-index:10000;
	padding: 10px;
}
.dict h2 {
	font-size: 50px;
}
.dict ol {
	font-size: 19px;
}
.dict h2 .phonetic {
	font-size: 30px;
	color: #BFBFBF;
}
.explainer {
	font-size: 2.5em;
	text-align: center;
	line-height: 0.9em;
	padding: 50px 0;
	margin: 50px 0;
}
.explainer .sub span{
	white-space: nowrap;
}
.explainer .sub {
	font-size: 0.5em;
	line-height: 1.1em;
	margin-top: 11px;
}
.heena .testimonial {
	font-size: 1.3em;
	margin-top: 20px;
}
.heena {
	background: url(../images/heena_testimonial.jpg) top left no-repeat;
	background-size: auto 100%;
	height: 200px;
}
.row.skype {
	background: url(../images/office_scene.jpg) center center;
	background-size: cover;
}
.quoter {
	color: #000;
	float: right;
	display: inline-block;
	font-size: 0.9em;
	margin-top: 10px;
}
.twobytwo {
	height: 240px;
	background-size: auto 100%;
	background-repeat: no-repeat;
	border-radius: 5px;
	font-size: 1.5em;
	padding: 30px 20px 10px 290px;
	background-color: #fff;
	background-position: left top;
}
.floatbox {
	float: left;
	width: 140px;
	height: 110px;
}
.records {
	background-image: url(../images/tracking.jpg);
}
.giveback {
	background-image: url(../images/we_give_back.jpg);
}
.bored {
	background: url(../images/bored_designer.jpg) 40px center no-repeat;
	background-size: 100% auto; 
}
.skype .explainer {
	padding: 10px 20px;
	text-shadow: #fff 1px 1px, #fff 0px;
	margin: 50px 0 -20px 0; 
	text-shadow: #fff 1px 1px, #fff 0px 0px 5px;
}
.service-box {
	height: 230px;
	border-radius: 3px;
	background-size: cover;
	overflow: hidden;
	padding: 0;
	margin-bottom: 30px;
}
.service-box .description {
	background-color: rgba(0,0,0,0.5);
	color: #fff;
	padding: 30px;
	font-size: 1.3em;
	text-shadow: #000 1px 1px;
	cursor: default;
	opacity: 0;
	transition: all 0.4s;
}
.service-box:hover .description {
	opacity: 1;
}
.service-box h3 {
	background-color: rgba(32,124,139,0.5);
	margin: 0;
	padding: 10px;
}
.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}
.whitebox {
    background: #fff url("../images/aside-tail.jpg") repeat-x scroll left top;
    border-radius: 12px;
    box-shadow: 0 1px 2px #d2e4e0;
    box-sizing: border-box;
    padding: 0 30px 20px;
}
.whitebox.firstbox {
    margin-top: 15px;
}
input.whitebox,
textarea.whitebox {
    background: #fff none repeat scroll 0 0 !important;
    border: 0 none;
    font-size: 26px;
    margin: 5px 0px;
    padding: 6px 20px;
	width: 100%;
	box-sizing: border-box;
}
.whitebox.req.failed {
    border: 2px solid #c5832a;
}
#grantapplication-response.success {
    background-color: #f9f9f9;
    border: 3px solid #029f56;
    border-radius: 13px;
    color: #029f56;
    font-size: 20px;
    padding: 17px;
    text-align: center;
}
#grantapplication-response.error {
    background-color: #f9f9f9;
    border: 3px solid #d35555;
    border-radius: 13px;
    color: #d35555;
    font-size: 20px;
    padding: 17px;
    text-align: center;
}
.buttonlink {
    background-color: #afe0aa;
    border-radius: 12px;
    display: block;
    float: right;
    margin-top: 10px;
    padding: 10px 30px;
	margin-right: 10px;
	cursor:pointer;
}
.buttonlink.wait {
    background-color: #ddd;
    color: #888;
}
.buttonlink.grey {
    background-color: #ddd;
}
.revButton {
	background: white;
	width: 100%;
	padding: 10px;
	display: block;
	border-radius: 7px;
	margin-top: 20px;
	box-shadow: 0px 1px 0px #CFD8D7;
	color: #207C8B;
	font-size: 1.9em;
	font-weight: bold;
	font-family: "didact gothic", sans-serif;
}
.revButton img {
	margin-right: 20px;
	margin-bottom: -2px;
}
/* TEXT */
.alignright {
    text-align: right;
}
body {
	color: #207c8b;
}
img.float-left {
	float: left;
	margin-right: 15px;
}
img.rounded {
	border-radius: 5px;
}
.logo {
    text-indent: -999999px;
}
.nav > li > a {
    color: #fff;
    font-size: 16px;
    padding-bottom: 29px;
	padding-top: 27px;
    background-color: transparent !important;
}

.num_spacer {
    display: block;
    height: 25px;
    margin-bottom: 10px;
    width: 50px;
}
.firstbox h1 {
    color: #fff;
	margin: 35px 0 12px -6px;
    text-shadow: 1px 1px 2px black, 0 0 1em #207c8b, 0 0 0.2em #207c8b !important;
	font-size: 24px;
    line-height: 1.2em;
	transition: all 0.4s ease 0s;
	font-family: arial;
	font-weight:bold;
}
.firstbox h1 span {
    background-color: #207d8c;
    display: inline-block;
    margin-bottom: 2px;
    padding: 0 3px 2px 9px;
}
h3 {
	font-family: arial;
	font-weight:bold;
    font-size: 24px;
    line-height: 1.2em;
    margin-bottom: 20px;
    transition: all 0.4s ease 0s;
}
h3 {
	color: #fff;
    text-shadow: 1px 1px 2px black, 0 0 1em #207c8b, 0 0 0.2em #207c8b !important;
}
h3 a {
    color: #fff;
}
.billing_description_headline {
    color: #207c8b;
    cursor: default;
    font-size: 14px;
    font-weight: bold;
    position: relative;
}
.paragraph p {
    font-size: 18px;
}
.well p {
	font-size: 18px;
	margin-bottom: 0px;
}
.idea blockquote,
.audience blockquote,
.stagehero {
	font-family: 'Averia Libre', cursive;
    color: #000;
    font-size: 30px;
    font-weight: bold;
    padding: 100px 50px;
    text-align: center;
    text-shadow: 2px 2px 1px #fff, -2px -2px 1px #fff, 0 0 0.2em #666 !important;
}
#bannervid .stagehero {
    position: absolute;
    padding: 50px;
    opacity: 0.8;
	width: 100%;
	transition: opacity .5s ease;
	-moz-transition: opacity .5 ease;
	-webkit-transition: opacity .5 ease;
}
#bannervid:hover .stagehero {
	opacity:0;
}
#bannervid .stagehero h1{
	font-size: 100px;
	font-family: 'anton',sans-serif;
	text-align: center;
}
#bannervid .stagehero h1 .blinkie {
	visibility:hidden;
}
#bannervid .stagehero h1 .blinkie.visible {
	visibility:visible;
}
fieldset {
    border: 0 none;
}
#loginfields .link,
#resetfields .link{
    background-image: url("/images/marker1.gif");
	color: #c88528;
    background-position: right 6px;
    background-repeat: no-repeat;
    color: #207c8b;
    font-size: 14px;
    line-height: 1.2em;
    margin-right: 10px;
    padding-right: 10px;
    text-decoration: none;
}
#contacts-form textarea {
    height: 221px;
    margin-bottom: 15px;
    overflow: auto;
}
#contacts-form .rowElem {
    height: 30px;
    overflow: hidden;
    width: 100%;
}
#contacts-form input {
    line-height: 1.2em;
    vertical-align: top;
}
#contacts-form input, #contacts-form textarea {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #aabec1;
    border-radius: 3px;
    float: right;
    opacity: 0.8;
    padding: 3px;
    width: 410px;
}
input, select, textarea {
    color: #207b8a;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1.1em;
    font-weight: normal;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}
.form_input {
    background: rgba(0, 0, 0, 0) url("../images/aside_input.gif") no-repeat scroll left top;
    border: 0 none;
    border-radius: 5px;
    font-size: 1.1em;
    height: 28px;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-left: 5px;
    width: 232px;
}
#updateMessage{
	padding-top:50px;
}
.goodMessage {
	background:#cfe8d4;
	border:1px solid #70c16b;
	padding:20px;
    margin-left: 10px;
    margin-bottom: 30px;
	text-align: center;
    font-size: 17px;
	text-decoration:none;
	font-style:italic;
	color:#70c16b;
	border-radius:5px;
}
.badMessage {
	background:#e0d5d4;
	border:1px solid #c16b6b;
	padding:20px;
    margin-left: 10px;
    margin-bottom: 30px;
	text-align: center;
    font-size: 17px;
	text-decoration:none;
	font-style:italic;
	color:#c16b6b;
	border-radius:5px;
}
/* visual effects */
.rateStar {
	background-image: url("/images/rateus_small.png");
    background-position: -42px 0;
    background-repeat: no-repeat;
    height: 40px;
    width: 40px;
	cursor: pointer;
}
.surveyRating {
    margin-bottom: 80px;
}
.rate1 .rate1 .rateStar,
.rate2 .rate1 .rateStar, .rate2 .rate2 .rateStar,
.rate3 .rate1 .rateStar, .rate3 .rate2 .rateStar, .rate3 .rate3 .rateStar,
.rate4 .rate1 .rateStar, .rate4 .rate2 .rateStar, .rate4 .rate3 .rateStar, .rate4 .rate4 .rateStar,
.rate5 .rate1 .rateStar, .rate5 .rate2 .rateStar, .rate5 .rate3 .rateStar, .rate5 .rate4 .rateStar, .rate5 .rate5 .rateStar{
	background-position: 0px 0px;
}
.hairline {
    background: transparent url("../images/hr.gif") no-repeat scroll center center;
    clear: both;
    height: 36px;
    margin: 23px 0;
    position: relative;
    width: 100%;
}
.reflower {
    background: rgba(0, 0, 0, 0) url("../images/refl_lower.png") repeat scroll 0 0;
    height: 5px;
    position: absolute;
    right: 0;
    top: 10px;
    transition: all 1s ease 0s;
    width: 365px;
}
.refupper {
    background: rgba(0, 0, 0, 0) url("../images/refl_upper.png") repeat scroll 0 0;
    height: 4px;
    position: absolute;
    top: 6px;
    transition: all 1s ease 0s;
    width: 303px;
}
.col-xs-2.donate img {
    margin: auto;
}
/* graphics */
.call_us {
	background: #63b3be; /* Old browsers */
	background: -moz-linear-gradient(top,  #63b3be 0%, #31929e 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #63b3be 0%,#31929e 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #63b3be 0%,#31929e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63b3be', endColorstr='#31929e',GradientType=0 ); /* IE6-9 */
}
.call_us:hover {
	background: #37b7cb; /* Old browsers */
	background: -moz-linear-gradient(top,  #37b7cb 0%, #0c96ab 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #37b7cb 0%,#0c96ab 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #37b7cb 0%,#0c96ab 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37b7cb', endColorstr='#0c96ab',GradientType=0 ); /* IE6-9 */
}
.call_us.apply {
    color: #fff !important;
    margin: 28px auto auto;
    min-width: 50px;
    width: 50%;
}
.action {
    color: #fff !important;
    font-weight: bold;
    text-shadow: -1px 1px 1px #333;
}
.action:hover {
	color: #fff !important:
}
.btn.disabled {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e5e5e5+0,ffffff+99 */
	background: #e5e5e5; /* Old browsers */
	background: -moz-linear-gradient(top, #e5e5e5 0%, #ffffff 99%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #e5e5e5 0%,#ffffff 99%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #e5e5e5 0%,#ffffff 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	cursor: default;
	color: #b5bfc7 !important;
	text-shadow: none !important;
}
.blocker {
	background-color: rgba(150,150,150,0.4);
	width: 100%;
	height: 1600px;
	z-index: 10;
	position: absolute;
	border-radius: 15px;
	Transform: scale(1.05);
	margin-top: -20px;
}
.blocker p {
	background-color: #fff;
	font-size: 20px;
	text-align: center;
	width: 60%;
	margin: auto;
	margin-top: 100px;
	padding: 30px;
}
#logogrid {
    height: 400px;
	 transform-origin: left top;
}
.gridlogo {
	position: absolute;
	-moz-perspective: 800;
	-moz-perspective-origin: 50% 200px;
	transition: all 1.5s ease;
	-moz-transition: all 1.5 ease;
	-webkit-transition: all 1.5 ease;

}

.gridlogo img {
	transition: all .5s ease;
	-moz-transition: all .5 ease;
	-webkit-transition: all .5 ease;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}
.gridlogo.nadialabs {	background-image:url('../images/logos_nadialabs_.gif');					width:179px;	height:80px;	top:70px;	left:19px;}
.gridlogo.skyfire {		background-image:url('../images/logos_skyfire_.gif');					width:161px;	height:49px;	top:84px;	left:995px;}
.gridlogo.experient {	background-image:url('../images/logos_experient_technologies_.gif');	width:189px;	height:42px;	top:265px;	left:13px;}
.gridlogo.mobideos {		background-image:url('../images/logos_mobideos_.gif');					width:179px;	height:58px;	top:326px;	left:12px;}
.gridlogo.samsung {		background-image:url('../images/logos_samsung_.gif');					width:230px;	height:76px;	top:174px;	left:12px;}
.gridlogo.camviewer {	background-image:url('../images/logos_mobile_cam_viewer_.gif');			width:139px;	height:66px;	top:77px;	left:264px;}
.gridlogo.dvclabs {		background-image:url('../images/logos_dvc_labs_.gif');					width:112px;	height:56px;	top:157px;	left:276px;}
.gridlogo.hri {			background-image:url('../images/logos_hri_construction_.gif');			width:159px;	height:76px;	top:318px;	left:991px;}
.gridlogo.bromium {		background-image:url('../images/logos_bromium_.gif');					width:163px;	height:64px;	top:232px;	left:256px;}
.gridlogo.phoenix {		background-image:url('../images/logos_phoenix_.gif');					width:132px;	height:54px;	top:225px;	left:861px;}
.gridlogo.malaysia {		background-image:url('../images/logos_tourism_malaysia_.gif');			width:174px;	height:74px;	top:147px;	left:625px;}
.gridlogo.rockwell {		background-image:url('../images/logos_rockwell_automation_.gif');		width:191px;	height:46px;	top:229px;	left:641px;}
.gridlogo.logitech {		background-image:url('../images/logos_logitech_.gif');					width:177px;	height:42px;	top:153px;	left:426px;}
.gridlogo.indica {		background-image:url('../images/logos_indica_.gif');					width:283px;	height:34px;	top:91px;	left:451px;}
.gridlogo.avago {		background-image:url('../images/logos_avago_technologies_.gif');		width:155px;	height:49px;	top:225px;	left:451px;}
.gridlogo.feve {			background-image:url('../images/logos_feve_chocolates_.gif');			width:137px;	height:57px;	top:149px;	left:818px;}
.gridlogo.smart {		background-image:url('../images/logos_smart_a_la_carte_.gif');			width:138px;	height:69px;	top:319px;	left:216px;}
.gridlogo.infoobjects {	background-image:url('../images/logos_infoobjects_.gif');				width:180px;	height:62px;	top:68px;	left:777px;}
.gridlogo.wheatgrass {	background-image:url('../images/logos_wheatgrass_depot_.gif');			width:175px;	height:40px;	top:159px;	left:977px;}
.gridlogo.grateful {		background-image:url('../images/logos_grateful_greens_.gif');			width:107px;	height:92px;	top:304px;	left:524px;}
.gridlogo.woodys {		background-image:url('../images/logos_woodys_gourmet_.gif');			width:113px;	height:75px;	top:314px;	left:382px;}
.gridlogo.hcls {			background-image:url('../images/logos_hc_language_solutions_.gif');		width:79px;		height:97px;	top:298px;	left:655px;}
.gridlogo.cheftomm {		background-image:url('../images/logos_culinary_secrets_.gif');			width:134px;	height:89px;	top:218px;	left:1016px;}
.gridlogo.steadymed {	background-image:url('../images/logos_steadymed_.gif');					width:223px;	height:87px;	top:307px;	left:757px;}

.tstimg_left {
    border-radius: 7px 0 7px 7px;
}
.tstimg_right {
    border-radius: 0 7px 7px 7px;
}
.interactiveImg {
    overflow: hidden;
}
#ii_crowdfunding {
	height: 280px;
    width: 100%;
}
.ii_rotate_null {
    height: 547px;
    margin: -137px 0 0 -92px;
    transform: rotate(0deg);
    width: 547px;
}
.handswrapper{
	width: 197px;
	height: 50px;
    position: absolute;
}
.handswrapper div{
    position: absolute;
	background-image:url('../images/crowdfunding_hands.png'); 
	width:197px; 
	height:50px; 
	background-repeat:no-repeat;
}
.hands1wrapper {
    left: 20px;
    top: 94px;
    transform: rotate(45deg);
}
.hands2wrapper {
    left: 263px;
    top: 80px;
    transform: rotate(117deg);
}
.hands3wrapper {
    left: 380px;
    top: 280px;
    transform: rotate(189deg);
}
.hands4wrapper {
    left: 220px;
    top: 450px;
    transform: rotate(261deg);
}
.hands5wrapper {
    left: -20px;
    top: 370px;
    transform: rotate(333deg);
}
.logo a {
    background: rgba(0, 0, 0, 0) url("../images/logo.png") no-repeat scroll left top;
    height: 107px;
    left: -10px;
    position: absolute;
    top: -75px;
    width: 612px;
}
.Icon{
	float:left;
}
.playme {
	position: relative;
}
.playme:hover .loadbutton {
    background: rgba(0, 0, 0, 0) url("../images/playbutton.png") no-repeat scroll center center;
    cursor: pointer;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
}
.watermark {
    overflow: hidden;
    padding-left: 0;
}
.wm-spider {
	margin: 21px 0 0 -87px;
}
.wm-life {
	margin: 21px 0 0 -87px;
}
.le_org_option .donate img {
    margin-top: 19px;
}
.row.le_org_option {
    border: 2px solid #e8f2f0;
    cursor: pointer;
}
.le_org_option:hover,
.le_org_option.selected {
    background-color: #d7e4e3;
    border-color: #207c8a !important;
	border-style: dashed;
    border-radius: 9px;
}
.le_org_option.selected {
	border-style: solid;
	background-image: url("../images/selected.gif");
	background-repeat: no-repeat;
	background-position: left center;
}
.idea {
    background: rgba(0, 0, 0, 0) url("../images/creative_idea.jpg") no-repeat fixed center center;
	background-size: cover cover;
	padding: 0;
	overflow: hidden;
}
.audience {
    background: rgba(0, 0, 0, 0) url("../images/captured_audience.jpg") no-repeat fixed center center;
	background-size: cover cover;
	padding: 0;
	overflow: hidden;
}
.cloud {
    background: rgba(0, 0, 0, 0) url("../images/cloud.png") no-repeat scroll 0 0;
    height: 139px;
    position: absolute;
    width: 1201px;
}
.cloud.cbottom {
    bottom: 0;
    transform: rotate(180deg);
}

.parallaxImg {
    background: url("../images/parallaxBg3.jpg") no-repeat fixed left top transparent;
    float: left;
    height: 277px;
    margin: 0 20px 0 -20px;
    position: relative;
    width: 392px;
    background-size: 100% 200%;
    overflow: hidden;
	transform: scale(0.9);
}
.parallaxMask {
    background: url('../images/parallaxMask.png') top left no-repeat;
    width: 100%;
    height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 5;
}
.parallaxContent {
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 70px;
    z-index: 1;
}

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}

/* Footer Styles */
#footspacer {
    height: 100px;
}
footer {
    background-color: #d7e4e3;
    min-width: 980px;
	position: fixed;
	width: 100%;
	bottom: 0px;
	left: 0px;
	right: 0px;
	padding: 22px 0 10px;
}
footer .link {
    background-image: url("/images/marker2.gif");
    background-position: right 6px;
    background-repeat: no-repeat;
    color: #207c8b;
    font-size: 14px;
    line-height: 1.2em;
    margin-right: 10px;
    padding-right: 10px;
    text-decoration: none;
}

footer .list li {
    background: rgba(0, 0, 0, 0) url("/images/marker.gif") no-repeat scroll left 6px;
    padding: 0 0 5px 10px;
	line-height: 1px;
    list-style: outside none none;
}
footer li {
    font-family: "Didact Gothic",sans-serif;
    font-size: 1.6em;
}
.social-services {
    display: block;
    list-style: outside none none;
}
.social-services li {
    float: right;
}
/* Responsive Styles */

/* < lg */
@media(max-width:1199px) {
	.explainer {
		font-size: 2.1em;
	}
	.bored {
		background-position: 40px center;
	}
	.home #banner {
		height:404px;
	}
	.heena .testimonial {
		font-size: 1.2em;
	}
	.twobytwo {
		height: 180px;
		font-size: 1.3em;
		padding: 30px 22px 10px 240px;
	}
	#bannervid .stagehero h1{
		font-size: 80px;
	}
	#bannervid .stagehero {
	}
	.wm-spider {
		margin: 21px 0 0 -171px !Important;
	}
	#ii_crowdfunding {
		height: 260px;
		width: 293;
	}
	.ii_scale_null {
		margin-left: -31px;
		transform: scale(0.8);
	}
	#logogrid {
		height: 500px;
	}
	.gridlogo.nadialabs {	top:250px;	left:414px;}
	.gridlogo.skyfire {		top:426px;	left:597px;}
	.gridlogo.experient {	top:358px;	left:590px;}
	.gridlogo.mobideos {		top:82px;	left:768px;}
	.gridlogo.samsung {		top:85px;	left:505px;}
	.gridlogo.camviewer {	top:256px;	left:616px;}
	.gridlogo.dvclabs {		top:175px;	left:209px;}
	.gridlogo.hri {			top:157px;	left:17px;}
	.gridlogo.bromium {		top:416px;	left:782px;}
	.gridlogo.phoenix {		top:346px;	left:433px;}
	.gridlogo.malaysia {		top:260px;	left:775px;}
	.gridlogo.rockwell {		top:356px;	left:206px;}
	.gridlogo.logitech {		top:187px;	left:349px;}
	.gridlogo.indica {		top:91px;	left:20px;}
	.gridlogo.avago {		top:349px;	left:789px;}
	.gridlogo.feve {			top:171px;	left:805px;}
	.gridlogo.smart {		top:257px;	left:247px;}
	.gridlogo.infoobjects {	top:410px;	left:388px;}
	.gridlogo.wheatgrass {	top:430px;	left:176px;}
	.gridlogo.grateful {		top:260px;	left:12px;}
	.gridlogo.woodys {		top:92px;	left:346px;}
	.gridlogo.hcls {			top:258px;	left:143px;}
	.gridlogo.cheftomm {		top:382px;	left:10px;}
	.gridlogo.steadymed {	top:152px;	left:563px;}
}
/* < md */
@media(max-width:991px) {
	.explainer {
		font-size: 1.8em;
		margin: 20px 0;
	}
	.bored {
		background-size: auto 100%;
		background-position: top right;
	}
	.bored .explainer {
		margin: 0px;
		
	}
	.home #banner {
		height:326px;
	}
	.twobytwo {
		font-size: 1.1em;
		padding: 14px 17px 10px 181px;
		line-height: 1.1em;
	}
	.service-box .description {
		opacity: 1 !important;
	}
	.skype div img {
		width: 160px;
	}
	#bannervid .stagehero h1{
		font-size: 65px;
	}
	#bannervid .stagehero {
		padding: 30px 0;
	}
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
	#logogrid {
		height: 590px;
	}
	.gridlogo.nadialabs {	top:384px;	left:16px;}
	.gridlogo.skyfire {		top:511px;	left:575px;}
	.gridlogo.experient {	top:340px;	left:402px;}
	.gridlogo.mobideos {		top:497px;	left:381px;}
	.gridlogo.samsung {		top:443px;	left:190px;}
	.gridlogo.camviewer {	top:305px;	left:9px;}
	.gridlogo.dvclabs {		top:181px;	left:217px;}
	.gridlogo.hri {			top:254px;	left:421px;}
	.gridlogo.bromium {		top:98px;	left:409px;}
	.gridlogo.phoenix {		top:435px;	left:443px;}
	.gridlogo.malaysia {		top:96px;	left:211px;}
	.gridlogo.rockwell {		top:158px;	left:8px;}
	.gridlogo.logitech {		top:101px;	left:13px;}
	.gridlogo.indica {		top:389px;	left:445px;}
	.gridlogo.avago {		top:493px;	left:12px;}
	.gridlogo.feve {			top:440px;	left:593px;}
	.gridlogo.smart {		top:203px;	left:598px;}
	.gridlogo.infoobjects {	top:215px;	left:12px;}
	.gridlogo.wheatgrass {	top:261px;	left:219px;}
	.gridlogo.grateful {		top:325px;	left:281px;}
	.gridlogo.woodys {		top:291px;	left:618px;}
	.gridlogo.hcls {			top:298px;	left:172px;}
	.gridlogo.cheftomm {		top:90px;	left:597px;}
	.gridlogo.steadymed {	top:158px;	left:364px;}
}

/* < sm */
@media(max-width:767px) {
	h2 {
		font-size: 27px;
	}
    .img-portfolio {
        margin-bottom: 15px;
    }
	.bored {
		background-image: url(../images/bored_designer_.jpg);
	}
	.twobytwo {
		font-size: 1.7em;
		padding: 20px 30px 10px 300px;
		line-height: 1.3em;
	}
	.heena {
		height: 170px;
		background-size: auto 110px;
	}
	.heena .testimonial {
		font-size: 1em;
		margin-top: 2px;
	}
	#bannervid .stagehero h1{
		font-size: 55px;
	}
	.parallaxImg {
		margin-left: -53px;
		transform: scale(0.8);
	}
	#ii_crowdfunding {
		height: 300px;
		width: 400;
	}
	.ii_scale_null {
		margin-left: 14px;
		margin-top: 11px;
		transform: scale(1);
	}
	#logogrid {
		height: 750px;
	}
	.gridlogo.nadialabs {	top:88px;	left:187px;}
	.gridlogo.skyfire {		top:406px;	left:256px;}
	.gridlogo.experient {	top:351px;	left:406px;}
	.gridlogo.mobideos {		top:497px;	left:421px;}
	.gridlogo.samsung {		top:107px;	left:374px;}
	.gridlogo.camviewer {	top:106px;	left:14px;}
	.gridlogo.dvclabs {		top:582px;	left:472px;}
	.gridlogo.hri {			top:193px;	left:189px;}
	.gridlogo.bromium {		top:471px;	left:16px;}
	.gridlogo.phoenix {		top:415px;	left:458px;}
	.gridlogo.malaysia {		top:398px;	left:30px;}
	.gridlogo.rockwell {		top:289px;	left:183px;}
	.gridlogo.logitech {		top:565px;	left:19px;}
	.gridlogo.indica {		top:351px;	left:82px;}
	.gridlogo.avago {		top:193px;	left:12px;}
	.gridlogo.feve {			top:666px;	left:447px;}
	.gridlogo.smart {		top:264px;	left:17px;}
	.gridlogo.infoobjects {	top:462px;	left:214px;}
	.gridlogo.wheatgrass {	top:293px;	left:420px;}
	.gridlogo.grateful {		top:540px;	left:234px;}
	.gridlogo.woodys {		top:655px;	left:185px;}
	.gridlogo.hcls {			top:630px;	left:338px;}
	.gridlogo.cheftomm {		top:642px;	left:21px;}
	.gridlogo.steadymed {	top:181px;	left:368px;}
}
/* phones */
@media(max-width:600px) {
	h2 {
		font-size: 21px;
	}
	#bannervid .stagehero h1{
		font-size: 40px;
	}
	#logogrid {
		height: 890px;
	}
	.twobytwo {
		height: 150px;
		font-size: 1.1em;
		padding: 10px 18px 10px 150px;
		line-height: 1em;
	}
	.gridlogo.nadialabs {	top:703px;	left:182px;}
	.gridlogo.skyfire {		top:450px;	left:204px;}
	.gridlogo.experient {	top:883px;	left:24px;}
	.gridlogo.mobideos {	top:616px;	left:24px;}
	.gridlogo.samsung {		top:101px;	left:231px;}
	.gridlogo.camviewer {	top:706px;	left:24px;}
	.gridlogo.dvclabs {		top:596px;	left:369px;}
	.gridlogo.hri {			top:110px;	left:40px;}
	.gridlogo.bromium {		top:441px;	left:23px;}
	.gridlogo.phoenix {		top:362px;	left:328px;}
	.gridlogo.malaysia {	top:204px;	left:37px;}
	.gridlogo.rockwell {	top:301px;	left:26px;}
	.gridlogo.logitech {	top:810px;	left:22px;}
	.gridlogo.indica {		top:378px;	left:23px;}
	.gridlogo.avago {		top:532px;	left:198px;}
	.gridlogo.feve {		top:862px;	left:349px;}
	.gridlogo.smart {		top:524px;	left:25px;}
	.gridlogo.infoobjects {	top:286px;	left:250px;}
	.gridlogo.wheatgrass {	top:803px;	left:316px;}
	.gridlogo.grateful {	top:464px;	left:375px;}
	.gridlogo.woodys {		top:609px;	left:230px;}
	.gridlogo.hcls {		top:827px;	left:234px;}
	.gridlogo.cheftomm {	top:687px;	left:364px;}
	.gridlogo.steadymed {	top:186px;	left:247px;}
}
@media(max-width:536px) {#logogrid { transform: scale(0.9);}
@media(max-width:446px) {#logogrid { transform: scale(0.8);}
@media(max-width:416px) {#logogrid { transform: scale(0.7);}
@media(max-width:371px) {#logogrid { transform: scale(0.6);}
@media(max-width:320px) {#logogrid { transform: scale(0.5);}
}
@media(max-width:400px) {
	#bannervid .stagehero h1{
		font-size: 30px;
	}
	#bannervid .stagehero {
		padding: 3px 0;
	}
}
/* visible-lg */
@media(min-width:1200px) {
	#rightgirl {
		margin-top: -70px;
	}
}