/*-----------------------------------------------------
Title : Decision Lens 2.0
Author : Blue Coast Web
URL : http://decisionlens.com

Description : Global stylesheet

Created : 4/22/10
Modified : 4/22/10
-----------------------------------------------------*/

@font-face {
font-family: 'Gotham';
src: url('/images/site/gothamhtf-book-webfont.eot');
src: local('?'), url('/images/site/gothamhtf-book-webfont.woff') format('woff'), url('/images/site/gothamhtf-book-webfont.ttf') format('truetype'), url('/images/site/gothamhtf-book-webfont.svg#webfontVeQQlvkW') format('svg');
font-weight: normal;
font-style: normal;
}

/* RESETTING DEFAULT RULES *COUGH IE COUGH*
----------------------------------------------------*/

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;
padding: 0;
}

blockquote, q {
quotes: none;
}

/* remember to define focus styles! */
:focus {
outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}

del {
text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}

a{outline:none;text-decoration: none;}

* html .clearfloat { 
height: 1%;
overflow: visible;
}

*+html .clearfloat { 
min-height: 1%; 
}

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


/* LET'S BUILD A SITE!
----------------------------------------------------*/

body{
background: #fff url(/images/site/bg-pagecap.png) repeat-x top left;
font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
/*font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Lucida, Verdana, sans-serif;*/
font-size: 13px;
}

body.home{
background: #fff url(/images/site/bg-home.jpg) repeat-x top left;
}

#wrapper{
width: 960px;
margin: 0 auto -78px;
position: relative;
padding-bottom: 100px;
background: transparent url(/images/site/bg-pagefoot.jpg) no-repeat bottom center;
}

#header{
background: transparent url(/images/site/bg-header.jpg) no-repeat bottom left;
height: 212px;
}

body.home #header{
background: transparent url(/images/site/bg-home-header.jpg) no-repeat bottom left;
height: 462px;
}

a#logo{
background: transparent url(/images/site/lgo-decisionlens.jpg) no-repeat top left;
width: 295px;
height: 120px;
text-indent: -9999em;
position: absolute;
overflow: hidden;
top: 0;
left: -32px;
}

body.home a#logo{
background: transparent url(/images/site/lgo-dl-home.gif) no-repeat top left;
height: 174px;
}

#container{
background: transparent url(/images/site/bg-container.jpg) no-repeat top left;
width: 890px;
margin: 0 auto;
padding: 20px 30px;
color: #535353;
line-height: 20px;
position: relative;
overflow: hidden;
}

#footer{
background: #0a0d25 url(/images/site/bg-footer.png) repeat-x top left;
height: 300px;
}

/* DELICIOUS NAVIGATION!
----------------------------------------------------*/

ul#nav{
background: transparent url(/images/site/bg-nav.jpg) no-repeat bottom left;
width: 601px;
height: 35px;
position: absolute;
right: 10px;
top: 56px;
text-align: center;
margin: 0;
padding: 0;
z-index: 501;
}

body.home ul#nav{
background: transparent url(/images/site/bg-home-nav.jpg) no-repeat bottom center;
padding-bottom: 25px;
z-index: auto;
}

ul#nav li{
height: 31px;
float: left;
line-height: 31px;
border-right: 1px solid #31326e;
border-left: 1px solid #4b4c88;
position: relative;
}

ul#nav li a{
font-family:"Gotham", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
color: #fff;
display: block;
font-size: 10.5px;
padding: 0 20px;
line-height: 31px;
text-shadow: 0px -1px 1px #115;
}

ul#nav li#nav_contact{
border-right: none;
padding-right: 1px;
}

ul#nav li#nav_products{
border-left: none;
}

ul#nav li a:hover{
/* color: #99c; */
}

ul#nav li.here, ul#nav li.parent_here{
background: transparent url(/images/site/bg-tabhilite.gif) no-repeat bottom center;
border-left: 1px solid #65679a;
border-right: 1px solid #505183;
height: 29px;
border-bottom-width: 3px;
border-bottom-style: solid;
}

ul#nav li.here a, ul#nav li.parent_here a{
position: relative;
top: -1px;
text-shadow: 0px 3px 1px #446;
}

ul#nav ul{
position: absolute;
top: 28px;
left: -9999em;
background: #303b7b;
width: 200px;
z-index: 99999;
height: auto;
margin: 0;
padding: 10px;
-webkit-box-shadow: 0px 10px 100px #333;
-moz-box-shadow: 0px 10px 100px #333;
-khtml-box-shadow: 0px 10px 100px #333;
box-shadow: 0px 10px 100px #333;
}

ul#nav li:hover ul{
left: auto;
}

ul#nav ul li{
height: auto;
display: block;
text-align: left;
margin: 5px 0;
padding: 0;
line-height: normal;
text-shadow: none;
line-height: 20px;
}

ul#nav ul li a{
margin: 0;
width: 180px;
padding: 3px 10px;
line-height: 20px;
display: block;
}

ul#nav ul ul{
margin-left: 140px;
top: 0;
background: #475295;
position: absolute;
left: -9999em;
-webkit-box-shadow: 0px 10px 100px #333;
-moz-box-shadow: 0px 10px 100px #333;
-khtml-box-shadow: 0px 10px 100px #333;
box-shadow: 0px 10px 100px #333;
}

ul#nav ul li, ul#nav ul ul li{
border: none;
}

ul#nav li:hover ul ul{
left: -9999em;

}

ul#nav ul li.here, ul#nav ul ul li.here{
background: #459;
border: none;
line-height: 24px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}
ul#nav ul li:hover ul{
left: auto;
}


ul#nav ul li>ul{
 }


/* COLOR RULES
----------------------------------------------------*/

body.yellow ul#nav li.here, body.yellow ul#nav li.parent_here, body.yellow h1, body.yellow h4{border-bottom-color:#e9d863;}
body.blue ul#nav li.here, body.blue ul#nav li.parent_here, body.blue h1, body.blue h4{border-bottom-color:#9bbfdb;}
body.green ul#nav li.here, body.green ul#nav li.parent_here, body.green h1, body.green h4{border-bottom-color:#4bb;}
body.red ul#nav li.here, body.red ul#nav li.parent_here, body.red h1, body.red h4{border-bottom-color:#a34345;}
body.orange ul#nav li.here, body.orange ul#nav li.parent_here, body.orange h1, body.orange h4{border-bottom-color:#f7a84b;}
body.pink ul#nav li.here, body.pink ul#nav li.parent_here, body.pink h1, body.pink h4{border-bottom-color:#e08bcd;}
body.purple ul#nav li.here, body.purple ul#nav li.parent_here, body.purple h1, body.purple h4{border-bottom-color:purple;}


