body, div, form, p { margin:0; padding:0 }
img { border:0 }
body {font-size:16px}
body, div, p, label { font:.989em/1.2em Arial, Helvetica, sans-serif; color:#333;}
a:active { outline:none }
p { text-align:left; padding: 16px 0 2px 0}
.clear { clear:both }
.fr { float:right;width:100%;}
.fl { float:left;width:100%;}
.textLeft { text-align:left }
.imgfix { display:block }
.hid { display:none; } /*hide mobile display headings and elements*/
.col50 {width:46%;float:left; }
h1 { font:normal 2.1em Georgia, "Times New Roman", Times, serif; text-transform: none; letter-spacing: -.02em  !important; }
:focus {
	outline: 0;
}
/*

----------------Backgrounds ------------------------------------------------*/
#bgControl {width:100%; margin:0px; padding:0px; border-collapse: collapse; }
.Bgleft, .Bgright { margin:0px; padding:0px; width:25%; }
#left { height:482px; width:225px; margin:0px; padding:0px; }
#right { height:482px; width:222px; margin:0px; padding:0px; }

#subNavPortfolio { background:url(/images/bldg_bg.jpg) no-repeat left bottom; height:475px; border:solid 1px #fff }
#subNavClients { background:url(/images/bldg_bg.jpg) no-repeat left bottom; height:475px; border:solid 1px #fff }
#subNavServices { background:url(/images/rightcolImages_two_sm.jpg) no-repeat left bottom; height:475px; border:solid 1px #fff }
#subNavTools { background:url(/images/rightcolImages_cat_sm.jpg) no-repeat left bottom; height:475px; border:solid 1px #fff }
#subNavNews { background:url(/images/rightcolImages_bldg_west_sm.jpg) no-repeat left bottom; height:475px; border:solid 1px #fff}
#subNavContact { background:url(/images/rightcolImages_bell_sm.jpg) no-repeat left bottom; height:475px; border:solid 1px #fff }
#subNavFacts { background:url(/images/rightcolImages_bldg_balcony_sm.jpg) no-repeat left bottom; height:475px; border:solid 1px #fff }


/*

----------------Homepage Layout ------------------------------------------------*/
.bg { background:url(/images/homecontentbg.gif) repeat-x center 140px }
#leftBorder, #rightBorder { height:290px; width:11px; float:right; background-color:#F2F2F2; margin:8px 0 0 0 }
#homeContent { height:290px; background-color:#F2F2F2; padding:0 0 0 11px; background-color:#F2F2F2; }
#homeContent #flash { float:left; height:267px; width:745px; margin:11px 11px 11px 0; background-color:#fff }
#homeContent #news { float:left; height:267px; width:168px; background:url(/images/home_newsshadow.jpg) no-repeat left top; margin:11px 0; color:#333; padding:12px 0 0 18px; letter-spacing:-1px }
#homeContent #news p { padding:10px 0 5px 0; margin:0 }
#homeContent #news a { color:#333; text-decoration:none; font-size:1.0em; font-weight:bold }
#homeContent #news a:hover { color:#666; }
#homeContent #news .newsBtn { margin:15px 0 0 0 }
#homeIntro { text-align:left; color:#fff; width:530px; position:absolute; z-index:1; top:430px; }
#homeIntro #introheadline { height:30px; overflow:hidden; margin:20px 0 5px 0; float:left; display:block;width:530px }
#homeIntro #introheadline p { padding:30px 0 0 0; background:url(/images/mainnav.png) no-repeat 0px -93px; margin:0; display:block; width:530px }
#homeIntro h1 { margin:0 0 5px 0; padding:0; color:#fff; clear:left; width:498px; display:block;font-weight:normal; font-size:1em }
#homeIntro #locations { margin:5px 0 0 0; color:#fff; font-size:.6em; height: 21px; line-height:21px; vertical-align:middle; position:relative}
	#homeIntro #locations a, #homeIntro h1 a { text-decoration:none; color:#e8e8e8; }
	#homeIntro #locations a:hover, #homeIntro h1 a:hover { text-decoration:none; color:#ccc; }




#featuredClients { height:77px; float:right; margin:20px 0 0 0; width:435px;}
#featuredClients ul { text-align:right; list-style:none; margin:0; padding:0; }
#featuredClients ul li { margin:0; padding:0 0 0 24px; float:left;width:84px }
#client1 { background:url(/images/featuredClients.png) no-repeat 0px top; display:block; width:84px; height:77px; cursor:pointer; padding:77px 0 0 0 }
#client2 { background:url(/images/featuredClients.png) no-repeat -88px top; display:block; width:84px; height:77px; cursor:pointer; padding:77px 0 0 0 }
#client3 { background:url(/images/featuredClients.png) no-repeat -170px top; display:block; width:84px; height:77px; cursor:pointer; padding:77px 0 0 0 }
#client4 { background:url(/images/featuredClients.png) no-repeat -252px top; display:block; width:84px; height:77px; cursor:pointer; padding:77px 0 0 0 }

/*

----------------Header News ------------------------------------------------*/
#globalNews { float:right; width:340px; margin:-5px 0 0 0; height:40px; padding:0; overflow:hidden;}
#globalNews #NewsNext{float:right; cursor:pointer; width:40px; height:40px; background:url(../images/news_rightarrow.png) no-repeat center center;}
#globalNews #NewsPrev{float:left; cursor:pointer; width:40px; height:40px; background:url(../images/news_leftarrow.png) no-repeat center center; }
#globalNews #NewsNext a, #globalNews #NewsPrev a{margin:0; padding:0; height:40px; width:40px; text-indent:900px; display:block; overflow:hidden}
#globalNewsText ul { list-style:none; margin:0; padding:0;height:40px; width:254px;}
#globalNewsText ul li {list-style:none; width:254px; height:40px; line-height:36px; vertical-align:middle; margin:0; padding:0;}
#globalNews #globalNewsText { color:#fff; }
#globalNews #globalNewsText a { color:#fff; text-decoration:none; font-size:.7em;}
/*

----------------Nav ------------------------------------------------*/
.logoNav { margin:0 0 0 20px; padding:0; list-style-type:none }
.logoNav li { list-style:none; margin:0; padding:0; float:left;width:102px;}
.mainNav { margin:0 0 0 30px; padding:41px 0 0 0; list-style-type:none;}
.mainNav li { list-style:none; margin:0; padding:0; float:left;}
.logo { margin:0 0 0 30px; height:72px; overflow:hidden; display:block }
.item { height:31px; overflow:hidden }
#logoNav { display:block; width:102px; height:72px; cursor:pointer; background:url(/images/mainnav.png) no-repeat left top; padding:72px 0 0 0; overflow:hidden }
#portfolioNav { background:url(/images/mainnav.png) no-repeat -103px top; display:block; width:74px; height:31px; cursor:pointer; padding:31px 0 0 0 }
#clientsNav { background:url(/images/mainnav.png) no-repeat -176px top; display:block; width:67px; height:31px; cursor:pointer; padding:31px 0 0 0 }
#servicesNav { background:url(/images/mainnav.png) no-repeat -244px top; display:block; width:70px; height:31px; cursor:pointer; padding:31px 0 0 0 }
#toolsNav { background:url(/images/mainnav.png) no-repeat -314px top; display:block; width:45px; height:31px; cursor:pointer; padding:31px 0 0 0}
#newsNav { background:url(/images/mainnav.png) no-repeat -362px top; display:block; width:42px; height:31px; cursor:pointer; padding:31px 0 0 0 }
#factsNav { background:url(/images/mainnav.png) no-repeat -405px top; display:block; width:46px; height:31px; cursor:pointer; padding:31px 0 0 0 }
#careersNav { background:url(/images/mainnav.png) no-repeat -451px top; display:block; width:72px; height:31px; cursor:pointer; padding:31px 0 0 0 }
#contactNav { background:url(/images/mainnav.png) no-repeat -521px top; display:block; width:66px; height:31px; cursor:pointer; padding:31px 0 0 0 }
#portfolioNav:hover { cursor:pointer; background-position: -103px -31px }
#clientsNav:hover { cursor:pointer; background-position: -176px -31px }
#servicesNav:hover { cursor:pointer; background-position: -244px -31px }
#toolsNav:hover { cursor:pointer; background-position: -314px -31px }
#newsNav:hover { cursor:pointer; background-position: -362px -31px }
#factsNav:hover { cursor:pointer; background-position: -405px -31px }
#careersNav:hover { cursor:pointer; background-position: -451px -31px }
#contactNav:hover { cursor:pointer; background-position:  -521px -31px }
.linkfix a, .linkfix a:hover { position:relative; }/*fixes link flicker around transparent png in IE6*/
/*

----------------Layout ------------------------------------------------*/
#wrapper { padding:62px 0 0 0; width:50% }
#header { height:78px; width:957px; margin:0 auto }

#insidewrapper #contentWrapper h1 { color:#414141; letter-spacing:-2px; margin:0; padding:0 }
#insidewrapper { padding:62px 0 0 0; text-align:center }
#contentWrapper { height:476px; background-color:#F2F2F2; padding:10px 0; text-align:center }
#content { margin:0 auto; width:957px; background:#fff; height:476px; text-align:left  }

#bodyGenNarrow { width:654px; float:left; font-size:.9em}

#bodyGen { width:768px; float:left; padding:0px; display:inline; font-size:.9em}
#bodyGenNarrow .fullScroll{ height:445px; margin:0; overflow:auto; position:relative; width:634px; padding:0}
#bodyGen .fullScroll{ height:445px; margin:0; overflow:auto; position:relative; width:726px;padding:0}
#bodyGen #copywrapper, #bodyGenNarrow #copywrapper { padding:15px 0 0 20px; margin:11px; background:#fff url(/images/body_bg.jpg) repeat-x left top}
#bodyGen #copywrapper p, #bodyGen #copywrapperScroll p, #bodyGenNarrow #copywrapper p {padding-right:20px}
#bodyGen #copywrapper h1, #bodyGenNarrow #copywrapper h1 { color:#333; margin:0px; padding:10px 10px 5px 0; font-weight:normal; letter-spacing:normal }
#bodyGen #copywrapper h2 { color:#333; margin:0; padding:0; font-weight:normal; font:2.5em Georgia, "Times New Roman", Times, serif; letter-spacing:normal; width:60%; float:left; }
#bodyGen #copywrapper h2.leadership { color:#333; text-decoration:none; margin-top:10px; font-size:1.5em; float:none}
#bodyGen #copywrapper h2.leadership a { color:#333; text-decoration:none }
#bodyGen #copywrapper h2.seo { color:#333; text-decoration:none; margin-top:35px; font-size:1.5em; float:none}
#bodyGen #copywrapper h2.jobTitle { color:#333; margin:10px 0 0 0; padding:0; font-weight:bold; font:1.5em Georgia, "Times New Roman", Times, serif; letter-spacing:normal; width:100%; float:none}
#bodyGen #copywrapper h2.jobTitle a, #bodyGen #copywrapper h2.jobTitle a:hover {color:#333;}
#bodyGen #copywrapper h3, #bodyGenNarrow #copywrapper h3 { color:#333; margin:0 0 10px 0; padding:0; font-weight:normal; font:1.6em Georgia, "Times New Roman", Times, serif; letter-spacing:normal; width:60%; float:left; clear:left}
#bodyGen #copywrapperScroll { height:330px; margin:0 10px 0 5px }
#bodyGenNarrow #copywrapper #caseStudyLogo { width:27%; float:right; margin:20px 0 }
#bodyGenNarrow #copywrapper .subhead { color:#333; margin:0; padding:0; font-weight:bold; font:1.5em Georgia, "Times New Roman", Times, serif; letter-spacing:normal }
#bodyGenNarrow #copywrapper p.results { padding-bottom:0; margin-bottom:0 }
#bodyGenNarrow #copywrapper ul.results { padding-left:20px; margin-top:0 }
#bodyGenNarrow #copywrapper .casesample { float:right; margin:10px 10px 10px 20px; width:160px;}

#photographywrapper { padding:15px 0 0 13px;  margin:11px; background:#fff url(/images/body_bg.jpg) repeat-x left top}

#bodyGen #flashwrapper { margin:11px}

#rssButtons { text-align:left; margin:15px 0 0 26px }#rssButtons img { margin-bottom:5px; }
#bodyGen #copywrapper .halfcolleft {width:348px; float:left; text-align:left}
#bodyGen #copywrapper .halfcolright {width:348px; float:right; text-align:right}
.flphoto {float:left; margin:0 15px 5px 0}
.frphoto {float:right; margin:0 0 5px 5px}
.frphototall {float:right; margin:5px}
#flashHolder {height:386px; position:absolute; top:230px; width:747px; margin:0 0 0 11px}
p.noflash {margin:0 25px 0 20px}
div.forcit {height:150px}
.sfmobile { width:200px; float:right; display:inline; margin:0 5px 15px 15px}
/*

----------------SubNav ------------------------------------------------*/
#subNavWrapper { width:189px; float:right; background:url(/images/bodyShadow.gif) repeat-y left top }
#subhead { margin:34px 10px 0 26px; font:1.8em Georgia, "Times New Roman", Times, serif; color:#333; letter-spacing:-1px; line-height:1em; padding:0 }
#subhead a { color:#333; text-decoration:none}
#subNavPortfolio #subhead { font:1.8em Georgia, "Times New Roman", Times, serif; }
#subnav { margin:15px 0 0 26px }
#subnav ul { list-style:none; margin:0; padding:0; }
#subnav ul li {padding-bottom:.5em;font-size:1.0em; color:#666666; font-weight:bold; line-height: 1.0em; }
#subnav ul li a { color:#666666; text-decoration:none;}
#subnav ul li a:hover, #subnav ul li a.selected { color:#C60000 }
#subnav ul li ul { margin:0px 0 10px 5px; font-size:.8em}
#subnav ul li ul li { padding:0px; margin:4px 0 5px 0;  line-height:1.1em;color:#666666; font-size:.95em; font-weight:bold }
#subnav ul li ul li span { font-size:1.0em; display:block; font-weight:normal; padding-bottom:4px}
#subnav ul li ul li a { color:#666666; text-decoration:none; }
#subnav ul li ul li a:hover { color:#9E0000}
#subnav ul li ul li a.selected { color:#C60000; }
/*

----------------Portfolio ------------------------------------------------*/
#portfolioFlash { float:left; width:630px; padding:0; margin:0; height:451px; overflow:hidden}
#subNavPortfolio .newsButtons { margin:5px 0 5px 26px; }
#subNavPortfolio .newsButtons img { margin:5px 0 0 0; }
#subNavPortfolio #servicesUsed { margin:15px 0 0 26px; font-size:.9em; color:#666; line-height:1.5em; }
#subNavPortfolio #servicesUsed h3 { margin:0 0 2px 0; font-size:1.1em; color:#333; }
#LogoScroller{float:right; width:111px; margin:0 0 0 1px; height:453px; background-image:url(../images/logoscroller.jpg); overflow:hidden; position:relative}
#LogoScroller #wrapper{margin: 0; padding:0; width:110px; overflow:auto; height:340px; overflow:hidden}
#LogoScroller #wrapper ul{list-style:none; margin:0; padding:0; width:110px}
#LogoScroller #wrapper ul li{height:85px; width:110px; text-align:center; margin:0; padding:0; vertical-align:middle; line-height:85px}
#LogoScroller #wrapper ul li table {margin:0; padding:0; border-collapse:collapse; height:80px; width:110px; table-layout:fixed; display: inline; vertical-align:middle}
#LogoScroller #wrapper ul li table tr td {border:0; margin:0; padding:0; width:110px; height:80px}
#LogoScroller #wrapper ul li img{margin:auto auto; padding:0; display:inline}
#LogoScroller #nextBtn{height:31px; overflow:hidden; position:absolute; bottom:0; margin-bottom:10px}
#LogoScroller .next{width:110px; cursor:pointer; background:transparent url(/images/next-vertical.png) no-repeat center center; display:block; margin:0; padding:34px 0 0 0}
#LogoScroller #prevBtn{height:32px; overflow:hidden; margin:20px 0 0 0}
#LogoScroller .prev{width:110px; cursor:pointer; background:transparent url(/images/prev-vertical.png) no-repeat center 1px; display:block; margin:0; padding:34px 0 0 0;}
.externalControl {display:none}
/*


----------------Clients ------------------------------------------------*/
#clientFilter { padding:10px 0 }
#clientFilter p { margin:0; padding:0 0 5px 11px; color:#333; }
#clientFilter a { color:#666; font-size:.9em; text-decoration:none; padding:0 0 0 12px;/* background:url(/images/arrow_down.gif)  no-repeat 2px 5px*/}
#clientFilter a:hover, #clientFilter a.selected { color:#C60000 }
.sortView { padding:0 15px; color:#333; font-size:11px; height:30px }
.sortView a { color:#C60000; padding:0 5px 0 10px; /* background:url(/images/sortviewlinkMarker.gif) no-repeat 5px 5px; */ font-size:10px; text-decoration:none }
#clientScroller { overflow:auto; height:370px; position:relative; width:656px;}
#caseStudy { }
#clientTable { border-collapse:collapse; width:635px; table-layout:fixed }
#clientTable caption { display:none; }
#clientTable th span { display:none; }
#clientTable #cTname { width:323px; }
#clientTable #cTflag { width:25px; }
#clientTable #cTiflag { width:90px; }
#clientTable th.cTflag { width:20px; }
#clientTable #cTpflag { visibility: hidden; }
#clientTable tr {height:48px; }
#clientTable td, #clientTable th { border-bottom: 1px solid #c9c9c9}
#clientTable th.cTn { text-align:left; padding-left:15px; font-size:13px; font-weight: normal; }
#clientTable th.cTn a { color:#444; text-decoration:none; }
#clientTable td.cTp { border-left: 1px solid #c9c9c9; padding-left:5px; }
#clientTable td.cTt { border-left: 1px solid #c9c9c9; padding-left:15px; text-align:left; font-size:9px; color:#444; text-transform:lowercase }
#clientTable td.cTf { font-size:12px; border-left: 1px solid #c9c9c9; text-align:center }
.odd { background:#f8f8f8; }
.clientName {font-size:.7em; color:#999}
/*


----------------Services ------------------------------------------------*/
#bodyServices #copywrapperScroll { height:400px; margin:0 10px 0 5px }
#bodyServices #copywrapperScroll h1 { color:#f9f9f9; margin:0px 0 25px 0px; padding:0; font-weight:normal; font-size:2.3em; letter-spacing:normal }
ul#services {margin:10px 0 0 0; padding:0 0 0 20px}
ul#services li {padding:5px; font-size:.9em}
#bodyGen #copywrapper h2.serviceTitle { color:#333; margin:0; padding:0; font-weight:bold; font:1.5em Georgia, "Times New Roman", Times, serif; letter-spacing:normal; width:100%; float:none}
.photography{ padding-top:0; margin-top:0;}
.thumbnails{ width:219px; margin:16px 16px 9px 0; float:left; background-color:#CCC; height:151px; }
.caption{ width:221px; float:left; margin:0 16px 0 0;}
.view a{text-align:right; margin-left:81px; color:#C70E0E; text-decoration:none}
.viewbutton{ float:right; margin-top:29px; padding-top:1px}
.body{padding-top:0; margin-top:0}
.back  { text-align:right; margin-right:10px; font-size:11px;}
.back a{ text-decoration:none; color:#333}
/*


----------------News ------------------------------------------------*/
#newsScroll {width:700px; height:270px; padding:5px ; margin-top:5px; overflow:auto}
div#whatImg { background-color:#FFF; padding:6px; display:inline; border:none; margin:0px 16px 6px 6px; clear:left; float:right;width:auto;}
#bodyGen .newsButtons { margin:10px 20px 10px 0;}
#bodyGen #newsTable caption h1 {  font:normal 1.8em Georgia, "Times New Roman", Times, serif; text-transform: none; letter-spacing: -.02em  !important; display:block; background:inherit}
#newsTable { border-collapse:collapse; margin-right:15px; width:710px; table-layout:fixed}
#newsTable caption { text-align:left; }
#newsTable #nTlogo { width:100px; visibility: hidden; }
#newsTable #nTtitle { visibility: hidden; }
#newsTable #nTlocation { width:120px; text-align:left; }
#newsTable #nTdate { width:120px; text-align:left; }
#newsTable tfoot tr td { height:40px; text-align:left; line-height:30px; border-bottom:none; font-size:.9em}
#newsTable tfoot tr td ul { list-style: none; padding:0px; margin:0px; }
#newsTable tfoot tr td ul li { display:inline; text-align: left; }
#newsTable tfoot tr td ul li a { text-decoration:none; color:#ccc; }
#newsTable tr td { border-bottom: 1px solid #c9c9c9; }
#newsTable td.nTt a { color:#444; font-size:12px; text-decoration:none; padding-right:10px; }
#newsTable td.nTt { width:400px; }
#newsTable td.nTl, #newsTable td.nTd { white-space:nowrap }
#newsTable td.nTt, #newsTable td.nTl, #newsTable td.nTd { font-size:10px; border-left: 1px solid #c9c9c9; height:48px; padding-left:10px; }
#map { border-top:double #FFF; border-right:double #FFF; border-bottom:double #FFF; border-left:double #fff }

/*


---------------- Facts ------------------------------------------------*/
#awardLogos { width:120px; float:right; margin:10px 40px }
#bodygen #copywrapper h2.awardsName { color:#333; text-decoration:none; margin:10px 0 5px 0; font-size:1.5em; float:none; padding:0}
.awardspage p {text-align:left; padding: 2px 0 16px 0}
/*


----------------Contact Us / Careers ------------------------------------------------*/
#locationScroller { overflow:auto; height:435px; width:636px; padding:10px 10px 10px 20px; text-align:left }

form#main { /*position:relative*/ }
div#fullnameDiv, div#emailDiv, div#companyDiv, div#jobtitleDiv, div#phoneDiv, div#addressDiv, div#cityDiv, div#stateDiv, div#postalcodeDiv, div#resume1Div, div#resume2Div,div#jobtitleDiv { position:relative;  margin-right:3px; margin-bottom:2em; }
div#commentsDiv, div#submitbuttonDiv { position:relative; margin-right:3px; margin-bottom:2em; }
div#stateDiv{width:7em;float:left; margin-right:5px}
div#postalcodeDiv{width:5em;float:right;}
div#demoDiv{margin-bottom:1.3em;}

input#fullname-field, input#email-field, input#company-field, input#jobtitle-field, input#phone-field, input#address-field, input#city-field { width:13em; height:2em;border: 1px solid #ccc;background: #F2F2F2;}
input#postalcode-field { width:5em; height:2em; border: 1px solid #CCC; background: #F2F2F2;}
textarea#comments-field {width:20em;height:14em;background: #F2F2F2;border: 1px solid #ccc;}

textarea#comments-fieldnew {width:22em;height:7.4em;background: #F2F2F2;border: 1px solid #ccc;}
textarea#comments-fieldnew3 {width:22em;height:14.2em;background: #F2F2F2;border: 1px solid #ccc;}

input#resume1-field,input#resume2-field { width:20em; height:2em;border: 1px solid #ccc;background: #F2F2F2;}
select#jobtitle-field,select#state-field{height:2em;border: 1px solid #ccc;}

.demo{color:#666666; font-size:12px}
.demotitle{color:#666666; font-size:12px; margin-bottom:3em}
.button{margin-left:9px}

label.hid { visibility: hidden; }label.inside { color:#999; }label.inside-apply { position:absolute; top:3px; left:5px; z-index:1; color:#999; }
div#contact1Div { width:27%; float:left; }div#contact2Div { width:27%; float:left; }div#contact3Div { width:40%; float:left; padding:0 0 0 10px}
div#career1Div { width:45%; float:left; }div#career2Div { width:45%; float:left; }
#contactMap {float:left; width:450px; margin:10px 10px 10px 0}
#addresses {padding-top:20px; font-size:.8em;}
#addresses div {margin:2px 0}
#addresses .org{font-weight:bold}
/*


----------------Footer ------------------------------------------------*/
#footer { margin:0 auto; width:937px; position:relative}
#footer #tagline { height:16px; overflow:hidden; margin:20px 0 5px 0; float:left; display:block; width:232px;}
#footer #tagline p { padding:16px 0 0 0; background:url(/images/mainnav.png) no-repeat 0px -124px; margin:0; display:block; width:210px }

#footer #locations {  margin:19px 0 0 0; color:#fff; font-size:.6em; height: 21px; line-height:21px; vertical-align:middle; float:right; }
#footer #locations a { text-decoration:none; color:#FFF;}

#footer #hiring { margin:18px 0 0 0; color:#fff; font-size:.7em; height: 21px; line-height:21px; vertical-align:middle; position:relative; float:left; text-align:left; width:170px;}
#footer #hiring a { text-decoration:none; color:#FFF;}

#footer ul{ list-style:none; margin:0 25px 0 0; padding:0px; height:21px; line-height:21px; vertical-align:middle;}
#footer li { list-style:none; margin:3px 0 0 0; padding-left:10px;color:#fff;float:left;line-height:21px; vertical-align:middle;}

#homeIntro #locations ul {list-style:none; margin:0;padding:0;}
#locations ul li {float:left;padding-right:10px;}

li.date {color:#fff;padding-right:20px;}
li.color { width:12px!important;margin:0;padding:0!important;}
#red { background:url(/images/mainnav.png) no-repeat 0 -72px; width:12px; height:21px; cursor:pointer; display:block}
#blue { background:url(/images/mainnav.png) no-repeat -24px -72px; width:12px; height:21px; cursor:pointer; display:block}
#black {background:url(/images/mainnav.png) no-repeat -12px -72px; width:12px; height:21px; cursor:pointer; display:block }
#grey { background:url(/images/mainnav.png) no-repeat -36px -72px; width:12px; height:21px; cursor:pointer; display:block }



/*


----------------FlexScroll Styles ------------------------------------------------*/
.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}
.vscrollerbase {width: 13px;cursor:pointer; background-color:#fff; }
.vscrollerbar {width: 13px;cursor:pointer; background-color:#fff;}
.hscrollerbase {height: 15px;cursor:pointer; background-color:#fff;}
.hscrollerbar {height: 15px; cursor:pointer; background-color:#fff;}
/*.hscrollerbar {background:  url(/images/horizontalbarbody_cornerjog.png) 0px -30px repeat-x; background-color:#fff;}*/
.vscrollerbar {background:  url(/images/basebarcaps_verticalbarbody.gif) -15px 0px repeat-y; background-color:#fff;}
.vscrollerbar, .hscrollerbar {padding: 10px;z-index: 2; cursor:pointer; background-color:#fff;}
.vscrollerbarbeg {background: url(/images/basebarcaps_verticalbarbody.gif) -45px -30px no-repeat;width: 15px;height: 15px !important; cursor:pointer; background-color:#fff;}
.vscrollerbarend {background: url(/images/basebarcaps_verticalbarbody.gif) -45px 0px no-repeat;width: 15px;height: 15px; cursor:pointer; background-color:#fff;}
.hscrollerbarbeg {background: url(/images/basebarcaps_verticalbarbody.gif) -60px -15px no-repeat;height: 15px;width: 15px !important; cursor:pointer; background-color:#fff;}
.hscrollerbarend {background: url(/images/basebarcaps_verticalbarbody.gif) -30px -15px no-repeat;height: 15px;width: 15px; cursor:pointer; background-color:#fff;}
.scrollerjogbox {width: 15px;height: 15px;top: auto; left: auto;bottom: 0px; right: 0px;/*background:  url(/images/horizontalbarbody_cornerjog.png) 0px 0px;*/ cursor:pointer; background-color:#fff;}
.vscrollerbase {background:  url(/images/basebarcaps_verticalbarbody.gif) 0px 0px repeat-y; cursor:pointer; background-color:#fff;}
.vscrollerbasebeg {background: url(/images/basebarcaps_verticalbarbody.gif) -30px -30px no-repeat;width: 15px;height: 15px !important; cursor:pointer; background-color:#fff;}
.vscrollerbaseend {background: url(/images/basebarcaps_verticalbarbody.gif) -60px -30px no-repeat;height: 15px;width: 15px; cursor:pointer; background-color:#fff;}
/*.hscrollerbase {background:  url(/images/horizontalbarbody_cornerjog.png) 0px -15px repeat-x; cursor:pointer; background-color:#fff;}*/
.hscrollerbasebeg {background: url(/images/basebarcaps_verticalbarbody.gif) -60px 0px no-repeat;height: 15px;width: 15px !important; cursor:pointer; background-color:#fff;}
.hscrollerbaseend {height: 15px;width: 15px;background: url(/images/basebarcaps_verticalbarbody.gif) -30px 0px no-repeat; cursor:pointer; background-color:#fff;}
.scrollerjogbox:hover {background:  url(/images/basebarcaps_verticalbarbody.gif) -45px -15px; cursor:pointer; background-color:#fff;}