/* GLOBAL 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, 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,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;}
	
/* HTML5 ELEMENTS */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}

/* GENERAL */
body {font-family:"Trebuchet MS", arial, verdana, sans-serif;text-align:center;background:#282828;}
ul, ol {list-style:none;}
a:link, a:active, a:visited {color:#f50;text-decoration:none;}
a:hover {color:#fff;}
.clr {clear:both;margin:0;padding:0;font-size:0;height:0;line-height:0;}
	
/* PAGE STRUCTURE */
.inner {margin:0 auto;width:960px;text-align:left;}
header[role="branding"], #featured, #secondary, #contact, footer {float:left;width:100%;}

/* MASTHEAD */
header[role="branding"] {margin:10px 0 0 0;background:#282828 url(img/r3-branding-bg.gif) repeat-x 0 0;}
#logo {float:left;margin:17px 0 18px 10px;}
#contactLink {float:right;margin:36px 10px 0 0;}
#contactLink a {float:left;width:140px;height:18px;text-indent:-9999px;outline:none;background:url(img/r3-contact-btn.png) no-repeat 0 0;}
#contactLink a:hover {background-position:0 -18px;}
#intro {float:left;margin:20px 0 44px 10px;width:940px;height:67px;text-indent:-9999px;outline:none;background:url(img/r3-intro-bg.png) no-repeat 0 0;}

/* FEATURED PORTFOLIO */
#featured {background:url(img/r3-portfolio-bg.gif) repeat-x 0 0;}
#featured header h2 {float:left;margin:0 0 0 10px;width:300px;height:55px;text-indent:-9999px;background:url(img/r3-portfolio-title.png) no-repeat 0 0;}
#featured #primaryPortfolio {float:left;position:relative;margin:34px 0 83px 0;width:960px;}
#featured #primaryPortfolio .anythingSlider {float:left;margin:0;padding:0;width:960px;height:656px;position:relative;}
#featured #primaryPortfolio .anythingSlider .anythingWindow {position:relative;height:100%;width:100%;overflow:hidden;}
#featured #primaryPortfolio .anythingSlider ul#workSlider {position:absolute;top:0;left:0;margin:0;width:3766px;list-style:none;z-index:99;}
#featured #primaryPortfolio .anythingSlider ul#workSlider li {display:block;float:left;position:relative;margin:0;padding:0;width:960px;height:656px;}
#featured #primaryPortfolio .arrow {position:absolute;display:block;width:26px;height:26px;}
#featured #primaryPortfolio .arrow a {display:block;width:26px;height:26px;text-decoration:none;text-indent:-9999px;outline:none;}
#featured #primaryPortfolio .arrow.back {top:-73px;left:490px}
#featured #primaryPortfolio .arrow.back a {background:url(img/r3-btn-previous.png) no-repeat;}
#featured #primaryPortfolio .arrow.back a:hover {background-position:0 -26px;}
#featured #primaryPortfolio .arrow.forward {top:-73px;left:684px}
#featured #primaryPortfolio .arrow.forward a {background:url(img/r3-btn-next.png) no-repeat;}
#featured #primaryPortfolio .arrow.forward a:hover {background-position:0 -26px;}
#featured #primaryPortfolio .start-stop {display:none;}
#featured #primaryPortfolio ul.thumbNav {position:absolute;top:-68px;left:538px;}
#featured #primaryPortfolio ul.thumbNav li {float:left;margin:0 11px 0 0;padding:0;width:16px;height:16px;}
#featured #primaryPortfolio ul.thumbNav a {float:left;display:block;width:16px;height:16px;text-indent:-9999px;background:url(img/r3-slider-nav-bg.png) no-repeat 0 0;outline:none;}
#featured #primaryPortfolio ul.thumbNav a:hover {background-position:0 -16px;}
#featured #primaryPortfolio ul.thumbNav a.cur {background-position:0 -16px;}

#featured #primaryPortfolio .work {float:left;width:960px;background:url(img/loading.gif) no-repeat 360px 265px;}
#featured #primaryPortfolio aside {position:absolute;top:76px;left:730px;width:220px;color:#aaa;}
#featured #primaryPortfolio aside .meta {font-size:12px;color:#666;}
#featured #primaryPortfolio aside h2 {font-size:24px;font-weight:normal;line-height:1.2;}
#featured #primaryPortfolio aside#netsol h2 {color:#93be29;}
#featured #primaryPortfolio aside#texture h2 {color:#F26922;}
#featured #primaryPortfolio aside#barley h2 {color:#C17232;}
#featured #primaryPortfolio aside#demand h2 {color:#93BEBF;}
#featured #primaryPortfolio aside#ridgetek h2 {color:#007CC4;}
#featured #primaryPortfolio aside p {margin:10px 0;font-size:12px;line-height:1.35;}
#featured #primaryPortfolio aside ul {float:left;width:220px;}
#featured #primaryPortfolio .anythingSlider ul#workSlider aside ul li {float:left;margin:0 5px 5px 0;padding:4px 11px 6px;width:auto;height:auto;font-size:12px;color:#949494;line-height:1;white-space:nowrap;background:#282828;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}

/* SECONDARY PORTFOLIO */
#secondary {background:#dd4c03 url(img/r3-secondary-bg.gif) repeat-x 0 0;}
#secondary .portfolio {float:left;position:relative;margin:-83px 10px -47px;width:940px;background:#fff;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow: 0 0 5px rgba(0,0,0,.4);-webkit-box-shadow: 0 0 5px rgba(0,0,0,.4);box-shadow: 0 0 5px rgba(0,0,0,.4);background:#eee url(img/r3-secondary-port-bg.gif) repeat-x 0 0;z-index:999;}
#secondary .portfolio header {float:left;width:940px;}
#secondary .portfolio header h3 {float:left;width:326px;height:60px;text-indent:-9999px;background:url(img/r3-secondary-title.png) no-repeat 0 0;}
#secondary .portfolio .wrapper {float:left;margin:0 60px 47px;}
#secondary .portfolio .thumbnail {float:left;position:relative;margin:20px 0 0 20px;padding:4px;width:130px;height:110px;border:1px solid #c9c9c9;background:#fff url(img/secondary-loading.gif) no-repeat 50% 50%;cursor:pointer;}
#secondary .portfolio .thumbnail.hover span {position:absolute;top:4px;left:4px;display:block;width:130px;height:110px;background:url(img/r3-portfolio-hover.png) no-repeat 0 0;} 
#secondary .portfolio .thumbnail.hover.open span {display:none;} 
#secondary .portfolio article {display:none;float:left;margin:10px 0 0 20px;padding:20px 518px 20px 20px;width:240px;border:1px solid #c9c9c9;background:#fff;z-index:999;}
#secondary .portfolio article .meta {font-size:12px;color:#999;}
#secondary .portfolio article h2 {font-size:24px;font-weight:normal;line-height:1.1;color:#f50;}
#secondary .portfolio article p {margin:0 0 10px 0;font-size:12px;line-height:1.35;}
#secondary .portfolio article ul {float:left;width:220px;}
#secondary .portfolio article ul li {float:left;margin:0 5px 5px 0;padding:4px 11px 6px;width:auto;height:auto;font-size:12px;color:#949494;line-height:1;white-space:nowrap;background:#ddd;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
#secondary .portfolio article a {color:#f50;}
/* portfolio backgrounds */
#secondary .portfolio article#p001i {background:#fff url(img/r3-p-snap-bg.png) no-repeat right bottom;}
#secondary .portfolio article#p002i {background:#fff url(img/r3-p-accerta-bg.png) no-repeat right bottom;}
#secondary .portfolio article#p003i {background:#fff url(img/r3-p-mouthforwar-bg.png) no-repeat right bottom;}
#secondary .portfolio article#p004i {background:#fff url(img/r3-p-keepup-bg.png) no-repeat right bottom;}
#secondary .portfolio article#p005i {background:#fff url(img/r3-p-hightech-bg.png) no-repeat right bottom;}
#secondary .portfolio article#p006i {background:#fff url(img/r3-p-maniacs-bg.png) no-repeat right bottom;}
#secondary .portfolio article#p007i {background:#fff url(img/r3-p-brewerysearch-bg.png) no-repeat right bottom;}
#secondary .portfolio article#p008i {background:#fff url(img/r3-p-happier-bg.png) no-repeat right bottom;}
#secondary .portfolio article#p009i {background:#fff url(img/r3-p-uss-bg.png) no-repeat right bottom;}
#secondary .portfolio article#p010i {background:#fff url(img/r3-p-csszen-bg.png) no-repeat right bottom;}

/* FOOTER */
#contact {background:url(img/r3-contact-bg.gif) repeat-x 0 0;}
#contact p {margin:20px 10px;font-size:18px;color:#ddd;}
#contact header {float:left;margin:83px 0 0 10px;width:460px;height:66px;text-indent:-9999px;background:url(img/r3-contact-title.png) no-repeat 0 0;}
#contact form {float:left;margin:40px 0 40px 10px;width:940px;}
#contact form .column {float:left;margin:0 100px 0 0;width:380px;}
#contact form .column.cap {margin:0;width:460px;}
#contact form label {float:left;margin:0 0 24px 0;width:100%;font-size:24px;color:#c0c0c0;font-weight:normal;line-height:1;}
#contact form label b {font-weight:normal;color:#f50;}
#contact form label input,
#contact form label textarea {padding:5px;width:370px;font-size:14px;color:#bbb;background:#666;border:none;border-bottom:1px solid #797979;border-top:1px solid #181818;}
#contact form input.btn {float:right;margin:0 80px 0 0;padding:10px 20px;font-size:18px;text-transform:uppercase;color:#facfb9;text-shadow:1px 1px #c20;background:#f50;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;border:none;cursor:pointer;}

footer {background:#161616 url(img/r3-footer-bg.gif) repeat-x 0 0;}
footer p {margin:20px 10px;font-size:11px;color:#454545;}