/* THE INCREDIBLE SUPERNAV
----------------------------------------------------*/

ul#supernav{
position: absolute;
top: 0;
right:11px;
list-style: none;
border-left: 1px solid #717aae;
border-right: 1px solid #8c96c9;
}

ul#supernav li{
float:left;
height: 20px;
position: relative;
overflow: hidden;
border-left: 1px solid #8c96c9;
border-right: 1px solid #717aae;
}

ul#supernav li a{
font-family:"Gotham", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
color: #dbdde7;
font-size: 9px;
text-transform: uppercase;
display: block;
padding: 0 10px;
height: 20px;
line-height: 20px;
}


/* HOMEPAGE KAJIGGERS
----------------------------------------------------*/

body.home #homefeature{
height: 275px;
width: 940px;
position: absolute;
top: 97px;
left: 10px;
text-align: center;
color: #fff;
overflow: hidden;
cursor: pointer;
}

body.home #homefeature img{
height: 275px;
width: 940px;
overflow: hidden;
}

body.home a#learnmore{
overflow: hidden;
}

body.home #container{
position: relative;
height: 640px;
}

body.home h1{
font-size: 23px;
color: #4a4a4a;
font-weight: normal;
text-align: center;
line-height: 30px;
letter-spacing: -1px;
width: 720px;
margin: 0 auto 15px;
text-shadow: 0px 1px 1px #fff;
}
body.home h1 a{
color: #4e5eac;
}

body.home h2.hide{
display: none;
}

body.home .homecol{
float: left;
width: 397px;
padding: 15px 25px 0;
margin-left: -5px;
position: relative;
}

body.home .box{
margin: 50px 10px;
}

body.home .box p{
width: 360px;
font-size: 13px;
color: #404040;
line-height: 18px;
}

body.home #industrybox, body.home #specbox{
position: absolute;
top: 240px;
}

body.home h2{
color: #4a4a4a;
font-size: 18px;
font-weight: normal;
margin-bottom: 10px;
}

body.home #home-rtcol{
float: right;
margin:0 -5px 0 0;
}

body.home #video{
background: transparent url(/images/site/bg-home-box.png) no-repeat top left;
display: block;
width: 360px;
height: 250px;
padding: 12px 15px;
}

body.home #homenews{
background: transparent url(/images/site/bg-home-box.png) no-repeat top left;
width: 333px;
height: 250px;
padding: 20px 25px 20px;
}

body.home #homenews ul{
width: 333px;
margin: 0;
padding: 0;
}

body.home #homenews ul li{
display: block;
width: 333px;
padding: 10px 0 0;
position: relative;
height: 63px;
}

body.home #homenews ul li span{
display: block;
font-size: 11px;
color: #888;
height: 15px;
position: absolute;
top: -10px;
left: 70px;
width: 100%;
}

body.home #homenews ul li a{
clear: left;
float: left;
font-size: 12px;
color: #4e5eac;
display: block;
line-height: 15px;
}

body.home #homenews img{
border: 3px solid #fff;
-webkit-box-shadow: 0px 2px 5px #ccc;
-moz-box-shadow: 0px 2px 5px #ccc;
-khtml-box-shadow: 0px 2px 5px #ccc;
box-shadow: 0px 2px 5px #ccc;
}
body.home #homenews a p{
height: 55px;
float: left;
margin-right: 15px;
margin-top: -15px;
}

body.home #industrybox{
position: absolute;
left: 25px;
}

body.home #industrybox ul{
height:185px;
width: 100%;
border-top: 1px solid #ddd;
margin-top: 15px;
}

body.home #industrybox ul li{
width: 180px;
height: 60px;
position: relative;
overflow: hidden;
border: 1px solid #fff;
float: left;
padding-right: 15px;
vertical-align: center;
line-height: 60px;
border-bottom: 1px solid #ddd;
}

body.home #industrybox ul li a{
color: #626bae;
font-size: 16px;
text-decoration: none;
line-height: 16px;
display: block;
padding: 8px 0;
}

body.home #industrybox ul li a img{
float: left;
padding: 0 10px 0 0;
}

body.home #specbox ul{
height:185px;
width: 360px;
border: 1px solid #dbdce7;
margin: 15px 0 25px;
border-left: none;
border-bottom: none;
}

body.home #specbox ul li{
float: left;
text-align: center;
}

body.home #specbox ul li a{
background: #fff url(/images/site/bg-home-box.jpg) repeat-x bottom left;
width: 119px;
height: 88px;
color: #626bae;
font-size: 11px;
display: block;
float: left;
clear: left;
line-height: 12px;
text-decoration: none;
padding-top: 5px;
border-left: 1px solid #dbdce7;
}

body.home #specbox ul li a img{
display: block;
margin: auto;
padding: 3px 0;
}


body.home #homeclients ul{
list-style: none;
width: 935px;
height: 90px;
position: absolute;
top: 370px;
left: 12px;
z-index: 9;
padding-left: 25px;
}

body.home #homeclients ul li{
float: left;
}

body.home #homeclients ul li a{
display: block;
line-height: 90px;
height: 90px;
width: 100px;
cursor: pointer;
text-align: center;
}

body.home #homeclients ul li a img{
vertical-align: middle;
}

body.home #homeclients ul li a span{
display: inline-block;
}

body.home #homeclients ul li.last{
margin-left: 25px;
width: 130px;
}

body.home #homeclients ul li.last a{
width: 130px;
}


/* HOORAY CONTENT!
----------------------------------------------------*/

h1.title{
width: 935px;
height: 53px;
text-align: center;
padding-top: 30px;
margin: -86px auto 0;
font-weight: normal;
color: #fff;
font-size: 21px;
letter-spacing: -1px;
text-shadow: 0px 1px 1px #446;
border-bottom-width: 3px;
border-bottom-style: solid;
}
h4.title{
width: 910px;
height: 53px;
text-align: left;
padding: 30px 0 0 25px;
margin: -86px auto 0;
font-weight: normal;
color: #fff;
font-size: 21px;
letter-spacing: -1px;
text-shadow: 0px 1px 1px #446;
border-bottom-width: 3px;
border-bottom-style: solid;
}
h1.center, h4.center{
text-align: center;
}

#content{
width: 490px;
float: left;
line-height: 22px;
font-size: 14px;
color: #393939;
}

#content.wide{
width: 890px;
}

#content ul{
list-style:square outside url(/images/site/bul-orangesquare.gif);
color: #f58c2d;
margin: 25px 0 0 25px;
}

#content ul li{
padding-left: 6px;
color: #393939;
margin-bottom: 20px;
color: #555;
}

#sidebar{
width: 360px;
float: right;
background: transparent url(/images/site/bg-divider.jpg) no-repeat top left;
position:relative;
padding-top: 19px;
top: -19px;
z-index: 1;
}

