/* @group Reset */
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, ul, ol, li, dl, dt, dd, 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; }
:focus { outline: 0; }
body { line-height: 1; }

/* @end */
/* @group Default HTML Styles */
body {
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
	color: #555;
	font-size: 14px;
	line-height: 1em;
}
p, h2, h3, h4, dd { padding-bottom: 14px; }
p, dd, li { font-size: 1em; line-height: 1.7em; }

dt { font-size: 1.15em; font-weight: bold; line-height: 1.5em; }
a, a:link, a:visited { color: #00719f; text-decoration: none; }
a:hover { text-decoration: underline; }
h2, h3 { padding: 0 0 6px 0; font-size: 16px; color: #3f4b58;}
#left_col h2, .large_h2 {font-size: 36px; font-weight: normal; padding-bottom: 28px; line-height: 1.1em;}
#home_page #left_col h2 { font-size: 16px; font-weight: bold; padding: 0 0 6px 0;}
h4 { padding-bottom: 14px; font-size: 16px; font-weight: bold; }

dl { margin: 0; padding: 0 0 4px 0; }
dt { font-weight: bold; font-size: 12px; line-height: 15px; margin: 0; padding: 0; }
dd { font-size: 11px; line-height: 15px; margin: 0; padding: 0 0 10px 0; }
ul, ol { margin: 0 0 0 20px; padding: 0 0 14px 20px; }


sup {height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; bottom: 1ex; font-size: 10px;}
h2 sup { bottom: 3ex; font-size: 12px;}


.nopad { padding: 0; }
.small { font-size: .92em; }
.center { text-align: center; }
/* @end */
/* @group Generic Style Classes */
.clear { clear: both; }
.bold { font-weight: bold; }
.intro { font-size: 1.15em; line-height: 1.35em; color: #686868; }
.nopad { padding: 0 !important; }
.nomargin { margin: 0 !important; }
.float_left { float: left; }
.float_right { float: right; }
.right { text-align: right; }
.li_nostyle { list-style: none; }
.inline { display: inline; }
.italic { font-style: italic; }
input.italic { color: #999; }
.gray { color: #686868; }
.img_left {float: left; padding: 0 10px 10px 0;}
.border_top {border-top: 1px solid #ccc; padding-top: 14px;}

.quote_box {background: #efefef; padding: 14px; margin: 24px 0 38px 0; font-style: italic;}
/* @end */


/* @group Header */
#header_wrap {background: #3f4b58 url(imgs/header_bg.png) no-repeat 50% 0; width: 100%; height: 150px;}
#header {width: 990px; height: 150px; margin: 0 auto; position: relative;}

#header h1 {width: 227px; height: 76px; text-indent: -999em; background: url(imgs/logo.png) no-repeat 0 0; position: absolute; top: 50px; left: 20px;}
#header h1 a {width: 227px; height: 76px; display: block;}

#header .tagline {font-size: 16px; font-style: italic; postion: absolute; top: 40px; right: 10px; position: absolute; color:#fff;}


#nav {list-style: none; padding: 0; margin: 0; position: absolute; top: 110px; right: 10px; float: right;}
#nav li {float: left; padding: 0; margin: 0;}
#nav li a {float: left; display: block; padding-left: 20px; font-size: 14px; font-weight: bold; color: #fff; text-transform: uppercase;}
#nav li a:hover {color: #f3f4bd; text-decoration: none;}

/* @end */
/* @group Content */

#content_wrap {width: 100%; position: relative;}
#content {background: #fff url(imgs/content_bg.png) no-repeat 50% 0; width: 960px; padding: 10px 0 30px 30px; margin: 0 auto; overflow: auto;}

#clients_page #content, #contact_page #content {padding: 30px 0 30px 30px;}


#onion_bar {background: url(imgs/onion_skin.png) repeat; width: 100%; height: 14px; position: absolute; top: 0; left: 0; z-index: 100;}

#left_col {float: left; width: 640px; padding: 8px 30px 0 0;}
#right_col {float: left; width: 290px;}



/* @group Banners */
#banner_wrap {width: 100%; height: 264px; background: url(imgs/bg_yellow.png) 0 0 repeat-x;}
.banner_content {width: 990px; height: 264px; margin: 0 auto; position: relative; background-color: #fff;}
#home_page #banner_wrap {height: 380px;}
.banner_content_home {width: 990px; height: 306px; margin: 0 auto; position: relative; background-color: #fff;}
#banner_microsoft {background-image: url(imgs/banners/microsoft.jpg); }
#banner_schwab {background-image: url(imgs/banners/schwab.jpg); }
#banner_honda {background-image: url(imgs/banners/honda.jpg); }
#banner_zappos {background-image: url(imgs/banners/zappos.jpg); }
#banner_sony {background-image: url(imgs/banners/sony.jpg); }

.banner_content h2 {width: 265px; height: 65px; position: absolute; bottom: 0; left: 35px; padding: 0; margin: 0; text-align: center; color: #931616; font-size: 48px; line-height: 65px; font-weight: normal; background: url(imgs/onion_skin_white.png) repeat; }
#banner_markets {background-image: url(imgs/banners/markets.jpg);}
#banner_solutions {background-image: url(imgs/banners/solutions.jpg);}
#banner_about {background-image: url(imgs/banners/about.jpg);}
#banner_contact {background-image: url(imgs/banners/contact.jpg);}
#banner_clients {background-image: url(imgs/banners/clients.jpg);}


#banner_tabs {width: 990px; height: 74px; list-style: none; margin: 0 auto; padding: 0; background: #fff url(imgs/banners/banner_nav.png) no-repeat;}
#banner_tabs li {height: 74px; text-indent: -999em; float: left;}
#banner_tabs a {height: 74px; display: block; float: left;}
#banner_tabs #tab_microsoft, #banner_tabs #tab_microsoft a {width: 198px;}
#banner_tabs #tab_sony, #banner_tabs #tab_sony a {width: 166px;}
#banner_tabs #tab_honda, #banner_tabs #tab_honda a {width: 205px;}
#banner_tabs #tab_zappos, #banner_tabs #tab_zappos a {width: 152px;}
#banner_tabs #tab_schwab, #banner_tabs #tab_schwab a {width: 269px;}

#banner_tabs a.current {background: url(imgs/banners/banner_nav.png) no-repeat 0 0;}
#banner_tabs #tab_microsoft a.current {background-position: 0 -74px;}
#banner_tabs #tab_sony a.current {background-position: -198px -74px;}
#banner_tabs #tab_honda a.current {background-position: -364px -74px;}
#banner_tabs #tab_zappos a.current {background-position: -569px -74px;}
#banner_tabs #tab_schwab a.current {background-position: -721px -74px;}



.banner_copy {width: 290px; height: 156px; padding: 20px; background: url(imgs/onion_skin_white.png) repeat; position: absolute; bottom: 0; right: 0;}

.banner_copy h2 {text-indent: -999em; padding: 0; background-image: url(imgs/logos.png); background-repeat: no-repeat; height: 44px;}
#banner_microsoft h2 {background-position: 50% 0;}
#banner_zappos h2 {background-position: 50% -44px;}
#banner_schwab h2 {background-position: 50% -88px;}
#banner_honda h2 {background-position: 50% -132px;}
#banner_sony h2 {background-position: 50% -176px;}
.banner_copy p {line-height: 1.4em;}

/* @end */


/* @group Home Page */
#home_page #content {width: 930px; padding: 30px;}

#home_page #left_col {width: 300px;}
#home_page #center_col {float: left; width:  340px; padding-right: 30px;}
#home_page #right_col {width: 230px;}
#home_page #content p {font-size: 14px; padding-bottom: 24px;}
.h3_news {background: url(imgs/news_icon.png) no-repeat 0 10%; padding-left: 30px;}
.h3_download {background: url(imgs/download_icon.png) no-repeat 3px 10%; padding-left: 30px;}

.news_list, .downloads_list {list-style: none; padding: 0 0 24px 0; margin: 0;}
.news_list li {padding: 0 0 12px 0; margin: 0; font-size: 10px;}
.news_list li a, .downloads_list li a {color: #9fa5ac;}
.downloads_list {border-top: 1px solid #9fa5ac;}
.downloads_list li {
	padding: 0;
	margin: 0;
	font-size: 14px;
	border-bottom: 1px solid #9fa5ac;
	line-height: 1.7em;
}
/* @end */


/* @group Client Thumbs */
.client_list {list-style: none; padding: 0; margin: 0 auto; width: 860px;}
.client_list li {width: 142px; height: 84px; padding: 0 15px 25px 15px; float: left;}
/* @end */


/* @group Secondary Nav */
#secondary_nav {width: 100%; overflow: auto;}
#secondary_nav ul {float: right; list-style: none; margin: 0; padding: 10px 0 20px 0;}
#secondary_nav ul li {float: left;}
#secondary_nav ul li a {line-height: 20px; color: #9fa5ac; padding: 12px 15px;}
#secondary_nav ul li a:hover {color: #3f4b58; text-decoration: none;}
#secondary_nav ul li.active a {color: #3f4b58; background: url(imgs/red_triangle.png) no-repeat 50% 100%;}

/* @end */

/* @group Sidebar */
.sb_item {width: 290px; background: url(imgs/sb_item_bg.png) no-repeat 50% 100%; padding-bottom: 20px;}
.sb_item h3 {background: url(imgs/sb_item_bg.png) no-repeat 50% -21px; padding: 20px 30px 10px 30px;}
.sb_item ul {list-style: none; margin: 0 30px; padding: 0; border-top: 1px solid #ececec;}
.sb_item li {font-size: 14px; font-weight: bold; border-bottom: 1px solid #ececec; line-height: 34px;}
.sb_item a {color: #8a8a8a;}
.sb_item.sb_item_second h3 {background-position: 50% 0; padding-top: 41px;}

/* @end */
/* @group Form Elements */


label {font-size: 12px; display: block;}
input {width: 488px; padding: 5px; border: 1px solid #ccc; background: #f7f7f7; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #555;}
textarea {width: 493px; padding: 5px 0 5px 5px; border: 1px solid #ccc; background: #f7f7f7; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #555; height: 130px;}
.contact_form {width: 510px;}
.form_item, .form_item_split {padding: 0 0 14px 0;}
.form_item_split {float: left; width: 245px; padding-right: 10px;}
.form_item_split input {width: 232px;}

label span, label.error {color: #900;}
label.inline {display: inline; padding-left: 10px;}
.checkbox {border: 0; width:auto;}
/* @end */





/* @group Footer */
#footer_wrap {background: #3f4b58; width: 100%; clear: both; }
#footer {width: 960px; padding: 20px 0 20px 30px; margin: 0 auto; overflow: auto; color: #fff;}
.footer_col {float: left; width: 120px; padding-right: 30px;}
.footer_col h3 {padding: 0 0 4px 0; font-size: 14px; color: #fff;}
.footer_col ul {list-style: none; margin: 0; padding: 0; border-top: 1px solid #6f7882;}
.footer_col li {padding: 0; margin: 0; line-height: 24px; font-size: 12px; border-bottom: 1px solid #6f7882;}
#footer a {color: #fff;}
#footer a:hover {color: #f3f4bd; text-decoration: none;}

.footer_col_big {float: left; width: 310px; margin-left: 50px; float:left;}

* html .footer_col_big {display: inline;}

.footer_col_big h3 {font-size: 12px; font-weight: normal; text-transform: uppercase; padding: 0 0 8px 36px; color: #fff;}
.footer_col_big p {padding-left: 36px;}
.phone {font-size: 20px; padding-bottom: 6px; background: url(imgs/footer_icons.png) no-repeat 0 0; line-height: 20px;}
.phone2 {font-size: 26px; color: #00719f; font-weight: bold; line-height: 1em;}
.toll_free {color: #f3f4bd; font-weight: bold; text-transform: uppercase; padding-bottom: 8px;}
.email_link {background: url(imgs/footer_icons.png) no-repeat 0 -47px; padding-bottom: 2px;}
.copyright {font-size: 10px;}
.tagline {font-size: 16px; font-style: italic; padding-top: 20px;}
/* @end */



/* @end */



/* @group Gallery Overlays */
#lbOverlay { position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; cursor: pointer; }
#lbCenter, #lbBottomContainer { position: absolute; z-index: 9999; overflow: hidden; background-color: #fff; }
.lbLoading { background: #fff url(imgs/slimbox/loading.gif) no-repeat center; }
#lbImage { position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat; }
#lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none; }
#lbPrevLink { left: 0; }
#lbPrevLink:hover { background: transparent url(imgs/slimbox/prevlabel.gif) no-repeat 0 15%; }
#lbNextLink { right: 0; }
#lbNextLink:hover { background: transparent url(imgs/slimbox/nextlabel.gif) no-repeat 100% 15%; }
#lbBottom { font-family: Arial, Geneva, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none; }
#lbCloseLink { display: block; float: right; width: 66px; height: 22px; background: transparent url(imgs/slimbox/closelabel.gif) no-repeat center; margin: 5px 0; outline: none; }
#lbCaption, #lbNumber { margin-right: 71px; }
#lbCaption { font-weight: bold; }
#gallery { width: 660px; float: left; }
#gallery a { display: block; width: 75px; height: 75px; margin: 0 10px 10px 0; border: 3px solid #c5c5c5; float: left; }
* html #gallery a { display: inline; }
#gallery a:hover { border: 3px solid #686868; }
/* @end */