/* resets */
/**********/
* { margin: 0; padding: 0; outline: 0; }

body, html { height: 100%; }

body {
	font-size: 12px;
	line-height: 18px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #222;
	background: url(images/body.png);
	min-width: 100%;
}

a { color: #45738f; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

h2 { font-size:24px; line-height:30px; font-family: 'RobotoMedium'; font-weight:normal; padding-bottom:7px;}
h3 { font-size:18px; line-height:24px; padding-bottom:7px;}
h4 { font-size:16px; line-height:18px; color:#3c7193; font-weight:normal; padding-bottom:12px;}
h5 { font-size:14px; line-height:18px; color:#3c7193; font-weight:normal; padding-bottom:15px; }

input, textarea, select { font-size: 12px; font-family: arial, sans-serif; }
textarea { overflow: auto; }

/* helpers */
/***********/
.clearfix:after { clear:both; display:table; content:""; }
.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }
.new-line { display:block; }
.hide, .hidden { display: none; }

/* layout containers */
/*********************/
.shell { width:960px; margin:0 auto; }

#wrapper { min-height:100%; position:relative; z-index: 1; } 
#footer { width:100%; height:110px; position:relative; z-index: 2; margin-top:-110px; }
#footer-placeholder { height:110px; font-size: 0; line-height: 0; text-indent: -4000px; }

#header { background-color:#fff; box-shadow:0 5px 5px rgba(0,0,0,0.1); position:relative; z-index: 5; }
#header .shell { height:64px; padding:8px 0; }

#main { padding:25px 0 37px; width:100%; position:relative; z-index: 4; }
.container { background-color:#fff; position:relative; width:100%; }
.container:after { content:''; display:table; clear:both }
.container { 
	border-radius: 7px; 
	-moz-border-radius: 7px; 
	-webkit-border-radius: 7px; 
	-o-border-radius: 7px; 
	box-shadow: 0px 1px 2px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.4);
	-o-box-shadow: 0px 1px 2px rgba(0,0,0,0.4);
}

#content { position:relative; z-index: 2; width:620px; float:left; padding-left:40px; }
#content.wide { width:auto; padding:0 40px; float:none; }
#sidebar { position:relative; z-index: 2; float:right; width:280px; padding-top:10px; }
#sidebar-placeholder { position:absolute; z-index: 1; width:280px; height:100%; right:0; top:0; background:#fafafa url(images/sidebar.png) repeat-y ; border-radius: 0 7px 7px 0; }

#aside { float:right; width:240px; padding-top:15px;  }

/* generic elements */
/********************/
.icon { width:30px; height:30px; background:url(images/elements.png) no-repeat; }
.icon-options-cafe { background:url(images/OC-icon-dark-v2-30px.png) no-repeat; -moz-border-radius: 5px; border-radius: 5px; }
.icon-photomanic { background:url(images/photomanic-icon.png) no-repeat; -moz-border-radius: 5px; border-radius: 5px; }
.icon-evermanic { background-position:0 0; }
.icon-skyclerk { background-position:-32px 0; }
.icon-heapless { background-position:-64px 0; }
.icon-external{ width:14px; height:14px; display:inline-block; vertical-align:top; background-position:-142px -67px; margin-top:3px;  }

.ribbon-text { display:inline-block; font-size:11px; color:#fff; padding:0 5px; line-height:20px; position:static; background-color:#cf0000; border-radius:2px; vertical-align:middle; margin:0 10px; }

.blue-btn {text-align:center; color:#fff; font-size:14px; font-family: 'RobotoMedium'; line-height:28px; width:69px; height:28px; }
.blue-btn {
	border-radius: 4px;
	background: rgb(0,148,219);
	background: -moz-linear-gradient(top, rgba(0,148,219,1) 0%, rgba(8,98,208,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,148,219,1)), color-stop(100%,rgba(8,98,208,1)));
	background: -webkit-linear-gradient(top, rgba(0,148,219,1) 0%,rgba(8,98,208,1) 100%);
	background: -o-linear-gradient(top, rgba(0,148,219,1) 0%,rgba(8,98,208,1) 100%);
	background: -ms-linear-gradient(top, rgba(0,148,219,1) 0%,rgba(8,98,208,1) 100%);
	background: linear-gradient(to bottom, rgba(0,148,219,1) 0%,rgba(8,98,208,1) 100%);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.6);
} 
.blue-btn:hover {
	text-decoration:none; 
	background: rgb(0,115,204);
	background: -moz-linear-gradient(top, rgba(0,115,204,1) 0%, rgba(2,62,189,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,115,204,1)), color-stop(100%,rgba(2,62,189,1)));
	background: -webkit-linear-gradient(top, rgba(0,115,204,1) 0%,rgba(2,62,189,1) 100%);
	background: -o-linear-gradient(top, rgba(0,115,204,1) 0%,rgba(2,62,189,1) 100%);
	background: -ms-linear-gradient(top, rgba(0,115,204,1) 0%,rgba(2,62,189,1) 100%);
	background: linear-gradient(to bottom, rgba(0,115,204,1) 0%,rgba(2,62,189,1) 100%);
}
.submit.blue-btn { cursor:pointer; border:0; }

.big-btn { height:38px; line-height:38px; font-size:18px; width:104px; }
.autosize-btn { padding:0 15px; width:auto; }

a.lock-btn { width:136px; display:block; font-family: 'RobotoBold'; }
a.lock-btn span { display:inline-block; background:url(images/elements.png) no-repeat -12px -32px ; width:13px; height:16px; vertical-align:middle; margin:-2px 7px 0 0; }

a.tw-follow { display:block; width:auto; }
a.tw-follow span { display:inline-block; background:url(images/elements.png) no-repeat 0 -74px; width:21px; height:18px; vertical-align:middle; margin-right:9px; }

.start-btn { background-color:#3077a1; color:#fff; border-radius:4px; font-size:16px; text-transform:uppercase; line-height:20px; padding:10px 27px; display:inline-block; font-family: 'RobotoBold'; margin:18px 0; }
.start-btn {
	transition: opacity 0.3s;
	-moz-transition: opacity 0.3s; 
	-webkit-transition: opacity 0.3s; 
	-o-transition: opacity 0.3s
}
.start-btn:hover { opacity: 0.7; filter:alpha(opacity=70);  text-decoration:none; }

.start-green-btn { background-color:#5b9517; border-radius:4px; color:#fff; font-size:21px; line-height:45px; height:45px; display:inline-block; text-align:center;  font-family: 'Bariol'; margin:25px 0 14px;  }
.start-green-btn:hover { background-color:#49741f; text-decoration:none;  }

.white-btn { font-size:14px; color:#838383;  font-family: 'RobotoLight'; line-height:20px; padding:5px 15px; border:1px solid #cecece; border-radius:4px; }
.white-btn {
	background: rgb(248,248,248);
	background: -moz-linear-gradient(top,  rgba(248,248,248,1) 0%, rgba(234,234,234,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,248,248,1)), color-stop(100%,rgba(234,234,234,1)));
	background: -webkit-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(234,234,234,1) 100%);
	background: -o-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(234,234,234,1) 100%);
	background: -ms-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(234,234,234,1) 100%);
	background: linear-gradient(to bottom,  rgba(248,248,248,1) 0%,rgba(234,234,234,1) 100%);
}
.white-btn:hover {
	text-decoration:none; 
	background: rgb(234,234,234);
	background: -moz-linear-gradient(top,  rgba(234,234,234,1) 0%, rgba(248,248,248,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(234,234,234,1)), color-stop(100%,rgba(248,248,248,1)));
	background: -webkit-linear-gradient(top,  rgba(234,234,234,1) 0%,rgba(248,248,248,1) 100%);
	background: -o-linear-gradient(top,  rgba(234,234,234,1) 0%,rgba(248,248,248,1) 100%);
	background: -ms-linear-gradient(top,  rgba(234,234,234,1) 0%,rgba(248,248,248,1) 100%);
	background: linear-gradient(to bottom,  rgba(234,234,234,1) 0%,rgba(248,248,248,1) 100%);
}

.support-btn { width:164px; height:76px; background-color:#fff; box-shadow: inset 0 1px 3px rgba(0,0,0,0.4); border-radius:5px; display:block; margin:0 auto; padding:44px 0 0 36px; font-size:16px; font-family: 'RobotoBold'; border-bottom:1px solid #d5d5d5;  }
.support-btn:hover { text-decoration:none;background-color:#e8edf1;   }
.support-btn em { display:block; font-family: 'robotoitalic'; font-size:12px; color:#7f7f7f; }
.support-btn .icon { float:left; margin-right:10px; }

.loading { width:215px; display:block; margin-bottom:27px; cursor:default; display:none; }
.loading,
.loading:hover {
	background: rgb(0,148,219);
	background: -moz-linear-gradient(top, rgba(0,148,219,1) 0%, rgba(8,98,208,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,148,219,1)), color-stop(100%,rgba(8,98,208,1)));
	background: -webkit-linear-gradient(top, rgba(0,148,219,1) 0%,rgba(8,98,208,1) 100%);
	background: -o-linear-gradient(top, rgba(0,148,219,1) 0%,rgba(8,98,208,1) 100%);
	background: -ms-linear-gradient(top, rgba(0,148,219,1) 0%,rgba(8,98,208,1) 100%);
	background: linear-gradient(to bottom, rgba(0,148,219,1) 0%,rgba(8,98,208,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0094db', endColorstr='#0862d0',GradientType=0 );
	box-shadow: 0px 1px 2px rgba(0,0,0,0.6);
}
.loading img { vertical-align:middle; margin-right:26px; }

.field { color:#717171; font-size:14px; font-family: 'RobotoRegular'; background-color:#fff; border:0; box-shadow: inset 0px 0px 3px rgba(0,0,0,0.75); border-radius:4px; padding:5px; width:136px; }
.field {
	transition: box-shadow 0.3s;
	-moz-transition: box-shadow 0.3s; 
	-webkit-transition: box-shadow 0.3s; 
	-o-transition: box-shadow 0.3s; 
}
.field:focus { box-shadow:inset 0px 0px 0px rgba(0,0,0,0.2) , 0 0 4px rgba(0,0,0,0.4); }
.field-big { font-family: 'RobotoMedium'; color:#b8b8b8; font-size:18px; height:auto; padding:13px; width:348px; display:block; }
.field-big:focus { color:#717171; }

label.big { font-size:18px; color:#717171; font-family: 'RobotoMedium'; line-height:30px; }
label.big .req { font-size:12px; font-family: 'RobotoRegular'; }
.invalid label.big .req { color:#717171;  }

.invalid label { color:#bf3d00; }
.invalid .field { padding:3px; background-color:#ffe8e0; border:2px solid #cc6433; box-shadow:none; }
.invalid .field-big { padding:11px; }
.invalid-notice { color:#bf3d00; padding-left:37px; background:url(images/error.png) no-repeat 0 0; line-height:22px; font-size:14px; font-family: 'RobotoRegular'; padding-bottom:4px; }

.table { border-radius:10px; border:1px solid #dbdbdb; margin-bottom:18px; }
.table table { border-collapse:collapse; border-radius:10px }
.table th { color:#fff; font-weight:normal; }
.table th>div{ background-color:#175073; padding:10px; }
.table th:first-child > div { border-radius:10px 0 0 0; }
.table th:last-child >div { border-radius:0 10px 0 0; }
.table th+th { border-left:1px solid #dbdbdb; }
.table td+td { border-left:1px solid #dbdbdb; }
.table td > div { padding:10px 18px; }
.table tr:last-child td:first-child > div { border-radius: 0 0 0 10px; }
.table tr:last-child td:last-child > div { border-radius:0 0 10px 0; }
.table tr.even td >div { background-color:#f9f9f9; }

/* header styles */
/*****************/
h1#logo { float:left; margin:0 50px 0 -2px; }
h1#logo a { width:230px; height:64px; background:url(images/elements.png) no-repeat -96px 0; display:block; }

#header.nobg { background: transparent; box-shadow:none; height:160px; }
#header.nobg .shell { height:auto; padding-top:55px; }
#header.nobg h1#logo { margin:0 auto; float:none; width:267px; height:49px; }
#header.nobg h1#logo a { width:267px; height:49px; background-position:-693px -374px; }

/* main navigation */
#main-nav { float:left; height:64px; }
#main-nav ul { list-style:none outside none; padding-right:1px; }
#main-nav>ul {float:left; background:url(images/nav-div.png) no-repeat right 0 ; height:64px; }
#main-nav>ul>li { float:left; width:165px; margin:0 -1px 0 0; position:relative; background:url(images/nav-div.png) no-repeat 0 0; }
#main-nav a { font-size:16px; line-height:28px; font-family: 'RobotoBold'; }
#main-nav a em { display:block; color:#7f7f7f; font-size:12px; line-height:22px; font-style:normal; font-family: 'robotoitalic'; }
#main-nav>ul>li>a { display:block; margin:-8px 0; height:70px; text-align:center; padding:10px 1px 0; }
#main-nav>ul>li>a .arrow { display:inline-block; vertical-align:middle; margin-left:8px; width:10px; height:8px; background:url(images/elements.png) no-repeat 0 -32px; }
#main-nav>ul>li:hover { z-index: 2; border-color:#d3d3d3} 
#main-nav>ul>li:hover>a {
	padding:10px 0 0; 
	border-left:1px solid #d3d3d3; 
	border-right:1px solid #d3d3d3; 
	text-decoration:none; 
	background: rgb(249,249,249);
	background: -moz-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,249,249,1)), color-stop(100%,rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(249,249,249,1) 0%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ffffff',GradientType=0 );
}
#main-nav>ul>li.current>a {
	padding:10px 0 0; 
	border-left:1px solid #d3d3d3; 
	border-right:1px solid #d3d3d3; 
	background: rgb(240,240,240);
	background: -moz-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,240,240,1)), color-stop(100%,rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(240,240,240,1) 0%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Micro soft.gradient( startColorstr='#f0f0f0', endColorstr='#ffffff',GradientType=0 );
}
#main-nav .dd { position:absolute; top:72px; left:-17px; width:190px; padding:4px; background-color:#f1f1f1; border:1px solid #b9b9b9; display:none; border-radius: 6px; box-shadow: 0px 1px 2px rgba(0,0,0,0.4); }
#main-nav .dd {
	transition: height 0.2s;
	-moz-transition: height 0.2s; 
	-webkit-transition: height 0.2s; 
	-o-transition: height 0.2s; 
}
#main-nav .dd ul { background-color:#fff; border-radius: 6px; }
#main-nav .dd .arrow { position:absolute; left:50%; top:-12px; margin-left:-10px; width:19px; height:12px; background:url(images/elements.png) no-repeat -27px -32px; }
#main-nav .dd li+li { border-top:1px solid #f1f1f1; }
#main-nav .dd li a { display:block; padding:10px 10px 10px 52px; position:relative; line-height:22px; color:#000; }
#main-nav .dd li:first-child a { border-radius: 5px 5px 0 0; }
#main-nav .dd li:last-child a { border-radius: 0 0 5px 5px ; }
#main-nav .dd li a {
	transition: background-color 0.2s;
	-moz-transition: background-color 0.2s; 
	-webkit-transition: background-color 0.2s; 
	-o-transition: background-color 0.2s; 
}
#main-nav .dd li a .icon { position:absolute; left:12px; top:14px; }
#main-nav .dd li a em { line-height:16px; }
#main-nav .dd li a:hover { text-decoration:none; background-color:#f8f8f8; }
#main-nav li:hover .dd { display:block; }

/* secondary navigation */
#secondary-nav { float:right; }
#secondary-nav ul { list-style:none outside none; width:152px; margin-right:-15px; padding:7px 0 8px; }
#secondary-nav li { display:inline; }
#secondary-nav li+li { padding-left:15px; }
#secondary-nav li a { color:#b2b2b2; font-family: 'RobotoRegular'; }
#secondary-nav li a:hover { text-decoration:none; color:#45738f; }

/* account navigation*/
#account-nav { float:right; color:#717171; font-size:13px; margin-right:-8px; padding-top:24px; }
#account-nav a { margin:0 8px; color:#717171; }
#account-nav strong { padding-right:15px; }

/* footer styles */
/*****************/
#footer .shell { padding:18px 0; font-size:14px ; font-family: 'RobotoRegular'; color:#484848; }
#footer .top { height:54px; background-color:#e8e8e8; border-top:1px solid #dadada; }
#footer .top .shell { height:28px; padding:13px 0; }
#footer .bottom { border-top:1px solid #b8b8b8; background-color:#cfcfcf; height:54px; }

#footer.nobg { text-align:center; }

.footer-nav { line-height:28px; }
.footer-nav .div { background:url(images/elements.png) no-repeat -53px -38px; display:inline-block; width:3px; height:3px; vertical-align:middle; margin:0 4px 0 7px; }
.footer-nav a { color:#175073; }
.footer-nav a:hover { color:#0d50a0; text-decoration:none; }

.footer-social { float:right; }
.footer-social a { float:left; width:27px; height:27px; background:url(images/elements.png) no-repeat ; margin-left:7px; }
.footer-social a {
	transition: background-position 0.2s;
	-moz-transition: background-position 0.2s; 
	-webkit-transition: background-position 0.2s; 
	-o-transition: background-position 0.2s; 
}
.footer-social a.tw { background-position:0 -370px; }
.footer-social a.tw:hover { background-position:0 -397px; }
.footer-social a.fb { background-position:-29px -370px; }
.footer-social a.fb:hover { background-position:-29px -397px; }

/* page styles */
/***************/
.page-head { position:relative; z-index: 2; background:url(images/page-head.png); border-radius: 7px 7px 0 0; }
.page-head { margin-bottom:20px; }
.page-head h3.statement { color:#fff; font-family:Georgia, serif; font-style:italic; font-weight:normal; padding:20px 170px; }
.page-head .page-title { line-height:66px; padding:13px 36px; }
.page-head .page-title:after { clear:both; content:''; display:table; }
.page-head .page-title h2 { font-size:36px; color:#fff; text-shadow: 1px 1px 2px rgba(0,0,0,0.4); float:left; padding: 0 16px 0 0; border-right:1px solid #416f8b; line-height:66px; margin-right:15px; }
.page-head .page-title h3 { font-size:18px; line-height:66px; padding-bottom:0; color:#9ab3c2; font-family:Georgia, serif; font-style:italic; font-weight:normal; }

.article { margin: 0 -20px 0 -40px; padding: 0 20px 0 40px; }
.article+.article { border-top:2px solid #efefef; padding-top:20px; }
.article h2 { color:#175073; }
.article .title h5 {color:#222; padding-bottom:15px; }
.article .social { border-bottom:1px solid #e2e2e2; padding-bottom: 0; }
.article .social .fb-like { vertical-align: top; margin-right: 30px; }
.article p { padding-bottom:18px; }
.article p.large { font-size:14px; line-height:24px; }
.article .wide-img { padding:3px; background-color:#fff; border:1px solid #efefef; margin-bottom:20px; position:relative; }
.article .wide-img:after { position:absolute; content:''; width:100%; bottom:-8px; left:0; height:7px; background:url(images/elements.png) no-repeat -326px -9px; }
.article .left-img,
.article .right-img { float:right; padding:3px; background-color:#fff; border:1px solid #efefef; position:relative; margin :0 0 20px 20px; }
.article .left-img { float:left; margin-left:0; margin-right:20px; }
.article .left-img:after,
.article .right-img:after { position:absolute; content:''; width:100%; bottom:-7px; left:3px; height:7px; background:url(images/elements.png) no-repeat -328px -32px; }
.article ol,
.article ul { padding: 0 0 10px 38px; }
.article li { padding-bottom:12px; }
.single-post { margin-bottom: 15px; }
.single-post .social { padding-bottom: 13px; }
.heading-article p { font-size:13px }

.article-info { padding:12px 0 21px; }
.article-info span { margin-right:20px; font-size:12px; font-family: 'RobotoRegular'; }
.article-info .ico { width:14px; height:14px; background:url(images/elements.png); margin-right:5px; display:inline-block; vertical-align:middle; position:relative; top:-2px; }
.article-info .date-info .ico { background-position:-64px -32px; }
.article-info .cat-info .ico { background-position:-64px -48px; }

.testimonial { padding: 0 40px 0 290px; position:relative; margin-bottom:10px; }
.testimonial:after { content:''; clear:both; display:table; }
.testimonial .pic {float:left; margin-left:-290px; padding:3px; background-color:#fff; border:1px solid #efefef; position:relative; }
.testimonial .pic img { float:left; }
.testimonial .pic:after { content:''; background:url(images/elements.png) no-repeat -328px 0; width:211px; height:7px; position:absolute; bottom:-7px; left:0; }
.testimonial p { font-family:Georgia, serif; font-size:13px; line-height:21px; font-style:italic; padding-top:3px; }
.testimonial .quote-l,
.testimonial .quote-r { width:25px; height:19px; background:url(images/elements.png) no-repeat 0 -50px; position:absolute; right:355px; top:0; }
.testimonial .quote-r { background-position:-27px -50px; top:auto; bottom:30px; right:5px; }

.pagination { border-top:2px solid #efefef; margin: 0 -20px 0 -40px; padding: 30px 20px 70px 40px; font-size:14px; line-height:24px; font-family: 'RobotoRegular'; }
.pagination a.back { float:right; font-size:14px; color:#828282; }
.pagination a.back span { background:url(images/elements.png) no-repeat -62px -69px; width:7px; height:10px; display:inline-block; vertical-align:middle; margin-right:10px; }
.pagination li { text-align:center; float: left; list-style: none; }
.pagination li a { display:inline-block; padding:0 7px; border-radius:2px; color:#175073; }
.pagination li a:hover,
.pagination li a.current, .pagination li a.active { background-color:#076ad1; color:#fff; text-decoration:none; }

.widget { padding:0 40px 0 20px; border-bottom:1px solid #f1f1f1; margin-bottom:22px; }
.widget:last-child { border:0; }
.widget h4 { color:#222222; font-family: 'RobotoMedium'; padding-bottom:14px; }

ul.categories { list-style:none outside none; font-family: 'RobotoRegular'; font-size:14px; padding-bottom:12px; }
ul.categories li { padding-bottom:12px; }
ul.categories li a { color:#175073; }

.search { padding-bottom:25px; }

.pr-list { list-style:none outside none; padding:3px 0 20px; }
.pr-list li { padding: 0 0 10px 46px; position:relative; margin-bottom:10px; border-bottom:1px solid #f1f1f1; }
.pr-list li:last-child { border-bottom:0; margin-bottom:0; }
.pr-list li .icon { position:absolute; left:0; top:0; }
.pr-list li h5 { padding:0; font-family: 'RobotoRegular'; padding-bottom:2px; }
.pr-list li h5 a { color:#175073; }
.pr-list li p { font-family:Verdana, serif; }

.tw-widget { border:1px solid #9bb3c2; border-radius: 6px; padding:4px; margin-bottom:16px; position:relative; }
.tw-widget ul { list-style:none outside none; background-color:#fff; padding:11px; }
.tw-widget li { font-size:14px; line-height:21px; padding: 0 50px 10px 0; position:relative; }
.tw-widget li+li { border-top:1px solid #f1f1f1; padding-top:10px; }
.tw-widget .tweet_time{ color:#909090; position:absolute; right:0; bottom:7px; font-size:12px; }
.tw-widget .tweet_time a { color:#909090; }
.tw-widget:after{ content:""; background:url(images/elements.png) no-repeat -30px -74px; width:15px; height:9px; position:absolute; bottom:-8px; left:20px; }

.subscribe { height:133px; background:url(images/elements.png) no-repeat 0 -235px; margin-top:40px; }
.subscribe .cnt { padding:44px 58px 0; }
.subscribe form { float:right; padding-top:20px; position:relative; }
.subscribe form .field { width:323px; margin-right:4px; float:left;  }
.subscribe form .loading,
.subscribe form .submit { width:95px; float:left;  }
.subscribe form .loading { cursor:default; font-size:12px; font-family: 'RobotoBold'; }
.subscribe form .invalid-notice { color:#cb0d0d; padding-left:0; background: transparent; position:absolute; left:0; top:0; font-size:12px; line-height:15px;   }
.subscribe form.invalid .field { border-color:#cb0d0d; background-color:#fff;  }
.subscribe h2 { font-family: 'RobotoBold'; padding-bottom:4px; }
.subscribe p { font-size:16px; line-height:24px; font-family: 'RobotoRegular'; }
.subscribe .success { text-align:center; color:#000; padding-top:28px; display:none;  }
.subscribe .success h2 { font-size:21px;  }

#content .read-more a { color: #175073; font-size: 14px; font-weight: bold; }
#content .subscribe { background-position:0 -102px; }
#content .subscribe .cnt { padding:44px 18px 0; }
#content .centered { margin: 10px auto; display: block; }
#content .float-right { float: right; display: block; }
#content .float-left { float: left; display: block; }

.section-title { border-bottom:1px solid #d8d8d8; margin-bottom:35px; }
.section-title h2 {font-size:30px; line-height:50px; color:#444; }
.section-title a.blue-btn { margin-top:11px; }

.content-section { margin-bottom:22px; }
.content-section:after { clear:both; content:''; display:table }
.content-section .one-half { float:left; width:420px; }
.content-section .one-half+.one-half { float:right; }

.our-work,
.story-article { font-size:13px; }
.story-article { padding-bottom:20px; }

#content .widget { padding:0; border:0; }
#content .widget h4 { font-size:18px; padding-bottom:9px; color:#444; }
#content .pr-list { }
#content .pr-list li { padding: 0 0 9px 40px; }
#content .pr-list li:last-child { border-bottom:1px solid #f1f1f1; }
#content .pr-list h5 { font-size:16px; font-family: 'RobotoBold'; padding-bottom:0; }

.logos { padding:14px 0 0 ; }
.logos h4 { font-size:18px; color:#444; font-family: 'RobotoMedium'; text-align:center; padding-bottom:35px; }
.logos .holder { text-align:center; }

.timeline .top:after,
.timeline .bottom:after { content:''; clear:both; display:table }
.timeline .bottom { padding-left:110px; }
.timeline .top { border-bottom:4px solid #d8d8d8; }
.timeline .item { display:table-cell; width:200px; padding:20px 20px 10px 0; background:url(images/timeline-point.png) no-repeat 18px 0; }
.timeline .top .item { background-position:18px bottom; vertical-align:bottom; }
.timeline .item p.head { height:30px; padding-bottom:5px; }
.timeline .item p.entry { font-size:11px; line-height:14px; color:#909090; padding-bottom:14px; }
.timeline .item p.date { font-size:18px; color:#175073; font-family: 'RobotoMedium'; padding-bottom:10px; }
.timeline .bottom .item p.head {height:22px; }

.intro:after { content:''; clear:both; display:table }
.intro .box { float:left; width:420px; height:420px; position:relative; font-size: 0; line-height: 0; text-indent: -4000px; }
.intro .box .hover,
.intro .box .normal { position:absolute; left:-1px; top:0; width:422px; height:423px; background:url(images/homebox1.png); z-index: 2; }
.intro .box .hover { background-position:0 bottom; z-index: 1; }
.intro .box .normal {
	transition: opacity 0.3s;
	-moz-transition: opacity 0.3s; 
	-webkit-transition: opacity 0.3s; 
	-o-transition: opacity 0.3s; 
}
.intro .box:hover { text-decoration:none; } 
.intro .box:hover .normal { opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0);} 
.intro .box2 { float:right; }
.intro .box2 .normal,
.intro .box2 .hover { background-image:url(images/options-cafe-homebox.png); }

.intro-head { padding:0 0 25px; }
.intro-head h2 { font-family: 'RobotoLight'; font-size:48px; line-height:55px; text-align:center; padding:0 100px 5px; color:#175073; }
.intro-head h3 { font-size:21px; line-height:31px; font-family: 'RobotoLight'; text-align:center; font-weight:normal; }

.launch:after { content:''; clear:both; display:table }
.launch .left { width:573px; margin-left:-53px; }
.launch .right { width:336px; padding-top:30px; }
.launch p { font-size:14px; line-height:18px; font-family: 'RobotoRegular'; color:#444; padding-bottom:24px; }
.launch h3 { font-family: 'RobotoMedium'; font-weight:normal; 	color:#444; padding-bottom:13px; }
h2.evermanic-logo { font-size: 0; line-height: 0; text-indent: -4000px; background:url(images/elements.png) no-repeat -66px -372px; width:269px; height:47px; margin-bottom:25px; }

.signup { margin-right:-40px; width:376px; padding-top:15px; }
.signup h2 { font-size:36px; line-height:44px; color:#444; letter-vspacing:-1px; word-spacing:-1px; padding-bottom:4px; }
.signup h4 { font-size:18px; line-height:24px; font-family: 'RobotoRegular'; color:#444; word-spacing:-1px; white-space:nowrap }
.signup .field { margin-bottom:12px; }

#launchpad { width:822px; padding-left:100px; }
#launchpad .section { background-color:#fff; border-radius:7px; box-shadow: 0px 1px 2px rgba(0,0,0,0.4); position:relative; overflow:hidden; margin-bottom:20px; }
#launchpad .section:after { clear:both; display:table; content:''; }
#launchpad .title { float:left; width:162px; text-align:center; position:relative; z-index: 2; padding-top:24px; }
#launchpad .title .logo { width:111px; height:111px; background:url(images/elements.png) no-repeat; margin:0 auto 6px; }
#launchpad .title .logo-skyclerk { background-position:-338px -372px; }
#launchpad .title .logo-heapless { background-position:-451px -372px; }
#launchpad .title .logo-evermanic { background-position:-564px -372px; }
#launchpad .title h3 { font-family: 'RobotoMedium'; color:#444; font-weight:normal; }
#launchpad .ttl-bg { width:162px; position:absolute; z-index: 1; left:0; top:0; height:100%; background-color:#fdfdfd; border-radius: 7px 0 0 7px; }
#launchpad .items { float:left; width:660px; }
#launchpad .item { float:left; width:219px; height:84px; border-style:solid; border-color:#f4f4f4; border-width:0 0 1px 1px; cursor:pointer; }
#launchpad .item-wrap { padding:21px 8px 0 16px; height:59px; border-radius:7px; border:2px solid #fff; }
#launchpad .item-wrap {
	transition: border-color 0.3s;
	-moz-transition: border-color 0.3s; 
	-webkit-transition: border-color 0.3s; 
	-o-transition: border-color 0.3s; 
}
#launchpad .item p { color:#7d7d7d; }
#launchpad .item h4 { padding-bottom:5px; font-weight:bold; }
#launchpad .item h4 a:hover { text-decoration:none; }
#launchpad .item:hover .item-wrap { border-color: #45738f; }

#not-found { text-align:center; padding: 12px 0 93px; }
#not-found h2 { color:#175073; font-size:72px; line-height:72px; letter-spacing:-2px; word-spacing:-2px; padding-bottom:26px; }
#not-found p {font-size:21px; line-height:26px; color:#175073; font-family: 'RobotoMedium'; }

h4.page-divider { background:url(images/page-divider.png) repeat-x 0 center; padding:0 ; text-align:center; font-size:18px; color:#444; margin-bottom:22px; font-family: 'RobotoRegular'; }
h4.page-divider span { padding:0 20px; background:url(images/body.png); }

#alternate-nav { height:192px; margin-bottom:80px; }
#alternate-nav ul { list-style:none outside none }
#alternate-nav li { float:left; width:192px; height:192px; border-radius:7px; }
#alternate-nav li {
	transition: box-shadow 0.3s, background-color 0.3s;
	-moz-transition: box-shadow 0.3s, background-color 0.3s; 
	-webkit-transition: box-shadow 0.3s, background-color 0.3s; 
	-o-transition: box-shadow 0.3s, background-color 0.3s; 
}
#alternate-nav li a { display:block; width:192px; height:157px; padding-top:35px; position:relative; font-family: 'RobotoRegular'; }
#alternate-nav li a .ico { display:block; width:192px; height:103px; background:url(images/elements.png) no-repeat ; margin-bottom:22px; }
#alternate-nav li a.home-link .ico { background-position:0 -485px; }
#alternate-nav li a.skyclerk-link .ico { background-position:-192px -485px; }
#alternate-nav li a.heapless-link .ico { background-position:-384px -485px; }
#alternate-nav li a.evermanic-link .ico { background-position:-576px -485px; }
#alternate-nav li a.support-link .ico { background-position:-768px -485px; }
#alternate-nav li a:hover { text-decoration:none; }
#alternate-nav li .txt { display:block; text-align:center; font-size:14px; line-height:26px; color:#444; }
#alternate-nav li:hover { background-color:#fff; box-shadow: inset 0 0 4px rgba(0,0,0,0.5) ; -moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.5) ; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.5) ; -o-box-shadow: inset 0 0 4px rgba(0,0,0,0.5) ; }

.login-box { background-color:#fff; border-radius:7px; box-shadow: 0px 1px 2px rgba(0,0,0,0.4); width:646px; margin:40px auto; }
.login-box .title { text-align:center; background-color:#fcfdfd; border-bottom:1px solid #ececec; min-height:62px; border-radius:7px 7px 0 0 }
.login-box .title h2 { text-align:center; font-size:30px; line-height:42px; padding:10px; color:#444; letter-spacing:-1px; word-spacing:-1px; }
.login-box .form .field { width:408px; display:block; margin-bottom:12px; }

#forgot-pass .form { padding:25px 80px 45px; }
#forgot-pass .form p { font-size:14px; color:#717171; padding-bottom:20px; }
#forgot-pass .form .buttons { padding-top:18px; }
#forgot-pass .form .buttons .submit { width:215px; display:block; margin-bottom:27px; }
#forgot-pass .form .success { height:100%; position:relative; height:245px; }
#forgot-pass .form .success .buttons { bottom:0; left:0; position:absolute; }

#login { width:390px; }
#login .title { min-height:64px; }
#login h2 { position:relative; top:30px; padding-bottom:0; }
#login h2 .spaced { padding:0 10px; background-color:#fff; display:inline-block; background:url(images/login-ttl.png) repeat-x ; }
#login .title .padlock { display:inline-block; width:32px; height:31px; background:url(images/elements.png) no-repeat -97px -67px; vertical-align:middle; margin-right:8px; position:relative; top:-5px; }
#login .form { padding:30px 48px; }
#login .form .field { width:268px; }
#login .form .buttons .submit { width:100%; margin-bottom:16px; }
#login .form .buttons .loading { width:auto; margin-bottom:16px; }
#login .form .buttons a { color:#717171; }
#login .form .invalid-notice { white-space:nowrap; padding-bottom:9px; }

#hero { background:url(images/intro-bg.png); text-align:center; color:#fff; font-size:15px; line-height:20px; font-family: 'RobotoRegular'; margin-bottom:50px;  }
#hero .hero-wrap { background:url(images/intro.jpg) no-repeat center bottom; }
#hero .shell { padding-top:25px;  }
#hero .hero-image { padding-top:33px; margin-bottom:-52px;  }

.heading-hero h2 { font-size:32px; color:#d6d6d6; padding:10px 0 15px; }
.heading-hero h3 {font-size:24px;  line-height:30px; font-weight:normal; font-family: 'RobotoLight'; }
.heading-hero p a { color:#b2d6ec;  }

#hero.style2 { margin-bottom:157px; }
#hero.style3 { margin-bottom:450px; }
.style3 .heading-hero,
.style2 .heading-hero { padding-bottom:40px;  }
.style3 .heading-hero h2,
.style2 .heading-hero h2 { padding:32px 0 10px; color:#fff; }
.style3 .hero-cnt { margin-bottom:-444px;  }

.browser-image { margin:0 -30px -70px 0; float:left; position:relative; }
.browser-image .magnify { position:absolute; right:-85px; bottom:-105px; }

.page-section { font-size:20px; line-height:28px; color:#838383; font-family: 'RobotoLight'; border-bottom:1px solid #d2d2d2;  }
.page-section .shell { padding:50px 0 68px;  }
.page-section .col { float:left; width:400px;  position:relative; }
.page-section .col + .col { float:right; text-align:right; }
.page-section .col-big { width:540px; }
.page-section .half { width:420px; padding:0 20px;  float:left; text-align:center;  }
.page-section .half + .half { float:right;  }
.page-section .center { width:560px; margin:0 auto; text-align:center;  }
.page-section h2 { font-size:34px; color:#5a5a5a; padding:20px 0 30px; }
.page-section h2 img { vertical-align:middle; }
.page-section p { word-spacing:-2px; padding-bottom:28px; }

.page-section2 .shell { padding-top: 70px;  }
.page-section2 .shell h2 { padding-top:0;  }

.page-section4 h2 { font-size:28px; padding-bottom:20px;  }
.page-section4 .shell { padding: 35px 0 0;  }
.page-section4 .col + .col img { margin-top:20px; float:left; }

.page-section5 .shell { padding-bottom:0;  }
.page-section5 img.coming-soon { position:absolute; top:-40px; right:-68px;  }

.footer-section {  border:0;  }
.footer-section .shell { padding:0;  }
.footer-section .inner-section { padding:25px 0;  }
.footer-section .center-img { margin:10px 0 4px;  }

.heading { text-align:center; font-family: 'RobotoLight'; padding-bottom:30px;  }
.heading h2 { font-size:34px; line-height:40px;  padding-bottom:12px;  }
.heading p { font-size:21px; line-height:32px;  color:#838383; }

.hero-cnt { border-radius:4px; box-shadow:0 1px 2px rgba(0,0,0,0.4); background-color:#fff; display:inline-block; margin-bottom:-120px;   }
.hero-cnt .col { float:left; width:480px; border-right:1px solid #c7c7c7; }
.hero-cnt .col2 { border:0; width:479px;  }

.plan { color:#313131; text-align:left;  }
.plan .plan-header { background-color:#fbfcfb; padding:0 40px; height:115px; display:table-cell; vertical-align:middle; width:400px; position:relative; border-radius:4px 4px 0 0; border-bottom:1px solid #989898;  } 
.col2 .plan .plan-header { 	width:399px; } 
.plan .plan-header .h-wrap { position:relative;  } 
.plan .plan-header .price { position:absolute; right:0px; top:50%; font-size:36px; line-height:36px; margin-top:-18px; color:#5f5f5f; font-family: 'RobotoMedium'; } 
.plan .plan-header .price .small { font-size:24px; font-family: 'RobotoLight'; } 
.plan .plan-header h2 { font-family: 'RobotoLight'; font-size:36px; padding-bottom:10px;  } 
.plan .plan-header h2 strong { font-weight:normal; font-family: 'RobotoBold'; } 
.plan .plan-header p { font-size:18px; line-height:24px;   } 
.plan ul { list-style:none outside none; line-height:114px; white-space:nowrap;  font-size:24px; } 
.plan ul li { padding:0 40px; position:relative; height:114px;  } 
.plan ul li.tc { text-align:center; padding:7px 40px; height:auto;  } 
.plan ul li img { vertical-align:middle; margin-right:26px;  } 
.plan ul li + li { border-top:1px solid #d6d6d6; } 
.plan ul .ribbon { position:absolute; left:0; top:0;  } 
.plan ul .start-btn  { font-size:26px; line-height:30px; padding:20px 20px; display:block; width:295px; margin-left:32px;  } 

.plan-single { width:680px  }
.plan-single .plan-header { width:auto; display:block; padding:0; text-align:center;height:auto; padding-bottom:12px;   }
.plan-single .plan-header h2 { background-color:#000; color:#fff; text-align:center; line-height:60px; padding:0; border-radius:4px 4px 0 0; margin-bottom:17px; }
.plan-single .plan-header .price { position:static; margin:0; display:inline-block; text-align:center; font-size:58px; color:#313131; line-height:50px; margin:0 25px;  }
.plan-single .plan-header .price .small {display:block; font-size:14px; line-height:20px; padding-top:8px; font-family: 'RobotoRegular'; }
.plan-single .plan-header p { display:inline-block; font-size:14px; line-height:20px; margin:0 25px;  }
.plan-single .plan-header .blue-btn { display:block; width:180px; font-size:24px; line-height:50px; height:50px;  font-family: 'RobotoBold';  margin-bottom:10px; border-radius:6px; }
.plan-single ul li { padding-left:140px; height:110px; line-height:110px;  }

.plan-notice { text-align:center; font-size:14px; line-height:20px; color:#3a3a3a; padding-bottom:48px;  }

#page-header { position:relative; background-color:#1e2731; padding-top:40px; }
#page-header:after { position:absolute; left:0; right:0; bottom:0; height:37px; content:''; background:url(images/page-header-overlay.png) repeat-x ; z-index: 1; }
.page-header-cnt { float:right; width:350px;  font-size:24px; color:#fff; line-height:32px;  font-family: 'Bariol'; position:relative; z-index: 2; }
.page-header-cnt h1 { padding-bottom:20px;  }
.page-header-cnt .start-green-btn { display:block;  }
.page-header-cnt .more { font-size:18px; line-height:24px;  color:#5f6d79; }
.page-header-cnt .more a { color:#5b9517;  }
.page-header-cnt .more .icon { opacity: 0.4; filter:alpha(opacity=40); margin-top:5px;  }

.content {font-family: 'Bariol'; font-size:16px; line-height:21px; color:#5f5f5f;   }
.content p { padding-bottom:21px;  }
.content h2 { font-family: 'Bariol'; padding-bottom:19px;  }
.content h2.content-title { font-size:36px; line-height:44px; border-bottom:1px solid #c8c9cb; text-align:center; padding:17px 0 34px;    }
.content .content-inner { padding:39px 0; position:relative; width:100%; }
.content .col { width:456px; }
.content .col-small { width:335px;  }
.content img.abs { position:absolute;  }

.download { }
.download .dl-box { float:left; width:183px; padding:0 20px 0 5px; }
.download .dl-box p { font-size:12px; line-height:19px; padding:0; color:#4d4d4d; }
.download .dl-box .tc { text-align:center;  }
.download .dl-box p a { color:#5b9517;  }
.download .dl-btn { border-radius:8px; background: #4d4d4d url(images/icon-download.png) no-repeat 15px center; padding:10px 10px 7px 62px; font-size:16px; line-height:21px; display:block; color:#fff; margin-bottom:12px;  }
.download .dl-btn span { display:block;  }
.download .dl-btn:hover { text-decoration:none; opacity: 0.7; filter:alpha(opacity=70); }
.download .dl-btn.inactive { cursor:default; opacity: 0.3; filter:alpha(opacity=30); }

.content .heading { color:#1e2731; padding:12px 0 30px;  }
.content .heading p { color:#1e2731;  }
.content .heading p a { color:#5b9517;  }
.content .heading h1 { padding-bottom:24px;  }
.content .heading h2 { padding-bottom:4px;  }

.plan-heapless { width:310px; margin:0 auto; background-color:#fff; box-shadow:0 2px 10px rgba(0,0,0,0.4); border-radius:4px; margin-bottom:30px;  }
.plan-heapless .plan-header { background-color:#252525; color:#fff; text-align:center; position:relative; padding:49px 0 0; display:block; width:auto; height:auto;  }
.plan-heapless .plan-header .circle { position:absolute; left:50%; top:-29px; margin-left:-33px; }
.plan-heapless .plan-header h2 { letter-spacing:-2px; line-height:36px; font-family: 'Bariol';}
.plan-heapless .plan-header p { padding-bottom:18px;  }
.plan-heapless ul { font-size:18px; line-height:65px;  }
.plan-heapless ul li { height:65px; padding-left:62px;  }
.plan-heapless ul li.tc { padding:19px 20px;  }
.plan-heapless .start-green-btn { margin:0; display:block;  }

.content .plan-notice { font-size:16px; color:#252525; }
.content .plan-notice p { padding:0;  }
.content .plan-notice a { color:#5b9517;  }

/* layout for results and support */
/**********************************/
.layout2 #content { width:660px;  }
.layout2 #content.wide { width:auto;  }
.layout2 .page-head { background: transparent;  }
.layout2 .page-head .page-title { background:url(images/page-head-new.png) repeat-x; border-radius:7px 7px 0 0; border-bottom:1px solid #fff; margin:0;  }
.layout2 .page-head .page-title p { font-size:18px; font-style:italic; font-family:Georgia, serif; color:#aec5d2;  }
.layout2 .page-head .search { padding:0 5px 0 0;  }
.layout2 .page-head .search .field { width:200px; margin-right:5px;  }
.layout2 .page-head .search .submit { width:75px;  }
.layout2 .page-head .page-title h2 { border-right-color:rgba(255,255,255,0.2); }
.layout2 .content-section { font-size:13px; margin-bottom:40px;  }
.layout2 .section-title { border-color:#175073; margin-bottom:15px; position:relative; overflow:hidden }
.layout2 .section-title h2 { color:#175073;  }
.layout2 .widget { border:0; margin-bottom:38px; padding:0 30px 0 20px;  }
.layout2 .widget h4 { color:#175073; font-size:18px; padding-bottom:14px;  }
.layout2 .widget a { color:#444;  }
.layout2 .widget a:hover { color:#45738f; text-decoration:none;   }
.layout2 h5 { font-size:16px; line-height:24px; color:#444;   }
.layout2 h3 { font-family: 'RobotoBold'; color:#175073;  }
.layout2 .article { font-size:14px; }

.breadcrumbs { background:url(images/bc-bar.png) repeat-x ; border-top:1px solid #bacdd4; border-bottom:1px solid #c2c7cb; height:34px; }
.breadcrumbs ul {background:url(images/bc-btn.png) repeat-x; float:left; list-style:none outside none; padding-left:22px;  }
.breadcrumbs li {  height:34px; line-height:34px; float:left;  }
.breadcrumbs li a {display:block;  padding:0 34px 0 18px; font-size:16px; color:#135383; font-family: 'RobotoBold'; background:url(images/bc-div.png) no-repeat right 0 ;  }
.breadcrumbs li:last-child a { background-image:url(images/bc-div-last.png); }
.breadcrumbs li a:hover { text-decoration:none; opacity: 0.8; filter:alpha(opacity=80); }

.results {  margin-bottom:12px;  }
.results li { border-bottom:1px solid #ebebeb; padding:16px 0; font-size:13px; }
.results a { color:#444;  }
.results a:hover { text-decoration:none; color:#175073;  }

ul.results { list-style:none outside none; }
ul.results li {  padding:16px 20px;  background:url(images/double-arrow.png) no-repeat 0 20px; }

ol.results { list-style-position:inside;  }

.result-count { font-size:14px; padding-bottom:2px; }

.mail-support { font-size:14px;  position:relative; overflow:hidden; padding-top:10px;  }
.mail-support img.alignleft { margin-right:20px; }

.mail-support.single { float:right; width:160px; padding:9px 10px;  background-color:#e8edf1; border-radius:4px;  box-shadow: inset 0 1px 3px rgba(0,0,0,0.4); margin:4px 0 0 40px; }
.mail-support.single a {color:#444; }
.mail-support.single a:hover { text-decoration:none;  }

.social-support { list-style:none outside none; padding-top:10px; }
.social-support li { position:relative; overflow:hidden; margin-bottom:20px; font-size:14px; }
.social-support a { color:#444; }
.social-support a img.alignleft { margin-right:15px; }
.social-support a span { font-size:12px; color:#a1a1a1; display:block;  }

.three-cols { padding-bottom:30px; }
.three-cols .col { width:220px; float:left;  }

.faq h4 { font-family: 'RobotoBold'; font-size:18px;  }
.faq img.alignleft { margin-right:8px;  }
.faq ul { list-style:none outside none; padding-right:20px;  }
.faq ul li { font-size:13px; padding-bottom:18px;  }
.faq ul li a { color:#444; }
.faq ul li a:hover { color:#45738f; text-decoration:none; }

.contact .row { padding-bottom:22px; }
.contact .field { width:532px; }
.contact textarea.field { height:194px; }
.contact .buttons { padding:33px 0; border-top:1px solid #e5e5e5;  }
.contact .invalid-notice { background: transparent; padding:10px 0 0;  }

.upload .invalid-notice { padding-top:0;  }

.upload-btn { width:130px; height:40px; background-color:#6c6c6c;  border-radius:4px; position:relative; overflow:hidden; margin-bottom:19px;  } 
.upload-btn .fake-upload { color:#fff; text-align:center; position:relative; z-index: 1; line-height:40px; font-size:14px  }
.upload-btn .fake-upload img { vertical-align:middle; margin-right:5px;   }
.upload-btn .real-upload { position:absolute; width:100%; height:100%; z-index: 2; left:0; top:0; cursor:pointer; }
.upload-btn .real-upload input { font-size:28px; cursor:pointer; width:425px; height:40px; float:left; margin-left:-295px; opacity: 0; filter:alpha(opacity=0); }

.upload-list { list-style:none outside none; font-size:14px; line-height:24px; color:#b8b8b8;  font-family: 'RobotoRegular';  float:left;  }
.upload-list li { position:relative; margin-bottom:5px; padding:2px; }
.upload-list li:after { clear:both; display:table; content:'' }
.upload-list .title { position:relative; z-index: 2; float:left; width:240px; position:relative; overflow:hidden; padding-left:5px;  }
.upload-list .size { position:relative; z-index: 2; padding-left:20px; min-width:60px; float:left; text-align:right; padding-right:10px;  }
.upload-list .remove { color:#717171;  font-size:12px; top:0px; position:absolute; right:-12px; }
.upload-list .progress { position:absolute; left:0; top:0; height:28px; background-color:#0768d2; border-radius:3px 0 0 3px  }
.upload-list li.active { border-radius:3px; box-shadow: inset 0 1px 4px rgba(0,0,0,0.4)}
.upload-list li.invalid { padding:0; border:2px solid #bf3d00; background-color:#ffe8e0;  }

.thank-you {font-size:14px; line-height:21px;   }
.thank-you p { padding-bottom:21px; }

.article ul.steps { list-style:none outside none; padding-left:50px; }
.article ul.steps li { position:relative; }
.article ul.steps li .num { left:-50px; top:0; font-size:18px; color:#fff; font-weight:bold; width:32px; height:32px; background-color:#175073; line-height:32px; border-radius:16px; position:absolute; text-align:center;  }

.more-nav { border-top:1px solid #e5e5e5; padding:30px 0; color:#999;  }
.more-nav .label { padding-right:12px; }
.more-nav a { margin-right:15px; color:#154e71;  }

.e-landing .page-section { font-family: 'MuseoSlab500'; font-size:16px;  }
.e-landing .page-section .shell { position:relative;  }
.e-landing .page-section .col { padding-left:40px; width:390px;  }
.e-landing .page-section .col +.col { padding-left:0; padding-right:40px;  }
.e-landing .page-section p a { color:#2d5774;  }
.e-landing .page-section h2 { font-size:36px; line-height:48px; color:#388716; font-family: 'MuseoSlab500'; padding-bottom:20px;  }
.e-landing .page-section h3 { font-size:24px; line-height:26px; color:#444; font-weight:normal; padding-bottom:10px;  }
.e-landing .page-section h3 img { vertical-align:middle;  }
.e-landing .intro-section { background:url(images/evermanic-intro.png) no-repeat center bottom;  }
.e-landing .intro-section .shell { position:relative; z-index: 1; height:490px;  }
.e-landing .intro-section .text { padding:40px 390px 0 40px;  }
.e-landing .intro-section h1 { padding-bottom:38px;  }
.e-landing .intro-section h2 { font-size:22px; color:#444; padding-bottom:15px; }
.e-landing .intro-section p { font-family: 'RobotoRegular'; color:#000;font-size:18px; line-height:30px;   }
.e-landing .intro-section .video-link { position:absolute; right:137px; top:264px; background:url(images/play.png);  width:145px; height:102px;  }
.e-landing .video-overlay {  position:absolute; z-index: 2;  background-color:#fff;  left:0;  top:0; right:0; bottom:0; padding:10px; background-color:#fff; box-shadow:0 0 5px rgba(0,0,0,0.4); display:none;  }
.e-landing .video-overlay iframe { width:100%; height:100%; }
.e-landing .video-overlay .close { position:absolute; background:url(images/elements.png) no-repeat 0 -428px;  width:24px; height:24px; right:-10px; top:-10px; }

.dl-btns .dl-box { float:left; text-align:center; padding-right:10px;  }
.dl-btns .dl-box span { font-size:14px; color:#bababa; font-family: 'MuseoSlab500'; padding-top:5px;  }

.ev-slider { width:718px; height:500px; position:absolute; background:url(images/ev-slider.png); right:-158px; bottom:0;  }
.ev-slider .sl-wrap { width:317px; height:243px; position:absolute; left:174px; top:126px; overflow:hidden; }
.ev-slider .sl-wrap li { float:left;  }
.ev-slider .dots { position:absolute; bottom:24px; left:0; width:608px; text-align:center;   }
.ev-slider .dots a { width:12px; height:12px; border:1px solid #d8d8d8;  background-color:#d8d8d8; border-radius:7px; display:inline-block;  }
.ev-slider .dots a:hover,
.ev-slider .dots a.selected {border-color:#9c9c9c; background-color:#a6a6a6;  }

.photomanic h2 { font-family: 'proxima_nova_rgbold'; font-weight: normal; font-size: 62px; line-height: 62px; padding: 0; color: #175073; text-shadow: 0 1px 0 #fff; }
.photomanic h2 span { font-family: 'RobotoRegular'; font-size: 24px; margin-left: 20px; }
.photomanic h3 { font-family: 'RobotoRegular'; font-size: 20px; line-height: 20px; font-weight: normal; color: #717171; white-space: nowrap; padding: 0 0 18px; }
.photomanic h4 { font-family: 'RobotoRegular'; font-size: 16px; line-height: 26px; font-weight: normal; text-align: center; color: #175073; padding: 0 0 26px; }
.photomanic h4 a { font-family: 'RobotoMedium'; color: #175073; text-decoration: underline; }
.photomanic h4 a:hover { text-decoration: none; }
.photomanic p { font-family: 'RobotoRegular'; font-size: 14px; line-height: 20px; padding: 0 0 10px; color: #5a5a5a; }
.photomanic form { background: url(images/pm-form-bg.png); border: 1px solid #d8dade; width: 286px; padding: 3px 20px 20px; margin: 0 0 15px; }
.photomanic form label { font-family: 'RobotoRegular'; font-size: 16px; line-height: 28px; display: block; color: #717171; padding: 0 2px; }
.photomanic form .row { padding: 10px 0 0; width: 286px; }
.photomanic form .field { width: 274px; padding: 6px 5px; }
.photomanic form .blue-button { display: block; border: 0 none; border-radius: 5px; width: 196px; height: 48px; font-family: 'proxima_nova_rgbold'; color: #fff; font-size: 21px; text-transform: uppercase; cursor: pointer; margin: 30px auto 0; background: #175073; }
.photomanic form .blue-button:hover { background: #0f4363; }
.photomanic form .invalid label { color: #bf3d00; }
.photomanic form .invalid .field { padding: 5px; }
.photomanic form .invalid-notice { background: transparent; padding: 8px 0 0; display: none; }
.photomanic form .invalid .invalid-notice { display: block; }
.photomanic .item-head { border-bottom: 1px solid #d5d7db; box-shadow: 0 1px 0 rgba(255,255,255,.9); }
.photomanic .item-entry { padding: 20px 0 0; }
.photomanic .signup-col { width: 328px; }
.photomanic .entry-col { width: 585px; }
.photomanic .entry-col img { display: block; position: relative; margin: 20px 0 0 -25px; }
.photomanic .availability ul { list-style: none; width: 328px; font-family: 'RobotoRegular'; font-size: 16px; text-align: center; color: #656565; }
.photomanic .availability li { float: left; width: 146px; }
.photomanic .availability li + li { margin-left: 10px; }
.photomanic .availability .button { display: block; width: 146px; height: 49px; margin: 0 0 10px; background-repeat: no-repeat; background-position: 0 0; }
.photomanic .availability .button.disabled { opacity: .32; filter:alpha(opacity=32); }
.photomanic .availability .app-store .button { background-image: url(images/btn-appstore.png); }
.photomanic .availability .google-play .button { background-image: url(images/btn-gplay.png); }

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
  
  .intro .box2 .normal,
  .intro .box2 .hover { background-image: url(images/options-cafe-homebox@2x.png); -webkit-background-size: 422px 845px; -moz-background-size: 422px 845px; -ms-background-size: 422px 845px; -o-background-size: 422px 845px; background-size: 422px 845px; }
  
  .icon-options-cafe { background:url(images/OC-icon-dark-v2-30px@2x.png) no-repeat; -webkit-background-size: 30px 30px; -moz-background-size: 30px 30px; -ms-background-size: 30px 30px; -o-background-size: 30px 30px; background-size: 30px 30px;  }

	.icon-photomanic { background:url(images/photomanic-icon@2x.png) no-repeat; -webkit-background-size: 30px 30px; -moz-background-size: 30px 30px; -ms-background-size: 30px 30px; -o-background-size: 30px 30px; background-size: 30px 30px; }

	.photomanic .availability .app-store .button { background-image: url(images/btn-appstore@2x.png); -webkit-background-size: 146px 49px; -moz-background-size: 146px 49px; -ms-background-size: 146px 49px; -o-background-size: 146px 49px; background-size: 146px 49px; }
	.photomanic .availability .google-play .button { background-image: url(images/btn-gplay@2x.png); -webkit-background-size: 146px 48px; -moz-background-size: 146px 48px; -ms-background-size: 146px 48px; -o-background-size: 146px 48px; background-size: 146px 48px; }
}