/* WIDER CONTENT FOR NEWS ARTICLES? NOT SURE IF WANT...

body.purple #content{
width: 890px;
}

body.purple #sidebar{
display: none;
}
*/

#content h1{
font-weight: normal;
font-size: 24px;
margin:0 0 20px 62px;
line-height: 26px;
text-shadow: 0px 1px 1px #fff;
}
#content h1.flush{
margin-left: 0;
}

#content img.icon{
float: left;
margin-top: 2px;
}

#content h2{
clear:both;
font-weight: normal;
font-size: 16px;
color: #888;
font-style: normal;
margin-bottom: 20px;
}

#content h3{
clear:both;
font-weight: normal;
font-size: 16px;
color: #222;
font-style: normal;
margin: 35px 0 15px;
text-shadow: 0px 1px 1px #ddd;
}
#content hr{
display: block;
width: 100%;
border: none;
border-bottom: 1px solid #eee;
clear: both;
margin: 15px 0;
height: 1px;
}

#content p{
margin-bottom: 20px;
}

#content a{
color: #f58c2d;
}

#content img.logo{
float: left;
margin: 0 15px 10px 0;
border: 4px solid #fff;
-webkit-box-shadow: 0px 2px 5px #ccc;
-moz-box-shadow: 0px 2px 5px #ccc;
-khtml-box-shadow: 0px 2px 5px #ccc;
box-shadow: 0px 2px 5px #ccc;
background: #fff;
}

/* PRODUCT PAGE SLIDERY THINGS
----------------------------------------------------*/

#container #tophalf{
height: 240px;
width: 860px;
position: relative;
}

#container #tophalf h1{
width: 360px;
font-weight: normal;
font-size: 24px;
margin:0 0 15px 0;
line-height: 26px;
text-shadow: 0px 1px 1px #fff;
position: relative;
z-index: 2;
}
#container #tophalf h2{
width: 360px;
line-height: 21px;
clear:both;
font-weight: normal;
font-size: 16px;
color: #888;
font-style: normal;
margin-bottom: 20px;
position: relative;
z-index: 2;
}

#container #tophalf img.screen{
position: absolute;
right: -53px;
bottom: 20px;
overflow: visible;
height: auto;
width: auto;
z-index: 0;
}

#bottomhalf{
margin-top: 50px;
position: relative;
z-index: 3;
}

#bottomhalf h3{
font-weight: normal;
font-size: 24px;
margin:0 0 25px 0;
line-height: 26px;
text-shadow: 0px 1px 1px #fff;
}
#bottomhalf em{
font-weight: normal;
font-size: 16px;
color: #888;
font-style: normal;
margin-bottom: 20px;
}

#sidebar.prod{
background: transparent url(/images/site/bg-prod-sidebar.png) no-repeat top left;
position: relative;
right: 5px;
}

#sidebar.prod .featurebox{
width: 308px;
border: 1px solid #ddd;
padding: 10px;
float: right;
clear: right;
-webkit-box-shadow: 0px 2px 8px #eee;
-moz-box-shadow: 0px 2px 8px #eee;
-khtml-box-shadow: 0px 2px 8px #eee;
box-shadow: 0px 2px 8px #eee;
margin: 25px 0;
background: #fff;
}
#sidebar.prod .featurebox img{
display: block;
border: 1px solid #828282;
margin-bottom: 5px;
background: #fff;
}

#sidebar.prod .featurebox strong{
display: block;
font-size: 15px;
color: #363636;
font-weight: normal;
margin-bottom: 5px;
margin-top: -10px;
float: left;
clear: left;
width: 100%;
}

#sidebar.prod .featurebox p{
display: block;
font-size: 12px;
font-style: italic;
line-height: 14px;
float: left;
clear: left;
padding-bottom: 10px;
width: 100%;
}

#sidebar.prod .featurebox a{
position: relative;
z-index: 7;
padding-bottom: 10px;
text-align: right;
display: block;
width: 100%;
color: #999;
font-size: 10px;
float: left;
}

#rotator .ui-tabs-hide {
display:none;
}


/* Tabbed nav */
ul#tabnav{
position: absolute;
top: 200px;
left: 10px;
background: transparent url(/images/site/bg-product-slidernav.png) no-repeat top right;
width: 100%;
height: 190px;
z-index: 2;
padding-top: 30px;
clear: both;
margin: auto;
display: block;
overflow: hidden;
text-align: center;
}

ul#tabnav li{
display: inline;
height: 75px;
width: 180px;
position: relative;
}

ul#tabnav li a{
color: #4e5eac;
margin-right: 1px;
font-size: 14px;
padding: 5px 25px;
text-decoration: none;
}

ul#tabnav li.here a{
color: #fff;
background: #77a;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}
/* ABOUT US PAGE
----------------------------------------------------*/

/* Tabbed nav */
#container.about ul#tabnav_about{
background: transparent url(/images/site/bg-subnav-about.jpg) no-repeat center bottom;
position: absolute;
top: 1px;
left: -1px;
margin: auto;
text-align: center;
width: 100%;
padding-top: 40px;
height: 65px;
}

#container.about ul#tabnav_about li{
display: inline;
height: 75px;
width: 150px;
}

#container.about ul#tabnav_about li a{
color: #4e5eac;
position: relative;
z-index: 99;
margin-right: 1px;
font-size: 14px;
padding: 5px 20px;
text-decoration: none;
}

#container.about ul#tabnav_about li.here a{
color: #fff;
background: #77a;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}
#container.about #tophalf{
margin:0;
padding-top: 95px;
height: auto;
}

#container.about #bottomhalf{
clear: both;
display: block;
width: 100%;
}
#container.about #bottomhalf #content{
position: relative;
clear: both;
margin: -30px 0 0;
padding: 0;
}

#container.about #bottomhalf #sidebar{
margin: -50px 0 0;
padding: 0;
}

#container.about #bottomhalf strong{
}

#container.about #bottomhalf h4{
margin-bottom: 15px;
font-weight: normal;
color: #999;
font-size: 17px;
}

#container.about #bottomhalf #blogbox em{
font-size: 9px;
color: #abafc5;
}


/* DOWNLOAD PAGE
----------------------------------------------------*/

