@charset "utf-8";

body {
    font-family: 'LatoRegular', Helvetica, Arial, sans-serif;
    font-size: 12px;
	line-height: 1.4em;
    color: #222;
    margin: 0px auto;
	background: #222;
	overflow-y:scroll;
}

a:link      { color: #008d96; text-decoration: none;}
a:visited   { color: #008d96; text-decoration: none;}
a:hover     { color: #008d96; text-decoration: underline;}
a:active    { text-decoration: none;}

a.secondary:link {color: #222; text-decoration: none;}
a.secondary:visited   { color: #222; text-decoration: none;}
a.secondary:hover     { color: #222; text-decoration: none;}
a.secondary:active    { text-decoration: none;}

p   {font-weight:normal; margin:0px 0px 0px 0px; text-align:left; font-size: 14px; line-height: 17px;}
h1  {font-family: 'LatoBold'; font-size: 52px; font-weight:normal; line-height:normal; margin:0; text-align:left; }
h2  {font-family: 'LatoBold'; font-size: 48px; font-weight:normal; line-height:normal; margin:0; text-align:left; }
h3  {font-family: 'LatoBold'; font-size: 32px; font-weight:normal; line-height:normal; margin:0; text-align:left; }
h4  {font-family: 'LatoBold'; font-size: 24px; font-weight:normal; line-height:normal; margin:0; text-align:left; }
h5  {font-family: 'LatoBold'; font-size: 20px; font-weight:normal; line-height:normal; margin:0; text-align:left; }
h6  {font-family: 'LatoBold'; font-size: 16px; font-weight:normal; line-height:normal; margin:0; text-align:left; }

hr {background-color: #ccc; height: 1px; border: 0;}

ul {padding-bottom:5px; list-style-position:inside; list-style-type:disc; font-size: 14px; }
ul li {margin-bottom:5px; font-size: 14px; line-height: 17px;}
ol {padding-bottom:5px; list-style-position:inside; list-style-type:decimal; font-size: 14px; }
ol li {margin-bottom:5px; font-size: 14px; line-height: 17px;}

#text_9_body ul {list-style-position:outside;}
#text_9_body ul li {margin-bottom:15px; margin-left:25px;}

table {border: 1px solid #999; margin-bottom:10px; background-color: #FAFAFA;}
table tr { border: 1px solid #999;}
table tr:hover { background-color: #F5F5F5; color: #000;}
table td { border: 1px solid #999; padding:10px; font-size: 14px;}

form { margin: 0; padding: 0; }
.label_holder {margin-bottom:5px;}
.form_entry {margin-bottom:10px;}
.form_hint_holder {border: 1px solid #DDD;background-color:#EEE;color:#888;font-size:11px;padding:5px; margin-bottom:10px;}
.form_hint_holder:hover {border: 1px solid #DADADA;background-color:#EAEAEA;color:#444;font-size:11px;padding:5px; margin-bottom:10px;}
form input {border: 1px solid #ccc;background-color:#f2f5f5; color:#666; padding:5px 8px 5px 8px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
form input:hover {border: 1px solid #999;background-color:#f7faf9; color:#333; }
form input:focus {border: 1px solid #666; background-color:#fff; color:#000; }
form textarea {border: 1px solid #747371;background-color:#FFF;padding:5px;overflow: auto;}
form textarea:hover {border: 1px solid #747371;background-color:#FFF;}
form textarea:focus {border: 1px solid #747371; background-color:#FFF;}
form input[type=submit] { cursor: pointer; font-weight: bold; background-color:#008d96; color: #fff; border-color: #747371; }
form input[type=submit]:hover { background-color:#008d96; border-color: #747371; color: #fff; }
form input[type=submit]:active { background-color:#008d96; border-color: #747371; color: #fff; }

.float-left { float: left; }
.float-right { float: right; }
.clear-left { clear: left; }
.clear-right { clear: right; }

.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.align-top { vertical-align: top }
.align-middle { vertical-align: middle; }
.align-bottom { vertical-align: bottom; }

.pad-0 {padding: 0px;} .pad-5 {padding: 5px;} .pad-10 {padding: 10px;} .pad-15 {padding: 15px;} .pad-20 {padding: 20px;} .pad-30 {padding: 30px;}
.mrg-0 {margin: 0px;} .mrg-5 {margin: 5px;} .mrg-10 {margin: 10px;} .mrg-15 {margin: 15px;} .mrg-20 {margin: 20px;} .mrg-30 {margin: 30px;}

.mrg-t-5 {margin-top: 5px;} .mrg-t-10 {margin-top: 10px;} .mrg-t-15 {margin-top: 15px;} .mrg-t-20 {margin-top: 20px;} .mrg-t-30 {margin-top: 30px;}
.mrg-l-5 {margin-left: 5px;} .mrg-l-10 {margin-left: 10px;} .mrg-l-15 {margin-left: 15px;} .mrg-l-20 {margin-left: 20px;} .mrg-l-30 {margin-left: 30px;}
.mrg-r-5 {margin-right: 5px;} .mrg-r-10 {margin-right: 10px;} .mrg-r-15 {margin-right: 15px;} .mrg-r-20 {margin-right: 20px;} .mrg-r-30 {margin-right: 30px;}
.mrg-b-5 {margin-bottom: 5px;} .mrg-b-10 {margin-bottom: 10px;} .mrg-b-15 {margin-bottom: 15px;} .mrg-b-20 {margin-bottom: 20px;} .mrg-b-30 {margin-bottom: 30px;}

.pad-t-5 {padding-top: 5px;} .pad-t-10 {padding-top: 10px;} .pad-t-15 {padding-top: 15px;} .pad-t-20 {padding-top: 20px;} .pad-t-30 {padding-top: 30px;}
.pad-l-5 {padding-left: 5px;} .pad-l-10 {padding-left: 10px;} .pad-l-15 {padding-left: 15px;} .pad-l-20 {padding-left: 20px;} .pad-l-30 {padding-left: 30px;}
.pad-r-5 {padding-right: 5px;} .pad-r-10 {padding-right: 10px;} .pad-r-15 {padding-right: 15px;} .pad-r-20 {padding-right: 20px;} .pad-r-30 {padding-right: 30px;}
.pad-b-5 {padding-bottom: 5px;} .pad-b-10 {padding-bottom: 10px;} .pad-b-15 {padding-bottom: 15px;} .pad-b-20 {padding-bottom: 20px;} .pad-b-30 {padding-bottom: 30px;}

.nopad { padding:0!important; }

.brd { border: 1px solid #ccc; } .brd-t { border-top: 1px solid #ccc; } .brd-b { border-bottom: 1px solid #ccc; } .brd-r { border-right: 1px solid #ccc; } .brd-l { border-left: 1px solid #ccc; }

.uppercase { text-transform: uppercase; }
.underline { text-decoration:underline; }

.white { color:#fff; }
.black { color:#000; }
.darkgrey { color:#333; }
.grey { color:#666; }
.lightgrey { color:#999; }
.green { color:#4c9e45; }
.aqua { color:#008d96; }
.sand { color:#bfac76; }

.bg-black { background: #000;}
.bg-white { background: #fff;}
.bg-grey { background: #ccc;}
.bg-green { background:#4c9e45; }
.bg-aqua { background:#008d96; }
.bg-sand { background:#bfac76; }

.tiny-font { font-size:9px; line-height:1.5em; }
.small-font { font-size:11px; line-height:1.5em; }
.normal-font { font-size:13px; line-height:1.5em; }
.medium-font { font-size:15px; line-height:1.5em; }
.big-font { font-size:17px; line-height:1.5em; }
.bigger-font { font-size:20px; line-height:1.5em; }
.huge-font { font-size:25px; line-height:1.5em; }

.font-weight-normal { font-weight:normal; }
.font-weight-400 { font-weight:400; } .font-weight-500 { font-weight:500; } .font-weight-700 { font-weight:700; } .font-weight-900 { font-weight:900; }

.font-lato-light { font-family: 'LatoLight'; }
.font-lato-regular { font-family: 'LatoRegular'; }
.font-lato-bold { font-family: 'LatoBold'; }

.container { width:1040px; margin:0px auto; }

header {
	width:100%; background:#fff;
	border-top:6px solid #dfdfdf; border-bottom:4px solid #000;
}

header .logo { float:left; width:194px; height:55px; padding:20px 0; }
header .logo img { width:194px; height:55px; }
header .div-stripes { float:left; width:4px; height:55px; margin:20px 10px; background: url(../images/div-stripes-header.png) 0 0 no-repeat; }
header .tagline { float:left; width:93px; height:25px; padding:50px 0 20px 0; }

header nav { float:right; width:720px; }

#menu_1 {display: block; float:right; padding: 0; margin: 0; visibility: visible; text-align: left; font-family: 'LatoRegular'; }
#ul_menu_1 {display: inline; float: left; margin: 0; padding:0; list-style: none; height:40px; }
#ul_menu_1 ul { z-index: 50; list-style: none; padding: 0; margin: 0; font-family: 'LatoRegular', Helvetica, Arial, sans-serif; border-bottom:1px solid #005a63; }
#ul_menu_1 li { display: inline; float: left; margin: 0; padding:0; position: relative; line-height:40px; height:40px; 
background: url(../images/nav-dot-aqua.png) 0 0 no-repeat; background-position:center right;}
#ul_menu_1 li.first_menu_li { }
#ul_menu_1 li.last_menu_li { background:none; }
#ul_menu_1 li.last_menu_li a { padding-right:0; }
#ul_menu_1 a { display: block; text-decoration: none; margin:0; padding:0 17px 10px 10px; font-size:16px; color: #012841; position:relative; text-align:center; line-height:40px; height:32px; text-shadow: 0px 1px 0px #fff; }
#ul_menu_1 li:hover { } 
#ul_menu_1 ul li a {padding:10px 15px; font-size:11px; color: #fff; text-shadow: 0px 1px 0px #005a63; text-align:left; height:auto; line-height:normal; margin:0; background:none; }
#ul_menu_1 li:hover a, #ul_menu_1 a:focus, #ul_menu_1 a:active, #ul_menu_1 li.p7hvr a {color: #008d96; }
#ul_menu_1 li:hover ul, #ul_menu_1 li.p7hvr ul {display: block; }
#ul_menu_1 li ul {position: absolute; display: none;  }
#ul_menu_1 li ul, #ul_menu_1 ul li {width: 200px; float: left; }
#ul_menu_1 li ul li {float: left; margin-left: 0; border-top: solid 1px #005a63; text-align: left; background: #008d96; margin: 0px; padding: 0px; border-right: none; height:auto; }
#ul_menu_1 li:hover ul a, #ul_menu_1 li.p7hvr ul a {color: #fff; }
#ul_menu_1 ul a:hover {background-color: #00737c!important; color: #fff !important; text-shadow: 0px 1px 0px #005a63; }
#li_menu_1_active { }
#li_menu_1_active a  { color: #cccccc; text-decoration: none; }
/* custom */
#ul_menu_1 li ul li a {background: none;  }
#ul_menu_1 li ul li a:hover {background: none;} 
#ul_menu_1 li ul li:hover {border-top:: 1px solid #005a63;} 
#ul_menu_1 a {}
#ul_menu_1 li ul li a {font-weight:bold;}
#ul_menu_1 li {line-height:1.5em;}
#ul_menu_1 li ul li {line-height:1.15em;}
#ul_menu_1 li {margin-right:0px;}
/* hide from IE mac \*/
#ul_menu_1 li {position: static; width: auto;}
/* end hiding from IE5 mac */

#menu_2 {display: block; float:right; padding: 13px 0 0 0; margin: 0; visibility: visible; text-align: left; font-family: 'LatoRegular'; }
#ul_link_list_8_link_list {display: inline; float: left; margin: 0; padding:0; list-style: none; height:40px; }
#ul_link_list_8_link_list li { display: inline; float: left; margin: 0; padding:0; position: relative; line-height:40px; height:40px; 
background: url(../images/nav-dot-gray.png) 0 0 no-repeat; background-position:center right;}
#ul_link_list_8_link_list li.ul_link_list_8_link_list_last, #ul_link_list_8_link_list li.item5 { background:none; }
#ul_link_list_8_link_list li.ul_link_list_8_link_list_last a { padding-right:0; }
#ul_link_list_8_link_list a { display: block; text-decoration: none; margin:0; padding:0 14px 10px 10px; font-size:13px; color: #959595; position:relative; text-align:center; line-height:40px; height:32px; text-shadow: 0px 1px 0px #fff; }
#ul_link_list_8_link_list li:hover a, #ul_link_list_8_link_list a:focus, #ul_link_list_8_link_list a:active, #ul_link_list_8_link_list li.p7hvr a {color: #008d96; }


header .social-links { 
	float:right; clear:right; height:42px; background:#222; margin:0 0 0 10px;
	border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px;  
	border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; 
}
#link_list_9 { text-align:left; margin:0; }
#ul_link_list_9_link_list { margin:0; }
#ul_link_list_9_link_list ul { list-style: none; margin:0; padding:0; text-align: left; }
#ul_link_list_9_link_list li { display: inline; margin:0px; padding:9px 2px; height:24px; line-height:36px; }
#ul_link_list_9_link_list li.ul_link_list_9_link_list_first { padding-left:6px; }
#ul_link_list_9_link_list li.ul_link_list_9_link_list_last { padding-right:9px; }
#ul_link_list_9_link_list a { line-height:normal; width:24px; height:24px; }
#ul_link_list_9_link_list li.ul_link_list_9_link_list_last a { }
#ul_link_list_9_link_list li:hover a, #ul_link_list_9_link_list a:focus, #ul_link_list_9_link_list a:active a { text-decoration:none; } 
#ul_link_list_9_link_list img { width:24px; height:24px; vertical-align:middle; }

.banner-main { 
	width:100%; height:459px; /*background:#000 url(../images/banner-main-bg.png) 0 0 no-repeat; background-position:top center; background-size:cover;*/
	border-top:1px solid #fff; border-bottom:1px solid #fff; z-index: 10; position: relative;
}
.banner-main .box { width:100%; height:140px; background:#000; border:2px solid #000; margin:120px 0 0 0; }
.banner-main .box .txt { 
	float:left; width:720px; padding:10px; 
}
.banner-main .box .txt h1 { color:#fff; font-family: 'LatoRegular'; font-size: 56px; line-height:normal; text-align:center; padding:10px 0; }
.banner-main .box .txt h2 { color:#fff; font-family: 'LatoLight'; font-size: 32px; line-height:normal; text-align:center; padding:2px 0; }
.banner-main .box .cta { 
	float:right; width:220px; height:140px; text-align:center; line-height:150px; padding:0 0 0 20px;
	background:#20939a url(../images/div-stripes-banner-main.png) 0 0 repeat-y; background-position:top left; 
}
.banner-main .box .cta .arrow { position:absolute; width:23px; height:37px; background: url(../images/banner-main-arrow.png) 0 0 no-repeat; margin:50px 0 0 -20px; }
.banner-main .box .cta a.btn { 
	background:#000; color:#fff; font-family: 'LatoRegular'; font-size: 30px; line-height:normal; text-align:center; padding:10px;
	border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
.banner-main .box .cta a.btn:hover { text-decoration:none; color:#bfac76; }

.breadcrumbs { 
	width:100%; background:#222; 
	border-top:1px solid #fff; border-bottom:1px solid #fff; 
}
.breadcrumbs ul { list-style:none; margin:0; padding:10px 0; }
.breadcrumbs ul li { display:inline; margin:0; padding:0; }
.breadcrumbs ul li a { color:#fff; font-family: 'LatoLight'; font-size: 18px; line-height:normal; padding:0 10px 0 0; }
.breadcrumbs ul li a:hover { color:#bfac76; }

.content {
	width:100%; padding:20px 0 40px 0; background: #f3f3f3 url(../images/bg-dots.png) 0 0 repeat;
	border-top:4px solid #000;
}

.content .cases { width:100%; border-top:7px solid #008d96; margin:-150px 0 50px 0; }
.content .cases .title { width:90%; padding:10px 5%; background:#222; color:#fff; }
.content .cases .title h3 { color:#fff; font-family: 'LatoLight'; font-size: 28px; line-height:normal; text-align:center; }
.content .cases .title h3 strong { font-family: 'LatoRegular'; }
.content .cases ul { width:100%; list-style:none; margin:0; padding:0; }
.content .cases ul li { width:25%; height:190px; display:block; float:left; background:#fff; text-align:center; }
.content .cases ul li.alt { background:#f6f6f6; }
.content .cases ul li.first { border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; }
.content .cases ul li.last { border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; }
.content .cases ul li .img { line-height:100px; height:100px; }
.content .cases ul li .img img { vertical-align:middle; }
.content .cases ul li p { color:#222; font-family: 'LatoRegular'; font-size: 12px; line-height:1.4em; text-align:center; height:50px; padding:0 10px 20px 10px;  }
.content .cases ul li p strong { font-family: 'LatoBold'; }
.content .cases ul li a.cta { 
	display:block; margin:0 auto; width:160px; background:#000; padding:10px;
	color:#fff; font-family: 'LatoRegular'; font-size: 16px; line-height:normal; text-align:center;
	border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; 
}
.content .cases ul li a.cta:hover { text-decoration:none; color:#bfac76; }
.content .cases ul li a.cta strong { font-family: 'LatoBold'; }

.content .about { float:left; width:450px; padding:20px; }
.content .about h3 { color:#008d96; font-family: 'LatoLight'; font-size: 32px; line-height:normal; padding:0 0 20px 0; }
.content .about h4 { font-family: 'LatoRegular'; font-size: 18px; line-height:1.4em; padding:0 0 20px 0; }
.content .about p { font-family: 'LatoRegular'; font-size: 14px; line-height:1.4em; padding:0 0 20px 0; }
.content .about a.cta { 
	background:#000; padding:10px;
	color:#fff; font-family: 'LatoBold'; font-size: 16px; line-height:normal; text-align:center;
	border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
.content .about a.cta:hover { text-decoration:none; color:#bfac76; }

.content .feeds { float:right; width:490px; }
.content .feeds ul.tabs { list-style:none; width:100%; height:36px; border-bottom:2px solid #222; padding:0; margin:0; }
.content .feeds ul.tabs li { float:left; height:40px; line-height:normal; padding:0; margin:0; }
.content .feeds ul.tabs li a { display:block; background:#222; color:#008d96; font-family: 'LatoRegular'; font-size: 16px; padding:10px 20px; }
.content .feeds ul.tabs li a:hover { text-decoration:none; color:#fff; }
/*.content .feeds ul.tabs li.active a { color:#fff; font-family: 'LatoBold'; }*/
.content .feeds ul.tabs li.first a { border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; }
.content .feeds ul.tabs li.last a { border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; }
/*.content .feeds ul.tabs li .arrow { display:none; width:20px; height:10px; background: url(../images/feeds-arrow.png) 0 0 no-repeat; margin:0 auto; }
.content .feeds ul.tabs li.active .arrow { display:block; }*/
.content .feeds ul.feed { list-style:none; width:100%; padding:0; margin:0; }
.content .feeds ul.feed li { display:block; padding:10px 20px; margin:0; background:#fff; }
.content .feeds ul.feed li.alt { background:#f6f6f6; }
.content .feeds ul.feed li.first { padding-top:20px; }
.content .feeds ul.feed li.last { padding-bottom:20px;
	border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; 
	border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; 
}
.content .feeds ul.feed li .date { display:block; color:#008d96; font-family: 'LatoBlack'; font-size: 14px; line-height:1.4em; }
.content .feeds ul.feed li a.title { display:block; font-family: 'LatoRegular'; font-size: 14px; line-height:1.4em; }

.content .left-column { float:right; width:225px; margin:0; padding:0; border-top:6px solid #bfac76; }
.content .left-column .title { background:#222; padding:20px; }
.content .left-column .title h2 { color:#bfac76; font-family: 'LatoLight'; font-size: 26px; line-height:normal; }
.category_menu { padding:10px 0; background:#fff; }
#ul_menu_category_2 { list-style: none; margin:0; padding:0; }
#ul_menu_category_2 li { display:block; margin: 0; padding: 0; }
#ul_menu_category_2 li:hover { }
#ul_menu_category_2 a { display:block; color: #222; padding: 5px 20px 5px 30px; font-family: 'LatoRegular'; font-size: 15px; line-height: 20px;}
#ul_menu_category_2 a:hover{ color:#008d96; text-decoration:none; }
#ul_menu_category_2 #li_menu_category_2_active { background:#f6f6f6; }
#ul_menu_category_2 #li_menu_category_2_active a { color:#008d96; }
#ul_menu_category_2 a span { margin-left: -10px;}

.content .main-column { float:right; width:570px; margin:0 10px; padding:0; border-top:6px solid #008d96; }
.content .main-column .div-stripes { 
	width:180px; height:6px; margin:0 auto; margin-top:-26px; margin-bottom:20px;
	background: url(../images/div-stripes-content-top.png) 0 0 repeat-x; background-position:top center;
}
.content .main-column .title { background:#222; padding:20px; }
.content .main-column .title h1 { color:#008d96; font-family: 'LatoLight'; font-size: 26px; line-height:normal; }
.content .main-column .body { background:#fff; padding:20px; }
.content .main-column .body h2 { color:#008d96; font-family: 'LatoBold'; font-size: 22px; line-height:1.4em; padding:0 0 20px 0; }
.content .main-column .body h3 { font-family: 'LatoLight'; font-size: 18px; line-height:1.4em; padding:0 0 20px 0; }
.content .main-column .body p { font-family: 'LatoRegular'; font-size: 14px; line-height:17px; padding:0 0 15px 0; color:#222; }

.content .right-column { float:right; width:225px; margin:0; padding:0; }
.content .right-column .featured-case { 
	border-top:4px solid #222; margin:0 0 40px 0; padding:0 0 30px 0; text-align:center; background:#fff;
	border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; 
}
.content .right-column .featured-case .title { 
	background:#07787f; color:#fff; padding:10px;
	font-family: 'LatoRegular'; font-size: 16px; line-height:1.4em; text-align:center; text-shadow: 0px 1px 0px #004750; 
}
.content .right-column .featured-case .arrow { 
	position:absolute; width:32px; height:16px; margin:0 0 0 96px;
	background: url(../images/sidebar-arrow-aqua.png) 0 0 no-repeat; 
}
.content .right-column .featured-case .img { padding:30px 5px 15px 5px; }
.content .right-column .featured-case .txt { padding:0 5px; }
.content .right-column .featured-case p { 
	color:#222; font-family: 'LatoRegular'; font-size: 12px; line-height:1.4em; 
	text-align:center; padding:0 10px 20px 10px;  
}
.content .right-column .featured-case p strong { font-family: 'LatoBold'; }
.content .right-column .featured-case a.cta { 
	display:block; position:absolute; margin:10px 0 0 24px; width:160px; background:#000; padding:10px;
	color:#fff; font-family: 'LatoRegular'; font-size: 16px; line-height:normal; text-align:center;
	border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
.content .right-column .featured-case a.cta:hover { text-decoration:none; color:#bfac76; }
.content .right-column .featured-case a.cta strong { font-family: 'LatoBold'; }
.content .right-column .demo-form { background:#008d96; }
.content .right-column .demo-form .title { background:#222; color:#fff; padding:10px; font-family: 'LatoRegular'; font-size: 20px; line-height:1.4em; }
.content .right-column .demo-form .title span { color:#bfac76; font-family: 'LatoLight'; }
.content .right-column .demo-form .arrow { 
	position:absolute; width:28px; height:14px; margin:0 0 0 98px;
	background: url(../images/sidebar-arrow-black.png) 0 0 no-repeat; 
}
.content .right-column .demo-form .form { padding:10px; }
.content .right-column .demo-form .form input {
	background:#fff; color: #008d96; border:none; display:block; padding:10px; margin:10px 0; width:185px;
	font-family: 'LatoRegular'; font-size: 14px; line-height:normal;
	border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
	-moz-box-shadow: 0px 1px 0px #004750; -webkit-box-shadow: 0px 1px 0px #004750; box-shadow: 0px 1px 0px #004750;
}
.content .right-column .demo-form .form a.cta { 
	display:block; margin:0 auto; background:#000; padding:10px;
	color:#fff; font-family: 'LatoRegular'; font-size: 16px; line-height:1.4em;
	border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; cursor: pointer;
}
.content .right-column .demo-form .form a.cta:hover { text-decoration:none; color:#bfac76; }
.content .right-column .demo-form .form a.cta strong { font-family: 'LatoBold'; }
.content .right-column .demo-form .form a.cta .forward { display:block; position:absolute; margin:8px 0 0 160px; font-size:48px; }

footer { width:100%; border-top:6px solid #222; }
footer .featured { 
	width:100%; padding:15px 0; background:#19979f; color:#fff; 
	font-family: 'LatoLight'; font-size: 22px; line-height:normal; 
	text-align:center; text-shadow: 0px 1px 0px #004750; 
}
footer .featured strong { font-family: 'LatoBold'; }
footer .featured span { font-size: 16px; line-height:normal; }
footer .featured .div-stripes { 
	width:190px; height:6px; margin:0 auto; margin-top:-21px; margin-bottom:20px;
	background: url(../images/div-stripes-footer-top.png) 0 0 repeat-x; background-position:top center;
}
footer nav { padding:20px 0;}
footer nav ul { list-style:none; padding:0; margin:0; }
footer nav ul li { display:block; float:left; width:326px; padding:0; margin:0; }
footer nav ul li a { 
	display:block; padding:10px; margin:0; color:#fff!important; font-family: 'LatoRegular'; font-size: 14px; line-height:normal; text-align:center;
	background: url(../images/div-stripes-footer.png) 0 0 repeat-y; background-position:top right; 
}
footer nav ul li a:hover { text-decoration:none; color:#008d96!important; }
footer nav ul li.item3 a, footer nav ul li.item6 a, footer nav ul li.item9 a, footer nav ul li.item12 a, footer nav ul li.item15 a, footer nav ul li.item18 a { background:none; }
footer .info { background:#353535; text-align:center; }
footer .info ul { display: inline; margin: 0; padding:0; list-style: none; }
footer .info ul li { 
	display: inline; line-height:40px; height:40px; 
	background: url(../images/footer-nav-dot-aqua.png) 0 0 no-repeat; background-position:center right; 
	margin:0; padding:0 14px 0 10px; font-family: 'LatoRegular'; font-size:14px; color: #fff; text-align:center; }
footer .info ul li.ul_link_list_2_link_list_first { padding-left:0; }
footer .info ul li.item4 { background:none; padding-right:0; }
footer .info ul a { color:#fff; }
footer .info ul li:hover { } 
footer .info ul li:hover a, ul li a:hover { text-decoration: none; color: #008d96; }

.blog_by, .blog_on {float: left; display: inline; margin-right: 3px;}
.blog_meta {float:left; display:block; width:100%; margin-bottom:10px;}
#ul_link_list_7_link_list li { background: none; }

/* @media screen and (max-width: 320px) */
	.container { width:100%; margin:0px auto; }
	header { position:relative; z-index:200; }
	header .logo { float:left; width:97px; height:28px; padding:10px; }
	header .logo img { width:97px; height:28px; }
	header .div-stripes { display:none; }
	header .tagline { display:none; }
	header nav { width:auto; }
	header nav #menu_1, header nav #menu_2 { display:none; }
	header .social-links { 
		float:right; clear:right; height:48px; background:#dfdfdf; margin:0 0 0 0;
		border-top-left-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0;  
		border-top-right-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0; 
	}
	header .social-links #ul_link_list_9_link_list li { padding:12px 2px; height:18px; line-height:40px; }
	header .social-links #ul_link_list_9_link_list li.ul_link_list_9_link_list_first { padding-left:10px; }
	header .social-links #ul_link_list_9_link_list li.ul_link_list_9_link_list_last { padding-right:12px; }
	header .social-links #ul_link_list_9_link_list a { line-height:normal; width:18px; height:18px; }
	header .social-links #ul_link_list_9_link_list img { width:18px; height:18px; vertical-align:middle; }
	header nav.mobile { display:block; float:right; clear:none; width:auto; }
	header nav.mobile a.menu { display:block; width:32px; height:30px; padding:9px; background:#000; }
	header nav.mobile a.menu img { width:33px; height:31px; }
	header nav.mobile a.menu:hover { background:#008d96; } header nav.mobile a.menu:active { background:#008d96; }
	nav.mobile ul { list-style:none; display:none; width:100%; position:absolute; left:0; background:none; border:none; border-top:1px solid #000; margin:0; }
	nav.mobile ul li { width:100%; margin:0; float:none; border:none; background: #222; border-top:1px solid #444; border-bottom:1px solid #000;	}
	nav.mobile ul li a { display:block; text-align:left; padding:0 5%; font-size:15px; line-height:30px; color:#fff; text-decoration:none; text-shadow: 0px 1px 0px #000; }
	nav.mobile ul li:hover, nav.mobile ul li:active, nav.mobile ul li.selected 
	{ background: #008d96; border:none; border-top:1px solid #5ac3cc; border-bottom:1px solid #005a63; text-shadow: 0px 1px 0px #005a63; }
	nav.mobile ul li:hover a, nav.mobile ul li:active a, nav.mobile ul li.selected a { color: #fff!important; }
	nav.mobile ul li:hover ul li a, nav.mobile ul li:active ul li a, nav.mobile ul li.selected ul li a { color: #fff!important; }
	nav.mobile ul li ul { margin-top:8px; }
	nav.mobile ul li ul li a { color:#fff!important; }
	nav.mobile ul li ul li:hover a, nav.mobile ul li ul li:active a { color:#fff!important; }
	nav.mobile ul li.active { background: #000!important; }
	nav.mobile ul li.active a {color: #fff; }
	nav.mobile ul li.arrow-right 
	{ background: #222 url( '../images/icon-white-arrow.png' ) no-repeat 0 0; background-position:right center; }
	nav.mobile ul li.arrow-right:hover, nav.mobile ul li.arrow-right:active 
	{ background: #008d96 url( '../images/icon-white-arrow.png' ) no-repeat 0 0; background-position:right center; }
	nav.mobile ul li.back 
	{ background: #222 url( '../images/icon-white-arrow-left.png' ) no-repeat 0 0; background-position:left center; }
	nav.mobile ul li.back:hover, nav.mobile ul li.back:active 
	{ background: #008d96 url( '../images/icon-white-arrow-left.png' ) no-repeat 0 0; background-position:left center; }
	nav.mobile ul li.back a { text-indent:20px; }
	nav.mobile ul li ul { display:block; top:-2%; margin-left:100%; }
	.breadcrumbs ul li a { font-size: 10px; line-height:normal; padding:0 0 0 10px; }
	.banner-main { height:300px; z-index:50; }
	.banner-main .box { width:90%; height:auto; margin:20px auto; }
	.banner-main .box .txt { float:none; width:auto; padding:10px; }
	.banner-main .box .txt h1 { font-size: 32px; line-height:normal; text-align:center; padding:5px 0; }
	.banner-main .box .txt h2 { font-size: 16px; line-height:normal; text-align:center; padding:5px 0; }
	.banner-main .box .cta { float:none; width:auto; height:100px; text-align:center; line-height:110px; padding:0 0 0 20px; }
	.banner-main .box .cta .arrow { margin:30px 0 0 -20px; }
	.banner-main .box .cta a.btn { font-size: 30px; line-height:normal; text-align:center; padding:10px; }
	.content { padding:0; }
	.content .cases { margin:0 0 0 0; }
	.content .cases ul li { width:100%; height:auto; float:none; padding:0 0 20px 0; margin:0; }
	.content .cases ul li p { height:auto; padding:0 10px 20px 10px;  }
	.content .cases ul li.first { border-bottom-left-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; }
	.content .cases ul li.last { border-bottom-right-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; }
	.content .about { float:none; width:90%; padding:40px 5%; }
	.content .feeds { float:none; width:100%; }
	.content .left-column { width:100%; float:none; }
	.content .main-column { width:100%; float:none; margin:0; }
	.content .right-column { display:none; }
	footer .featured { font-size: 18px; line-height:normal; }
	footer .featured span { font-size: 12px; line-height:normal; display:block; }
	footer nav ul li { float:none; width:auto; }
	footer nav ul li a { padding:10px; font-size: 18px; background: none; }
	footer .info ul li { 
		display: block; line-height:1.4em; height:auto; font-size: 12px;
		background: none; padding:10px; 
	}
	footer .info ul li.first { padding-left:10px; }
	footer .info ul li.last { padding-right:10px; }
	.banner-mobile {display: none;}
	.banner-main {display: block;}

@media screen and (min-width: 320px) {
	.banner-main {display: none;}
	.banner-mobile {display: block;}
}

@media screen and (min-width: 480px) {
	header .social-links #ul_link_list_9_link_list li { height:24px; }
	header .social-links #ul_link_list_9_link_list a { width:24px; height:24px; }
	header .social-links #ul_link_list_9_link_list img { width:24px; height:24px; }
	.banner-main { height: 300px;}
	.banner-main .box { margin:40px auto; }
	.banner-main {display: none;}
	.banner-mobile {display: block;}
}

@media screen and (min-width: 520px) {
.banner-main { height: 300px;}
	.banner-main {display: none;}
	.banner-mobile {display: block;}
}

@media screen and (min-width: 640px) {
	header .div-stripes { display:block; width:4px; height:28px; margin:10px 0; }
	header .tagline { display:block; width:93px; height:25px; padding:15px 0 0 10px; }
.banner-main { height: 300px;}
	.banner-main {display: none;}
	.banner-mobile {display: block;}
}

@media screen and (min-width: 720px) {
	.banner-main {display: none;}
	.banner-mobile {display: block;}
}

@media screen and (min-width: 800px) {
	.banner-main {display: none;}
	.banner-mobile {display: block;}
}

@media screen and (min-width: 848px) {
	.banner-main {display: none;}
	.banner-mobile {display: block;}
}

@media screen and (min-width: 900px) {
	.banner-main {display: none;}
	.banner-mobile {display: block;}
}

@media screen and (min-width: 980px) {
	.container { width:1040px; margin:0px auto; }
	header .logo { float:left; width:194px; height:55px; padding:20px 0; }
	header .logo img { width:194px; height:55px; }
	header .div-stripes { width:4px; height:55px; margin:20px 10px; }
	header .tagline { width:93px; height:25px; padding:50px 0 20px 0; }
	header nav { width:720px; }
	header nav #menu_1, header nav #menu_2 { display:block; }
	header .social-links { 
		float:right; clear:right; height:42px; background:#222; margin:0 0 0 10px;
		border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px;  
		border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; 
	}
	header .social-links #ul_link_list_9_link_list li { padding:9px 5px; height:24px; line-height:36px; }
	header .social-links #ul_link_list_9_link_list li.ul_link_list_9_link_list_first { padding-left:6px; }
	header .social-links #ul_link_list_9_link_list li.ul_link_list_9_link_list_last { padding-right:9px; }
	header .social-links #ul_link_list_9_link_list a { line-height:normal; width:24px; height:24px; }
	header .social-links #ul_link_list_9_link_list img { width:24px; height:24px; vertical-align:middle; }
	header nav.mobile { display:none; }
	.breadcrumbs ul li a { font-size: 18px; line-height:normal; padding:0 10px 0 0; }
	.banner-main { height:499px; }
	.banner-main .box { width:100%; height:140px; margin:120px 0 0 0; }
	.banner-main .box .txt { float:left; width:720px; padding:10px; }
	.banner-main .box .txt h1 { font-size: 56px; line-height:normal; text-align:center; padding:10px 0; }
	.banner-main .box .txt h2 { font-size: 32px; line-height:normal; text-align:center; padding:2px 0; }
	.banner-main .box .cta { float:right; width:220px; height:140px; text-align:center; line-height:150px; padding:0 0 0 20px; }
	.banner-main .box .cta .arrow { margin:50px 0 0 -20px; }
	.banner-main .box .cta a.btn { font-size: 30px; line-height:normal; text-align:center; padding:10px; }
	.content { padding:20px 0 40px 0; }
	.content .cases { margin:-150px 0 50px 0; }
	.content .cases ul li { width:33.3%; height:190px; float:left; padding:0; }
	.content .cases ul li p { height:50px; padding:0 10px 20px 10px;  }
	.content .cases ul li.first { border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; }
	.content .cases ul li.last { border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; }
	.content .about { float:left; width:450px; padding:20px; }
	.content .feeds { float:right; width:490px; }
	.content .left-column { width:225px; float:right; }
	.content .main-column { width:570px; float:right; margin:0 10px; }
	.content .right-column { display:block; }
	footer .featured { font-size: 22px; line-height:normal; }
	footer .featured span { font-size: 16px; line-height:normal; display:inline; }
	footer nav ul li { float:left; width:326px; }
	footer nav ul li a { padding:10px; font-size: 14px; background: url(../images/div-stripes-footer.png) 0 0 repeat-y; background-position:top right; }
	footer .info ul li { 
		display: inline; line-height:40px; height:40px; font-size: 14px;
		background: url(../images/footer-nav-dot-aqua.png) 0 0 no-repeat; background-position:center right; padding:0 14px 0 10px; 
	}
	footer .info ul li.first { padding-left:0; }
	footer .info ul li.last { padding-right:0; }
	.banner-mobile {display: none;}
	.banner-main {display: block;}
}

@media screen and (min-width: 1024px) 
{
}

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

}

@media screen and (min-width: 1280px) {
#container {
	width: 1400px;
	margin: 0 auto;
	}

}

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

}

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

}

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

}

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

}

@media screen and (min-width: 1872px) {
	
}

@media screen and (min-width: 2080px) {
	
}