/* Page Generated in 0.000000 seconds */
html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,
samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,
aside,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video
{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;}

article,aside,figure,footer,header,hgroup,nav,section{display:block;}
img,object,embed{max-width:100%; height:auto; }
html{overflow-y:scroll;}
ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
a{font-size:100%;vertical-align:baseline;background:transparent;color:#9EA08B;margin:0;padding:0;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}
table{border-collapse:collapse;border-spacing:0;font-size:inherit;font:100%;}
th{font-weight:700;vertical-align:bottom;}
td{font-weight:400;vertical-align:top;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
input,select{vertical-align:middle;}
pre{white-space:pre-line;word-wrap:break-word;}
input[type=checkbox]{vertical-align:baseline;}
select,input,textarea{font:99% sans-serif;}
a:hover,a:active{outline:none;}
small{font-size:85%;}
strong,th{font-weight:700;}
td,td img{vertical-align:top;}
sub,sup{font-size:75%;line-height:0;position:relative;}
sup{top:-.5em;}
sub{bottom:-.25em;}
pre,code,kbd,samp{font-family:monospace, sans-serif;}
.clickable,label,input[type=button],input[type=submit],button{cursor:pointer;}
button,input,select,textarea{margin:0;}
button{width:auto;overflow:visible;}
.ie7 img{-ms-interpolation-mode:bicubic;}
.ie6 html{filter:expression(document.execCommand("BackgroundImageCache",false,true));}
.clear{clear:both}
.clearfix:before,.clearfix:after{content:"\0020";display:block;height:0;overflow:hidden;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}

body,select,input,textarea{color:#4a4a4a;}
a:hover{color:#0B8882;}
a:link{-webkit-tap-highlight-color:none;}
ins{background-color:#fcd700;color:#000;text-decoration:none;}
mark{background-color:#fcd700;color:#000;font-style:italic;font-weight:700;}
input[type=radio] {vertical-align:text-bottom;}

::-moz-selection,::selection{background:#00baff;color:#fff;text-shadow:none;}



html { background:#2F2F2F; }
html, body { min-height:100%; position:relative; font-family: 'Titillium Web', Helvetica, Arial, sans-serif; font-size:16px; line-height:22px; }
html, body, #menu-bar, #main, #main>section, footer { width:100%; min-width:1000px; }
#page-wrapper { width: 100%; }
#main { padding-top:130px; overflow:hidden; }
#main>section { position:relative; clear:both; }
#main>section>div { max-width:1000px; margin:auto; }
#footer>section>div { max-width:1000px; margin:auto; text-align:center; }
#main>section>div>header { position:relative; z-index:1; }
#main>section>div>figure { z-index:0; }
#main>section .bg, #footer>section .bg { position:relative; }
#footer { height:180px; background:#9EA08B; color:#fff; font-family: Helvetica, Arial, sans-serif; font-size:13px; line-height:20px; padding-top:30px; }
#footer .powered a { color:#294548; padding:10px 0 0 0; display:block; font-weight:bold; }
#footer  .fmenu { margin: 0 auto 10px auto; color:#294548; }
#footer  .fmenu a { padding: 0 10px; color:#294548;  font-weight:bold; font-size:17px; }
#footer  .fmenu a:hover { text-decoration: underline; }
#footer .flogo { margin:25px auto; }


h1 { font-family: 'Titillium Web', Helvetica, Arial, sans-serif; font-size:70px; line-height:1em; letter-spacing:-4px; color: #333; font-weight:normal; }
h2 { font-family: 'Titillium Web', Helvetica, Arial, sans-serif; font-size:26px; line-height:30px;  color: #FFF;}
h3 { font-family: 'Titillium Web', Helvetica, Arial, sans-serif; font-size:28px; line-height:1em; color:#9EA08B;}
h4 { font-family: Helvetica, Arial, sans-serif; font-size:22px; line-height:1em; text-transform:uppercase; }
h5 { font-family: 'Arvo', Helvetica, Arial, sans-serif; font-size:16px; line-height:24px; font-style:italic; }
h4, h5 { color:#656565; font-weight:normal; }
a { text-decoration:none; outline: 0; }
hr { color:#373737; border-color:#373737; height:1px; margin:12px 0; }
header p a, article p a { color:#9EA08B; }
article p a:hover { color:#00BFFF; }
header p, article p, article ul, article ol { font-family: Helvetica, Arial, sans-serif; font-size:14px; line-height:22px; color:#939393; }
article ul { margin-left:19px; }
article ul li:before { content: "\00a0\00a0"; }
article ul li { text-indent:-19px; }

.mm { display:none; }

#menu-bar { position:fixed; z-index:9; background-color:#333; box-shadow: 0 -4px 20px #000; padding:0 50px; margin-left:-50px;  -webkit-backface-visibility: hidden; }
#menu-bar>nav { font-family: Helvetica, Arial, sans-serif; width:100%; max-width:1000px; height:130px; margin:auto; }
#menu-bar input { -webkit-appearance: none; border-radius: 0; }
#menu-bar>nav>ul, #menu-bar>nav>ul>li, #menu-bar>nav>ul>li>a { display:inline-block; *display:inline; }
#logo { display:block; float:left; width:360px; padding: 0 20px; height:130px;  top:12px; left: -2.4%;position: relative;} 
#logo img{width:100%;}
#pri-nav { width:552px; float:right; }
#pri-nav>li { float:left; height:124px; line-height:130px; overflow:hidden; }
#pri-nav>li.current-menu-item, #pri-nav>li.current-menu-item:hover { border-bottom:6px solid #00BFFF; }
#pri-nav>li:hover { border-bottom:6px solid #c6c6c6; }
#pri-nav>li>a { font-size:15px; color:#fff; line-height: auto; height: auto; padding:0 7px; text-transform:uppercase; font-weight:bold; }

#section-scroller { position:fixed; top:50%; right:25px; text-align:center; z-index:99; }
#section-scroller a { position:relative; display:block; width:14px; height:14px; background:rgba(0,0,0,0.5); border-radius:50px; margin:10px 0; }
#section-scroller a.selected.first { margin:7px -3px -3px -3px; }
#section-scroller a.selected {  background:rgba(0,0,0,.8); border:3px solid #d6d6d6; margin:-3px; }
#section-scroller a>span { display:none; position:absolute; right:26px; top:-5px; height:22px; line-height:24px; border:1px solid #cdcdcd; background:#fff; padding:0 8px; font-family: Helvetica, Arial, sans-serif; font-size:12px; text-transform:uppercase; color:#4a4a4a; white-space:nowrap; }
#section-scroller a:hover>span { display:block; }
#section-scroller a>span>span.triangle { position:absolute; right:-14px; top:0; display:block; width:8px; height:22px; background:transparent url(/img/section-scroller-triangle-1.png) right center no-repeat; padding-right:8px; }


.madams {  padding: 0 0 0 170px; position:relative; }
.madams img { position:absolute; top:0; left:0; }

.cbtn { font-family: 'Titillium Web',Helvetica,Arial,sans-serif; background-color: #76a839;    border-radius: 5px;    color: #fff;    display: block;    font-size: 20px;    font-weight: normal;    line-height: 30px;   text-align: center;     text-transform: uppercase;     width: 90%; border:0; padding: 10px 20px; }
.cbtn:hover { background-color:#00BFFF; border:0; }
.cbtn a { color:#fff; }

.cbtn2 { font-family: 'Titillium Web',Helvetica,Arial,sans-serif; background-color: #76a839;    border-radius: 5px;    color: #fff;    display: block;    font-size: 20px;    font-weight: normal;    line-height: 30px;   text-align: center;     text-transform: uppercase;     width: 45%; border:0; padding: 10px 20px; margin:0 auto; }
.cbtn2:hover { background-color:#00BFFF; border:0; }
.cbtn2 a { color:#fff; }


/*
.cta-btn { display:inline-block; *display:inline; font-family: Helvetica, Arial, sans-serif; font-size:18px; color:#fff; padding:0; border-bottom:1px solid #4a4a4a; }
.cta-btn:hover, .cta-btn:hover .line { border:0; }
.cta-btn .line { padding-bottom:6px; margin-bottom:2px; display:inline-block; *display:inline; }
*/
.cta-btn { font-family: 'Titillium Web',Helvetica,Arial,sans-serif; background-color: #00BFFF;    border-radius: 5px;    color: #fff;    display: block;    font-size: 24px;    font-weight: normal;    line-height: 67px;   text-align: center;     text-transform: uppercase;     width: 230px; border:0; }
.cta-btn:hover { background-color:#76a839; border:0; }
.cta-btn .txt { color:#fff; }
.lets-talk .cta-btn { float:right; }

.cta-bar { display:block; height:100px; background:#fff; background:rgba(255,255,255,0.54); font-family: Helvetica, Arial, sans-serif; font-size:30px; line-height:106px; color:#7a7a7a; padding:0 28px 0 40px; }
.cta-bar:hover { color:#00BFFF; }

.link-bar { border-width:1px 0; border-style:solid; border-color:#E0E0E0; margin:20px 0; }
.showcase .link-bar { border-color:#373737; }
/*.insight .link-bar { border-color:#E0E0E0; }*/
.link-bar>a, .link-bar>span { display:block; font-family:'Arvo', Helvetica, Arial, sans-serif; font-size:15px; line-height:16px; font-style:italic; color:#6b6b6b; text-align:center; padding:12px; cursor:pointer; }
.link-bar>a #ajaxloader_show_more { margin-right: 10px; }


.tabbed-content h1, .fmcont h1 { display:none; }
.tab-nav { width:30%; float:left; position:relative; padding-top:13px; }
.tab-nav>ul>li>a { display:block; min-height:49px; border-bottom:1px solid #bebebe; cursor:pointer; }
.tab-nav .text { display:block; font-family: Helvetica, Arial, sans-serif; font-size:18px; line-height:24px; color:#4a4a4a; padding:14px 0 14px 60px; }
/*.tabs-h .tab-nav .text { font-family:'Arvo', Helvetica, Arial, sans-serif; font-size:19px; line-height:52px; color:#7e7e7e; padding:0; line-height:52px; }*/
.tab-nav .icon { display:block; float:left; width:28px; height:28px; background:#fff; color:#7e7e7e; margin:10px 25px 0 4px; border:1px solid #7e7e7e; 	-webkit-border-radius: 50px; 	-moz-border-radius: 50px;	border-radius: 50px; }
.tab-nav .icon.no-svg { overflow:hidden; } 
.tab-nav .icon.no-svg img { margin-top:-28px; } 
.tab-nav .icon.no-svg:hover img,
.tab-nav>ul>li.selected .icon.no-svg img { margin-top:0; } 
li .icon .lipt {  }
li.selected .icon .lipt { background-color:#00BFFF; width:10px; height:10px; border-radius:10px; display:block; position:relative; top:9px; left:9px; }

.filter-nav { width:100%; position:relative; height:50px;  text-align:center; padding:10px 0; margin:30px 0 0 0; }
.filter-nav ul { margin:0 auto; padding:0;  height:50px; width:960px;}
.filter-nav li { float:left; }
.filter-nav li>a { display:block; font-family: Helvetica, Arial, sans-serif; font-size:18px; line-height:24px; color:#4a4a4a; padding:0px 12px; width:123px; text-align:center; }
.filter-nav li>a.active, .filter-nav li>a:hover { color:#00BFFF; }

.tab-panels { width:70%; position:relative; float:right; padding-bottom:38px; }
.tab-panels>.tab-bg { background:#fff; margin-left:60px; padding:44px 40px; border:1px solid #e2e2e2; margin-bottom:30px; width:558px;	-webkit-box-shadow:0px 3px 0px rgba(0, 0, 0, 0.35);	-moz-box-shadow:0px 3px 0px rgba(0, 0, 0, 0.35);	box-shadow:0px 3px 0px rgba(0, 0, 0, 0.35);}
.tab-panels>.tab-bg>.article { max-width:555px; }
.tab-panels h2 { color: #00bfff; margin-bottom:18px; }
.tab-panels p { color:#333; }
.tab-panels h3, .tab-panels p, .tab-panels ul, .tab-panels img, .tab-panels video { margin:10px 0 14px 0; }
.tab-panels ol { margin:10px 0 14px 30px; }
.tab-panels .article ul { margin: 0; }
.tab-panels .article ul li:before { content: "\003e\00a0"; }
.tab-panels .article ul li { text-indent: 0; }
.tab-arrow { position:relative; top:23px; margin-left:49px; display:none; }
.tab-arrow span { position:absolute; display:block; width:0; height:0; z-index:8; }
.tab-arrow span.front { border-top:13px solid transparent; border-bottom:13px solid transparent; border-right:13px solid #fff; top:1px; left:-1px; }
.tab-arrow span.mid { border-top:12px solid transparent; border-bottom:12px solid transparent; border-right:12px solid #e2e2e2; top:0px; }
.tab-arrow span.back { border-top:12px solid transparent; border-bottom:12px solid transparent; border-right:12px solid #a3a3a3; top:5px; }
html.js .tab-panels>.tab-arrow, html.js .tab-panels>.tab-bg.first { display:block; }
html.js .tab-panels>.tab-bg { display:none; position:absolute; }
html.js .tab-nav>ul>li.selected .text, html.js .tab-nav>ul>li.selected .icon { color:#00BFFF; border-color:#00BFFF; }
.tab-nav>ul>li:not(.selected)>a:hover {  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";	filter: alpha(opacity=70);	-moz-opacity: 0.7;	-khtml-opacity: 0.7;	opacity: 0.7;}
.tab-panels>.tab-bg2 { background:#fff; margin-left:60px; padding:44px 40px; border:1px solid #e2e2e2; margin-bottom:30px; width:558px;	-webkit-box-shadow:0px 3px 0px rgba(0, 0, 0, 0.35);	-moz-box-shadow:0px 3px 0px rgba(0, 0, 0, 0.35);	box-shadow:0px 3px 0px rgba(0, 0, 0, 0.35); }


html.js .filter-nav li a.active .text, html.js .filter-nav li a.active .icon { color:#00BFFF; border-color:#00BFFF; }
.filter-nav li a:not(.active):hover {  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";	filter: alpha(opacity=70);	-moz-opacity: 0.7;	-khtml-opacity: 0.7;	opacity: 0.7; }

.fmcont .addons { margin: 0 0 50px 0; }
.addon { border: 1px solid #E9EDEE; background-color:#fff;   display: inline-block;    margin: 0 14px 20px 14px;    vertical-align: top;    width: 170px; }
.addon>a {  border-bottom: 1px solid #E9EDEE;    display: table-cell;    height: 125px;    overflow: hidden;   text-align: center;    vertical-align: middle;    width: 198px; }
.addon .summary {height: 210px;    padding: 10px 16px; font-size: 15px;    line-height: 20px; }
.addon .links  {  background-color: #F6F7F9;    border-top: 1px solid #E9EDEE;    font-size: 13px;    padding: 12px 0;    text-align: center;    }
.addon .links a { color:#00BFFF; }

.cfblk { display:inline-block; width:480px; margin:100px 0 0 0; }
.cfblk label {color: #4A4A4A;    display: inline-block; width:150px; vertical-align:top;     font-size: 24px;    line-height: 34px;    margin: 0 0 10px;}
.cfblk .htmlIText, .cfblk .htmlIMemo {border: 1px solid #CDCDCD;    box-shadow: 0 0 2px #BFBFBF inset;    color: #4A4A4A;    display: inline-block;    font-size: 15px;    padding: 8px 9px 7px;    width: 300px; }
.cfblk .btnsubmit { float:right;  margin:10px 0 50px 0;    padding-bottom: 2px;  }
.cfblk #form_126_submit { font-family: 'Titillium Web',Helvetica,Arial,sans-serif; background-color: #76a839;    border-radius: 5px;    color: #fff;    display: block;    font-size: 24px;    font-weight: normal;    line-height: 67px;   text-align: center;     text-transform: uppercase;     width: 230px; border:0; }
.cfblk #form_126_submit:hover { background-color:#00BFFF; }

.about .txt { text-align:center; }

html.js .slideshow { position:relative; z-index:1; overflow:visible; }
html.js .slideshow>ul { position:absolute; }
html.js .slideshow>ul>li { position:relative; float:left; }
html.js .slideshow>ul>li>img { display:block; }
html.js .slideshow>ul>li>div { position:absolute; top:0; left:0; width:100%; height:100%; }
html.js .slideshow>ul>li>div>div { margin:15px 20px; }
html.js .slideshow>ul>li>div>div>p { font-size:20px; }
html.js .slideshow>ul>li,
html.js .ss-controls a { opacity:0; -moz-opacity:0;  -khtml-opacity:0; filter:alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
html.js .ss-controls { position:absolute; min-width:100%; height:100%; z-index:2; top:0; left:0; overflow:visible; }
html.js .ss-controls>a { position:relative; display:block; width:50%; height:100%; float:left; text-align:center; overflow:visible; }
html.js .ss-controls>a.prev>div { right:350px; }
html.js .ss-controls>a.next>div { left:350px; }
html.js .ss-controls>a>div { position:absolute; width:48px; height:48px; top:50%; background:rgba(255,255,255,0.5); color:#7e7e7e; margin-top:-27px; padding:6px; cursor:pointer; }
html.js .ss-controls>a>div>span { display:block; width:48px; height:48px; background:rgba(255,255,255,0.8); color:#7e7e7e; }
html.js .ss-controls>a.prev>div>span { text-indent:-4px; }
html.js .ss-controls>a.next>div>span { text-indent:4px; }
html.js .ss-controls>a>div, html.js .ss-controls>a>div>span { font-family: Helvetica, Arial, sans-serif; font-size:48px; line-height:50px;	-webkit-border-radius: 60px;	-moz-border-radius: 60px;	border-radius: 60px; }



.metric-circle { display:table-cell; vertical-align:middle; font-family: Helvetica, Arial, sans-serif; text-align:center; border:1px solid #cecece; padding:3px; margin-top:11px; }
.metric-circle>.border { display:table-cell; vertical-align:middle; width:76px; height:76px; border:1px solid #cecece; }
.metric-circle>.border, .metric-circle { 	-webkit-border-radius: 50px;	-moz-border-radius: 50px;	border-radius: 50px; }
.metric-circle .label, .metric-circle .number { color:#4a4a4a; }
.metric-circle .label { font-size:13px; margin-top:6px; }
.metric-circle .number { font-size:17px; }


.icon-circles li { display:block; float:left; margin-left:29px; text-align:center; width:103px; }
.icon-circles li a { display:block; }
.icon-circles li.first { margin-left:0; }
.icon-circles li p { font-family: Helvetica, Arial, sans-serif; font-size:18px; color:#7e7e7e; margin-top:34px; }
.icon-circle-large { font-family: Helvetica, Arial, sans-serif; border:1px solid #cecece; padding:3px; margin-top:11px; width:95px; height:95px; }
.icon-circle-large.no-svg>.border { display:block; }
.icon-circle-large.no-svg>.border>img { margin-top:-100%; }
.icon-circles li:hover .icon-circle-large.no-svg>.border>img { margin-top:0; }
.icon-circle-large>.border { background:#fff; width:93px; height:93px; border:1px solid #cecece; }
.icon-circle-large>.border, .icon-circle-large { 	-webkit-border-radius:100px; 	-moz-border-radius:100px; 	border-radius:100px; 	overflow:hidden; }
.icon-circle-large .label, .icon-circle-large .number { color:#4a4a4a; }
.icon-circle-large .label { font-size:13px; margin-top:6px; }
.icon-circle-large .number { font-size:17px; }
.icon-circles svg { height:100%; width:100%; }
.icon-circles li:hover svg path { fill:#00BFFF; }



.article ul.icon-list { margin-left:0; }
.article ul.icon-list li:before { content:none; }
.article ul.icon-list li { text-indent:0; }
.icon-list li { float:left; width:230px; padding-right:10px; margin:7px 0; }
.icon-list .text { font-family: Helvetica, Arial, sans-serif; font-size:14px; line-height:18px; color:#7e7e7e; display: inline-block; *display:inline; width: 80%; }
.icon-list .icon { display: inline-block; *display:inline; float:left; width:26px; height:26px; background:#6f6f6f; color:#fff; margin:0 14px 0 0; 	-webkit-border-radius: 50px; 	-moz-border-radius: 50px; 	border-radius: 50px; }
.icon-list .icon.no-svg { overflow:hidden; }
.icon-list .icon.no-svg>img { margin-top:-100%; }


.logo-grid li { float:left; width:150px; height:150px; }
.logo-grid li>a>img { display:block;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	/*transition:filter 0.5s;*/
	-webkit-filter:grayscale(100%);
	-moz-filter:grayscale(100%);
	-o-filter:grayscale(100%);
	-ms-filter:grayscale(100%);
	filter:grayscale(100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	height:auto;
}
.logo-grid li>a:hover>img { 
	-webkit-filter:grayscale(0%); 
	-moz-filter:grayscale(0%); 
	-o-filter:grayscale(0%); 
	-ms-filter:grayscale(0%);
	filter:grayscale(0%);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity:0.6;
}

.addon_slider { position:relative; }
.addon_slider .ao_slider {   height: 100px;    margin: 0 auto;    overflow: hidden;    width: 960px; }
.addon_slider .ao_slider ul { height:100px; }
.addon_slider .ao_slider li { float: left;  height: 100px; margin-right: 5px;    position: relative;    width: 150px;}
.addon_slider .ao_slider li a { display:table-cell; vertical-align:middle; height:100px; }
.addon_slider .n_prev, .addon_slider  .n_next {    display: none;    height: 48px;    overflow: hidden;    position: absolute;    text-indent: -9999px;    top: 50px;    width: 48px; z-index:999;}
.addon_slider .n_prev {   background: url("/img/prev.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);    left: -32px;}
.addon_slider .n_prev:hover {background-position: left bottom;}
.addon_slider .n_next {    background: url("/img/next.png") no-repeat scroll right top rgba(0, 0, 0, 0);    right: -32px;}
.addon_slider .n_next:hover {background-position: right bottom;}

.filter-list { font-family:'Arvo', Helvetica, Arial, sans-serif; font-size:15px; line-height:22px; font-style:italic; border:1px solid #373737; border-width:1px 0; padding:10px 0; margin-bottom:25px; }
.filter-list .label { width:12%; float:left; }
.filter-list .categories { width:88%; display:inline-block; *display:inline; }
.filter-list .categories li { display:inline-block; *display:inline; cursor:default; }
.filter-list .categories li.selected a { color: #9EA08B; }
.filter-list .categories li>a { color:#7e7e7e; cursor:pointer; }
.filter-list .categories li>a:hover { color:#00BFFF; cursor:pointer; }
.filter-list .categories li>span { width:22px; color:#373737; display:inline-block; *display:inline; text-align:center; }




section.pgcont { background: url("/img/bg2.png") repeat scroll 0 0 #FAFAFA;    min-height: 405px; }
section.pgcont .bg {min-height: 405px;    padding-top: 35px;}
#main > section.pgcont > div > header { padding-bottom:35px; }

section.pgcont2 { background: url("/img/bg2.png") repeat scroll 0 0 #FAFAFA; min-height: 405px;  }
section.pgcont2 .bg {min-height: 405px;    padding-top: 35px;}
#main > section.pgcont2 > div > header { padding-bottom:35px; }
section .xeros { margin: 30px 0 50px 0; }
section .xeroSection { width:1000px; background-color:#fff;  border-bottom: 1px solid #eff2f5}
section .xeroSection.odd {  }
section .xeroSection.even { }
section .xeroSection .xerostatement ul { list-style:disc; margin:20px auto; width:260px; text-align:left; }
section .xeroSection .xerostatement h2 { color:#00bfff; }
section .xeroSection.odd .xeroIllustration { padding: 70px 5% 39px 5%; text-align:center; float:left; width:40%; }
section .xeroSection.odd  .xerostatement { padding: 70px 5% 39px 5%; text-align:center; float:left;  width:40%; }
section .xeroSection.even  .xeroIllustration { padding: 70px 5% 39px 5%; text-align:center; float:right; width:40%; }
section .xeroSection.even  .xerostatement { padding: 70px 5% 39px 5%; text-align:center; float:right;  width:40%; }

section.lets-talk { min-height:475px; background-image:url('/img/footer.jpg'); background-repeat:repeat; background-position: top center; }
section.lets-talk .bg { min-height:425px; background:transparent url(/img/test-dino.png) -20px bottom no-repeat; padding-top:50px; }
section.lets-talk header { float:right; text-align:right; margin}
section.lets-talk h1 { color:#333; margin-bottom:10px; }
section.lets-talk h2 { color:#fff; margin-bottom:40px; }
section.lets-talk .cta-btn { color:#9EA08B; border-color:#9EA08B; }
section.lets-talk .cta-btn .line { }

section.showcase .bg { min-height:753px; padding-top:47px; padding-bottom:40px; }
section.showcase h1 { margin-bottom:25px; }
section.showcase .slideshow { height:480px; margin-bottom:45px; }
section.showcase .slideshow li { width:1000px; }
section.showcase .project-description { margin-top:45px; }
section.showcase .project-description .links { float:right; }
section.showcase .project-description .links a { font-family: Helvetica, Arial, sans-serif; font-size:14px; margin-left:28px; }
section.showcase .project-description .links a,
section.showcase .project-description .links a>span { border-bottom:1px solid #555555; padding-bottom:2px; display:inline-block; *display:inline; }
section.showcase .project-description h4 { margin-bottom:34px; }
section.showcase .project-description h5 { margin-bottom:4px; }
section.showcase .project-description .view-more { border-bottom:1px solid #373737; margin-bottom:29px; }
section.showcase .project-description .tags { width:50%; float:left; }
section.showcase .project-description .link-bar { display: none; }
section.showcase .project-description .details { width:50%; float:right; }
section.showcase .project-description .details { font-family: Helvetica, Arial, sans-serif; font-size:14px; line-height:22px; }
section.showcase .project-description .details h5 { margin-bottom:14px; }
section.showcase .project-description .details p { margin-bottom:22px; }
section.showcase .project-description .details ul { margin-left: 12px; }
section.showcase .project-description .details ul>li { text-indent: -14px; }
section.showcase .project-description .details ul>li:before { content: "\003e\00a0"; }

.aliashome section.hero { min-height:480px; background-image:url('/img/hero-bg.png'); background-color:#b4d2d4; background-repeat:repeat; }
.aliashome section.hero .bg { min-height:390px; padding-top:80px; }
.aliashome section.hero .diagram { position:absolute; top:0px; }
.aliashome section.hero .diagram ul {	list-style:none; 	padding: 0; 	margin:0;	position: relative;  	overflow: hidden;  	width: 100%;  height:auto;}
.aliashome section.hero .diagram ul  li {  	position: absolute;  	display: none;  	width: 100%;  	left: 0;  top: 0;  }
.aliashome section.hero .diagram ul  li:first-child {  	position: relative;  	display: block;  	float: left;  }
.aliashome section.hero .diagram ul img {	width:100%; 	height:auto; 	display:block; 	border:0;	float:left;}
.aliashome section.hero h1 { color:#333; margin-bottom:22px; }
.aliashome section.hero h2 { margin-bottom:19px; max-width:66%; }
.aliashome section.hero .cta-btn { color:#0BAAD9; border-color:#0BAAD9; }
.aliashome section.hero .cta-btn .line { }


.aliashome section.hmcont { min-height:480px; background-color:#fff; }
.aliashome section.hmcont .bg { min-height:358px; padding:60px 0; }
.aliashome section.hmcont .header { float:right; width:60%; text-align:right; margin:40px 0 0 0; }
.aliashome section.hmcont h1 { color:#00bfff; margin-bottom:20px; }
.aliashome section.hmcont h2 { color:#9EA08B; }
.aliashome section.hmcont ul { float:left; width:40%; }
.aliashome section.hmcont ul>li { display:block; height:60px; font-family: Helvetica, Arial, sans-serif; font-size:18px; line-height:22px; color:#333; border-bottom:1px solid #c5c5c5; margin-bottom:10px; padding: 0 0 0 40px; position:relative; }
.aliashome section.hmcont ul>li>.num { font-size:40px; color:#00BFFF; position:absolute;  margin: 10px 0px 0 -40px;  font-family:'Titillium Web', Helvetica, Arial, sans-serif; }
/*
.aliashome section.challenge { min-height:480px; background:#fef7ec url(/img/test.jpg) center bottom no-repeat; }
.aliashome section.challenge .bg { min-height:370px; padding-top:110px; }
.aliashome section.challenge header { width:50%; }
.aliashome section.challenge h1 { color:#61348f; margin-bottom:59px; }
.aliashome section.challenge .cta-bar .icon {  font-family: Helvetica, Arial, sans-serif; font-size:56px; }
*/
.aliascontact .pgcont header {    float: left;    margin-right: 40px;    width: 480px;}
.aliascontact section h1 { margin-bottom:30px; }
.aliascontact section h2 { margin-bottom:30px; color:#7E7E7E; }
.aliascontact section h2 a  { color:#7E7E7E; font-size:21px; }
/*
.aliascontact section .cta-bar-link .icon { background: none repeat scroll 0 0 #FFFFFF;    border: 1px solid #C8C8C8; margin-right:10px;   border-radius: 30px;    display: inline-block;    height: 28px;    line-height: 28px;    padding: 0;    vertical-align: middle;    width: 28px; }  
.aliascontact section  .cta-bar-link .icon>img { width:28px; }
*/
.aliascontact section .cta-bar-link .text {   vertical-align: middle; }

section.hmcont { min-height:405px; }
section.hmcont .bg { min-height:405px; padding-top:75px; }
section.hmcont h1 { color:#e91049; margin-bottom:62px; }

section.addons { min-height:150px; background:#fff; }
section.addons .bg { min-height:170px; padding-top:30px; padding-bottom:0px; }
section.addons h3 { margin-bottom:10px; text-align:center; }

.cta-bar-link { display:block; height:59px; border-bottom:1px solid #c5c5c5; font-family: Helvetica, Arial, sans-serif; font-size:18px; color:#7e7e7e; line-height:59px; }
.cta-bar-link span.symbol { float:right; height:60px; }
.cta-bar-link:hover { color:#00BFFF; }

.pricing .plan {    border: 1px solid #ccc;    float: left;    margin:40px 0 40px 3%;    width: 31%; background-color:#fff; }
.pricing .plan:first-child { margin-left:0; }
.pricing .plan h3 {    text-transform: uppercase;    background: none repeat scroll 0 0 #333333;    color: #fff;    font-size: 16px;    line-height: 45px;    margin: 0;    text-align: center;}
.pricing .plan li:nth-child(2n), .pricing .select {    background-color: #f4f4f4; }
.pricing .plan h4 {    background: none repeat scroll 0 0 #333333;    padding: 0 0 10px; }
.pricing .plan h4 span {    color: #00BFFF;    font-weight: 900; text-transform: none;	display: inline-block;    padding-right: 5px; }
.pricing .plan .amount {    font-size: 40px;    padding: 10px 0;}
.pricing .plan .amount, .pricing .plan .interval {    display: block;    text-align: center; }
.pricing .plan .amount span {    font-size: 20px;    vertical-align: super;}
.pricing .plan .interval {    font-size: 13px; }
.pricing .features ul {    margin: 0;    padding: 0; }
.pricing .features ul li {    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);   }
.pricing .plan li {    line-height: 20px; text-align: center; padding: 10px 20px; border-bottom: 1px solid #ccc; }
.pricing .plan .select {  text-align: center;  background-color:#333; }
.pricing .select div {    padding-top: 18px; }
.pricing a.button {    background-color: #00BFFF;    color: #ffffff;    border: medium none;    border-radius: 5px;    cursor: pointer;    display: inline-block;    font-size: 12px;    font-weight: 900;    letter-spacing: 1px;    margin: 0 0 20px;    padding: 6px 20px;    text-align: center;    text-transform: uppercase;    transition: all 200ms ease-in 0s;    width: auto; }

.enquire { position:relative; padding:20px 260px 20px 20px; background-color:#fff; margin: 0 0 50px 0;  }
.enquire h2 { color:#333; margin: 0 0 10px 0; }
.enquire a.enquireBtn { position:absolute; top:30px; right:20px;  background-color:#76a839; border-radius: 5px;   color: #fff;    display: block;    font-size: 24px;    font-weight: normal;    line-height: 67px;    text-align: center;    text-decoration: none;    text-transform: uppercase;    width: 230px; }
.enquire a.enquireBtn:hover { background-color:#00BFFF; }

.lhs { margin: 50px 0;  }
.lhs ul li { background-image:url("/img/bg2.png"); }
.lhs .enquire { margin:25px 0; background-color:transparent; padding:20px; }
.lhs .enquire a.enquireBtn { position:relative; margin: 0 auto; top:0; right:0; }

.mlhs { margin: 50px auto; display:none; width:300px; }
.mlhs ul li { background-image:url("/img/bg2.png"); }
.mlhs .enquire { margin:25px 0; background-color:transparent; padding:20px; }
.mlhs .enquire a.enquireBtn { position:relative; margin: 0 auto; top:0; right:0; }

.mtcont { background-color: #fff;  padding: 20px;}
.mtcont h2 { color:#000; }

@media only screen and (min-width: 768px) and (max-width: 959px) {
	html, body, #menu-bar, #main, #main > section, footer { min-width:760px; }
	
	#logo { width:275px; left:-1%; top:25px; }
	#pri-nav { width:440px;  }
	#pri-nav > li > a { font-size:12px; }
	
	#main > section.pgcont > div > header { padding: 0 20px 35px 20px; }
	
	section .xeroSection { width:760px; margin:0 auto; }
	section.lets-talk header { margin: 0 50px 0 0; }
	
	.tab-nav { width:230px; margin: 0 20px; }
	.tab-panels { float:left; width:480px; }
	.tab-panels > .tab-bg { width:330px; }
	
	.filter-nav ul { width:730px; }
	.filter-nav li > a { width:110px; font-size:16px; padding: 0 5px; font-weight:bold; }
	
	.aliashome section.hero h1 { font-size:60px; margin-left:10px; }
	.aliashome section.hero h2 { margin-left:20px; }
	.aliashome section.hero .cta-btn { margin-left:20px; }	
	.aliashome section.hmcont .header { margin:40px 30px 0 0; width:50%;  }
	.aliashome section.hmcont ul { width:38%; margin: 0 0 0 30px; }
	.aliashome section.hmcont ul > li { height:75px; }
	
	.aliascontact .pgcont header { width:350px; }
	.aliascontact section h2 a { font-size:18px; }
	
	.lhs ul { width:230px; }
	.lhs li img { width:100%; height:auto; }
	
	.enquire a.enquireBtn { width:210px; }
	
	.cfblk { width:300px; }
	.cfblk label { width:100px; font-size:18px; }
	.cfblk .htmlIText, .cfblk .htmlIMemo { width:170px; }
}

@media only screen and (max-width: 767px) {	
	html, body, #menu-bar, #main, #main > section, footer { min-width:320px; }

	#logo { width:300px; top:24px; height:80px;  }

	.mm { display:block; padding:5px 0; position:fixed; top:50px; right:15px; cursor:pointer; z-index:99; }
	.mm img { width:auto !important; height:auto !important; }
	
	#menu-bar { margin:0; padding:0; }
	#menu-bar > nav { max-width:320px; margin:0; }
	#pri-nav  { background-color:#333333; width:100%; left:-100%; text-align:left; float:none; position:absolute; margin:130px 0 0 0; z-index:99; -moz-transition: left 0.8s ease;  -webkit-transition: left 0.8s ease;  -o-transition: left 0.8s ease;  -ms-transition: left 0.8s ease;  transition: left 0.8s ease; }
	#pri-nav > li { height:40px; line-height:40px; width:100%; border-bottom:6px solid #333333; text-align:center; }
	/*#pri-nav>li a:hover { color:#00BFFF; }*/
	.openmm #pri-nav  { left:0;  }		
	
	h1 { padding: 0 20px; font-size:40px; }
	
	.aliashome section.hero { min-height:190px; background-size:cover; }
	.aliashome section.hero .bg { padding-top:20px; min-height:170px; }	
	.aliashome section.hero h1 { font-size:22px; letter-spacing:1px; margin-left:10px; margin-bottom:12px;  }
	.aliashome section.hero h2 { font-size:12px; line-height:18px; margin-left:10px; margin-bottom:12px;  }
	.aliashome section.hero .cta-btn { margin-left:12px; font-size:12px; width:100px; line-height:30px;  }

	.aliashome section.hmcont .bg { padding:30px 0; }
	.aliashome section.hmcont .header { width:100%; float:none; margin:0; }
	.aliashome section.hmcont ul { width:80%; float:none; margin:30px; }
	.aliashome section.hmcont ul > li { height:100px; }
	.aliashome section.hmcont h1 { font-size:34px; text-align:center; }
	.aliashome section.hmcont h2 { font-size:20px; text-align:center; }
	
	.aliascontact section h2 { padding: 0 20px; }
	
	.cta-bar-link { padding:0 20px; width:280px; }
	
	.cfblk { width:280px; display:block; margin:20px; }
	.cfblk .htmlIText, .cfblk .htmlIMemo { width:260px; }
	
	#main > section > div , #footer > section > div { max-width:320px; }
	
	section.lets-talk { display:none; }
	
	section .xeroSection { width:320px; }
	section .xeroSection .xeroIllustration, section .xeroSection.odd .xeroIllustration, section .xeroSection.even .xeroIllustration { width:90%; float:none; padding:70px 5% 0 5%; }
	section .xeroSection .xerostatement, section .xeroSection.odd .xerostatement, section .xeroSection.even .xerostatement { width:90%; float:none; }

	.filter-nav ul { width:300px; }
	.filter-nav li > a { width:90px; font-size:13px; padding: 0 5px; font-weight:bold; }
	
	.addon  { margin: 0 auto 20px auto; display:block; }
	
	.pricing .plan  { width:280px; margin:0 auto 100px auto; float:none; }
	.pricing .plan:first-child { margin: 0 auto 100px auto; }
	
	.enquire  { padding:20px 20px 100px 20px; }
	.enquire a.enquireBtn { position:relative; left: 10%;}
	
	.tab-nav { float:none; width:280px; height:60px; margin: 0 20px; overflow:hidden; }
	.tab-nav .icon { margin: 10px 5px; }
	.tab-nav .text { display:none; }
	.tab-nav > ul > li  { float:left; }
	.tab-nav > ul > li > a { border:0px; }
	.tab-panels { float:none; width:100%; }
	.tab-panels > .tab-bg { width:280px; padding: 44px 20px; margin-left:0px; } 
	.tab-panels > .tab-bg > .article { max-width:250px; }
	.tab-arrow span { display:none; }
	
	
	
	.lhs { display:none; }
	.mlhs { display:block; }
	
	#footer { height:100%; }
	#footer .fmenu { width:280px; }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	html, body, #menu-bar, #main, #main > section, footer { width:480px; }
	
	#main > section > div , #footer > section > div { max-width:450px; }
	
	#logo { top:10px; width:420px; }
	
	.aliashome section.hmcont h1 { font-size:54px; }
	.aliashome section.hmcont h2 { font-size:30px; }
	
	.aliashome section.hero h1 { font-size:30px; margin-left:0; }
	
	.aliascontact .pgcont header { width:400px; float:none; }
	
	section .xeroSection { width:450px; }
	
	.cta-bar-link {  width:360px; }
	
	.enquire a.enquireBtn { left: 25%;}
	
	.cfblk { width:410px; }
	.cfblk .htmlIText, .cfblk .htmlIMemo { width:225px; }
	
	.addon { display:inline-block; margin:0 10px 20px 10px; }	
	
	.pricing .plan  { width:320px; }
	
	.tab-nav {  width:440px;  }
	.tab-panels > .tab-bg { width:440px; } 
	.tab-panels > .tab-bg > .article { max-width:410px; }
	
	#footer .fmenu { width:440px; }
}

@media only screen and (min-width: 520px) and (max-width: 767px) {
	html, body, #menu-bar, #main, #main > section, footer { width:600px; }
	#logo { left:17%; }
}

input { -webkit-appearance: none; border-radius:0; }