#container blockquote.download{
background: #f3f3fa url(/images/site/bg-case-study-pattern.gif) no-repeat top right;
margin: 25px 0 40px;
line-height: 22px;
font-size: 13px;
color: #414141;
padding: 0 25px 25px;
border: 3px solid #fff;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-khtml-border-radius: 15px;
border-radius: 15px;
-webkit-box-shadow: 0px 2px 8px #bbb;
-moz-box-shadow: 0px 2px 8px #bbb;
-khtml-box-shadow: 0px 2px 8px #bbb;
box-shadow: 0px 2px 8px #bbb;
}
blockquote.download a{
display: block;
color: #3b4373;
padding: 10px 110px 10px 10px;
display: block;
font-size: 11px;
line-height: 13px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
background: #fff;
margin-bottom: 4px;
-webkit-box-shadow: 0px 2px 2px #ddd;
-moz-box-shadow: 0px 2px 2px #ddd;
-khtml-box-shadow: 0px 2px 2px #ddd;
box-shadow: 0px 2px 2px #ddd;
}
blockquote.download a img{
margin-right: 7px;
position: relative;
top: 2px;
}


blockquote.download a span{
background: transparent url(/images/site/btn-download-trans.png) no-repeat right center;
font-size: 10px;
padding: 2px 23px 2px 0;
margin: -16px 0 0 10px;
text-align: right;
display: block;
color: #999;
position: relative;
left: 100px;
z-index: 2;
}

blockquote.download a span em{
font-style: normal;
text-transform: uppercase;
}


/* NEWS PAGE LIST
----------------------------------------------------*/

#content.news #feature{
width: 475px;
margin-bottom: 40px;
position: relative;
padding: 15px;
-webkit-box-shadow: 0px 2px 8px #bbb;
-moz-box-shadow: 0px 2px 8px #bbb;
-khtml-box-shadow: 0px 2px 8px #bbb;
box-shadow: 0px 2px 8px #bbb;
border: 2px solid #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}
#content.news #feature .item img.logo{

}

#content.news #feature a p{
font-size: 12px;
color: #888;
margin-left: 120px;
margin-top: 10px;
}

#content.news .even{
background-color: #fafbfc;
}

#content.news .item a{
background: transparent url(/images/site/btn-readmore.png) no-repeat center right;
color: #4e5eac;
line-height: 18px;
display: block;
padding-right: 25px;
}

#newsarticles{
width: 500px;
}

#newsarticles ul{
list-style: none;
margin: 0;
}

#newsarticles ul li{
display: block;
clear: left;
float: left;
width: 100%;
position: relative;
margin: 0;
padding: 0;
}

#newsarticles ul li span{
float: right;
display: block;
font-size: 11px;
color: #888;
height: 15px;
position: relative;
top: 10px;
left: 75px;
width: 100%;
}

#newsarticles ul li a{
background: transparent url(/images/site/btn-readmore.png) no-repeat center right;
border-bottom: 1px solid #f0f0f0;
font-size: 12px;
float: left;
color: #4e5eac;
display: block;
line-height: 15px;
width: 360px;
padding: 13px 30px 40px 75px;
margin: 0;
}

#newsarticles ul li a.even{
background-color: #fafbfc;
}

#newsarticles ul li a img{
position: absolute;
left: 0;
top: 15px;
border: 5px solid #fff;
-webkit-box-shadow: 0px 2px 5px #ccc;
-moz-box-shadow: 0px 2px 5px #ccc;
-khtml-box-shadow: 0px 2px 5px #ccc;
box-shadow: 0px 2px 5px #ccc;
}

.date{
background: transparent url(/images/site/bg-calendar.gif) no-repeat top left;
width: 45px;
height: 50px;
float: left;
padding-right: 15px;
}

.date span{
font-size: 9px;
width: 45px;
display: block;
text-align: center;
color: #fff;
text-transform: uppercase;
letter-spacing: 0.5px;
line-height:15px;
}

.date strong{
display: block;
width: 45px;
text-align: center;
font-size: 20px;
color: #676d9d;
margin: 2px 0 0;
letter-spacing: -1px;
font-weight: bold;
line-height: 20px;
}

.date em{
color: #abafc5;
font-size: 9px;
display: block;
font-style: normal;
width: 45px;
text-align: center;
letter-spacing: -0.5px;
line-height:10px;
}


body.purple #content img.logo{
margin-top: 0;
padding: 10px;
background: #fff;
}

#articleinfo.pr{
display: block;
clear: both;
border-bottom: 1px solid #eee;
padding: 0 0 2px;
margin-bottom: 20px;
}

#articleinfo.pr span{
font-size: 13px;
color: #444;
font-weight: bold;
}

#articleinfo strong.location{
font-size: 16px;
font-weight: normal;
display: block;
}

#articleinfo em.release{
display: block;
color: #aaa;
}

p.paginate{
margin-top: 15px;
color: #707070;
border: 1px solid #ddd;
background: #f4f4fa;
border-radius: 5px;
text-align: center;
padding: 5px 10px;
font-size: 11px;
-webkit-box-shadow: 0px 1px 1px #ccc;
-moz-box-shadow: 0px 1px 1px #ccc;
-khtml-box-shadow: 0px 1px 1px #ccc;
box-shadow: 0px 1px 1px #ccc;
}
p.paginate a, p.paginate strong{
display: inline;
padding: 3px 5px;
background: #fff;
border: 1px solid #eee;
border-radius: 3px;
-webkit-box-shadow: 0px 1px 1px #ccc;
-moz-box-shadow: 0px 1px 1px #ccc;
-khtml-box-shadow: 0px 1px 1px #ccc;
box-shadow: 0px 1px 1px #ccc;
color: #f58c2d;
}

/* DROPDOWN MENU STYLING
----------------------------------------------------*/

.dropdown{
position: absolute;
top: 150px;
right: 35px;
z-index: 99;
}

.dropdown h2, .dropdown h3{
background: transparent url(/images/site/gra-dropdown.jpg) no-repeat top left;
width: 405px;
height: 42px;
font-weight: normal;
color: #273270;
font-size: 21px;
letter-spacing: -1px;
padding-left: 20px;
line-height: 37px;
cursor: pointer;
position: relative;
text-shadow: 0px 1px 1px #fff;
}
ul#nav_sub{
position: absolute;
left: -9999em;
background: #f2f3f7;
padding: 10px 0;
width: 423px;
-webkit-box-shadow: 0px 2px 8px #457;
-moz-box-shadow: 0px 2px 8px #457;
-khtml-box-shadow: 0px 2px 8px #457;
box-shadow: 0px 2px 8px #457;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
}
ul#nav_sub li{
padding: 10px 7px;
font-size: 17px;
}

ul#nav_sub li a{
color: #273270;
text-shadow: 0px 1px 1px #fff;
padding: 0 18px;
}
ul#nav_sub li.here a{
background: transparent url(/images/site/bul-check.gif) no-repeat left center;
color: #bbb;
cursor: text;
}

.dropdown:hover ul#nav_sub{
left: 0px;
top: 0px;
}



/* LANDING PAGE SPLIT CONTENT
----------------------------------------------------*/

