/* A font by Jos Buivenga (exljbris) -> www.exljbris.com */

@font-face {
    font-family: 'DeliciousHeavyRegular';
    src: url('../fonts/delicious-heavy-webfont.eot');
}

@font-face {
    font-family: 'DeliciousHeavyRegular';
    src: url('../fonts/delicious-heavy-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeue Bold';
    src: url('../fonts/helvetica-webfont.eot');
}

@font-face {
    font-family: 'HelveticaNeue Bold';
    src: url('../fonts/helvetica-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {
    font:13px/1.231 arial,helvetica,clean,sans-serif;
    *font-size:small; /* for IE */
    *font:x-small; /* for IE in quirks mode */
}

/**
 * Nudge down to get to 13px equivalent for these form elements
 */ 
select,
input,
button,
textarea {
    font:99% arial,helvetica,clean,sans-serif;
}

/**
 * To help tables remember to inherit
 */
table {
    font-size:inherit;
    font:100%;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre,
code,
kbd,
samp,
tt {
    font-family:monospace;
    *font-size:108%;
    line-height:100%;
}

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
body{margin:10px;}h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong,dt{font-weight:bold;}optgroup{font-weight:normal;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;}em{font-style:italic;}del{text-decoration:line-through;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}sup{vertical-align:super;}sub{vertical-align:sub;}p,fieldset,table,pre{margin-bottom:1em;}button,input[type="checkbox"],input[type="radio"],input[type="reset"],input[type="submit"]{padding:1px;}



/* `Base
-----------------------------------------------------------------------------*/

html {
    background: #c1ebff url(../images/bg.png) left top repeat-x;
    height: 100%;
}

body {
    margin: 0px;
    font-family: 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
    color: #000;
    /*height: 100%;*/
}

body.index {
    background: url(../images/shadow.png) center 640px no-repeat;
}

.ie body.index {
    background: url(../images/ie_shadow.png) center 640px no-repeat;
}

a:link {
    color: #24b3e9;
    text-decoration: none;
}

a:visited {
    color: #a26948;
    text-decoration: none;
}

a:hover, a:active {
    color: #f27023;
    text-decoration: none;
}

.wrongmessage, .captchamessage{
    background:#ffd;
    background-image:url(../images/icon_alert.gif);
    background-position:5px 5px;
    background-repeat:no-repeat;
    border:1px solid #c00;
    color:#c00;
    display:none;
    font-size:13px;
    font-weight:bold;
    margin:0 0 5px 0;
    padding:2px 5px 2px 25px;
}

.thanks{
    background:#ffd;
    background-image:url(../images/icon_yes.gif);
    background-position:5px 5px;
    background-repeat:no-repeat;
    border:1px solid #bc6;
    color:#683;
    font-size:13px;
    font-weight:bold;
    margin:0 0 5px 0;
    padding:2px 5px 2px 25px;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display:inline-block;
}
/* Hide from IE Mac \*/

.clearfix {
    display:block;
}
/* End hide from IE Mac */

#wrapper {
    margin: 0 auto;
    width: 960px;
}

#header, #footer {
    margin: 0 20px;
}

body a.button {
    display: inline-block;
    background: #15abe4;
    background: -moz-linear-gradient(100% 100% 90deg, #15abe4, #45c6f3);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#45c6f3), to(#15abe4));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#45c6f3, endColorstr=#15abe4);
    border: 1px solid #266880;
    padding: 0 40px;
    height: 34px;
    color: #fff;
    line-height: 34px;
    font-weight: bold;
    font-size: 123.1%;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    border-radius: 18px;
    text-shadow: 0 -1px 0 #15769a;
}

body a.button:hover {
    background:#0e8fbf;
    background: -moz-linear-gradient(100% 100% 90deg, #0e8fbf, #1cb4ea);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1cb4ea), to(#0e8fbf));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#1cb4ea, endColorstr=#0e8fbf);
}
.hide{display:none;}

/* `Menu
-----------------------------------------------------------------------------*/

.menu, .menu li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.menu li {
    float: left;
}

.menu .search-engines, .menu .search-engines .menu {
    width: 150px;
}
.menu .search-engines {
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
}
.menu .search-engines ul {
    -moz-border-radius-topright: 0px;
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-top-left-radius: 0px;
}
.menu_center {
    margin-left: 100px;
}

/* `Header
-----------------------------------------------------------------------------*/

#header {
    margin-bottom: 20px;
    padding-top: 40px;
    height: 60px;
    position: relative; 
    z-index: 200;
}

.languages {
    background: #4aa0cd;
    padding: 4px 0 4px 14px;
    position: absolute;
    right: 0;
    top: 10px;
    font-size: 85%;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.languages li {
    margin-right: 7px;
    padding-right: 7px;
    border-right: 1px dotted #305567;
}

.languages .frist, 
.languages .last {
    border-right: 0;
}

#header .languages a {
    color: #305567;
}

#header .languages a:hover {
    color: #000;
}

#header h1 {
    float: left;
    margin: 0;
}

