/* 
EXAMP SCREEN CSS
*/
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, caption { margin: 0; padding: 0; }
#top, #skip { display:none; }
table, th, td { margin:0; }
a img { border:none; }

body { background:#00121e url(http://assets1.examp.com/assets/images/bg_page.gif) repeat-x; font-size:12px; font-family:"Helvetica", Arial, sans-serif; color:#fff; min-width:960px; line-height:18px }

a { color:#f60; text-decoration:none }
a:hover { color:#FF6700; text-decoration:underline }
a:visited { }

#h_wrap, #s_wrap { background:#000d15 url(http://assets2.examp.com/assets/images/bg_h_stretch.gif) repeat-x }
#h_wrap .inner { background:url(http://assets1.examp.com/assets/images/bg_homepage.gif) no-repeat 50% 0 }
#s_wrap .inner { background:url(http://assets2.examp.com/assets/images/bg_s_content.jpg) no-repeat 50% 0 }

#bg { background:url(http://assets1.examp.com/assets/images/bg_page_med.jpg) no-repeat 50% 0 }
#logo { width:267px; height:95px; position:absolute; top:29px; left:0px; background:url(http://assets1.examp.com/assets/images/bg_sprite.png) no-repeat -460px 0; text-indent:-2000px; outline:none; }

#header { height:147px; position:relative; }
#container { width:980px; margin:0 auto; padding-bottom:30px }
.home #container { padding-bottom:0; }
#h_flash, #subheader { padding:15px 20px; }

#h_content, #content { width:960px; margin:0 auto; }

.col1 { float:left; display:inline; width:520px; margin-right:19px; }
.col2 { float:left; display:inline; width:400px; }

.bios { background:#00070b; margin-top:20px; padding-bottom:15px; }
.bios li { list-style:none; float:left; width:222px; margin:15px 19px 0; display:inline; }
.bios .best { margin:15px 19px 15px 18px; }
.bios h3 { margin:0; }
.bios .title { margin:0 0 15px; padding-bottom:5px; font-weight: bold; text-transform:none; color:#FF6700; border-bottom:1px solid #333; }
.bios a { display:block; padding:5px 10px; text-align:right; color:#26343b; background:#000C14 }
.bios a:hover {text-decoration:none; color:#fff; }

.awards { margin-top:40px; padding:15px 0 15px 20px; background:#00060a; }
.awards li { margin:10px 10px 0 0; background:#000c14; float:left; width:173px; height:69px; list-style:none; text-align:center }
.awards h3 { margin:0; font-size:20px }

#slideshow { margin-top:20px; position:relative }
#slideshow .desc { float:left; width:250px; margin:0; padding: 0 10px 10px 10px; }
#slideshow .img { float:left; width:628px; margin:0 55px 0 0; padding:10px; background:#05141e; }
#slideshow .clearfix { padding:30px 0 40px; background:url(http://assets1.examp.com/assets/images/bg_h_slideshow.png) no-repeat; }
#slideshow .yui-carousel-nav { right:0; left:auto; bottom:49px; }

#nav { position: absolute; top:50px; right:11px; width:460px; height:37px; z-index:50; }
#nav li { position: relative; float: left; list-style: none; }
#nav li a { cursor: pointer; cursor:hand; border-bottom:none; }
#nav li a, #nav li div { position: relative; display: block; text-decoration: none; color: #fff; font-size: 13px; text-indent:2px }
#nav li strong { position: absolute; top: 0px; left: 0px; display: block; }
#nav li, #nav li a, #nav li strong, #nav li div { background-image: url(http://assets1.examp.com/assets/images/bg_sprite.png); height:37px; }
#nav li a:hover { outline:none }

#nav li.home, #nav li.home a, #nav li.home a strong { background-position: 0px 0px; width:76px; }
#nav li.about, #nav li.about a, #nav li.about a strong { background-position: -76px 0px; width:92px; }
#nav li.solutions, #nav li.solutions a, #nav li.solutions a strong { background-position: -168px 0px; width:104px; }
#nav li.work, #nav li.work a, #nav li.work a strong { background-position: -272px 0px; width:101px; }
#nav li.contact, #nav li.contact a, #nav li.contact a strong { background-position: -373px 0px; width:87px; }

#nav li.home:hover a, #nav li.home:hover a strong, #nav li.home a:hover, #nav li.home a:hover strong { background-position: 0px -37px; }
#nav li.about:hover a, #nav li.about:hover a strong, #nav li.about a:hover, #nav li.about a:hover strong { background-position: -76px -37px; }
#nav li.solutions:hover a, #nav li.solutions:hover a strong, #nav li.solutions a:hover, #nav li.solutions a:hover strong { background-position: -168px -37px; }
#nav li.work:hover a, #nav li.work:hover a strong, #nav li.work a:hover, #nav li.work a:hover strong { background-position: -272px -37px; }
#nav li.contact:hover a, #nav li.contact:hover a strong, #nav li.contact a:hover, #nav li.contact a:hover strong { background-position: -373px -37px; }

#nav li.home:focus a, #nav li.home:focus a strong, #nav li.home a:focus, #nav li.home a:focus strong { background-position: 0px -74px; }
#nav li.about:focus a, #nav li.about:focus a strong, #nav li.about a:focus, #nav li.about a:focus strong { background-position: -76px -74px; }
#nav li.solutions:focus a, #nav li.solutions:focus a strong, #nav li.solutions a:focus, #nav li.solutions a:focus strong { background-position: -168px -74px; }
#nav li.work:focus a, #nav li.work:focus a strong, #nav li.work a:focus, #nav li.work a:focus strong { background-position: -272px -74px; }
#nav li.contact:focus a, #nav li.contact:focus a strong, #nav li.contact a:focus, #nav li.contact a:focus strong { background-position: -373px -74px; }

#nav li.homeon, #nav li.homeon strong, #nav li.homeon div { background-position: 0px -111px; width:76px; }
#nav li.abouton, #nav li.abouton strong, #nav li.abouton div { background-position: -76px -111px; width:92px; }
#nav li.solutionson, #nav li.solutionson strong, #nav li.solutionson div { background-position: -168px -111px; width:104px; }
#nav li.workon, #nav li.workon strong, #nav li.workon div { background-position: -272px -111px; width:101px; }
#nav li.contacton, #nav li.contacton strong, #nav li.contacton div { background-position: -373px -111px; width:87px; }

.awards ul li { position: relative; float: left; list-style: none; }
.awards ul li a { cursor: pointer; cursor:hand; border-bottom:none; }
.awards ul li a, .awards ul li div { position: relative; display: block; text-decoration: none; color: #fff; font-size: 13px; text-indent:2px }
.awards ul li strong { position: absolute; top: 0px; left: 0px; display: block; }
.awards ul li, .awards ul li a, .awards ul li strong, .awards ul li div { background-image: url(http://assets1.examp.com/assets/images/sprite_involvements.png); height:69px; width:175px; }

.awards ul li.aiga, .awards ul li.aiga a, .awards ul li.aiga a strong { background-position: 0px 0px; }
.awards ul li.paypal, .awards ul li.paypal a, .awards ul li.paypal a strong { background-position: -175px 0px; }
.awards ul li.behance, .awards ul li.behance a, .awards ul li.behance a strong { background-position: -350px 0px; }
.awards ul li.refresh, .awards ul li.refresh a, .awards ul li.refresh a strong { background-position: -525px 0px; }

.awards ul li.aiga:hover a, .awards ul li.aiga:hover a strong, .awards ul li.aiga a:hover, .awards ul li.aiga a:hover strong { background-position: 0px -69px; }
.awards ul li.paypal:hover a, .awards ul li.paypal:hover a strong, .awards ul li.paypal a:hover, .awards ul li.paypal a:hover strong { background-position: -175px -69px; }
.awards ul li.behance:hover a, .awards ul li.behance:hover a strong, .awards ul li.behance a:hover, .awards ul li.behance a:hover strong { background-position: -350px -69px; }
.awards ul li.refresh:hover a, .awards ul li.refresh:hover a strong, .awards ul li.refresh a:hover, .awards ul li.refresh a:hover strong { background-position: -525px -69px; }

.ofnote { position:absolute; left:0; bottom:0; padding:5px 10px; text-align:right; opacity:.75; filter:alpha(opacity=75); -moz-opacity:.75; font-size:11px; color:#efefef; background:#000; z-index:51; font-family:Arial, Helvetica, sans-serif; }

.contact_col_1 { width:243px; margin-right:34px; float:left; display:inline; }
.contact_col_1 h4 { padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #1a252c } 
.contact_col_1 p { }
.contact_col_2 { with:661px; float:left; }
.map			{ border: 10px solid #000a11; }

#callus { outline:none; display:block; margin:20px 0; width:240px; height:34px; background:url(http://assets1.examp.com/assets/images/bg_sprite.png) no-repeat -460px -95px; text-indent:-2000px }
#callus:hover { background:url(http://assets1.examp.com/assets/images/bg_sprite.png) no-repeat -460px -131px; }

form .label {  }
form td { padding:10px 0; vertical-align:top }
form td label { font-size:12px; font-weight:bold }

#contact_form { position:relative; background:url(http://assets1.examp.com/assets/images/drop_40.png); padding:20px; }
#contact_form input { width:280px; }
#contact_form textarea { width:615px; }
#captcha { width:60px !important; }
#clear { display:block; width:60px; height:28px; background:url(http://assets1.examp.com/assets/images/bg_sprite.png) no-repeat -701px -139px; text-indent:-2000px; float:right; margin:4px 0 0 0 }
#contact_form input.button { margin: 4px 0 0 20px; }

#close { width:18px; height:18px; background:url(http://assets1.examp.com/assets/images/bg_sprite.png) no-repeat -316px -148px; display:block; position:absolute; z-index:1; top:129px; left:509px; text-indent:-2000px; outline:none }

#overlay { background:url(http://assets1.examp.com/assets/images/drop_40.png); width:100%; height:100%; position:absolute; top:0; left:0 }
#overlay div { margin:130px 157px 0 157px; padding:20px; background:#fff; -moz-border-radius:5px; color:#000; line-height:21px; font-size:14px; font-weight:bold; }
#overlay p { margin:0; }

#h_content, #content { padding:30px; }

#login { margin:90px auto 0; width:418px; padding:43px 50px; height:179px; background:url(http://assets1.examp.com/assets/images/bg_login.gif) no-repeat 50% 0; }
#login h3 { margin:0 0 13px; }

#h_welcome { float:left; width:380px; padding-right:20px; border-right:1px solid #1f2a31; }

#h_process { float:left; width:541px; margin: 10px 0px 0px 0px }
#h_process li { float:left; display:inline; min-height:172px; width:233px; margin-left:37px; }
#h_process h4 { margin:0 0 10px 0px; float:left; width:200px; }
#h_process p { clear:left; margin-bottom: 30px; }

#h_about, .header { padding:10px; background:#00060a; border-bottom:1px solid #ff6700; margin:20px 0; }
#h_about p { margin:0; }
#h_about a.button { display:block; margin-top:10px; line-height:25px; text-indent:10px; text-transform:uppercase; background:url(http://assets1.examp.com/assets/images/bg_sprite.png) no-repeat -662px 100%; font-size:12px; }

.header { margin:30px 10px 0 10px; padding:12px 20px; background:#030e15 url(http://assets1.examp.com/assets/images/bg_header.gif) no-repeat 0 100%; }

#h_buttons { margin:0 5px 0 0; float:right; display:inline; width:620px; }
#h_buttons li { list-style:none; width:181px; padding:5px; background:url(http://assets1.examp.com/assets/images/bg_sprite.png) no-repeat -797px 0; float:left; margin-left:15px; display:inline }
#h_buttons img, #h_buttons span { display:block; }
#h_buttons a { position:relative; padding-bottom:25px; display:block; background:url(http://assets1.examp.com/assets/images/bg_sprite.png) no-repeat; background-position:-481px 100%; height:1%; text-decoration:none; }
#h_buttons a:hover { background-position:-300px 100%; color:#3a6f8f; text-decoration:none; }
#h_buttons span { position:absolute; bottom:5px; left:5px; text-transform:uppercase; }

ul.services li { float:left; width:300px; margin-right:30px; list-style:none; display:inline; min-height:250px; }
ul.services h4 { float:left; width:267px; margin:0px 0px 10px 0px; }
ul.services p { clear:left; }
ul.services li.third { margin-right:0; }

input, textarea, select { padding:3px; background:#1a1f23; border:1px solid #33383b; width:auto; color:#9d9d9d; font-weight:bold; font-family:"Helvetica",Arial,sans-serif; font-size:14px }
input:focus, textarea:focus { background:#272d32; color:#fff }
input { }

.gallery li { margin-bottom:30px; background:url(http://assets1.examp.com/assets/images/drop_40.png); padding:20px 20px 50px 20px; position:relative; height:1%; list-style:none }
.gallery .img { width:620px; float:left; background:#1d2428; padding:10px; }
.gallery .desc { width:260px; float:left; margin-left:20px; display:inline; }
.gallery td, .gallery th { text-align:left; color:#33393c }
.gallery td { text-align:right }
.gallery table { width:100%; }
.gallery .desc h4 { float:left; width:232px; margin:0px 0px 10px 0px; }
.gallery p { clear:left; }
.gallery .yui-carousel-content { width:620px !important; }
.gallery .img img { float:left; }
.gallery .img li { padding:0 10px 0 0; margin:0; }

.vcard .org { color:#fff; text-decoration:none; }
.vcard .phone .type {  }
.vcard img { margin-top:20px; }

input.button { background:none !Important; border:none !important; cursor:pointer; width:auto !important  }
input.button:hover, a.button:hover { }
a.button:hover { background:url(http://assets1.examp.com/assets/images/bg_button.gif) no-repeat -248px -25px !important; }

blockquote { padding-left:10px; border-left:2px solid #414749; }


#slideshow h2 { color:#fff; background:#041119; font-size:20px; padding:6px 10px 0; }
#slideshow h3 { margin:0; padding:0 10px 6px; font-size:20px; color:#ff6600; background:#041119; }

h1, h2, h3, h4, h5 { font-family:"Trade Gothic", "Arial Narrow", Helvetica, Arial, sans-serif; text-transform:uppercase; line-height:normal; letter-spacing:-.25px }

h1 { color:#fff; font-size:36px; }
h2 { color:#3c484e; font-size:36px; }
h3 { margin:10px 0; font-size:24px; color:#fff; }
h4 { margin:10px 0; font-size:20px; }
p { margin:10px 0; }

#footer { width:980px; margin:0 auto; padding-top:15px; height:75px; text-transform:uppercase; }
#footer ul { float:left; margin-left:0px; display:inline; }
#footer li { display:inline; list-style:none; margin:10px; font-size:11px; font-weight:bold; }
#footer a { font-weight:bold; color:#26343b }
#footer a:hover { text-decoration:none; color:#fff }
#footer p { margin:0 0px 0 0; float:right; text-align:right; color:#26343b; font-size:11px; display:inline; width:320px }

.floatright { float:right; margin:20px 0 0 20px; }
.floatleft { float:left; margin:20px 20px 0 0; }
img.floatright { margin:0 0 0 20px; }
img.floatleft { margin:0 20px 0 0; }

.clearfix:after, .yui-carousel-nav:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix, .yui-carousel-nav { display:inline-block; }
.clearfix, .yui-carousel-nav { /*\*/display:block;/**/ }

.alignright { text-align:right; }
.alignleft { text-align:left; }

.bullet { margin:3px 10px 0 0; height:18px; width:18px; display:block; float:left; background:url(http://assets1.examp.com/assets/images/bg_sprite.png) no-repeat -442px -148px; }
.accent	{ color: #FF6700; }

.yui-carousel-nav ul { display:none; }
.gallery .yui-carousel-nav ul { display:block; }
.yui-carousel-nav { z-index:2; list-style:none; position:absolute; bottom:-42px; left:-10px; width:640px; height:18px }
.yui-carousel-nav li { padding:0 !important; margin:0 10px 0 0 !important; background:none; float:left; width:18px; height:18px; }
.yui-carousel-nav li a, .yui-carousel-nav span { overflow:hidden; margin:0; float:left; width:18px; height:18px; display:inline; background:url(http://assets1.examp.com/assets/images/bg_sprite.png) -352px -148px; text-indent:-2000px; outline:none; cursor:pointer }
.yui-carousel-nav li.on a, .yui-carousel-nav li a:hover, .yui-carousel-nav .yui-carousel-nav-page-selected a { background:url(http://assets1.examp.com/assets/images/bg_sprite.png) -334px  -148px; }
.yui-carousel-nav li.prev a, .yui-carousel-nav .yui-carousel-first-button { background:url(http://assets1.examp.com/assets/images/bg_sprite.png) -406px -148px; }
.yui-carousel-nav li.next a, .yui-carousel-nav .yui-carousel-next-button { background:url(http://assets1.examp.com/assets/images/bg_sprite.png) -424px -148px }
.yui-carousel-nav li.prev a:hover, .yui-carousel-first-button:hover { background:url(http://assets1.examp.com/assets/images/bg_sprite.png) -370px -148px }
.yui-carousel-nav li.next a:hover, .yui-carousel-next-button:hover { background:url(http://assets1.examp.com/assets/images/bg_sprite.png) -388px -148px }
.yui-carousel-nav li.prev, .yui-carousel-nav li.next, .yui-carousel-first-button, .yui-carousel-next-button { position:absolute; right:0; }
.yui-carousel-nav li.prev, .yui-carousel-first-button { right:28px; }

.sIFR-flash { margin: 0; visibility: visible !important; }
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
.sIFR-flash + div[adblocktab=true] { display: none !important; }

.yui-carousel{visibility:hidden;/*overflow:hidden;*/position:relative;text-align:left;zoom:1;}.yui-carousel.yui-carousel-visible{visibility:visible;}.yui-carousel-content{overflow:hidden;position:relative;}.yui-carousel-element{overflow:hidden;padding:0;position:relative;width:32000px;z-index:1;}.yui-carousel-vertical .yui-carousel-element{}.yui-carousel-element li{float:left;list-style:none;overflow:hidden;padding:0;*float:none;*display:inline-block;*zoom:1;*display:inline;}.yui-carousel .yui-carousel-item-selected{}.yui-carousel-vertical{height:32000px;width:auto;}.yui-carousel-vertical .yui-carousel-element li{display:block;float:none;}

.narrowcolumn { width:670px; margin-right:10px; float:left; display:inline; }
.breadcrumb, .nocomments, .postmetadata { display:none; }
.radiobutton, .checkbox { border:none !important; background:none !important; padding:0 !Important; }
#comment { width:630px; }
#commentlist li { list-style:none; }
.avatar { float:left; margin:0 10px 10px 0; }