h4.center{
text-align: center;
}

#container .column{
background: transparent url(/images/site/bg-column.jpg) no-repeat top left;
float: left;
width: 397px;
padding: 15px 25px 70px;
margin-left: -5px;
position: relative;
}

#container .column p.colfoot{
background: transparent url(/images/site/bg-colfoot.jpg) no-repeat top left;
width: 447px;
height: 20px;
display: block;
position: absolute;
bottom: -20px;
left: 0;
}

#container #rightcol{
float: right;
margin:0 -5px 0 0;
}

#container .column h2{
font-weight: normal;
font-size: 20px;
color: #333;
width: 100%;
text-align: center;
letter-spacing: -1px;
margin: 10px 0 15px;
text-shadow: 0px 1px 1px #fff;
}

#container .column img{
margin: auto;
text-align: center;
height: auto;
position: absolute;
top: 60px;
left: 15px;
z-index: 1;
}

#container .column p{
margin: 160px 0 20px;
position: relative;
z-index: 2;
}

#container .column .dropdown{
bottom: 25px;
top: auto;
left: 22px;
z-index: 999;
}

#container .column .dropdown h3{
background: transparent url(/images/site/gra-dropdown-blue.jpg) no-repeat top left;
color: #fff;
font-size: 20px;
text-shadow: 0px 1px 1px #446;
}

#container .column .dropdown ul{
background: #6971a0;
border: none;
width: 403px;
}

#container .column .dropdown:hover ul{
bottom: 5px;
top: auto;
}

#container .column .dropdown ul li a{
color: #fff;
text-shadow: 0px 1px 1px #446;
}



/* INDUSTRY SPONSOR LOGOS IN SIDEBAR
----------------------------------------------------*/

#clientlogos{
margin-bottom: 25px;
line-height: 40px;
vertical-align: middle;
width: 340px;
float: right;
position: relative;
left: 5px;
text-align: center;
}

#clientlogos img{
padding: 0 15px;
line-height: 40px;
margin: auto;
vertical-align: middle;
}


/* ACCORDION MENU
----------------------------------------------------*/

.accordion{
background: #fff url(/images/site/bg-accordion-shadow.jpg) repeat-x bottom left;
padding-bottom: 26px;
margin-bottom: 26px;
float: right;
clear: right;
}

#accordion{
width: 328px;
border: 1px solid #b9b9b9;
-moz-box-shadow: 0px 0px 15px #ccc;
-webkit-box-shadow: 0px 0px 15px #ccc;
-khtml-box-shadow: 0px 0px 15px #ccc;
box-shadow: 0px 0px 15px #ccc;
}

#accordion h3{
background: #fff url(/images/site/bg-accordion-title-off.jpg) repeat-x bottom left;
width: 273px;
font-size: 15px;
line-height: 15px;
color: #3a4281;
font-weight: normal;
padding: 10px 10px 10px 45px;
position: relative;
cursor: pointer;
}

#accordion h3 span.icon{
position: absolute;
top: 4px;
left: 4px;
display: block;
width: 35px;
text-align: center;
}

#accordion h3 img{
margin: auto;
}

#accordion h3.ui-state-active, #accordion h3.ui-state-hover{
background: #acb1de url(/images/site/bg-accordion-title-on.jpg) repeat-x bottom left;
color: #fff;
text-shadow: 0px 1px 1px #557;
}

#accordion div{
background: #eaeaf2 url(/images/site/bg-accordion-blurb.jpg) no-repeat bottom left;
padding: 0 0 30px;
overflow: hidden;
}

#accordion div p{
background: transparent url(/images/site/bg-accordion-blurb-top.jpg) no-repeat top left;
padding: 15px 20px 0;
font-size: 12px;
color: #3a3a3a;
}

#accordion div a.more{
background: #fff url(/images/site/arw-blueonwhite.gif) no-repeat 270px 12px;
color: #707070;
font-size: 10px;
padding: 5px 10px;
display: block;
margin: 15px auto 0;
width: 270px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-box-shadow: inset 1px 1px 2px #999;
-moz-box-shadow: inset 1px 1px 2px #999;
-khtml-box-shadow: inset 1px 1px 2px #999;
box-shadow: inset 1px 1px 2px #999;
}
/* RELATED DOCUMENTS SIDEBAR BOX
----------------------------------------------------*/

.relateddocs{
width: 330px;
position: relative;
float: right;
clear: right;
}

#rightcol .relateddocs{  /*wider for resources list*/
width: 400px;
margin: 0 0 15px;
float: none;
}

.relateddocs h4{
font-weight: normal;
font-size: 15px;
position: relative;
top: -15px;
margin-top: 45px;
}

#rightcol .relateddocs h4{
}

.relateddocs blockquote{
}

.relateddocs blockquote div{
margin: 3px 0;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
margin: 3px 0;
-webkit-box-shadow:0px 1px 2px #bbb;
-moz-box-shadow: 0px 1px 2px #bbb;
-khtml-box-shadow:0px 1px 2px #bbb;
box-shadow: 0px 1px 2px #bbb;
padding: 0;
border: 2px solid #fff;
background: transparent;
}
.relateddocs div a{
color: #3b4373;
padding: 13px 110px 13px 10px;
display: block;
font-size: 11px;
line-height: 13px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
}
.relateddocs div.even a{
background: #f3f3fa;
}

.relateddocs div.odd a{
background: #f7f7fe;
}

.relateddocs div a span{
background: transparent url(/images/site/btn-download-trans.png) no-repeat right center;
font-size: 10px;
padding: 2px 23px 2px 0;
margin: -16px 0 0 10px;
text-align: right;
display: block;
color: #999;
position: relative;
left: 100px;
z-index: 2;
}

.relateddocs div a span em{
font-style: normal;
text-transform: uppercase;
}




/* CLIENT QUOTE SIDEBAR BOX
----------------------------------------------------*/

#clientquote{
background: transparent url(/images/site/bg-clientquote-mid.png) repeat-y top left;
float: right;
clear: right;
width: 340px;
position: relative;
left: 5px;
margin-bottom: 25px;
color: #868686;
font-size: 13px;
}

#clientquote span.cap{
background: transparent url(/images/site/bg-clientquote-cap-trans.png) no-repeat top left;
display: block;
width: 340px;
height: 20px;
top: -20px;
position: relative;
z-index: 3;
}


#clientquote span.foot{
background: transparent url(/images/site/bg-clientquote-foot.jpg) no-repeat bottom left;
display: block;
width: 340px;
height: 20px;
bottom: -20px;
}