#header h1 a {
    display: block;
    float: left;
    width: 240px;
    height: 60px;
}

/* `Header > Nav
-----------------------------------------------------------------------------*/

.nav {
    float: right;
    margin-top: 30px;
    font-family: "DeliciousHeavyRegular", sans-serif;
    font-size: 167%;
}

.nav li {
    margin-right: 20px;
    position: relative;
    height: 40px;
    line-height: 40px;
}

.nav li.dropdown,
.nav li a{
    padding: 0 15px;
}

.nav li.last {
    margin-right: 0;
}

.nav li.howso{
    font-weight:bold;
}

.nav li:hover,
.nav li.iehover {
    background: #0f81bd;
    background: rgba(10,126,187,0.9);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.nav li.dropdown {
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.nav li,
.nav li a,
.nav li a:visited{
    display: block;
    color: #b4e7ff;
}

.nav li:hover,
.nav li a:hover{
    color: #fff;
}

.nav li.current a{
    background: transparent;
    color: #1d1d1d;
}

.nav li span {
    font-size: 55%;
}

.nav ul {
    position: absolute;
    top: 40px;
    left: -9999px;
    z-index: 999;
    overflow: hidden;
    background: #0d80bc;
    background: rgba(10,126,187,0.9);
    margin-top: 0;
    padding: 15px 15px 10px;
    width: 190px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.2);
    box-shadow: 0 2px 3px rgba(0,0,0,0.2);
}

.ie .nav ul {
    background: #0d80bc;
}

.nav ul li, .nav ul a {
    float: none;
    display: block;
    margin: 0 0 5px 0;
    padding: 0;
    height: auto;
    font-size: 85%;
    line-height: normal;
}

.ie .nav ul li {
    display: inline;
    width: 100%;
}

.nav ul li:hover,
.nav ul li.iehover {
    background: transparent;
}

.nav li:hover ul,
.nav li.iehover ul {
    position: absolute;
    left: 0;
}

/* `Container
-----------------------------------------------------------------------------*/

#container {
    margin-bottom: 20px;
    background: #fff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.index #container {
    background: transparent;
}

.content {
    padding: 20px;
}

/* `Index > Highlight
-----------------------------------------------------------------------------*/

.highlight {
    background: url(../images/image-homepage.png) right 0 no-repeat;
    padding: 30px 280px 0 20px;
    height: 225px;
}

.highlight h2 {
    margin: 0 0 4px;
    font-size: 246.2%;
    clear: right;
}

.highlight h2 span {
    display: block;
    float: left;
    font-family: "HelveticaNeue Bold", "DeliciousHeavyRegular", sans-serif;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.9);
}

.highlight h4 {
    margin: 0 0 4px;
    font-size: 161.6%;
    clear: right;
}

.highlight h4 span {
    display: block;
    float: left;
    font-family: "HelveticaNeue Bold", "DeliciousHeavyRegular", sans-serif;
    color: #454;
}

/* `Index > Products
-----------------------------------------------------------------------------*/

.index .products {
    background: url(../images/bg-products.png) left top no-repeat;
    margin-left: -15px;
    padding: 20px 35px 0;
    width: 920px;
    height: 154px;
    text-shadow: 0 -1px 0 #000;
}

.ie .index .products {
    _margin-left: 0;
    _position: relative;
    _left: -15px;
}

.index .info {
    float: left;
    width: 420px;
    color: #a2b3bd;
}

.index .info h2 {
    font-size: 182%;
    margin-bottom: 0.5em;
}

.index .products .info h2 {
    color: #d8e3e9;
}

.index .products .menu {
    float: right;
}

.ie .index .products .menu {
    _width: 500px;
}

.index .products .menu li {
    margin-left: 10px;
}

.index .products .menu li.howso {
    text-align:center;
}

.index .products .menu a {
    display: block;
    float: left;
    padding-top: 108px;
    font-size: 116%;
    font-weight: bold;
    color: #bedced;
    min-width: 96px;
    position: relative;
}
.index .products .menu li.labs a{
    padding-top:52px;
    width:130px; *width:auto; -width:130px;
}
.index .products .menu a span {
    display: block;
    background: transparent;
    border: 4px solid #616c72;
    margin: 0 0 0 -48px;
    position: absolute;
    left: 50%;
    top: 0;
    width: 88px;
    height: 88px;
    -moz-border-radius: 10%;
    -webkit-border-radius: 10%;
    border-radius: 10%;
    z-index: 50;
}

.index .products .menu a img {
    display: block;
    margin: 0 0 10px -44px;
    position: absolute;
    left: 50%;
    top: 4px;
    z-index: 1;
}

