/* @font-face
----------------------------------------------------------------------------------------- 
@font-face {
   font-family: "Graublau Sans Web";
   src: url("/Content/Static/fonts/GraublauWeb.otf") format("opentype");
}

@font-face {
   font-family: "Graublau Sans Web";
   src: url("/Content/Static/fonts/GraublauWebBold.otf") format("opentype");
   font-weight:bold;
}
*/


/* Basics
----------------------------------------------------------------------------------------- */
body { font-family:Helvetica, Arial, sans-serif; font-size:13px; line-height:1; color:rgb(34, 34, 34); background:rgb(255, 255, 255) url('/Content/Static/images/assets/pebbles_light.jpg') no-repeat 0 4em; }
strong { font-weight:bold; }
em { font-style:italic; }



/* Headings
----------------------------------------------------------------------------------------- */
h1, h2 { font-weight:normal; font-family:Univers, Calibri, "Myriad Pro", Myriad, "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif; }
h1 { font-size:2em; margin-bottom:0.6em; margin-top:0.75em; }
h2 { font-size:2em; margin-bottom:0.5em; margin-top:0.75em; }
h3 { font-size:1.5em; margin-bottom:0.5em; }
h4, h5, h6 { font-size:1.25; margin-bottom:0.5em; }
h1 span.info { display:block; font-size:0.5em; padding-top:6px; }



/* General typography
----------------------------------------------------------------------------------------- */
p, ol, ul, dl { font-size:1em; line-height:1.5; padding:0 0 1em 0; }
.nav, #intro, #features { font-family:Univers, Calibri, "Myriad Pro", Myriad, "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif; }
blockquote { padding-left:42px; margin-bottom:20px; background:transparent url('/Content/Static/images/assets/quote_left.png') no-repeat 0 0; }
blockquote p { padding-right:42px; background:transparent url('/Content/Static/images/assets/quote_right.png') no-repeat 100% 0; }
cite { display:block; padding-top:5px; color:rgb(149, 149, 149); font-size:0.9em; }
p.more { text-align:right; }



/* Links
----------------------------------------------------------------------------------------- */
a { color:rgb(36, 129, 212); text-decoration:none; }
a:hover { color:rgb(241, 157, 20); text-decoration:underline; }
a.call-to-action { background:transparent url('/Content/Static/images/assets/call-to-action.png') no-repeat 0 50%; padding-left:24px; }
p.more a { background:transparent url('/Content/Static/images/assets/more.png') no-repeat 100% 50%; padding-right:20px; }



/* Lists
----------------------------------------------------------------------------------------- */
ol { list-style-type:decimal; }
.article ul { list-style-type:disc; margin-left:1em; }
ul.explore { clear:both; list-style:none; margin-left:0; line-height:2; }



/* General layout
----------------------------------------------------------------------------------------- */
#header, #nav, #sec-nav, #content, #footer { width:905px; clear:both; position:relative; margin-left:45px; }
#skip { position:absolute; left:-9999em; height:0; }
.section:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }



/* Header
----------------------------------------------------------------------------------------- */
.header { height:80px; background-color:rgb(255, 255, 255); }
.header h2 { z-index:5; margin:0; padding:0; position:relative; top:12px; width:275px; height:80px; text-indent:-9999em; background:transparent url('/Content/Static/images/logos/logo_transparent.png') no-repeat top left; }
.header h2 a { display:block; width:100%; height:100%; }
.header #banner_ad { width:468px; height:60px; position:absolute; top:10px; right:0; }