#clientquote blockquote{
background: transparent url(/images/site/bg-clientquote-topleft-trans.png) no-repeat top left;
padding: 35px 30px 15px;
margin-bottom: -40px;
position: relative;
top: -51px;
left: 4px;
font-style: italic;
line-height: 19px;
z-index: 4;
}

#clientquote img{
margin-left: 35px;
}

#clientquote p{
background: transparent url(/images/site/bg-clientquote-botright.jpg) no-repeat bottom right;
text-transform: uppercase;
font-size: 10px;
padding: 160px 30px 35px 130px;
position: absolute;
bottom: -4px;
left: 1px;
text-align: right;
width: 180px;
z-index: 1;
line-height: 11px;
}




/* CONTACT US SIDEBAR BOX
----------------------------------------------------*/

#contactbox{
background: transparent url(/images/site/bg-contactbox-trans.png) no-repeat top center;
float: right;
clear:right;
position: relative;
left: 10px;
margin: 25px 0;
width: 310px;
padding: 20px 19px;
height: 102px;
text-align: center;
}

#contactbox p{
font-size: 15px;
color: #3b4373;
margin: 5px 0;
}

#contactbox a.chat{
background: transparent url(/images/site/btn-livechat.jpg) no-repeat top center;
display: block;
width: 82px;
height: 57px;
text-indent: -999em;
overflow: hidden;
position: relative;
float: left;
margin-right: 10px;
}

#contactbox strong{
font-weight: normal;
color: #707070;
font-size: 14px;
float: left;
line-height: 50px;
}

#contactbox a.emailus{
background: transparent url(/images/site/btn-emailus.jpg) no-repeat top center;
display: block;
width: 94px;
height: 31px;
text-indent: -999em;
overflow: hidden;
position: relative;
float: left;
margin: 10px 0 0 10px;
}

/* MAPBOX
----------------------------------------------------*/
#mapbox{
float: right;
clear:right;
position: relative;
left: 10px;
margin: 25px 0;
width: 350px;
}

#mapbox p{
font-size: 11px;
color: #777;
text-align: center;
background: #f3f3fa ;
border: 1px solid #ddd;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
width: 330px;
margin-left: 10px;
}
#mapbox a.map{
font-size: 11px;
color: #3a4281;
margin-top: -10px;
padding-left: 10px;
display: block;
width: 330px;
text-align: right;
}

#mapbox h4{
font-size: 15px;
font-weight: normal;
margin-left: 10px;
margin-bottom: 10px;
}

/* BLOGBOX
----------------------------------------------------*/
#blogbox{
float: right;
clear:right;
position: relative;
margin: 25px 0;
width: 330px;
}

#blogbox span.post{
display: block;
padding: 10px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
margin: 3px 0;
-webkit-box-shadow:0px 1px 3px #bbb;
-moz-box-shadow: 0px 1px 3px #bbb;
-khtml-box-shadow:0px 1px 3px #bbb;
box-shadow: 0px 1px 3px #bbb;
border: 2px solid #fff;
background: transparent;
width: 310px;
}
#blogbox a{
background: transparent url(/images/site/btn-readmore.png) no-repeat center right;
padding-right: 25px;
font-size: 14px;
color: #3a4281;
display: block;
margin-bottom: 4px;
}

#blogbox p{
padding-right: 25px;
line-height: 15px;
}

#blogbox h4{
font-size: 15px;
font-weight: normal;
margin-left: 10px;
margin-bottom: 10px;
}


/* CUSTOMERS PAGE SORT THING
----------------------------------------------------*/

#filter{
background: #fff;
width: 450px;
list-style: none;
text-align: center;
margin: 10px auto 50px;
height: 30px;
font-size: 12px;
padding: 5px 15px 0;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-box-shadow: inset 1px 1px 2px #999;
box-shadow: inset 1px 1px 2px #999;
-moz-box-shadow: inset 1px 1px 2px #999;
margin-bottom: 50px;
color: #666;
position: relative;
}
#filter strong{
font-weight: normal;
position: absolute;
top: 7px; 
left: 40px;
}

#filter ul.filter{
list-style: none;
position: absolute;
top: 7px;
margin: 0;
padding: 0;
width: 360px;
left: 90px;
}

ul.filter li{
float: left;
list-style: none;
}

#filter ul li a{
display: block;
float: left;
background: #252d68;
width: 99px;
height: 20px;
line-height: 20px;
color: #dddfec;
font-size: 10px;
border-top: 1px solid #3a3b73;
border-left: 1px solid #252458;
border-bottom: 1px solid #18193d;
border-right: 1px solid #18193d;
text-align: center;
margin-left: 8px;
text-shadow: none;
}

#filter ul li.selected-1 a, #filter ul li.selected a, #filter ul li.selected a{
background: #7b8bbb;
border: none;
border:1px solid #7b8bbb;
}

ul.image-grid, ul.image-grid2{
list-style:none;
margin: 0;
padding: 0;
}

ul#custgrid{
clear: both;
width: 890px;
margin: 0;
list-style: none;
padding: 0;
}

ul.image-grid:after {
content: "";
display: block;
height: 0;
overflow: hidden;
clear: both;
}

ul.image-grid li{
float: left;
margin: 0;
padding: 0;
display: block;
width:120px;
height: 120px;
}


ul#custgrid.image-grid li{
background: transparent url(/images/site/bg-custgrid-li-trans.png) no-repeat center;
width: 120px;
height: 120px;
display: inline;
overflow: hidden;
}

ul#custgrid.image-grid li a{
width: 115px;
height: 117px;
text-align: center;
overflow: hidden;
display: block;
line-height: 120px;
vertical-align: middle;
_width: 100%;
_display: inline-block;
}

ul#custgrid li.case a{
background: transparent url(/images/site/gra-case-study-badge.gif) repeat-x center bottom;
}


ul#custgrid.image-grid li a img{
line-height: 150px;
margin: auto;
vertical-align: middle;
}

ul#custgrid.image-grid li a strong{
display: none;
}

ul#custlist{
list-style: none;
margin: 50px 0 0;
padding:0;
}

ul#custlist li{
background: transparent url(/images/site/bg-customerpane.jpg) no-repeat top left;
width: 828px;
padding: 15px 25px;
position: relative;
display: block;
float: none;
margin: 0 0 20px;
height: 80px;
}
ul#custlist li a{
background: transparent url(/images/site/btn-readmore.png) no-repeat center right;
padding-right: 25px;
position: absolute;
top: 35px;
right: 30px;
}

ul#custlist li a.logo{
width: 75px;
height: 75px;
text-align: center;
vertical-align: middle;
float: left;
clear: left;
position: static;
background: none;
line-height: 75px;
display: block;
}

ul#custlist li a.logo img{
vertical-align: middle;
}