.index .products .menu a:hover span {
    background: transparent;
    border: 4px solid #ccc;
}

.index .products .menu a:hover {
    color: #eee;
}

/* `Index > Services
-----------------------------------------------------------------------------*/

.index .services {
    background: #fff;
    margin-bottom: 30px;
    padding:0 20px 20px 20px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.index .services .info {
    color: #000;
}

.index .info h2 {
    font-size: 182%;
    margin-bottom: 0.5em;
}

.index .services .info h2 {
    color: #3b474d;
}

/* `Index > Slider
-----------------------------------------------------------------------------*/

.index .slider {
    float: right;
    width: 360px;
    position: relative;
    padding: 5px 50px 0 50px;
    height: 140px;
}

.index .quote-slider-no-js .quote-slider {
    height: 200px;
    overflow: auto !important;
    padding-right: 20px
}

.index .quote-slider, .quote-slider .panel {
    width: 360px;
}

.index .quote-slider p.loading {
    padding: 20px;
    text-align: center
}

.index .coda-nav {
    display: none;
}

.index .quote-slider-wrapper {
    clear: both;
    overflow: auto
}

.index .quote-slider {
    float: left;
    overflow: hidden;
    position: relative
}

.index .quote-slider .panel {
    display: none;
    float: left
}

.index .quote-slider .panel-container {
    position: relative
}

.index .slider .frame {
    font-family: "Times New Roman", Times, serif;
    font-size: 100px;
    color: #343e44;
}

.index .slider .frame .left {
    position: absolute;
    left: -10px;
    top: 0;
}

.index .slider .frame .right {
    position: absolute;
    right: -10px;
    top: 0;
}

.index .slider blockquote {
    margin: 0 0 0.5em 0;
    font-size: 138.5%;
    font-style: italic;
    font-weight: bold;
    color: #313a3f;
}

.index .slider .quote {
    font-weight: bold;
    color: #818181;
    text-align: right;
}

/* `Data Factory
-----------------------------------------------------------------------------*/

.tagline {
    background: #28353b;
    padding: 18px 20px 0;
    height: 52px;
    position: relative;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.tagline h2 {
    margin: 0;
    font-family: "DeliciousHeavyRegular", sans-serif;
    font-size: 231%;
    text-transform: uppercase;
    color: #ddd;
    text-shadow: 0 -1px 0 #000;
}

.promo {
    border-bottom: 1px dotted #919ea7;
    margin: 30px 20px 20px;
    padding-bottom: 20px;
    line-height: 1.5; 
}

.data-factory .promo {
    background: url(../images/image-df.jpg) 480px 60px no-repeat;
    border-bottom: 0;
    margin: 30px 20px 0;
    padding: 0 440px 0 0;
}

.data-factory .promo .introduction {
    clear:both;
    font-size: 116%;
    line-height: 1.5;
}

.data-factory .promo h1 {
    background: url(../images/logo-datafactory.png) left bottom no-repeat;
    float:left;
    height: 61px;
    margin:0 0 1em 0;
    text-indent: -9999em;
    width:211px;
}

.data-factory .promo h2{
    color:#06a;
    float:left;
    font-size:123.1%;
    margin-top:1.8em;
}

.data-factory .promo .button {
    margin-top: 20px;
}


/* `Data Factory > Slider
-----------------------------------------------------------------------------*/

.data-factory .slider {
    height:110px;
    position: relative;
    padding: 15px 40px 0;
    width: 380px;
}

.data-factory .quote-slider-no-js .quote-slider {
    height: 200px;
    overflow: auto !important;
    padding-right: 20px
}

.data-factory .quote-slider, .data-factory .quote-slider .panel {
    width: 380px;
}

.data-factory .quote-slider p.loading {
    padding: 20px;
    text-align: center
}

.data-factory .coda-nav {
    display: none;
}

.data-factory .quote-slider-wrapper {
    clear: both;
    overflow: auto
}

.data-factory .quote-slider {
    float: left;
    overflow: hidden;
    position: relative
}

.data-factory .quote-slider .panel {
    display: none;
    float: left
}

.data-factory .quote-slider .panel-container {
    position: relative
}

.data-factory .quote-slider h3 {
    margin: 0.5em 0 0;
}

.data-factory .slider .frame {
    font-family: "Times New Roman", Times, serif;
    font-size: 80px;
    color: #343e44;
}

.data-factory .slider .frame .left {
    position: absolute;
    left: -10px;
    top: -5px;
}

.data-factory .slider .frame .right {
    position: absolute;
    right: -10px;
    top: -5px;
}

.data-factory .slider blockquote {
    margin: 0 0 0 0;
    font-style: italic;
    font-weight: bold;
    color: #313a3f;
}

.data-factory .slider .quote {
    font-size: 93%;
    color: #888;
    text-align: right;
}

/* `Data Factory > Tabs
-----------------------------------------------------------------------------*/

.data-factory .tabs {
    margin-bottom: 30px;
    border-bottom: 5px solid #222;
}

.data-factory .tabs li {
    margin-right: 4px;
}

.data-factory .tabs a {
    display: block;
    float: left;
    font-size:93%;
    background: #e5e5e5;
    padding: 8px 5px 6px;
    font-weight: bold;
    color: #000;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.data-factory .tabs a:hover {
    background: #ccc;
}

.data-factory .tabs .active a,
.data-factory .tabs .active a:hover {
    background: #393f42;
    color: #fff;
    cursor: default;
    text-shadow: 0 1px 0 #000;
}

.data-factory .success-stories .customer h4 a {
    float:left;
    height:4.5em;
    text-indent:-9999em;
    width:190px;
}

.data-factory .success-stories .customer li {
    clear:both;
    display:block;
    float: none;
    margin-bottom: 20px;
}

.data-factory .success-stories .customer li.army a{background:url(../images/logo-army.png) no-repeat center center;}
.data-factory .success-stories .customer li.pg a{background:url(../images/logo-pg.png) no-repeat center center;}
.data-factory .success-stories .customer li.ibiubi a{background:url(../images/logo-ibiubi.png) no-repeat center center;}
.data-factory .success-stories .customer li.move a{background:url(../images/logo-move.png) no-repeat center center;}
.data-factory .success-stories .customer li.vinolist a{background:url(../images/logo-vinolist.png) no-repeat center center;}
.data-factory .success-stories .customer li.hellometro a{background:url(../images/logo-hellometro.png) no-repeat center center;}
.data-factory .success-stories .customer li.pa a{background:url(../images/logo-pa.png) no-repeat center center;}

.data-factory .success-stories .customer li p{
    border-left:1px dotted #ccc;
    float:left;
    padding-left:10px;
    width:390px;
}

.data-factory .products {
    background: url(../images/bg-products.png) left top no-repeat;
    padding: 15px 0 0 15px;
    height: 139px;
    text-shadow: 0 -1px 0 #000;
}

.data-factory .products .menu li {
    float:left;
    width:130px;
}

.data-factory .products .menu a {
    color:#bedced;
    display:block;
    float:left;
    font-size:116%;
    font-weight:bold;
    min-width:130px;
    padding-top:108px;
    position:relative;
    text-align:center;
}
.data-factory .products .menu a span {
    display: block;
    background: transparent;
    border: 4px solid #616c72;
    margin: 0 0 0 -48px;
    position: absolute;
    left: 50%;
    top: 0;
    width: 88px;
    height: 88px;
    -moz-border-radius: 10%;
    -webkit-border-radius: 10%;
    border-radius: 10%;
    z-index: 50;
}

.data-factory .products .menu a img {
    display: block;
    margin: 0 0 10px -44px;
    position: absolute;
    left: 50%;
    top: 4px;
    z-index: 1;
}

.data-factory .products .menu a:hover span {
    background: transparent;
    border: 4px solid #c7688c;
}

.data-factory .products .menu a:hover {
    color: #f6629a;
}

.data-factory #tab4 h3 {
    padding-left: 44px;
    height: 32px;
    line-height: 32px;
}

.data-factory .tab_container .input,
.data-factory .tab_container .output {
    font-weight: bold;
}

.data-factory .tab_container .input strong,
.data-factory .tab_container .output strong {
    color: #C5422A;
}

.data-factory .real-estate h3 {
    background: url(../images/icon/home.png) left center no-repeat;
}

.data-factory .e-commerce h3 {
    background: url(../images/icon/basket.png) left center no-repeat;
}

.data-factory .travel h3 {
    background: url(../images/icon/tree.png) left center no-repeat;
}

.data-factory .entertainment h3 {
    background: url(../images/icon/headphone.png) left center no-repeat;
}

.data-factory .food-dining h3 {
    background: url(../images/icon/coke.png) left center no-repeat;
}

.data-factory .education h3 {
    background: url(../images/icon/library.png) left center no-repeat;
}

.data-factory #tab5 h3 {
    padding-left: 44px;
    height: 32px;
    line-height: 32px;
}

