/* --- resets courtesy of meyerweb.com --- */
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, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/* --- RSM global(ish) styles --- */
html, body { height: 100%; }
body { background:#000; }
div, table, td, p, label, input, dl, ul, li, h1, h2, h3, h4, h5, h6{ font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#eee; }
td, p, textarea, dl, li, h6 { font-size: 0.8em; line-height:20px; font-weight: normal;  }
a:link, a:active { text-decoration:none; color:#e8c523; }
a:visited { text-decoration:none; color:#e8c523; }
a:hover { color:#fff;}
hr { height:1px; color:#ccc; }
h1 { color: #e8c523; font-size: 3.4em; }
h2 { font-size: 1.2em; }
#right li { font-size: 1.0em; }
h3 { font-size: 0.9em; line-height:24px; padding-bottom:3px;  }
.grey { color: #aaa; }
div.grey p, div#left p.grey { line-height: 14px; }
#right p, #left h6 { font-weight: normal; line-height: 14px; }
.small { font-size: 11px; }
/* --- index flowPanes --- */
#flowPanes { float:left; min-height:300px; height:300px; width:580px; position:relative; overflow:hidden; border: 1px solid #fff; }
#flowPanes div { float:left; display:block; width:580px; min-height:300px; height:300px; font-size:14px; }
#flowPanes .items { width:20000em; position:absolute; clear:both; margin:0; padding:0; }
#flowPanes .less, #flowPanes .less a { color:#999 !important; font-size:11px; }
/* --- caseStudiesPanes --- */
#caseStudyPanes { float:left; min-height:533px; height:533px; width:710px; position:relative; overflow:hidden; border: 1px solid #fff; }
#caseStudyPanes div { float:left; display:block; width:710px; min-height:533px; height:533px; font-size:14px; }
#caseStudyPanes .items { width:20000em; position:absolute; clear:both; margin:0; padding:0; }
#caseStudyPanes .less, #caseStudyPanes .less a { color:#999 !important; font-size:11px; }
a.right { background-image:url(../img/right.png); cursor:pointer; width:10px; height: 22px; clear:right; float:left; margin-top: 255px; margin-left:4px; display:block; }
a.right:hover { border-bottom: none; }
a.left { float:left; background-image:url(../img/left.png); cursor:pointer; width:10px; height: 22px; margin:255px 4px 0 0; display:block; }
a.left:hover { border-bottom: none; }
a.disabled { visibility:hidden !important; }

/* --- Services page scrolly --- */
div.servicesDiv { height: 570px; overflow: hidden; }
#servicesNav li { list-style: none; }
.innerService { margin-top: 600px; height: 600px; }
div#top div#topInner h2 { color: #e8c523; }

/* --- Clients page gallery --- */
.clientsGallery img { border: 2px solid #000; }
dl.gallery-item { line-height: 10px; }
#gallery-1 .gallery-item { margin-top: 0px !important; }
#gallery-1 img { border:2px solid #000 !important; }

/* --- Footer push --- */ 	
.wrapper { min-height: 100%; height: auto !important; height: 100%;	margin: 0 auto -20px; }
.creditFooter, .push { height: 20px; }
.creditFooter { width: 100%; background: #222; margin-top: 10px; }
.creditFooter p { font-family:Verdana, Geneva, sans-serif; padding-right: 10px; font-size: 10px; line-height: 20px; text-align:right; }

/* --- RSM content ---  */
#main { padding-top:20px; }
#logo h1 a { display:block; height:100px; text-indent:-9999px; background:url(../img/logo.png) center top no-repeat; border-bottom:none; }

/* --- RSM navigation styles --- */
#navBar { border-bottom: 3px solid #ddd; padding-bottom: 21px; }
ul#nav { float:left; width:740px; position:relative; margin-top: 24px; }
ul#nav li { float:left; height:25px; list-style-type:none; }
ul#nav li a { float:left; display:block; height:25px; text-indent:-9999px; background-position:left -25px; background-repeat:no-repeat; padding-right: 50px; cursor:default; border-bottom:none; }
ul#nav li a.navClients { background-image:url(../img/navClients.png); width:77px; }
ul#nav li a.navServices { background-image:url(../img/navServices.png); width:89px; }
ul#nav li a.navCaseStudies { background-image:url(../img/navCaseStudies.png); width:126px; }
ul#nav li a.navContact { background-image:url(../img/navContact.png); width:124px; }
ul#nav li a.navBlog { background-image:url(../img/navBlog.png); width:56px; }
ul#nav li a:hover, ul#nav li a.activeNav { background-position:left top; cursor: pointer; }
ul#nav li ul { position:absolute; top:53px; left:0; width:740px; padding:0; display:none; }
ul#nav li ul li { width:740px; height:115px; display:block; text-indent:-9999px; padding:0; }

/* --- Contact form --- */
label, input { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; margin-top: 10px; }
input { border: 1px solid #666; background: #000; height:20px; -moz-border-radius:4px; -webkit-border-radius:4px;margin-left: 10px; padding-left: 5px; }
.modal { background-color:#222; display:none; width:300px; padding:15px; text-align:left; border:2px solid #e8c523; opacity:0.8; -moz-border-radius:6px; -webkit-border-radius:6px; -moz-box-shadow: 0 0 50px #ccc; -webkit-box-shadow: 0 0 50px #ccc; }
.modal .close {	background-image:url(../img/overlayClose.png); position:absolute; right:-15px;	top:-15px; cursor:pointer; height:35px; width:35px; border: none; }
.error { height:15px; background-color:#FFFE36; font-size:11px; border:1px solid #E1E16D; padding:4px 10px; color:#000; margin-left:-2px;  -moz-border-radius:4px; -webkit-border-radius:4px;  -moz-border-radius-bottomleft:0; -moz-border-radius-topleft:0; -webkit-border-bottom-left-radius:0; -webkit-border-top-left-radius:0;  -moz-box-shadow:0 0 6px #ddd; -webkit-box-shadow:0 0 6px #ddd; z-index:9999; }
.error em {	display:block; width:0; height:0; border:10px solid; border-color:#FFFE36 transparent transparent;  position:absolute; bottom:-17px; left:60px; }
#submitAction { height: 78px; }
