/** ALL - HEADER */
body{background:url(../images/body.png) repeat-x; color:#585858; font:normal 12px/20px Arial,arial,Helvetica,helvetica,sans-serif;}
#wrapper{background:url(../images/footer.png) 0 100% repeat-x; min-height:1100px; padding:0 20px;}
#container{background:#fff; border-radius:5px; box-shadow:0 0 4px rgba(0,0,0,.5); margin-bottom:24px; min-height:800px; -moz-border-radius:5px; -moz-box-shadow:0 0 4px rgba(0,0,0,.5); -webkit-border-radius:5px; -webkit-box-shadow:0 0 4px rgba(0,0,0,.5);}
.full{margin:0 auto; position:relative; width:960px;}
#banner{height:120px;}
#logo{left:24px; position:absolute; top:20px;}
#nav{left:13px; position:absolute; top:88px; width:959px;}
#nav li{background:#b6b6b6; background:-moz-linear-gradient(top, #ffffff 0%, #b6b6b6 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#b6b6b6)); background:-webkit-linear-gradient(top, #ffffff 0%,#b6b6b6 100%); background:-o-linear-gradient(top, #ffffff 0%,#b6b6b6 100%); background:-ms-linear-gradient(top, #ffffff 0%,#b6b6b6 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b6b6b6',GradientType=0 ); background:linear-gradient(top, #ffffff 0%,#b6b6b6 100%); border:1px solid #818181; border-bottom:none; border-top-left-radius:5px; border-top-right-radius:5px; float:left; height:31px; line-height:31px; margin-left:1px; position:relative; text-align:center; text-transform:uppercase; width:230px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px;}
#nav .active{background:#fff; z-index:100;}
#nav a{color:#787878; display:block; font-size:13px; font-weight:bold; text-decoration:none;}
#nav ul{left:-80px; position:absolute; top:40px; width:700px;}
#nav ul.last{left:auto; right:0; text-align:right; width:550px;}
#nav ul li{background:none; border:none; border-radius:none; color:#cd0000; display:inline; font-size:10px; font-weight:bold; height:auto; line-height:1; margin-right:16px; text-transform:none; width:auto; -moz-border-radius:none; -webkit-border-radius:none;}
#nav ul a{display:inline; height:auto; font-size:12px; font-weight:normal; line-height:1; padding:0;}
#nav sup{font-size:75%; line-height:0; vertical-align:super;}
#client-login{position:absolute; right:0; top:0;}
#client-login ul{background:#1c1c1c; display:none; right:6px; position:absolute; text-align:center; top:37px; width:128px; z-index:100;}
#client-login li a{color:#fff; font-size:11px; text-decoration:none; text-transform:uppercase;}
#client-login li a:hover{color:#818386;}
#login{background:#3a3a3a; background:-moz-linear-gradient(top, #3a3a3a 0%, #1b1b1b 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a3a3a), color-stop(100%,#1b1b1b)); background:-webkit-linear-gradient(top, #3a3a3a 0%,#1b1b1b 100%); background:-o-linear-gradient(top, #3a3a3a 0%,#1b1b1b 100%); background:-ms-linear-gradient(top, #3a3a3a 0%,#1b1b1b 100%); background:linear-gradient(top, #3a3a3a 0%,#1b1b1b 100%); border:2px solid #525252; border-bottom-left-radius:5px; border-bottom-right-radius:5px; border-top:none; box-shadow:0 0 6px rgba(0,0,0,.75); color:#fff; cursor:pointer; filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a3a3a', endColorstr='#1b1b1b',GradientType=0 ); font-size:13px; height:35px; line-height:35px; position:absolute; right:0; text-align:center; text-decoration:none; text-transform:uppercase; top:0; width:138px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -mox-box-shadow:0 0 6px rgba(0,0,0,.75); -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; -webkit-box-shadow:0 0 6px rgba(0,0,0,.75);}
#login span{color:#818386;}
#login.hover span{color:#cd0000;}
#banner form{background:#fff; border:1px solid #a8abae; border-radius:4px; box-shadow:inset 0 2px 4px rgba(0,0,0,.1); height:24px; position:absolute; right:155px; top:10px; width:226px; moz-border-radius:4px; -webkit-border-radius:4px;}
#banner .submit{background:url(../images/search.png) 50% 50% no-repeat; border:none; display:block; height:24px; left:0; position:absolute; top:0; text-indent:-9999em; width:24px;}
#banner .text{background:none; border:none; color:#6f7174; height:24px; left:30px; line-height:24px!important; overflow:hidden; padding:0; position:absolute; top:0; width:190px;}
#banner .vcard{color:#4c4c4c; font-size:19px; font-weight:bold; position:absolute; right:0; top:55px;}
#banner .org{display:none;}
/** ALL - CONTAINER */
#columns{clear:both; height:281px; margin-bottom:18px; padding-left:11px;}
#columns article{background:#ddd; background:-moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); background:-webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); background:-o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); background:-ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); background:linear-gradient(top, #ffffff 0%,#e5e5e5 100%); border:3px solid #fff; border-radius:8px; box-shadow:0 0 8px rgba(0,0,0,0.75); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); float:left; height:253px; margin-left:20px; padding:22px 18px 0; width:244px; -moz-border-radius:8px; -moz-box-shadow:0 0 8px rgba(0,0,0,0.75); -webkit-border-radius:8px; -webkit-box-shadow:0 0 8px rgba(0,0,0,0.75);}
#columns h2{color:#cd0000; font-size:20px; line-height:1;}
#columns h3{color:#585858; font-size:14px; margin-bottom:6px;}
#columns a{color:#cd0000;}
#client-stories{background:#ddd; background:-moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); background:-webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); background:-o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); background:-ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); background:linear-gradient(top, #ffffff 0%,#e5e5e5 100%); border:3px solid #fff; border-radius:8px; box-shadow:0 0 8px rgba(0,0,0,0.75); clear:both; filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); height:80px; margin:0 30px; padding:0 28px;}
#client-stories h3{color:#515151; float:left; font-size:16px; line-height:20px; margin-right:30px; padding-top:20px; width:110px;}
#client-stores li{display:inline;}
/** ALL - FOOTER */
footer{height:165px; overflow:hidden;}
footer h2{background:url(../images/footer-h2.png) no-repeat; float:left; height:51px; text-indent:-9999em; width:124px;}
footer article{border-left:1px solid #c94c4c; color:#fff; float:left; height:114px; line-height:18px; margin-left:15px; padding-left:15px; width:167px;}
footer article h3{background:url(../images/footer-article-h3.png) no-repeat; font-size:16px; font-weight:normal; height:23px; line-height:30px; padding-left:32px;}
footer .map h3{background-position:0 0;}
footer .plan h3{background-position:0 -23px;}
footer .project h3{background-position:0 -46px;}
footer .pog h3{background-position:0 -69px;}		
footer article h3 span{font-weight:bold;}
footer article a{color:#908f8f;}
footer .copyright{clear:both; color:#515153; padding-top:26px; text-align:right; width:960px;}
footer nav{height:11px; left:0; line-height:11px; position:absolute; top:144px;}
footer li{border-left:1px solid #606062; float:left;	margin-left:8px; padding-left:8px;}
footer .first{border:none; margin:0; padding:0;}
footer nav a{color:#606062;	text-decoration:none;}

/** HOMEPAGE */
#home{background:url(../images/home.jpg) 0 34px no-repeat; height:355px; margin-bottom:30px; position:relative;}
#home div{left:60px; position:relative; top:68px; width:390px;}
#home h1{color:#cd0000; font-size:30px; line-height:1; text-transform:uppercase;}
#home h2{color:#585858; font-size:20px; line-height:26px; margin-bottom:10px;}
#home p{font-size:16px; font-style:italic; line-height:21px; width:200px;}
#home a{background:#c8202a; background:-moz-linear-gradient(top, #c8202a 0%, #8a0000 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#c8202a), color-stop(100%,#8a0000)); background:-webkit-linear-gradient(top, #c8202a 0%,#8a0000 100%); background:-o-linear-gradient(top, #c8202a 0%,#8a0000 100%); background:-ms-linear-gradient(top, #c8202a 0%,#8a0000 100%); background:linear-gradient(top, #c8202a 0%,#8a0000 100%); border:1px solid #ebebeb; border-radius:8px; box-shadow:0 0 8px rgba(0,0,0,.75); color:#fff; filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8202a', endColorstr='#8a0000',GradientType=0 ); font-size:20px; font-style:italic; font-weight:bold; height:47px; left:240px; line-height:47px; position:absolute; text-align:center; text-decoration:none; top:160px; width:140px; -moz-border-radius:8px; -moz-box-shadow:0 0 8px rgba(0,0,0,.75); -webkit-border-radius:8px; -webkit-box-shadow:0 0 8px rgba(0,0,0,.75);}

/** INTERIOR */
.interior{padding:28px 0;}
#breadcrumbs{background:url(../images/breadcrumbs.png) 50% 0 no-repeat; color:#585858; font-size:10px; margin:0 32px 20px; padding-top:10px; width:894px;}
#breadcrumbs li{background:url(../images/breadcrumbs-li.png) 100% 60% no-repeat; display:inline; list-style:none; margin-right:3px; padding-right:11px;}
#breadcrumbs li.last{background:none;}
#breadcrumbs a{color:#585858; text-decoration:none;}
#breadcrumbs sup{font-size:75%; line-height:0; vertical-align:super;}

/** SMARTSYSTEM */
#smartsystem, #why-retailgis{border-bottom:1px solid #cd0000; font-size:16px; height:272px; line-height:20px; margin:0 28px 20px; padding:0 0 28px 24px;}
#smartsystem img, #why-retailgis img{float:left; margin-right:30px;}
#smartsystem div, #why-retailgis div{margin-left:385px;}
#smartsystem h1{background:url(../images/smartsystem-h1.png) 0 50% no-repeat; color:#cd0000; font-size:40px; font-weight:normal; line-height:1; padding-left:45px;}
#why-retailgis h1{color:#cd0000; font-size:40px; font-weight:normal; line-height:1;}
#why-retailgis h1, #smartsystem h1 span{font-weight:bold;}
#smartsystem h1 sup, #why-retailgis h1 sup{font-size:50%; vertical-align:super;}
#smartsystem p{margin-bottom:16px;}
#smartsystem li{background:url(../images/smartsystem-li.png) 0 50% no-repeat; font-style:italic; line-height:21px; list-style:none; margin-bottom:8px; padding-left:20px;}

/** SMARTSYSTEM - INTERIOR */
.left{float:left; margin-left:32px; width:208px;}
.right{float:right; margin-right:28px; width:657px;}
.cf{clear:both;}
#sidenav{margin-bottom:36px;}
#sidenav li{border-bottom:1px solid #c8c8c8; height:28px; line-height:28px; padding-left:10px;}
#sidenav a{color:#a6a6a6; display:block; text-decoration:none;}
#sidenav .system{background:url(../images/sidenav-li.png) no-repeat;background-position:100% 0;}
#sidenav .map{background:url(../images/sidenav-li.png) no-repeat;background-position:100% -28px;}
#sidenav .plan{background:url(../images/sidenav-li.png) no-repeat;background-position:100% -56px;}
#sidenav .project{background:url(../images/sidenav-li.png) no-repeat;background-position:100% -84px;}
#sidenav .pog{background:url(../images/sidenav-li.png) no-repeat;background-position:100% -112px;}
#sidenav .active{background:#f2f2f2; background:-moz-linear-gradient(top, #f2f2f2 0%, #dcdcdc 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#dcdcdc)); background:-webkit-linear-gradient(top, #f2f2f2 0%,#dcdcdc 100%); background:-o-linear-gradient(top, #f2f2f2 0%,#dcdcdc 100%); background:-ms-linear-gradient(top, #f2f2f2 0%,#dcdcdc 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#dcdcdc',GradientType=0 ); background:linear-gradient(top, #f2f2f2 0%,#dcdcdc 100%);}
#sidenav .active a{color:#585858;}
#sidenav .active .system{background-position:100% -140px;}
#sidenav .active .map{background-position:100% -168px;}
#sidenav .active .plan{background-position:100% -196px;}
#sidenav .active .project{background-position:100% -224px;}
#sidenav .active .pog{background-position:100% -252px;}
#sidenav span{color:#a6a6a6;}
#sidenav a:hover span{color:#cd0000!important;}
.left blockquote{color:#cd0000; font-size:14px; font-style:italic; padding-left:8px; width:200px;}
.left blockquote p{margin-bottom:20px;}
.article{margin-bottom:20px; min-height:640px;}
.article h1{color:#cd0000; font-size:42px; line-height:1; margin-bottom:10px;}
.article h2{font-size:20px; line-height:26px; margin-bottom:15px;}
.article img{float:right; position:relative;}
#smartmap h1{background:url(../images/smartmap-h1.png) no-repeat; font-weight:normal; padding-left:64px;}
#smartmap h1 span{font-weight:bold;}
#smartmap h1 sup{font-size:50%; vertical-align:super;}
aside #whitepaper{background:url(../images/whitepaper.jpg) no-repeat; font-size:10px!important; line-height:13px!important; min-height:107px; margin-bottom:20px; padding:10px 0 0 95px;}
aside #whitepaper a{background:url(../images/button-download-now.jpg) no-repeat; height:32px; display:block; width:115px; text-indent:-9999px;}
aside article h3{color:#cd0000; font-size:13px; font-weight:normal; line-height:1; margin-bottom:5px;}
aside #contact-us h3{margin-bottom:5px; padding:0 10px; }
aside #contact-us p{background:url(../images/tabs.png) repeat-x; border:1px solid #fff; border-radius:5px; box-shadow:0 0 4px rgba(0,0,0,.25); color:#58595b; font-size:11px!important; line-height:14px!important; padding:6px 10px 18px; -moz-border-radius:5px; -moz-box-shadow:0 0 4px rgba(0,0,0,.25); -webkit-border-radius:5px; -webkit-box-shadow:0 0 4px rgba(0,0,0,.25);}
aside #contact-us a{background:url(../images/button-contact-us.jpg); box-shadow:0 2px 4px rgba(0,0,0,.25); float:right; display:block; height:21px; margin-top:5px; text-indent:-9999em; width:111px; -moz-box-shadow:0 2px 4px rgba(0,0,0,.25); -webkit-box-shadow:0 2px 4px rgba(0,0,0,.25);}
/** CONTACT */
.contact{margin:0 32px 20px;}
.contact h1{font-size:30px!important; font-weight:normal;}
.contact h2{font-size:16px!important; line-height:20px; margin:0!important; text-transform:uppercase;}
fieldset.section{padding:20px 70px;}
.section fieldset label{float:left; line-height:20px; width:175px;}
label .req{color:#cc2027;}
.section .text input{height:20px; line-height:20px; padding:0 10px; width:260px;}
.section .long input{width:480px;}
.section .text label.error{color:#cc2027; position:absolute; top:0; right:0; width:250px;}
.section .long label.error{ right:-200px;}
.section .text label.error:before{content:"◀";}
fieldset.text, fieldset.textarea{ margin-bottom:10px; position:relative;}
fieldset.textarea textarea{height:104px; padding:10px; width:480px;}
fieldset.submit input{background: #1e5799; background: -moz-linear-gradient(top, #1e5799 0%, #d60000 0%, #ab0000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(0%,#d60000), color-stop(100%,#ab0000)); background: -webkit-linear-gradient(top, #1e5799 0%,#d60000 0%,#ab0000 100%); background: -o-linear-gradient(top, #1e5799 0%,#d60000 0%,#ab0000 100%); background: -ms-linear-gradient(top, #1e5799 0%,#d60000 0%,#ab0000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#ab0000',GradientType=0 ); background: linear-gradient(top, #1e5799 0%,#d60000 0%,#ab0000 100%); border:0; box-shadow:0 0 4px rgba(0,0,0,.25); -moz-box-shadow:0 0 4px rgba(0,0,0,.25); -webkit-box-shadow:0 0 4px rgba(0,0,0,.25); color:#fff; cursor:pointer; float:right; font-size:14px; font-weight:bold; line-height:20px; margin-right:80px; text-transform:uppercase;}
.note{color:#cc2027; font-size:10px; font-style:italic; margin-left:175px;}
.tabs{background:#ddd; background:-moz-linear-gradient(top, #e5e5e5 0%, #ffffff 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#ffffff)); background:-webkit-linear-gradient(top, #e5e5e5 0%,#ffffff 100%); background:-o-linear-gradient(top, #e5e5e5 0%,#ffffff 100%); background:-ms-linear-gradient(top, #e5e5e5 0%,#fffff 100%); background:linear-gradient(top, #e5e5e5 0%,#ffffff 100%); border:3px solid #fff; border-radius:8px; box-shadow:0 0 8px rgba(0,0,0,0.75); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 ); margin:20px 0; padding:8px 8px 16px; position:relative; zoom:1; z-index:0; -moz-border-radius:8px; -moz-box-shadow:0 0 8px rgba(0,0,0,.5); -webkit-border-radius:8px; -webkit-box-shadow:0 0 8px rgba(0,0,0,.5);}
.tabs h2{border-bottom:2px solid #585858; font-size:18px; padding-bottom:4px;}
.tabs-vertical{position:relative;}
.tabs-vertical ul{height:100%; left:0; list-style:none; margin:0; position:relative; top:0; width:214px; z-index:100;}
.ui-state-default{background:#dfdfdf; background:-moz-linear-gradient(top, #dfdfdf 0%, #c2c2c2 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#dfdfdf), color-stop(100%,#c2c2c2)); background:-webkit-linear-gradient(top, #dfdfdf 0%,#c2c2c2 100%); background:-o-linear-gradient(top, #dfdfdf 0%,#c2c2c2 100%); background:-ms-linear-gradient(top, #dfdfdf 0%,#c2c2c2 100%); background:linear-gradient(top, #dfdfdf 0%,#c2c2c2 100%); border:1px solid #fff; border-radius:3px; filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfdfdf', endColorstr='#c2c2c2',GradientType=0 ); line-height:1.2; margin-bottom:-1px; padding:12px 0; -moz-border-radius:3px; -webkit-border-radius:3px;}
.ui-state-default a{color:#cd0000; display:block; font-size:12px; padding-left:12px; text-decoration:none; outline:none;}
.ui-state-active{background:none!important; border:none!important; padding:13px 0!important;}
.ui-state-active a{border-color:#ececec!important; color:#58595b!important;}
.ui-tabs-panel{padding:18px 18px 18px 232px; line-height:18px; width:385px; position:absolute; top:0; left:0; z-index:10;}
.ui-tabs-hide{display:none!important; z-index:1;}
.ui-tabs-panel h3{color:#585858; font-size:16px; line-height:1; margin-bottom:10px;}