.data-factory .app h3 {
    background: url(../images/icon/app.png) left center no-repeat;
}

/* `Data Factory > Table
-----------------------------------------------------------------------------*/

table.data {
    width: 100%;
}

table.data th,
table.data td {
    border: 1px solid #eee;
    text-align: left;
}

table.data tbody th {
    background: #2f97cd;
    font-weight: 400;
    color: #fff;
    text-shadow: 0 -1px 0 #1c5b7c;
}

table.data tbody th,
table.data td {
    font-weight: 400;
}

table.data thead th {
    background: #2f97cd;
    color: #fff;
    text-shadow: 0 1px 0 #000;
}

table.data tr:nth-child(2n) {
    background: #f4fafd;
}

table.data .czd {
    border-bottom: 1px solid #fff;
    background: #ecf5d5;
}

table.data th.czd {
    background: #2f97cd;
}

/* `Column Container
-----------------------------------------------------------------------------*/

.column-container {
    padding-bottom: 40px;
    line-height: 1.5;
    position: relative;
}

.column-container h2 {
    font-size: 182%;
    color: #c5422a;
    margin-top: 0px;
}

.column-container h3 {
    font-size: 123.1%;
}

.column-container .main {
    float: left;
    margin-right: 10px;
    padding-right: 10px;
    width: 600px;
}

