/* GLOBAL ELEMENT STYLES */
html { overflow: -moz-scrollbars-vertical; }
html, body, form { height: 100%; }
body { margin:0; background-color:#FFFFFF; }
div, form { margin:0; padding:0; }
img { border:0; }
table { border:0; border-collapse:collapse; }
p { margin:0; }
.clearing { height:0; clear:both }
* { outline:none; }
.print-only { display:none; }
/* TEXT STYLES */
div, td, th, p, input, blockquote,
textarea, select, a { font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:11px; line-height:18px; color:#333333; }
h1 + div#content { margin-top:25px; }
p + p { margin-top:13px; }
p + blockquote { margin-top:19px; }
p + h2 { margin-top:35px; }
h2 + p { margin-top:12px; }
h3 + p { margin-top:12px; }
p.intro + h3 { margin-top:30px; }
h1 { font-family:Arial, Helvetica, sans-serif; visibility:hidden; font-weight:normal; font-size:48px; margin:0 0 0 0; line-height:48px; color:#333333; }
h2 { font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:18px; line-height:18px; color:#898989; letter-spacing:0px; margin:0; padding:0; }
h3 { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; color:#333333; margin:0; padding:0; }
h4 { font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:22px; line-height:26px; color:#333333; margin:0; padding:0; }
a { color:#dc501e; text-decoration:none; }
a:hover { text-decoration:underline; }
a.back { display:block; padding:0 0 0 10px; width:100px; background:url(../images/icon-back.gif) no-repeat 0 6px; }
span.highlight { font-weight:bold; background-color:#ddf0f3; }
span.note { color:#666666; }
span.credit { color:#999999; line-height:14px; }
div.error { padding:6px 0 7px 36px; margin:17px 0 26px 0; color:#ffffff; font-weight:bold; background:#dc501e url(../images/icon-error.gif) no-repeat 7px 6px; }
div.success { padding:6px 0 7px 11px; margin:17px 0 26px 0; background-color:#d9edf0; }
span.error { color:#dc501e; }
.green { color:#999900; }
.orange { color:#dc501e; }
.black { color:#333333; }
.inline { display:inline; }
blockquote,
blockquote p { margin:0; padding:0; color:#319aaa; font-size:18px; line-height:22px; margin-bottom:13px; }
ul { margin:0 0 10px 0; padding:0; list-style-type:none; }
ul li { padding:0 0 3px 12px; background:url(../images/icon-bullet.gif) no-repeat 0 7px; line-height:18px; }
ul.plain { margin:0; padding:0; list-style-type:none; }
ul.plain li { line-height:15px; padding:0 0 3px 0; background-image:none; }
ul.link-list-lg { margin:0 0 10px 0; padding:0; list-style-type:none; }
ul.link-list-lg li { padding:0 0 3px 24px; margin-bottom:7px; background:url(../images/icon-link-lg.gif) no-repeat 0 0; }
ul.link-list-lg li a { color:#dc501e; font-size:15px; text-decoration:none; }
/* GLOBAL LAYOUT
z-index
logo - 25
LB BG - 20
header - 15
footer - 10
content - 5
gorilla/subnav - 1
*/
div#main { width:954px; height:100%; position:relative; margin-left:auto; margin-right:auto; text-align:left; }
div#logo { width:954px; margin-left:auto; margin-right:auto; position:relative; z-index:25; }
div#logo img { position:absolute; right:87px; }
div#header { padding:0 7px 0 3px; width:944px; height:55px; position:relative; z-index:15; background:url(../images/bg-50white.png); }
div#header div#utility { float:right; margin:27px 240px 0 0; }
* html div#header div#utility {margin:27px 120px 0 0;}
div#header div#utility,
div#header div#utility a { font-family:Arial, Helvetica, sans-serif; color:#333333; text-decoration:none; }
div#header div#utility a:hover { color:#dc501e; }
div#header div#nav { position:absolute;padding-top:20px; }
div#header div#nav div.navitem { float:left; width:158px; position:relative; }
div#header div#nav div.navitem div.nav-popup-wrapper { width:158px; display:none; position:absolute; top:35px; left:0; }
div#header div#nav div.navitem div.nav-popup { padding:0 0 16px 14px; background:url(../images/bg-subnav.png) repeat-y; }
div#header div#nav div.navitem div.nav-popup a { display:block; font-size:9px; margin-bottom:3px; color:#333333; line-height:16px; text-decoration:none; text-transform:uppercase; }
div#header div#nav div.navitem div.nav-popup a:hover { color:#dc501e; }
div#header div#nav div.navitem div.nav-popup-wrapper div.nav-pop-cap { background:url(../images/bg-subnav-cap.png) no-repeat; height:5px; }
div#work { width:600px; height:154px; padding:43px 14px 0 14px; top:35px; left:-160px; background:url(../images/bg-work.png) no-repeat; display:none; position:absolute; }
div#slider-wrapper { height:150px; }
div#slider-wrapper div#leftbutton { width:20px; height:100px; float:left; margin-right:10px; }
div#slider-wrapper div#rightbutton { width:20px; height:100px; float:left; }
div#slider-wrapper div#leftbutton.active { background:#efefef url(../images/icon-arrowleft.gif) no-repeat 6px 44px; cursor:pointer; }
div#slider-wrapper div#rightbutton.active { background:#efefef url(../images/icon-arrowright.gif) no-repeat 8px 44px; cursor:pointer; }
div#slider-wrapper div#slider-frame { float:left; position:relative; width:540px; overflow:hidden; margin-right:10px; }
div#slider-wrapper div#slider { position:relative; left:0; width:8000px; }
div#slider-wrapper div#slider div.slide { float:left; width:100px; margin-right:10px; line-height:16px; }
div#slider-wrapper div#slider div.slide img { margin-bottom:6px; }
div.content-wrapper { padding:72px 17px 80px 17px; position:relative; z-index:2; }
div.content-wrapper div.titleanddesc { width:570px; }
div.content-wrapper div.titleanddesc h1 { background-image:url(../images/bg-50white.png); padding:6px 0 10px 0; margin-bottom:16px; z-index:6; }
div.content-wrapper div.titleanddesc p { width:520px; }
div.content-wrapper div.titleanddesc p,
div.content-wrapper div.titleanddesc p a { font-size:15px; line-height:20px; }
div.content-wrapper div.content { width:530px; position:relative; z-index:5; }
div#gorilla { position:absolute; right:7px; bottom:28px; z-index:1; }
div#subnav-gorilla { position:absolute; right:7px; bottom:28px; z-index:3; width:220px; height:200px; }
div#subnav { position:absolute; right:87px; bottom:0px; z-index:2; width:140px; background-color:#efefec; height:0; display:none; padding-top:18px; }
div#subnav h2 { margin:0 0 17px 7px; }
div#subnav a { display:block; width:120px; padding:3px 0 3px 8px; text-decoration:none; text-transform:uppercase; font-size:10px; color:#666666; }
div#subnav a:hover { background-color:#f7f7f6; border-right:2px solid #cececb; color:#dc501e; }
div#subnav a#active { background-color:#FFFFFF; border-right:2px solid #dc501e; color:#dc501e; }
div#footer { padding:7px 7px 0 7px; height:28px; width:940px; position:absolute; bottom:0; z-index:10; background:url(../images/bg-footer.png) no-repeat 0 0; }
div#footer div#tagline { float:left; margin-right:11px; }
div#footer div#news-ticker { float:left; }
div#footer div#news-ticker a { display:block; float:left; }
div#footer div#news-ticker a#rss { margin-top:8px; }
div#footer div#news-ticker a#ticker { color:#ffffff; margin:6px 0 0 4px; text-decoration:none;}
div#footer div#news-ticker a:hover { text-decoration:underline; }
div#footer div#copyright { float:right; color:#d5cd52; margin:6px 10px 0 0; }
div#footer div#copyright a { color:#d5cd52; }
div#footer div#clientlogin { position:absolute; bottom:0; right:87px; z-index:2; }
div#footer div#clientlogin div img { cursor:pointer; }
div#footer div#clientlogin div#loginform { padding:0 10px 0 10px; width:120px; height:4px; overflow:hidden; background-color:#6fccdb; }
div#footer div#clientlogin div#loginform,
div#footer div#clientlogin div#loginform * { color:#ffffff; font-weight:bold; }
div#footer div#clientlogin div#loginform input[type="text"],
div#footer div#clientlogin div#loginform input[type="password"] { width:116px; height:18px; color:#333333; line-height:18px; border:0; padding:0 2px 0 2px; margin:0 0 3px 0; background-color:#c4e9ef; }
div#footer div#clientlogin div#loginform input[type="image"] { margin:6px 0 0 0; cursor:pointer; }
div#footer div#clientlogin div#loginform.active { height:124px; padding-top:9px; }
/* HOME PAGE */
div#home p { font-size:13px; line-height:20px; width:460px; margin-bottom:30px; }
div#home h1 { background-image:url(../images/bg-50white.png); padding:6px 0 10px 0; width:670px; position:relative; z-index:6; }
/* CLIENTS */
div#clients { margin-top:85px; }
div#clients div#quote { position:absolute; top:105px; left:247px; width:275px; padding-right:110px; background:url(../images/quotes.gif) no-repeat top right; }
div#clients ul { width:160px; float:left; margin:13px 16px 0 0; display:block; list-style-type:none; }
div#clients ul li { line-height:15px; padding:0 0 3px 0; background-image:none; }
div#clients table { width:670px; }
div#clients table tr.row1 td {padding-bottom:45px;}
div#clients table tr.row2 td {padding-bottom:60px;}
div#clients table tr.row3 td {padding-bottom:30px;}
div#clients table td.col1 { width:122px; }
div#clients table td.col2 { width:227px; }
div#clients table td.col3 { width:126px; }
div#clients table td.col4 { width:193px; }
/* SOLUTIONS */
div.accordion { position:relative; margin-top:24px; left:-13px; }
div.accordion div.a-item { position:relative; }
div.accordion div.a-item div.ui-state-active { background:url(../images/bg-accordian-on.png) no-repeat; }
div.accordion div.a-header { width:530px; height:25px; cursor:pointer; padding:9px 3px 4px 13px; background:url(../images/bg-accordian.png) no-repeat; }
div.accordion div.a-header h2 { color:#dc501e; }
div.accordion div.a-body { display:none; width:546px; background:url(../images/bg-accordian-mid.png) repeat-y; }
div.accordion div.a-body-content { padding:9px 3px 0 13px; }
div.accordion div.a-body-content div.left { width:335px; padding-right:25px; float:left; border-right:1px dashed #cccccc; }
div.accordion div.a-body-content div.left p { }
div.accordion div.a-body-content div.right { margin-left:10px; width:120px; float:left; }
div.accordion div.a-body-content div.right ul { margin-top:13px; }
div.accordion div.a-body-content div.right ul li { line-height:14px; padding-bottom:6px; }
div.accordion div.a-body div.cap { height:4px; padding-top:30px; background:url(../images/bg-accordian-bot.png) no-repeat 0 30px; clear:both; }
/* PARTNERS */
div#partners div.section { position:relative; width:530px; padding:20px 10px 0 10px; margin-top:27px; left:-10px; border-top:1px solid #e8e9eb; }
div#partners div.section p { width: 320px; }
div#partners div.section img { float:right; border:1px solid #e8e9eb; margin:35px 0 0 23px; }
/* CAREERS */
div#career blockquote { margin-top:25px; }
div#career div.section { position:relative; height:32px; padding:11px 10px 0 25px; background:url(../images/icon-arrowright.gif) no-repeat 11px 15px; border-bottom:1px solid #e7e9eb; }
div#career div.section h3 { float:left; }
div#career div.section a.view { display:block; float:right; font-size:12px; }
div#career-detail { padding-top:20px; }
div#career-detail h2 { color:#319aaa; margin-bottom:5px; }
div#career-detail ul { margin-left:15px; margin-bottom:20px; }
div#career-detail ul.link-list-lg { margin-top:20px; }
/* TECHNOLOGY */
div#technology div.left { float:left; width:374px; padding-right:15px; margin:30px 10px 0 0; border-right:1px dashed #cccccc; }
div#technology div.left blockquote { margin-bottom:4px; }
div#technology div.left div.answer { font-size:18px; line-height:22px; margin-bottom:13px; }
div#technology div.right { float:left; margin:30px 0 0 0; width:130px; }
/* NEWS */
div#news-container { width:550px; position:relative; left:-10px; border-top:1px solid #e8e9eb; margin-top:47px; }
div#news-container div.section { padding:8px 10px 8px 10px; border-bottom:1px solid #e8e9eb; }
div#news-container div.section div.date { float:left; width:90px; color:#319aaa; font-weight:bold; line-height:14px; }
div#news-container div.section div.title { float:left; width:400px; }
div#news-container div.section div.title a { color:#333333; line-height:14px; }
div#news-container div.section div.title a:hover { color:#dc501e; text-decoration:none; }
/* NEWS DETAIL */
div#news-content { position:relative; left:-10px; width:550px; padding:20px 10px 30px 10px; margin:0 0 20px 0; border-bottom:1px solid #e8e9eb; }
div#news-content h4 { margin-bottom:15px; }
div#news-content p { margin-bottom:20px; }
div#news-links div.links { float:left; margin-right:30px; }
div#news-links a.back { float:left; }
/* CONTACT */
div#contact { margin-top:20px; }
div#contact p.intro { margin-bottom:30px; }
div#contact div#map { float:right; position:relative; left:10px; }
div#contact div#contact_form { position:relative; width:530px; padding:14px 13px 25px 13px; left:-13px; background:url(../images/bg-form.gif) repeat-y; }
div#contact div#contact_form_top { position:relative; width:556px; left:-13px; height:3px; margin-top:24px; }
div#contact div#contact_form_bot { position:relative; width:556px; left:-13px; height:4px; }
div#contact div#contact_form form { margin-top:20px; font-weight:bold; }
div#contact div#contact_form div.left { float:left; width:250px; font-weight:bold; margin-right:14px; }
div#contact div#contact_form div.right { float:left; width:250px; font-weight:bold; }
div#contact div#contact_form input[type="text"] { width:242px; height:16px; padding:1px 3px 1px 3px; line-height:16px; margin:4px 0 12px 0; border:1px solid #e4e4e1; background-color:#efefec; }
div#contact div#contact_form textarea { width:505px; height:120px; padding:3px; line-height:16px; margin:4px 0 12px 0; border:1px solid #e4e4e1; background-color:#efefec; }
div#contact div#contact_form input[type="image"] { margin-top:15px; }
/* GALLERY */
div#gallery-wrapper { width:920px; height:464px; padding:17px 19px 21px 19px; background:url(../images/bg-gallery.gif) no-repeat; }
div#gallery-wrapper .modalclose { float:right; margin-top:2px; }
div#gallery-wrapper a.project-nav { display:block; float:left; width:23px; height:11px; margin-right:3px; background-color:#e1e1e1; }
div#gallery-wrapper a.project-nav:hover,
div#gallery-wrapper a.active { background-color:#dc501e; }
div#gallery-wrapper div#screenshot { float:left; margin:10px 10px 0 0; position:relative; width:690px; height:442px; background-color:#ededed }
div#gallery-wrapper div#screenshot a#imageleft { position:absolute; display:block; width:250px; height:442px; background:url(../images/btn-arrowleft.png) no-repeat 0 185px; }
div#gallery-wrapper div#screenshot a#imageleft:hover { background-image:url(../images/btn-arrowleft-on.png); }
div#gallery-wrapper div#screenshot a#imageright { position:absolute; display:block; width:250px; height:442px; right:0px; background:url(../images/btn-arrowright.png) no-repeat 179px 185px; }
div#gallery-wrapper div#screenshot a#imageright:hover { background-image:url(../images/btn-arrowright-on.png); }
div#gallery-wrapper div#screenshot img#bananas { position:absolute; display:block; top:201px; left:325px; }
div#gallery-wrapper div#gallery_content { width:200px; height:428px; padding:14px 10px 0 10px; margin:10px 0 0 0; float:left; background-color:#ededed;}
div#gallery-wrapper div#gallery_content img { margin-right:2px; margin-bottom:30px; cursor:pointer; }
div#gallery-wrapper div#gallery_content h2 { margin-bottom:12px; }
div#gallery-wrapper div#gallery_content p { font-size:12px; line-height:15px; }
a.gallery-link { line-height:15px; color:#333333; }
a.gallery-link:hover { color:#dc501e; text-decoration:none; }
img#project_image { display:none; }
/* LIKE WHAT YOU SAW */
div#likewhatyousaw { position:absolute; display:none; width:520px; height:273px; padding:30px 0 0 50px; left:185px; background:url(../images/bg-likewhatyousaw.png) no-repeat; }
div#likewhatyousaw p { margin-top: 30px; }
div#likewhatyousaw h1 { background-image:none; font-size:40px; }
div#likewhatyousaw h3 { color:#dc501e; }
div#ie6{ width:518px; height:243px; padding:30px 26px 30px 26px; background:url(../images/bg-likewhatyousaw.png) no-repeat; }
div#ie6 h1 { background-image:none; font-size:35px; }
/* Sitemap */
ul.sitemap { margin:10px 0 20px 0; }
ul.sitemap li { padding-left:20px; }
/* CMS */
div#cms.content-wrapper { padding-top:30px; }
/* SIGN IN */
div#signin input[type="text"],
div#signin input[type="password"] { width:200px; height:18px; line-height:18px; border:1px solid #333333; padding:0 2px 0 2px; margin:0 0 3px 0; }
div#signin input[type="submit"] { background:transparent url(../images/icon-link.gif) no-repeat 0 4px; border:0; padding:0 0 0 10px; margin:2px 0 0 0; cursor:pointer; }
table.list { width:100%; border-collapse:collapse; border:1px solid #EEEEEE; }
table.list th,
table.list td { padding:3px; }
table.list th { vertical-align:bottom; font-weight:bold; background-color:#dc501e; color:#ffffff; }
div.header { padding:4px 10px 4px 25px; width:100%; font-weight:bold; background-color:#dc501e; border:1px solid #dc501e; color:#ffffff; margin-bottom:5px; }
div.item { padding:4px 10px 4px 25px; width:100%; border:1px solid #AAAAAA; background-color:#F0F0F0; margin-bottom:5px; }
div.item div.actions { float:right; }
div.sortable div.item { background:#F0F0F0 url(../images/icon-move.gif) no-repeat 2px 3px; cursor:pointer; }
div.placeholder { height:30px; }
div.onecol { width:920px; }
div.twocol { margin:0 5px 0 5px; width:450px; float:left; }
form.adminform { }
form.adminform input[type="text"] { width:200px; height:18px; line-height:18px; border:1px solid #333333; padding:0 2px 0 2px; margin:0 0 3px 0; }
form.adminform input[type="text"].wide { width:400px; height:18px; line-height:18px; border:1px solid #333333; padding:0 2px 0 2px; margin:0 0 3px 0; }
form.adminform textarea { width:400px; height:400px; border:1px solid #333333; margin:0 0 3px 0; }
form.adminform textarea.short { width:400px; height:200px; border:1px solid #333333; margin:0 0 3px 0; }
/* LIGHT BOX */
#lightbox { width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:20; }
#lightbox .lightboxBg { width:100%; height:100%; background-color:#FFFFFF; position:absolute; top:0px; left:0px; opacity:.70; filter: alpha(opacity=70); -moz-opacity: 0.70; }
#lightbox .contentOuter { position:absolute; z-index:1; }
.modal-popup { background-color:#ffffff; display:none; }
.modalelement, .modalclose { cursor:pointer; }
/* SIFR */
.sIFR-flash { visibility:visible !important; margin: 0; padding: 0; }
.sIFR-replaced, .sIFR-ignore { visibility:visible !important; }
.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
.sIFR-replaced div.sIFR-fixfocus { margin:0pt; padding:0pt; overflow:auto; letter-spacing:0px; float:none; }
.sIFR-hasFlash h1 { visibility: hidden; }
.sIFR-hasFlash h2 { visibility: hidden; }
/* PARTNER LANDING PAGE */
/* landing page styles */
.lp-content-wrapper { position: relative; width: 960px; padding: 0 0 80px; margin: 0 0 0 -15px; z-index: 2; overflow: hidden; }
.lp-content-wrapper .content { float: left; width: 590px !important; padding: 0 17px 13px 17px; }
.lp-magento-partner { float: right; width: 265px; height: 67px; padding-right: 17px; }
.margin-30-bottom { margin-bottom: 30px; }
/* landing page gallery */
#lp-gallery { position: relative; clear: both; width: 952px; height: 277px; background: url(../images/gallery-bg.jpg) no-repeat; padding: 4px; margin: 0 0 50px 0; }
#lp-gallery #ribbon { position: absolute; top: -1px; left: 45px; width: 146px; height: 42px; background: url(../images/recent-ribbon.png) no-repeat; }
#lp-gallery #ribbon p { text-indent: -9999px; }
#lp-gallery .gallery-nav { position: absolute; top: 4px; display: block; width: 20px; height: 277px; background: #efefef; text-indent: -9999px; cursor: pointer; }
#lp-gallery .gallery-nav-left { left: 4px; background: url(../images/gallery-nav-left.jpg) no-repeat; }
#lp-gallery .gallery-nav-right { right: 4px; background: url(../images/gallery-nav-right.jpg) no-repeat; }
#lp-gallery #gallery-slider-frame { width: 890px; height: 209px; margin: 38px 31px 0 31px; overflow: hidden; }
#lp-gallery #gallery-slider-frame #gallery-slider { position: relative; width: 2700px; }
#lp-gallery #gallery-slider-frame #gallery-slider .gallery-slide { float: left; width: 290px; height: 209px; margin-right: 10px; }
#lp-gallery #gallery-slider-frame #gallery-slider .gallery-slide a { position: relative; display: block; width: 288px; height: 207px; border: 1px solid #cccccc; overflow: hidden; }
#lp-gallery .slide-overlay { position: absolute; width: 257px; height: 175px; top: 207px; left: 0; background: url(../images/gallery-over.png) no-repeat; padding: 16px; }
#lp-gallery .slide-overlay .slide-title { display: block; font-size: 18px; color: #ffffff !important; margin-bottom: 15px; }
#lp-gallery .slide-overlay .slide-description p { font-size: 12px; color: #ffffff !important; line-height: 18px; }
/* landing page font */
.lp-content-wrapper h1 { font-size: 60px !important; }
div.lp-intro p { font-size: 21px !important; font-weight: normal; line-height: 26px; margin-bottom: 30px; }
.lp-content-wrapper h2 { font-size: 24px; color: #000000; line-height: 30px; padding-bottom: 10px; }
.lp-content-wrapper h3 { font-size: 18px; font-weight: normal; color: #aea400; margin-top: 20px; }
.lp-content-wrapper p { font-size: 12px;}
/* landing page sidebar */
.lp-content-wrapper .sidebar { float: right; width: 290px; padding-right: 17px; }
#quote-holder { width: 290px; background: url(../images/quote-bg.jpg) no-repeat; padding: 8px 0 0 12px; margin: 12px 0 0 -12px; }
#quote-holder blockquote { font: italic 24px georgia, times new roman, serif; color: #46a3b1; line-height: 30px; }
#quote-holder p { color: #696969; }
#call-to-action { border-bottom: 1px solid #d6d6d6; padding-bottom: 25px; margin-bottom: 25px; }
#call-to-action ul { margin-top: 8px; }
#call-to-action ul li { line-height: 15px !important; }
#call-to-action ul li.contact-btn { margin-top: 15px; }
#call-to-action ul li a { color: #dc501e; line-height: 15px !important; }