/*reset*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:top;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/*main*/
html {font-size:100.01%;}
body {font-size:75%;color:#7c7c7c;background-color:#f9f8f6; background-image:url(../images/site-bg.jpg); background-position:center; background-repeat:repeat-y;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif; font-weight:lighter; width:100%;}

/*text*/
h1, h2, h3, h4, h5, h6 {color:#808080; margin:0px; padding-bottom:10px;}
h1 {font-size:22px; padding:0px 0px 11px 0px;}
h1 span {font-weight:bold;}
h1 span.cred {font-size:10px;}
h1 span.step {font-weight:bold; display:block;}
h2 {font-size:16px; font-weight:bold; padding:0px 0px 8px 0px;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0px; padding:0px;}
h1.banner-header-title {width:490px; height:57px; background-image:url(../images/banner-head-title.png); background-position:0px 0px; background-repeat:no-repeat; text-indent:-9999px;}
p {margin:0px; padding-bottom:10px; color:#707070; font-size:14px; line-height:20px;}
p span {font-weight:bold;}
p.big {margin:0px; color:#707070; font-size:16px; line-height:22px;}
p.big span {font-weight:bold;}
img.left {float:left;margin:.5em .5em .5em 0em; padding:0em;}
img.right {float:right;margin:.5em 0em .5em .5em; padding:0em;}
p.footer {font-size:12px; line-height:16px;}
p.footer-right {font-size:12px; line-height:16px; text-align:right}
p.footer-copyright {font-size:10px; line-height:12px;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}

/*links*/
a:focus, a:visited {overflow:hidden;}
a {text-decoration:none; color:#404040; outline:none;}
a:hover {color:#000000;}
a.large-link {font-size:16px; line-height:22px;}
a.head-logo {width:162px; height:146px; margin:auto; background-image:url(../images/head_logo.jpg); background-position:0px 0px; background-repeat:no-repeat; display:block; text-indent:-9999px; padding:0px; margin:0px;}
a.meet-ruth-btn {width:256px; height:47px; margin:0px; padding:0px; background-image:url(../images/meet-ruth-btn.png); background-position:0px 0px; background-repeat:no-repeat; display:block; text-indent:-9999px;}
a.meet-ruth-btn:hover {background-position:0px -47px;}
a.office-img {width:105px; height:127px; background-position:0px 0px; background-repeat:no-repeat; display:block; background-image:url(../images/office-img.jpg); display:block;}
a.office-img:hover {background-position:0px -127px;}
a.link-btn {font-size:13px; color:#404040; background-image:url(../images/link-btn.jpg); background-position:right 2px; background-repeat:no-repeat; padding:0px 18px 0px 0px; margin:0px;}
a.link-btn:hover {color:#000000; background-image:url(../images/link-btn-on.jpg);}
a.staff-btn { width:331px; height:47px; font-size:13px; line-height:17px; color:#707070; background-position:right 0px; background-repeat:no-repeat; padding:0px; margin:0px; display:block;}
a.staff-btn span {font-size:15px; font-weight:bold; padding:13px 0px 0px 0px; margin:0px; display:block;}
a.staff-btn:hover {color:#000000; background-position:right -47px;}
a.btn-ruth-profile {background-image:url(../images/btn-ruth-profile.jpg);}
a.btn-lorna-profile {background-image:url(../images/btn-lorna-profile.jpg);}
a.btn-lisa-profile {background-image:url(../images/btn-lisa-profile.jpg);}
a.btn-shawn-profile {background-image:url(../images/btn-shawn-profile.jpg);}

a.process-btn-1 {height:25px; background-image:url(../images/pro-nav-1.jpg);}
a.process-btn-2 {height:23px; background-image:url(../images/pro-nav-2.jpg);}
a.process-btn-3 {height:22px; background-image:url(../images/pro-nav-3.jpg);}
a.process-btn-4 {height:24px; background-image:url(../images/pro-nav-4.jpg);}
a.process-btn-5 {height:23px; background-image:url(../images/pro-nav-5.jpg);}
a.process-btn-6 {height:23px; background-image:url(../images/pro-nav-6.jpg);}
a.process-btn-7 {height:23px; background-image:url(../images/pro-nav-7.jpg);}
a.process-btn-8 {height:36px; background-image:url(../images/pro-nav-8.jpg);}
a.process-btn-9 {height:23px; background-image:url(../images/pro-nav-9.jpg);}
a.process-btn-10 {height:36px; background-image:url(../images/pro-nav-10.jpg);}
a.process-btn-11 {height:23px; background-image:url(../images/pro-nav-11.jpg);}
a.process-btn-12 {height:25px; background-image:url(../images/pro-nav-12.jpg);}

a.view-gallery-btn {font-size:22px; color:#ffffff; padding:16px; margin:0px 120px 0px 120px; display:block;}
a.view-gallery-btn span {font-weight:bold;}
a.view-gallery-btn:hover {color:#909090;}
a.thumb {position:relative; width:44px; height:44px; display:block; overflow:hidden; }
a.thumb img {position:absolute; top:0px; left:0px;}
a.thumb:hover img {position:absolute; top:-44px; left:0px;}
a.btn-arrow-left {width:31px; height:31px; background-position:0px 0px; background-repeat:no-repeat; background-image:url(../images/btn-left-arrow.jpg); display:block; text-indent:-9999px;}
a.btn-arrow-left:hover {background-position:0px -31px;}
a.btn-arrow-right {width:31px; height:31px; background-position:0px 0px; background-repeat:no-repeat; background-image:url(../images/btn-right-arrow.jpg); display:block; text-indent:-9999px;}
a.btn-arrow-right:hover {background-position:0px -31px;}

/*lists*/
li ul, li ol {margin:0;}
ul, ol {margin:0px; padding:0px; font-size:13px; line-height:16px;}
ul {list-style-type:disc;}
ul.sub-nav { list-style:none; margin:0px; padding:0px; display:inline;}
ul.sub-nav li {float:left; margin:0px; padding:0px 20px 0px 0px;}
ul.sub-nav li a {margin:0px; padding:0px; display:block; font-size:13px; color:#6d6d6d; font-weight:lighter;}
ul.sub-nav li a:hover {color:#000000;}
ul.nav { list-style:none; margin:0px; padding:0px; display:inline;}
ul.nav li {float:left; margin:0px; padding:0px;}
ul.nav li a.nav-about { width:274px; height:88px; background-image:url(../images/nav-btn-about.jpg); background-position:0px 0px; margin:0px; padding:0px; display:block; font-size:18px; color:#6d6d6d; font-weight:lighter; text-indent:-9999px;}
ul.nav li a.nav-services { width:274px; height:88px; background-image:url(../images/nav-btn-services.jpg); background-position:0px 0px; margin:0px; padding:0px; display:block; font-size:18px; color:#6d6d6d; font-weight:lighter; text-indent:-9999px;}
ul.nav li a.nav-projects { width:274px; height:88px; background-image:url(../images/nav-btn-projects.jpg); background-position:0px 0px; margin:0px; padding:0px; display:block; font-size:18px; color:#6d6d6d; text-indent:-9999px;}
ul.nav li a:hover {color:#000000; background-position:0px -88px;}
ul.bullets {list-style:none; margin:0px; padding:0px 0px 10px 40px;}
ul.bullets li {margin:0px; padding-bottom:5px; list-style-image:url(../images/bullet.png);}
ul.bullets li ul {margin:0px; padding-top:10px;}
ul.bullets li span {color:#404040;}
ul.prev-next { list-style:none; margin:0px; padding:0px; display:inline;}
ul.prev-next li {float:left; margin:0px 0px 0px 2px; padding:0px;}
ul.staff-links { list-style:none; margin:0px; padding:0px;}
ul.staff-links li {margin:0px 0px 2px 0px; padding:0px;}
ul.process-links {list-style:none; margin:0px; padding:0px; width:330px;}
ul.process-links li {margin:0px; padding:0px;}
ul.process-links li a {margin:0px; padding:0px; width:330px; background-position:0px 0px; background-repeat:no-repeat; display:block; text-indent:-9999px;}
ul.process-links li a:hover {background-position:-330px 0px;}

ul.process-links li.none {margin:0px; padding:0px; height:1px; visibility:none;}
ul.thumbs {list-style:none; margin:0px; padding:0px; display:inline;}
ul.thumbs li {float:left; margin:0px; padding:10px 2px 0px 0px;}
ul.thumbs li a:hover {background-position:0px -44px;}

/*tables*/
table.sm-portfolio {width:88px; height:88px;}
table.sm-portfolio td {padding:1px;}
table.sm-portfolio td a:hover {background-position:0px -44px;}
table.content-area-right {width:548px;}
table.content-area-right td {width:50%;}
table.projects {width:670px;}
table.projects td {width:33%; padding:5px 0px;}
table.projects th {width:33%; padding:5px 0px;}
table.projects td.right-align {text-align:right;}
table.projects th.right-align {text-align:right;}
tr.even td {background:#e5ecf9;}

/* containers */
#header-cont {width:100%; height:169px;}
#banner-cont {width:100%; height:169px;}
#int-banner-cont {width:100%; height:44px;}
#banner-header-cont {position:absolute; top:0px; left:0px; z-index:888;}
#banner-header-title-cont {position:absolute; float:right; top:50px; right:30px;}
#meet-ruth-btn-cont {position:absolute; float:left; top:58px; left:30px; z-index:999;}
#content-area-cont {width:100%; height:312px;}
#int-content-area-cont {width:100%;}
#int-content-area-left-col-cont {position:relative; float:left; top:0px; width:392px; margin:0px; padding:0px;}
#footer-cont {width:100%; height:255px;}
#header-logo-cont {position:absolute; float:left; top:0px; left:0px; z-index:999;}
#header-sub-nav-cont {position:absolute; float:right; top:20px; right:10px;}
#header-nav-cont {position:absolute; float:right; top:58px; right:0px;}
#portfolio-banner-cont {width:100%; height:372px;}
#login-cont {width:300px; height:350px; background-image:url(../images/login-cont-bg.jpg); background-position:0px 0px; background-repeat:no-repeat;}
#contact-cont {width:300px; height:458px; background-image:url(../images/contact-cont-bg.jpg); background-position:0px 0px; background-repeat:no-repeat;}
#upload-cont {width:300px; height:300px; background-color:#FFFFFF;}
.portfolio-image-cont {position:relative; float:left; top:0px; left:0px; width:390px; height:372px; margin:0px; padding:0px;}
.portfolio-text-cont {position:relative; float:left; top:0px; left:2px; width:590px; height:372px; margin:0px; padding:0px; background-image:url(../images/portfolio-banner-bg.jpg); background-position:0px 0px; background-repeat:repeat-x;}
.portfolio-link-cont-1 {padding:0px 0px 0px 115px; margin:0px;}
.portfolio-link-cont-2 {padding:30px 0px 0px 0px; margin:0px;}
.services-link-cont-1 {padding:30px 0px 0px 40px; margin:0px;}
.services-link-cont-2 {padding:8px 0px 0px 0px; margin:0px;}
.about-link-cont-1 {padding:42px 0px 0px 0px; margin:0px;}
.office-link-cont-1 {padding:0px 0px 0px 135px; margin-top:-15px;}
.office-link-cont-2 { position:absolute; float:right; top:70px; right:30px;}
.office-link-cont-3 {padding:8px 0px 0px 43px; margin:0px;}
.staff-link-cont-1 {padding:8px 0px 0px 132px; margin:0px;}
.staff-link-cont-2 { position:absolute; float:right; top:70px; right:30px;}
.arrows-cont {position:absolute; bottom:60px; right:30px; margin:0px; padding:0px; z-index:999;}
.arrows-cont-2 {position:absolute; bottom:35px; right:30px; margin:0px; padding:0px; z-index:999;}
.img-profile-cont {float:left; width:137px; height:69px; top:0px; left:0px; margin:0px; padding:0px 30px 30px 0px;}
.sm-portfolio-cont {position:absolute; bottom:59px; right:30px; margin:0px; padding:0px;}
.footer-col-cont {position:relative; float:left; padding:0px 0px 60px 0px;}
.footer-col-right-cont {position:relative; float:right; padding:0px 0px 60px 0px;}
.container {top:0px; left:0px; padding:60px 30px; margin:0px;}

/*elements*/
#header {position:relative; width:982px; height:169px; margin:auto; padding:0px; background-image:url(../images/head_bg.jpg); background-position:0px 0px; background-repeat:no-repeat;}
#int-banner {position:relative; width:982px; height:44px; margin:auto; padding:0px; background-image:url(../images/int-banner.jpg); background-position:0px 0px; background-repeat:no-repeat;}
#content-area {position:relative; width:982px; height:312px; margin:auto; padding:0px; background-color:#ece6da; background-image:url(../images/content-area-bg.jpg); background-position:bottom left; background-repeat:no-repeat;}
#int-content-area {position:relative; width:982px; margin:auto; padding:0px; background-image:url(../images/content-area-bg.jpg); background-position:bottom left; background-repeat:no-repeat;}
#footer {position:relative; width:982px; height:255px; margin:auto; padding:0px; background-image:url(../images/footer-bg.jpg); background-position:0px 0px; background-repeat:no-repeat; background-color:#e7e0d1;}

/*page specific*/
#banner {position:relative; width:982px; height:514px; margin:auto; padding:0px;}
#banner-header {width:982px; height:165px; margin:auto; padding:0px; background-image:url(../images/banner-head-bg.png); background-position:0px 0px; background-repeat:repeat-x;}
#banner-col-1 {position:relative; float:left; top:0px; width:246px; height:514px; margin:0px; padding:0px;}
#banner-col-2 {position:relative; float:left; top:0px; width:245px; height:514px; margin:0px; padding:0px;}
#banner-col-3 {position:relative; float:left; top:0px; width:245px; height:514px; margin:0px; padding:0px;}
#banner-col-4 {position:relative; float:left; top:0px; width:246px; height:514px; margin:0px; padding:0px;}
#home-content-area-left {position:relative; float:left; top:20px; width:392px; height:289px; margin:0px; padding:0px; background-image:url(../images/home-content-area-left-bg.jpg); background-position:0px 0px; background-repeat:repeat-x;}
#home-content-area-right {position:relative; float:left; top:20px; left:2px; width:588px; height:289px; margin:0px; padding:0px; background-image:url(../images/home-content-area-right-bg.jpg); background-position:0px 0px; background-repeat:repeat-x;}
#about-content-area-top-left {position:relative; width:392px; height:320px; margin:0px; padding:0px; background-image:url(../images/about-content-area-top-left-bg.jpg); background-position:0px 0px; background-repeat:repeat-x;}
#about-content-area-bottom-left {position:relative; width:392px; height:265px; margin:2px 0px 0px 0px; padding:0px; background-image:url(../images/about-content-area-bottom-left-bg.jpg); background-position:0px 0px; background-repeat:repeat-x;}
#about-content-area-right {position:relative; float:left; top:0px; left:2px; width:588px; height:586px; margin:0px; padding:0px; background-color:#dddad1;}
#services-content-area-left {position:relative; float:left; top:0px; width:392px; height:496px; margin:0px; padding:0px; background-image:url(../images/service-content-area-top-left-bg.jpg); background-position:0px 0px; background-repeat:repeat-x;}
#services-content-area-right {position:relative; float:left; top:0px; left:2px; width:588px; height:496px; margin:0px; padding:0px; background-color:#dddad1;}
#services-content-area-bottom-left {position:relative; top:2px; left:0px; width:392px; height:265px; margin:0px; padding:0px; background-image:url(../images/about-content-area-bottom-left-bg.jpg); background-position:0px 0px; background-repeat:repeat-x;}
#portfolio-banner {position:relative; width:982px; height:372px; margin:auto; padding:0px; background-image:url(../images/portfolio-banner-bg.jpg); background-position:0px 0px; background-repeat:repeat-x;}
.portfolio-image-banner {position:absolute; float:left; bottom:-65px; left:0px; width:390px; height:65px; margin:0px; padding-top:20px;background-image:url(../images/portfolio-img-banner-bg.png); background-position:0px 0px; background-repeat:repeat-x; z-index:10;}
#project-content-area-bottom-left {position:relative; float:left; width:210px; height:316px; margin:2px 0px 0px 0px; padding:0px; background-image:url(../images/project-content-area-bottom-left-bg.jpg); background-position:0px 0px; background-repeat:repeat-x;}
#project-content-area-bottom-right {position:relative; float:left; top:0px; left:0px; width:770px; height:316px; margin:2px 0px 0px 0px; padding:0px; background-image:url(../images/project-content-area-bottom-right-bg.jpg);}

/*fixes*/
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both; font-size:0px; line-height:0px;}
.footer-col-pad {margin:0px 0px 0px 30px;}
.footer-copy-pad {margin:115px 0px 0px 90px;}
.footer-copy-pad-2 {margin:115px 0px 0px 60px;}
.footer-portfolio-pad {margin:0px 0px 0px 60px;}
.staff-name-pad {margin:0px 0px 62px 0px;}
.no-head-pad {padding:0px; margin:0px 0px -10px 0px}
.scroll-window {width:500px; height:415px; overflow:auto; padding:0px 30px 0px 0px; background-color:#dddad1;}
.scroll-window-2 {width:500px; height:265px; overflow:auto; padding:0px 30px 0px 0px; background-image:url(../images/cycler-bg-fix.gif); background-repeat:no-repeat;}
.scroll-window-3 {width:690px; height:196px; overflow:auto; padding:0px 20px 0px 0px;}

.scroll-window-4 {width:500px; height:325px; overflow:auto; padding:0px 30px 0px 0px; background-color:#dddad1;}
.step1-bg { background:url(../images/pro-step1-bg.jpg) 0px 0px no-repeat; padding-top:50px; height:275px;}
.step2-bg { background:url(../images/pro-step2-bg.jpg) 0px 0px no-repeat; padding-top:50px; height:275px;}
.step3-bg { background:url(../images/pro-step3-bg.jpg) 0px 0px no-repeat; padding-top:50px; height:275px;}
.step4-bg { background:url(../images/pro-step4-bg.jpg) 0px 0px no-repeat; padding-top:50px; height:275px;}
.step5-bg { background:url(../images/pro-step5-bg.jpg) 0px 0px no-repeat; padding-top:50px; height:275px;}
.step6-bg { background:url(../images/pro-step6-bg.jpg) 0px 0px no-repeat; padding-top:50px; height:275px;}
.step7-bg { background:url(../images/pro-step7-bg.jpg) 0px 0px no-repeat; padding-top:50px; height:275px;}
.step8-bg { background:url(../images/pro-step8-bg.jpg) 0px 0px no-repeat; padding-top:50px; height:275px;}
.step9-bg { background:url(../images/pro-step9-bg.jpg) 0px 0px no-repeat; padding-top:50px; height:275px;}
.step10-bg { background:url(../images/pro-step10-bg.jpg) 0px 0px no-repeat; padding-top:50px; height:275px;}
.step11-bg { background:url(../images/pro-step11-bg.jpg) 0px 0px no-repeat; padding-top:50px; height:275px;}
.step12-bg { background:url(../images/pro-step12-bg.jpg) 0px 0px no-repeat; padding-top:50px; height:275px;}

.thumbs-2 {margin-left:150px;}
.thumbs-3 {margin-left:127px;}
.thumbs-4 {margin-left:104px;}
.thumbs-5 {margin-left:81px;}
.thumbs-6 {margin-left:58px;}
.thumbs-7 {margin-left:35px;}



/*forms*/
label {font-size:16px; padding:0px; margin:0px 0px 5px 0px; display:block;}
input { width:240px; height:40px; padding:0px 5px 0px 5px; margin:0px 0px 30px 0px; font-size:16px; display:block; border:none; background-image:url(../images/input-field-bg.jpg); background-position:0px 0px; background-repeat:no-repeat;}
textarea {width:240px; height:80px; padding:5px; margin:0px 0px 30px 0px; font-size:16px; background-image:url(../images/textarea-bg.jpg); background-position:0px 0px; background-repeat:no-repeat; border:none;}
input.btn-login { float:right; right:0px; width:70px; height:40px; padding:0px; margin:0px; display:block;}
input.btn-send { float:right; right:0px; width:70px; height:40px; padding:0px; margin:0px; display:block;}

/* forms.css
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input[type=text], input[type=password], input.text, input.title, textarea, select {background-color:#fff;border:1px solid #bbb;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#666;}
input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.5em 0;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;} */