.column-container .col {
    float: left;
    margin-right: 10px;
    width: 300px;
}

.column-container .last {
    margin-right: 0;
}

.column-container .row {
    border-bottom: 1px dotted #e2e2e2;
    margin-bottom: 40px;
    padding-bottom: 20px;
}

/* `Column Container > Contact Form
-----------------------------------------------------------------------------*/

.col .contact {
    background: #f7f7f7;
    padding: 20px 15px;
}

.col .contact li {
    color: #c5422a;
}

.col .contact .field {
    margin-bottom: 20px;
}

.col .contact label {
    display: block;
}

.col .contact .text {
    padding: 5px;
    width: 256px;
}

.col .contact .field .message {
    height:100px;
}

.col .contact .captcha img {
    display: block;
    margin-bottom: 0.5em;
}

.col .contact .reload {
    cursor:pointer;
    background: -moz-linear-gradient(100% 100% 90deg, #f2f2f2, #fff);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f2f2f2));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#f2f2f2);
    border: 1px solid #c0c0c0;
    padding: 0 10px;
    height: 25px;
    color: #000;
    line-height: 25px;
    font-size: 93%;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-shadow: 0 1px 0 #fff;
    width:90px;
    *width:90px;
    *text-align:center;
}

.col .contact .reload:hover {
    display: inline-block;
    background: -moz-linear-gradient(100% 100% 90deg, #ddd, #fff);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#ddd));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#dddddd);
}

.col .contact .captcha p {
    margin: 5px 0 0;
}

.col .contact .submit {
    text-align: center;
}

.col .contact .submit-button {
    text-transform: uppercase;
}

/* `Full-width Panel
-----------------------------------------------------------------------------*/

.full-width-panel {
    padding-bottom: 40px;
    line-height: 1.5;
    position: relative;
}

.full-width-panel h2 {
    font-size: 182%;
    color: #c5422a;
    margin-top: 0px;
}

.full-width-panel h3 {
    font-size: 123.1%;
}

/* `Scroller
-----------------------------------------------------------------------------*/

.scroller {
    background: #fff url(../images/bg-scroller.png) left bottom repeat-x;
    padding: 30px 20px;
}

.scroller-inner {
    background: url(../images/screen-shopping.jpg) left top no-repeat;
    padding-left: 604px;
    height: 400px;
    position: relative;
}

.ie .scroller-inner {
    _background: url(../images/screen-shopping-ie6.jpg) left top no-repeat;
}

.scroller h1 {
    background: url(../images/logo-shopping.png) left top no-repeat;
    margin: 0;
    height: 68px;
    text-indent: -9999em;
    position: absolute;
    right: 0;
    top: 0;
    width: 300px;
}

.scroller ul, .scroller li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.scroller ul {
    padding-top: 88px;
    position: relative;
}

.scroller li {
    display: block;
    padding: 6px 5px 0 16px;
    height: 38px;
    font-size: 93%;
    color: #333;
}

.scroller li.three {
    height: 52px;
}

.scroller li .description {
    padding-left: 30px;
}

.scroller li .serial {
    float: left;
    display: block;
    background: url(../images/icon-circle.png) left top no-repeat;
    margin-left: -30px;
    width: 20px;
    height: 20px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    line-height: 20px;
}

.ie .scroller li .serial {
    _margin-left: 0;
    _margin-bottom: 20px;
    _left: -30px;
}

.scroller li.selected, 
.scroller li:hover {
    background: url(../images/scroller-selected.png) right top no-repeat;
    color: #fff;
}

.scroller li.selected.three,
.scroller li.three:hover {
    background: url(../images/scroller-selected.png) right bottom no-repeat;
    color: #fff;
}

.ie #container .scroller li.selected, 
.ie #container .scroller li:hover,
.ie #container .scroller li.three, 
.ie #container .scroller li:three {
    _background: transparent;
    _color: #333;
}

.scroller li.selected .serial,
.scroller li:hover .serial {
    background: url(../images/icon-circle.png) left bottom no-repeat;
}

.scroller .block {
    position: absolute;
    left: -604px;
    top: 0;
    width: 0;
    height: 0;
}

.ie .scroller .block {
    _display: none;
}

.scroller .block span,
.scroller li:hover .block span,
.scroller li.selected .block span {
    display: block;
    background: url(../images/bg-scroller-block.png) left top repeat;
    border: 2px solid #d52b0b;
    position: relative;
}

.scroller .block span {
    background: transparent;
    border: 2px solid transparent;
}

.scroller-category .block span {
    width: 596px;
    height: 16px;
    left: 0;
    top: 42px;
}

.scroller-specs .block span {
    width: 116px;
    height: 331px;
    left: 0;
    top: 66px;
}

.scroller-results .block span {
    width: 456px;
    height: 16px;
    left: 133px;
    top: 75px;
}

.scroller-prices .block span {
    width: 72px;
    height: 52px;
    left: 516px;
    top: 138px;
}

.scroller-product .block span {
    width: 373px;
    height: 71px;
    left: 133px;
    top: 136px;
}

.scroller .block strong {
    display: block;
    background: url(../images/icon-marked.png) left top no-repeat;
    padding-left: 11px;
    width: 32px;
    height: 40px;
    position: absolute;
    left: 0px;
    top: -35px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    line-height: 30px;
}

.scroller-specs .block strong {
    left: 70px;
    top: -15px;
}

.scroller li.selected .block strong ,
.scroller li:hover .block strong {
    background: url(../images/icon-marked.png) left bottom no-repeat;
}

#container .scroller .button {
    position: absolute;
    right: 0;
    bottom: 0;
    color: #fff;
}