/* Nav
----------------------------------------------------------------------------------------- */
.nav { overflow:hidden; letter-spacing:0.05em; background-color:rgb(0, 51, 78); color:rgb(255, 255, 255); text-align:right; text-shadow:1px 1px 1px #023767; }
.nav ul { padding:0; }
.nav ul li { display:inline; line-height:2.4; }
.nav a { color:rgb(255, 255, 255); }
.nav li a:hover, .nav li.selected a { text-decoration:none; border-bottom:solid 1px; }
#nav { font-size:1.2em; }
#nav ul li { padding-left:25px; }
.sec-nav { background-color:rgb(0, 51, 78); background-color:rgba(0, 51, 78, 0.5); color:rgb(255, 255, 255); min-height:2.4em; margin-bottom:40px; }
.sec-nav ul li { padding-left:20px; }
#nav ul li.login { position:absolute; left:0; font-size:12px; padding:4px 0 0 0; }
#nav ul li.login a { border:solid 1px rgb(255, 255, 255); padding:2px 6px; text-shadow:none; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
#nav ul li.login a:hover { text-decoration:none; }
.tertiary-nav ul { border-bottom:dotted 1px #cae4f2; padding-bottom:0; margin:20px 0 40px 0; }
.tertiary-nav ul li a { display:block; border-top:dotted 1px #cae4f2; padding:4px 6px; }
.tertiary-nav ul li a:hover, .tertiary-nav ul li.selected a { color:rgb(34, 34, 34); background-color:rgb(208, 224, 233); text-decoration:none; }



/* Forms
----------------------------------------------------------------------------------------- */
label { font-weight:bold; }
input, textarea { display:block; width:350px; padding:2px; margin:2px 0 4px; border-style:solid; border-width:1px; border-color:#8f8f8f #cecece #e3e3e3; }
select { display:block; padding:2px; margin:2px 0 4px; }
p.buttons input { display:inline; width:auto; border:solid 1px #8f8f8f; }
p.all-required { color:rgb(189, 41, 90); margin-top:30px; }



/* Errors
----------------------------------------------------------------------------------------- */
ul.validation-summary-errors { margin-left:0; margin-bottom:20px; list-style-type:none; line-height:1.6667em; padding:1em 0; border:solid 1px #e8614d; background-color:#fcbfbe; }
ul.validation-summary-errors li { padding-left:26px; margin-left:10px; background:transparent url('/Content/Static/images/icons/exclamation.png') no-repeat scroll left 50%; }



/* Login Form
----------------------------------------------------------------------------------------- */
.login-form { margin-bottom:40px; }
.login-form input { display:block; width:250px; }
.login-form a.forgot-password { float:right; font-size:0.8em; margin-right:70px; }
.article .login-form h2 { display:none; }



/* Intro
----------------------------------------------------------------------------------------- */
#intro { padding-bottom:50px; text-shadow:1px 1px 2px rgb(0, 0, 0); }
#intro strong { font-weight:normal; }
#intro p { color:rgb(255, 255, 255); font-size:1.8em; line-height:1.1em; margin-bottom:0; float:left; width:500px; margin-right:108px; padding:0; }
#intro p.subscribe { padding:0; font-size:1.8em; line-height:1.2em; float:left; width:297px; margin-right:0; text-shadow:none; }
#intro p.subscribe span { padding-left:30px; background:transparent url('/Content/Static/images/assets/subscribe.png') no-repeat left center; }
#intro p.subscribe a { display:block; line-height:1.72em; background-color:rgb(255, 255, 255); background-color:rgba(255, 255, 255, 0.8); color:rgb(34, 34, 34); padding:0.25em 10px;  }
#intro p.subscribe a:hover { text-decoration:none; color:rgb(0, 82, 155); -webkit-transition-property:color; -webkit-transition-duration:0.25s; -webkit-transition-timing-function:ease-in; }
@media screen and (-webkit-min-device-pixel-ratio:0){
    #intro p.subscribe a { line-height:1.45em; }
}



/* Features
----------------------------------------------------------------------------------------- */
#features { padding-bottom:30px; }
#features h2 { background-color:rgb(0, 51, 78); color:rgb(255, 255, 255); font-weight:normal; font-size:1.1em; padding:6px 10px; margin:0 0 10px 0; }
#features ul li { background-image:url('/Content/Static/images/assets/more.png'); background-repeat:no-repeat; background-position:97% 78%; text-shadow:1px 1px 1px rgba(255, 255, 255, 0.5); -webkit-transition-property:background-color; -webkit-transition-duration:0.25s; -webkit-transition-timing-function:ease-in-out; float:left; width:297px; min-height:2.8em; margin-right:7px; background-color:rgb(255, 255, 255); background-color:rgba(255, 255, 255, 0.8); border-style:solid; border-bottom:solid 8px rgb(252, 176, 51); }
#features ul li a { padding:10px 40px 10px 10px;  font-size:1.2em; display:block; min-height:2.8em; color:rgb(34, 34, 34); text-decoration:none; }
#features ul li:hover { z-index:10; background-color:rgb(255, 255, 255); }
#features ul li:hover a { -webkit-transition-property:color; -webkit-transition-duration:0.2s; -webkit-transition-timing-function:ease-in; }
#features ul li.codes { margin-right:0; }

#feature-info div { width:505px; overflow:hidden; }
#fancy_div h2 { margin-top:0; margin-bottom:1em; }
#fancy_div img.screenshot { margin-top:20px; }
#fancy_div img.small-screenshot { float:left; margin-top:0px; }
#fancy_div p { width:650px; }
#fancy_div p.featured-code { float:right; width:340px; }


/* Main
----------------------------------------------------------------------------------------- */
.main { float:left; background:transparent url('/Content/Static/images/assets/public_main.png') repeat-y top center; }



/* Article
----------------------------------------------------------------------------------------- */
.article { float:left; padding:0 20px 20px 20px; width:505px; background-color:rgb(255, 255, 255); margin-top:-10px; }



/* Aside
----------------------------------------------------------------------------------------- */
.aside { float:left; padding:0 20px 20px 20px; width:320px; margin-top:10px; background:rgb(245, 245, 245) url('/Content/Static/images/assets/public_background.png') repeat-y right top; }
.aside h2 { font-size:1.4em; background-color:rgb(0, 51, 78); color:rgb(255, 255, 255); padding:4px 6px; }



/* Footer
----------------------------------------------------------------------------------------- */
.footer { clear:both; }
#footer { padding:20px 0 20px 0; font-size:11px; color:rgb(183, 183, 183); background:transparent url('/Content/Static/images/assets/public_main.png') repeat-y top center; }
#footer a { color:rgb(183, 183, 183); }
#footer ul { margin-left:370px; }
#footer ul li { display:inline; }



/* Subscriptions
----------------------------------------------------------------------------------------- */
.subscriptions strong { padding-right:5px; }




/* Testimonials
----------------------------------------------------------------------------------------- 
.testimonials { padding:20px 0 0 0; margin:20px 0; border-width:1px 0; border-style:solid; border-color:rgb(226, 226, 226); }
*/

/* Questions
----------------------------------------------------------------------------------------- */
#questions { font-size:2em; padding:10px 0; background-color:rgb(245, 245, 245); color:rgb(0, 51, 78); margin:20px 0; border:solid 1px rgb(230, 230, 230); }
#questions p { position:relative; padding:0 10px; }
#questions span { white-space:nowrap; color:rgb(252, 176, 51); }



/* Global Network
----------------------------------------------------------------------------------------- */
ul.key { background-color:rgb(242, 244, 247); color:rgb(51, 51, 51); list-style:none; margin:-20px 0 20px 0; padding:20px; line-height:2; }
ul.key li { position:relative; padding-left:20px; }
ul.key li img { position:absolute; left:0; bottom:10px; }
.map:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.map { border-bottom:solid 1px rgb(226, 226, 226); padding-bottom:20px; margin-bottom:20px; }
.map .vcard { background-color:rgb(242, 244, 247); padding:0 10px 10px 10px; float:right; width:180px; }
.asia-pacific-map .vcard { width:170px; }
.latin-america-map .vcard { width:140px; }
.middle-east-african-map .vcard { width:140px; }
.map .vcard .adr span { display:block; }
.map .vcard .adr .fn { display:none; }
.map .vcard .adr .postal-code, .map .vcard .adr .value, .map .vcard .adr .type { display:inline; }
.map dl dt { font-weight:bold; margin-top:10px; }
.map dl dd { font-size:0.85em; color:rgb(102, 102, 102); }
.map dl dd ul { padding:0; margin:0; list-style:none; }
.map dl .eu-bureaus li { float:left; width:50%; }



/* Free Trial
----------------------------------------------------------------------------------------- */
form.free-trial { border-bottom:solid 1px rgb(226, 226, 226); padding-bottom:20px; margin-bottom:20px; }



/* Forgotten Password
----------------------------------------------------------------------------------------- */
ul.contact-info { line-height:2; font-size:1.2em; }
ul.contact-info li { list-style-image:url('/Content/Static/images/assets/more.png'); }



/* Contact Us
----------------------------------------------------------------------------------------- */
.contact-us dl { width:230px; margin-right:10px; float:left; }
.contact-us .vcard .adr span { display:block; }
.contact-us .vcard .adr .fn { display:none; }
.contact-us .vcard .adr .postal-code, 
.contact-us .vcard .adr .value, 
.contact-us .vcard .adr .type 
{ display:inline; }
.contact-us dl dt { font-weight:bold; margin-top:10px; }
.contact-us dl dd ul { padding:0; margin:0; list-style:none; }
.contact-us dl .eu-bureaus li { float:left; width:50%; }
div.head-offices { float:left; padding-bottom:20px; margin-bottom:20px; border-bottom:solid 1px #E2E2E2; }
form.contact { padding-bottom:20px; margin-bottom:20px; border-bottom:solid 1px #E2E2E2; }