ul#custlist li h3{
position: absolute;
top: 30px;
left: 125px;
color: #404040;
font-size: 16px;
display: block;
margin: 0;
}

ul#custlist li h4{
position: absolute;
top: 55px;
left: 125px;
font-size: 14px;
font-weight: normal;
font-style: italic;
display: block;
color: #909090;
}

/* CUSTOMER DETAIL/CASE STUDY PAGES
----------------------------------------------------*/

#container.client #sidebar{
background: none;
}

#container.client #content{
}

#container.client .titles{
float: left;
width: 340px;
display: block;
margin-bottom: -15px;
}

#container.client .titles h1{
margin-bottom: 10px;
}

#casestudy{
background: #f3f3fa url(/images/site/bg-case-study-pattern.gif) no-repeat top right;
margin: 25px 100px;
clear: both;
line-height: 22px;
font-size: 13px;
color: #414141;
padding: 25px 25px 0;
border: 3px solid #fff;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-khtml-border-radius: 15px;
border-radius: 15px;
-webkit-box-shadow: 0px 2px 8px #bbb;
-moz-box-shadow: 0px 2px 8px #bbb;
-khtml-box-shadow: 0px 2px 8px #bbb;
box-shadow: 0px 2px 8px #bbb;
}
#casestudy h2{
font-weight: normal;
font-size: 24px;
margin:0 0 20px 0;
line-height: 26px;
text-shadow: 0px 1px 1px #fff;
}

#casestudy h3{
font-weight: normal;
font-size: 16px;
margin-bottom: 15px;
color: #666;
text-shadow: 0px 1px 1px #fff;
display: none;
}

#casestudy h4{
text-transform: lowercase;
text-transform: capitalize;
font-size: 15px;
font-weight: normal;
margin-bottom: 15px;
text-shadow: 0px 1px 1px #fff;
}

#casestudy p{
margin-bottom: 20px;
}

#casestudy .relateddocs{
top: -10px;
right: -10px;
width: 250px;
}

#casestudy .relateddocs div.even a{
background: none;
}


/* RESOURCES LANDING PAGE
----------------------------------------------------*/

#featurepost{
width: 365px;
margin-bottom: 50px;
position: relative;
padding: 15px 15px 30px;
-webkit-box-shadow: 0px 2px 8px #bbb;
-moz-box-shadow: 0px 2px 8px #bbb;
-khtml-box-shadow: 0px 2px 8px #bbb;
box-shadow: 0px 2px 8px #bbb;
border: 2px solid #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}
#featurepost h3{
font-weight: normal;
font-size: 15px;
margin-bottom: 15px;
}

#featurepost h3 a{
background: transparent url(/images/site/btn-readmore.png) no-repeat center right;
color: #4e5eac;
line-height: 18px;
display: block;
padding-right: 25px;

}


#container #featurepost p{
margin: 0;
padding: 0;
}

.blogarticles .item{
line-height: 16px;
height: 50px;
padding: 15px 10px;
display: block;
border-top: 1px solid #f0f0f0;
}

.blogarticles .even{
background-color: #fafbfc;
}
.blogarticles .item a{
background: transparent url(/images/site/btn-readmore.png) no-repeat center right;
color: #4e5eac;
line-height: 18px;
display: block;
padding-right: 25px;
}





/* CONTACT FORM
----------------------------------------------------*/

form#contact{
width: 460px;
margin: 15px 0 20px;
padding:10px 20px 20px;
color: #777;
border: 1px solid #eee;
background-color: #e9eaeb;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-box-shadow: 0px 1px 2px #999;
text-shadow: 0px 1px 1px #fff;
}
form#contact label{
display: block;
clear:both;
float: right;
margin: 5px;
line-height: 25px;
color: #777;
font-size: 12px;
width: 100%;
position: relative;
}

form#contact label.city{
text-align: right;
float: left;
margin-left:62px;
width: auto;
}

form#contact label.state{
float: left;
clear: none;
width: auto;
}

form#contact label.req{
font-style: italic;
}

form#contact label.error{
color: #c00;
text-align: right;
}

form#contact label.req input{
border-left: 3px solid #f58c2d;
width: 347px;
}

form#contact input{
border: none;
padding: 5px;
height: 20px;
float: right;
width: 350px;
font-size: 15px;
margin: 0 5px;
color: #888;
background: #f8f8f8;
-webkit-box-shadow: 0px 1px 2px #ccc;
-moz-box-shadow: 0px 1px 2px #ccc;
-khtml-box-shadow: 0px 1px 2px #ccc;
box-shadow: 0px 1px 2px #ccc;
}

form#contact input:focus{
background: #fff;
-webkit-box-shadow: 0px 1px 20px #555;
-moz-box-shadow: 0px 1px 20px #555;
-khtml-box-shadow: 0px 1px 20px #555;
box-shadow: 0px 1px 20px #555;
color: #333;
font-size: 17px;
}

form#contact label.city input{
width: 245px;
}

form#contact label.state input{
width: 45px;
text-transform: uppercase;
}

form#contact select{
width: 200px;
margin-left: 15px;
}

form#contact option{
padding: 5px 10px;
}

form#contact fieldset{
padding: 12px 0;
border-bottom: 1px solid #ddd;
border-top: 1px solid #fafafa;
}

form#contact fieldset.first{border-top: none;}
form#contact fieldset.last{border-bottom: none;}

form#contact fieldset p{
padding-bottom: 5px;
}

form#contact textarea{
font-size: 15px;
color: #888;
padding: 5px;
height: 100px;
width: 350px;
float: right;
border: none;
background: #f8f8f8;
-webkit-box-shadow: 0px 1px 2px #ccc;
margin: 0 5px;
}

form#contact textarea:focus{
background: #fff;
-webkit-box-shadow: 0px 1px 20px #555;
color: #333;
font-size: 17px;
}

form#contact p.req{
font-size: 11px;
float: left;
font-style: italic;
color: #888;
line-height: 13px;
clear: both;
}

form#contact button{
font-family:"Gotham", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
display: block;
float: right;
background: #252d68;
width: 80px;
height: 25px;
line-height: 20px;
color: #dddfec;
font-size: 9px;
text-transform: uppercase;
border: none;
text-align: center;
margin-left: 12px;
-webkit-box-shadow: 0px 1px 2px #999;
cursor:pointer;
}

form#contact button:hover{
background: #404972;
}

form#contact button.reset{
background: #888;
border: none;
width: 60px;
height: 22px;
margin-top: 2px;
-webkit-box-shadow: 0px 1px 2px #999;
}


/* SOICH RESULTS!
----------------------------------------------------*/

#container.results table{
width: 100%;
border-collapse: collapse;
margin: 25px 0 40px;
border-bottom: 1px solid #ddd;
}

#container.results tr{
width: 100%;
}