/* `Shopping Search
-----------------------------------------------------------------------------*/

.shopping-search .col {
    padding-left: 70px;
    width: 230px;
}

.shopping-search .col h3 {
    margin-top: 0px;
}

.shopping-search .shopping-products {
    background: url(../images/icon-store.png) left top no-repeat;
}

.shopping-search .shopping-price {
    background: url(../images/icon-chart.png) left top no-repeat;
}

.shopping-search .shopping-search-func {
    background: url(../images/icon-magnifier.png) left top no-repeat;
}

.shopping-search .main {
    float: left;
    margin-right: 0;
    padding-right: 0;
    width: 610px;
}

.shopping-search .main {
    float: left;
    margin-right: 0;
    padding-right: 0;
    width: 610px;
}

/* `Apartment Search
-----------------------------------------------------------------------------*/

.apartment-search .col {
    padding-left: 70px;
    width: 230px;
}

.apartment-search .col h3 {
    margin-top: 0px;
}

.apartment-search .intro {
    margin-top:30px;
}

.apartment-search .scroller-inner {
    background: url(../images/screen-pom.jpg) left top no-repeat;
    padding-left: 604px;
    height: 361px;
    position: relative;
}

.apartment-search .scroller h1 {
    background: url(../images/logo-pom.png) left top no-repeat;
    margin: 0;
    height: 61px;
    text-indent: -9999em;
}

.apartment-search .scroller h2{
    padding:45px 0 0 15px;
}

.apartment-search .scroller p{
    padding:10px 0 0 15px;
}

.apartment-search .intro .text {
    float:left;
    padding:0px 10px;
    width:300px;
}

.apartment-search .apartment-compare {
    background: url(../images/icon/chart.png) left top no-repeat;
}

.apartment-search .apartment-search-func {
    background: url(../images/icon/magnifier.png) left top no-repeat;
}

.apartment-search .apartment-collaborate {
    background: url(../images/icon/user.png) left top no-repeat;
}

.apartment-search .main {
    float: left;
    margin-right: 0;
    padding-right: 0;
    width: 610px;
}

/* Product page - the template with video
-----------------------------------------------------------------------------*/

.video-layout .content {
    padding-top: 30px;
}

.video-layout .col {
    padding-left: 0px;
    width: 300px;
}

.video-layout .row {
    padding: 0 0 0 75px;
    border: 0;
    margin-bottom: 20px;
}

.video-layout .row h3 {
    margin: 0 0 10px 0;
}

/* `Section
-----------------------------------------------------------------------------*/

.section {
    margin-bottom: 20px;
    position: relative;
}

.ft-link {
    display: inline-block;
    margin-right: 15px;
    padding-left: 22px;
    height: 16px;
    line-height: 16px;
}

.full-story {
    background: url(../images/icon-article.png) left center no-repeat;
}

.cached-pdf {
    background: url(../images/icon-pdf.png) left center no-repeat;
}

.cached-audio {
    background: url(../images/icon/page.png) left center no-repeat;
}

.cached-png {
    background: url(../images/icon/picture.png) left center no-repeat;
}

.section .category {
    display: block;
    width: 50px;
    height: 63px;
    position: absolute;
    left: -40px;
    top: -8px;
}

/* `About > Tabs
-----------------------------------------------------------------------------*/

.about .tabs {
    background: #ddd;
    padding: 1px 1px 0;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.about .tabs li {
    margin-right: 1px;
}

.about .tabs li:last-child {
    margin-right: 0;
}

.about .tabs li:first-child a {
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
}

.about .tabs li:last-child a {
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
}

.about .tabs a {
    display: block;
    float: left;
    font-weight: bold;
    color: #000;
    text-align: center;
    width: 140px;
    height: 36px;
    line-height: 36px;
    font-size: 116%;
    background: -moz-linear-gradient(100% 100% 90deg, #ddd, #fff);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#ddd));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#dddddd);
    text-shadow: 0 1px 0 #fff;
}

.about .tabs a:hover {
    background:#eee;
    background: -moz-linear-gradient(100% 100% 90deg, #bbb, #eee);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#bbb));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#eeeeee, endColorstr=#bbbbbb);
}

.about .tabs .active a,
.about .tabs .active a:hover {
    background: #fff;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#ffffff);
    cursor: default;
}

.about .tab_content {
    background: url(../images/bg-paper.png) left top repeat-y;
    border: 1px solid #ddd;
    border-top: 0;
    padding: 22px 20px 40px;
}

/* `About
-----------------------------------------------------------------------------*/

.about .tab_container h2{line-height:46px;}
.about .tab_container p, .about .tab_container li, .about .tab_container p, .about .tab_container em{line-height:23px;}
.about .tab_container p{margin-bottom:23px;}
.about .tab_container ul{margin:0 0 23px 2em;}
.about .main h3 {
    font-size: 153.9%;
}

.about .main h4 {
    font-size: 123.1%;
    line-height:23px;
    margin-bottom:23px;
}

.who-we-are h3 {
    display: none;
}

.who-we-are .section {
    margin-bottom: 23px;
}

.who-we-are .section:last-child {
    margin-bottom: 0;
}

.who-we-are .portrait {
    float: left;
    width: 122px;
    position: relative;
}

.who-we-are .portrait span {
    background: url(../images/tape.png) left top no-repeat;
    width: 69px;
    height: 27px;
    position: absolute;
    left: 28px;
    top: -16px;
}

.who-we-are .portrait img {
    background: #fff;
    border: 1px solid #ddd;
    padding: 4px;
}

.who-we-are .info {
    float: right;
    width: 420px;
}

.about .main .who-we-are h4 {
    margin-bottom: 0;
}

.who-we-are em {
    color: #969696;
    font-family: "Lucida Console", Monaco, monospace;
}


/* `News
-----------------------------------------------------------------------------*/

.news .section,
.faq .section {
    border-bottom: 1px dotted #999;
    padding: 0 0 10px 20px;
    position: relative;
}

.news h3 {
    margin-bottom: 0.2em;
}

.news .time {
    margin-bottom: 1.2em;
    font-size: 93%;
    color: #aaa;
}

.news .category {
    background: url(../images/icon-news.png) left top no-repeat;
}

/* `FAQ
-----------------------------------------------------------------------------*/

.faq .category {
    background: url(../images/icon-faq.png) left top no-repeat;
}

/* `Labs
-----------------------------------------------------------------------------*/

.labs .products .menu li{margin:0 0 20px 0;}
.labs .products .menu a.title{
    color: #586F79;
    font-size:116%;
    font-weight: bold;
}
.labs .products .menu a.image {
    display: block;
    float: left;
    padding-top: 108px;
    width: 96px;
    position: relative;
    margin:0 10px 0 0;
}
.labs .products .menu li.labs a.image{
    padding-top:52px;
    width:130px;
}
.labs .products .menu a.image span {
    display: block;
    background: transparent;
    border: 4px solid #616c72;
    position: absolute;
    top: 0;
    width: 88px;
    height: 88px;
    -moz-border-radius: 10%;
    -webkit-border-radius: 10%;
    border-radius: 10%;
    z-index: 50;
}

.labs .products .menu a.image img {
    display: block;
    position: absolute;
    left:4px;
    top: 4px;
    z-index: 1;
}

.labs .products .menu a.image:hover span {
    background: transparent;
    border: 4px solid #c7688c;
}

.labs .products .menu a:hover {
    color: #f6629a;
}

.labs .products .menu p{-padding-left:106px;}

.labs .col{
    background:url(../images/image-labs.png) no-repeat;
    padding:170px 0 0 0;
}

/* `Jobs > Tabs
-----------------------------------------------------------------------------*/

.jobs .tabs {
    margin-bottom: 30px;
    border-bottom: 5px solid #222;
}

.jobs .tabs li {
    margin-right: 8px;
}

.jobs .tabs a {
    display: block;
    float: left;
    font-size:116%;
    background: #e5e5e5;
    padding: 8px 10px 6px;
    font-weight: bold;
    color: #000;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.jobs .tabs a:hover {
    background: #ccc;
}

.jobs .tabs .active a,
.jobs .tabs .active a:hover {
    background: #393f42;
    color: #fff;
    cursor: default;
    text-shadow: 0 1px 0 #000;
}

.jobs h3{
    border-top:1px dashed #ccc;
    padding:10px 0 0 0;
}
.jobs h4.note{
    color:#18b;
    margin:0 0 1em 0;
}

/* `404 page
-----------------------------------------------------------------------------*/

.error #container {
    background: transparent;
}

.error h2.message{
    color: #fff;
    font-family: "DeliciousHeavyRegular", sans-serif;
    font-size: 307.8%;
    margin: 50px 0;
    padding: 20px;
    text-transform: uppercase;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.7);
}

/* `404 > Products
-----------------------------------------------------------------------------*/

.error .products {
    background: url(../images/bg-products.png) left top no-repeat;
    margin-left: -15px;
    padding: 20px 35px 0;
    width: 920px;
    height: 139px;
    text-shadow: 0 -1px 0 #000;
}

.ie .error .products {
    _margin-left: 0;
    _position: relative;
    _left: -15px;
}

.error .info{
    color:#a2b3bd;
    float:left;
    text-align:center;
    width:450px;
}

.error .info h2 {
    font-size: 182%;
    margin: 2em 0;
}

.error .products .info h2 {
    color: #d8e3e9;
}

.error .products .menu {
    float: right;
}

.ie .error .products .menu {
    _width: 600px;
}

.error .products .menu a {
    display: block;
    float: left;
    padding-top: 108px;
    font-size: 116%;
    font-weight: bold;
    color: #bedced;
    width:150px;
    position: relative;
    text-align:center;
}
.error .products .menu li.labs a{
    padding-top:52px;
    width:130px;
}
.error .products .menu a span {
    display: block;
    background: transparent;
    border: 4px solid #616c72;
    margin: 0 0 0 -48px;
    position: absolute;
    left: 50%;
    top: 0;
    width: 88px;
    height: 88px;
    -moz-border-radius: 10%;
    -webkit-border-radius: 10%;
    border-radius: 10%;
    z-error: 50;
}

.error .products .menu a img {
    display: block;
    margin: 0 0 10px -44px;
    position: absolute;
    left: 50%;
    top: 4px;
    z-error: 1;
}

.error .products .menu a:hover span {
    background: transparent;
    border: 4px solid #c7688c;
}

.error .products .menu a:hover {
    color: #f6629a;
}

/* `College
-----------------------------------------------------------------------------*/

.college form .field{
    background:#f7f7f7;
    float:left;
    padding:10px;
    position:relative;
    width:280px;
}
.college form .field label{
    display:block;
    line-height:1;
    margin:0 0 5px 0;
}
.college form .field input{
    position:relative;
    padding:5px;
    width:268px;
}
.college form .submit-button{
    clear:both;
    padding:10px 0 0 0;
    text-align:center;
}
.college form .submit-button input{
    background:-moz-linear-gradient(100% 100% 90deg, #f2f2f2, #fff);
    background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f2f2f2));
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#f2f2f2);
    border:1px solid #c0c0c0;
    color:#000;
    cursor:pointer;
    font-size:108%;
    height:25px;
    line-height:25px;
    padding:0 10px;
    text-shadow:0 1px 0 #fff;
    width:100px;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    *width:100px;
    *text-align:center;
}
.college form .submit-button input:hover {
    background:-moz-linear-gradient(100% 100% 90deg, #ddd, #fff);
    background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#ddd));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#dddddd);
}
.college .flyer-link{
    background:url(../images/icon-pdf-big.png) no-repeat;
    display:block;
    font-weight:bold;
    line-height:32px;
    padding:0 0 0 38px;
}

/* `Firm
-----------------------------------------------------------------------------*/

.firm {
    background: #b1def3;
    padding: 20px 0 20px 50px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.firm li {
    margin-right: 50px;
    height: 40px;
    overflow: hidden;
}

.firm li:hover img {
    margin-top: -40px;
}

.firm .ie6 {
    display: block;
}


/* `Footer
-----------------------------------------------------------------------------*/

#footer {
    padding-bottom: 60px;
}

#footer address {
    display: inline;
    font-style: normal;
    color: #91abb7;
}

#footer .menu {
    float: right;
}

#footer .menu li {
    border-left: 1px dotted #879aa3;
    margin-left: 10px;
    padding-left: 10px;
}

#footer .menu .frist {
    border-left: 0;
    margin-left: 0;
    padding-left: 0;
}

#footer .menu a {
    color: #586f79;
}

#footer .menu a:hover {
    color: #000;
}

#footer .menu li .note{
    color:#d0f;
    font-size:77%;
    margin:0 0 0 3px;
    vertical-align:top;
}