#container.results tr.even{
background: #f3f3fa;
border: 1px solid #ddd;
}

#container.results tr.odd{
background: #fff;
border: 1px solid #ddd;
}

#container.results th{
background: none;
text-align: left;
}

#container.results td{
color: #444;
font-size: 11px;
}

#container.results table a{
background: transparent url(/images/site/btn-readmore.png) no-repeat center right;
color: #4e5eac;
display: block;
padding: 5px 35px 5px 0;
font-size: 14px;
}

#container.results table a p{
display: block;
color: #888;
font-size: 11px;
line-height: 15px;
margin: 5px 0;
}

#container.results h2{
clear:both;
font-weight: normal;
font-size: 18px;
color: #888;
font-style: normal;
margin-bottom: 20px;
}

#container.results h4{
clear:both;
font-weight: normal;
font-size: 15px;
color: #444;
font-style: normal;
}



/* FEET!
----------------------------------------------------*/

#footwrap{
margin:auto;
width: 940px;
position: relative;
padding-top: 75px;
}

ul#footnav{
list-style: none;
float: left;
padding-top: 5px;
}

ul#footnav li{
float: left;
margin-right: 30px;
}

ul#footnav li a{
font-family:"Gotham", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
color:#afb6dc;
font-size: 11px;
text-shadow: 0px 1px 1px #111;
}

ul#footnav li a:hover{
/* color: #fff; */
}

#footwrap form{
float: right;
margin-bottom: 10px;
}

#footwrap input.field{
width: 180px;
padding: 0 10px;
height: 22px;
color: #666;
font-size: 13px;
}

#footwrap input.submit{
background: transparent url(/images/site/btn-search.png) no-repeat;
width: 26px;
height: 26px;
overflow: hidden;
text-indent: -999em;
position: relative;
border: none;
cursor:pointer;
}

#footcontactbox{
background: transparent url(/images/site/bg-footcontactbox.jpg) no-repeat top left;
width: 270px;
padding: 20px 15px;
clear:left;
float: left;
margin: 25px 0 0 -16px;
text-align: center;
color: #dddfec;
}

#footcontactbox strong{
font-size: 20px;
font-weight: normal;
line-height: 30px;
}

#footcontactbox address{
font-size: 13px;
font-style: normal;
line-height: 16px;
}

#footcontactbox a.button{
font-family:"Gotham", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
display: block;
float: left;
margin-top: 17px;
background: #1b224f;
width: 89px;
height: 20px;
line-height: 20px;
color: #dddfec;
font-size: 9px;
text-transform: uppercase;
border-top: 1px solid #272854;
border-left: 1px solid #1d1d47;
}

#login{
float: right;
clear: right;
margin: 15px 0 5px;
}

#login a.button{
font-family:"Gotham", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
display: block;
float: left;
background: #252d68;
width: 99px;
height: 20px;
line-height: 20px;
color: #dddfec;
font-size: 9px;
text-transform: uppercase;
border-top: 1px solid #3a3b73;
border-left: 1px solid #252458;
border-bottom: 1px solid #18193d;
text-align: center;
margin-left: 8px;
}

#footer a.button:hover{
/* background: #404972; */
}

#byline{
background: transparent url(/images/site/lgo-dlfooter.png) no-repeat top right;
padding-top: 40px;
clear: right;
float: right;
text-align: right;
color: #838bb7;
font-size: 11px;
line-height: 16px;
width: 300px;
}

#byline a{
color: #626bae;
text-decoration: underline;
}


/* LANDING PAGE STUFF */

#container.landing .quote{
position: absolute;
right: 30px;
top: 25px;
width: 330px;
color: #868686;
font-size: 13px;

display: block;
padding: 10px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
margin: 3px 0;
-webkit-box-shadow:0px 1px 3px #bbb;
-moz-box-shadow: 0px 1px 3px #bbb;
-khtml-box-shadow:0px 1px 3px #bbb;
box-shadow: 0px 1px 3px #bbb;
border: 2px solid #fff;
background: transparent;
width: 310px;
}

#container.landing .quote img{
display: none;
}

#container.landing .quote .closer img{
display: block;
}

#container.landing #sidebar{
padding-top: 300px;
}

#container.adpanel #sidebar #clientquote{
margin: 40px 0 50px;
}

#container.adpanel #sidebar #video{
float: right;
clear: both;
margin-right: 15px;
}



/* LANDING PAGE STUFF
----------------------------------------------------*/


body.landing{
background: transparent url(/images/site/bg-page-landing.jpg) repeat-x top left;
}

body.landing #container{
overflow: visible;
}

body.landing #content h4{display: none;}

body.landing #header{
height: 143px;
background: transparent url(/images/site/bg-landing-header.jpg) no-repeat bottom left;
}

body.landing a#logo{
left: 320px;
top: 1px;
}

body.landing form#landingcontact{
width: 392px;
height: 306px;
background: transparent url(/images/site/bg-landing-signup_v2.jpg) no-repeat top left;
position: absolute;
z-index: 999;
top: 2px;
right: -15px;
padding: 20px;
}

form#landingcontact h1{
font-size: 19px;
color: #fff;
font-weight: normal;
text-shadow: 0px 1px 1px #666;
position: relative;
left: 10px;
top:3px;
letter-spacing: -0.5px;
margin-bottom: 30px;
}


form#landingcontact p.req{
font-size: 10px;
float: left;
font-style: italic;
color: #aaa;
line-height: 13px;
clear: both;
width: 200px;
margin-left: 10px;
margin-top: 10px;
}

form#landingcontact button{
font-family:"Gotham", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
display: block;
float: right;
background: #252d68;
width: 80px;
height: 25px;
line-height: 20px;
color: #dddfec;
font-size: 9px;
text-transform: uppercase;
border: none;
text-align: center;
margin-right: 10px;
-webkit-box-shadow: 0px 1px 2px #999;
cursor:pointer;
margin-top: 10px;
}

form#landingcontact label{
display: block;
clear:both;
float:left;
margin: 5px;
line-height: 30px;
color: #999;
font-size: 13px;
width: 140px;
position: relative;
left: 10px;
text-align: right;
}

form#landingcontact input{
border: none;
padding: 5px;
height: 20px;
float: right;
width: 210px;
font-size: 15px;
margin: 2px 5px;
color: #888;
background: #f1f1f1;
-webkit-box-shadow: 0px 1px 2px #ccc;
-moz-box-shadow: 0px 1px 2px #ccc;
-khtml-box-shadow: 0px 1px 2px #ccc;
box-shadow: 0px 1px 2px #ccc;
}

form#landingcontact button:hover{
background: #404972;
}
body.landing #sidebar{
padding-top: 375px;
}