/*[fmt]1A90-1A0B-3*/
/*
Theme Name: Synotac.com Theme
Theme URI: http://synotac.com
Description: A custom theme developed by Synotac Web Design
Version: 1.0
Author: Synotac Web Design
Author URI: http://synotac.com/


style.css
Developer: Synotac Web Design
URI: http://www.synotac.com

CSS 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, 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;
}

iframe {
  float: left;
}

div.retweet {
  display: block;
  overflow: hidden;
  margin: 5px 0;
}

body.blog iframe, body.single iframe, body.archive iframe {
  float: none;
  display: block;
}

/*End CSS Reset
General
------------------------------------------------------------------
Selection background color*/
*::-moz-selection {
  background: #51A201 none repeat scroll 0 0;
  color: #FFF;
}

/*HTML and BODY*/
html, body {
}

html {
  height: 100%;
  margin-bottom: 1px;
  overflow-y: scroll;
  background: #E6E6E6;
}

body {
  background: #E6E6E6;
  font: 12px/22px Arial, "Lucida Grande", "Lucida Sans Unicode", "Microsoft YaHei", sans-serif;
  text-align: center;
  color: #353535;
}

div.clear hr{
  display:none;
}

div.clear{
  clear:both;
  height:1px;
}


/*Links*/
a {
  text-decoration: none;
}

a:link,
a:visited{
  color: #0082C0;
}

a:focus, a:hover, a:active {
  color: #5F6062;
}

a.arrow-right {
}

a.grey-button {
  background: #5F6062;
  display: block;
  color: #FFFFFF;
  font-size: 14px;
  text-transform: uppercase;
  padding: 7px 14px;
  border: 1px solid #FFFFFF;
}

a.grey-button-small {
  background: #5F6062;
  display: block;
  color: #FFFFFF;
  font-size: 14px;
  text-transform: uppercase;
  padding: 7px 14px;
  border: 1px solid #FFFFFF;
  width: 105px;
  float: right;
}

#content div.entry a{
  border-bottom: 1px dotted #0082C0;
}

div.entry a:hover, div.entry a:active, #footer a:hover, #footer a:active {
  border-bottom: 1px dotted #363636;
}

#footer a {
  border-bottom: 1px solid #FFFFFF;
  padding-bottom: 0px;
}

/*Headers*/
h1, h2, h3 {
}

h1 {
  font: 18px/30px Arial;
  color: #F26522;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.blog h1, .single h1 {
  margin-bottom: 0px;
}

.blog h1 a, .single h1 a {
  border-bottom: none !important;
}

.blog h1 a:hover, .single h1 a:hover {
  border-bottom: 1px dotted #5F6062 !important;
}

h2, h2 a:link, h2 a:visited, h2 a:hover {
  font: 17px/24px Arial;
  color: #F26522;
  margin: 0 0 15px;
  text-transform: uppercase;
}

h3 {
  font-size: 16px;
  margin: 0.5em 0;
}

h4, h5, h6 {
}

h4 {
}

h5 {
}

h6 {
}

/*Text blocks, Content*/
address {
}

blockquote {
}

cite {
}

em {
  font-style: italic;
}

p {
  margin: 0 0 11px;
}

pre {
}

small {
  font-size: 0.8em;
}

span {
}

strong {
  font-weight: bold;
}

/*Content Styles*/
.h1 {
  font: 17px/24px Arial;
  color: #F26522;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.h1 span {
  font-size: 12px;
  color: #454545;
}

.h2 {
  font: 16px/24px Arial;
  color: #353535;
}

.h3 {
  font: 14px/22px Arial;
  color: #363636;
}

.grey-dots-underlined {
  border-bottom: 3px dotted #DDDDDD;
}

.padded {
  padding: 0px 20px;
}

.emph {
  font: 16px/24px Arial;
}

.no-margin {
  margin: 0;
}

/*Misc*/
abbr, acronym {
  border-bottom: 1px dashed #999;
  cursor: help;
}

del {
  color: #8B0000;
  text-decoration: line-through;
}

hr {
  display: none;
}

ins {
  color: #006400;
  text-decoration: none;
}

sub, sup {
  font-size: 0.7em;
}

sup {
  vertical-align: sub;
}

sup {
  vertical-align: super;
}

/*Tables*/
table {
}

caption {
}

thead {
}

tfoot {
}

tbody {
}

tr {
}

tr.alt {
}

th {
}

td {
  vertical-align: top;
  text-align: left;
  padding: 5px;
}

/*Froms*/
form {
}

fieldset {
}

legend {
}

label {
}

input {
  vertical-align: middle;
}

input.button {
}

input.primary-button {
}

input.secondary-button {
}

textarea {
}

select {
}

.checkboxes {
}

/*Lists*/
ul, ol {
}

ul {
}

ol {
}

li {
}

/*Defition Lists*/
dl {
}

dd {
}

dt {
}

/*STRUCTURE
------------------------------------------------------------------
IE 6 warning*/
div.ie6-warning {
  width: 800px;
  margin: 10px auto;
  text-align: left;
  background: #FFFFFF;
  border: 3px solid #E15A5A;
  padding: 10px;
}

/*Use #bgwrap if centered column has drop shadow background that is centered*/
#bgwrap {
  background: url(images/background_main.png) repeat-y center top;
  width: 1020px;
  margin: 0 auto;
}

#header, #main, #footer {
  width: 980px;
  margin: 0 auto;
  text-align: left;
  position: relative;
  background: #FFFFFF;
}

#header {
  height: 162px;
  position: relative;
}

#container, #container-sub {
  padding: 30px 35px;
}

#content {
}

body.blog #container, body.single #container, body.page-id-10 #container, body.archive #container, body.category #container, body.page-id-245 #container, #container-sub, body.page-id-6 #container {
  float: left;
  margin: 0 -350px 0 0;
  width: 100%;
}

body.blog #content, body.single #content, body.page-id-10 #content, body.archive #content, body.category #content, body.page-id-245 #content, #content-sub, body.page-id-6 #content {
  margin: 0 350px 0 0;
  overflow: hidden;
}

#sidebar {
  float: right;
  padding: 30px 35px 30px 0px;
  width: 245px;
}

body.page-id-6 #sidebar {
  padding-top: 35px;
}

body.page-id-7 #container, body.parent-pageid-7 #container {
  float: left;
  margin: 0 -350px 0 0;
  width: 100%;
}

body.page-id-7 #content, body.parent-pageid-7 #content {
  margin: 0 350px 0 0;
  overflow: hidden;
}

body.page-id-18 #container, body.parent-pageid-18 #container, body.page-id-350 #container, body.page-template-index-articles-php #container, body.page-id-757 #container {
  float: left;
  margin: 0 -490px 0 0;
  width: 100%;
}

#footer {
}

/*HEADER
--------------------------------------*/
dl#branding {
  padding: 30px 0px 0px 35px;
}

dl#branding dt.logo a {
  display: block;
  width: 280px;
  height: 58px;
  background: url(images/logo.gif) no-repeat 0px 0px;
}

dl#branding dt.logo a:hover {
}

dl#branding dd.phone-number {
  position: absolute;
  left: 740px;
  top: 30px;
}

dl#branding dd.phone-number span.tel {
  font: 24px Arial;
  color: #FF7800;
}

dl#branding dd.phone-number div.adr {
  font: 12px/18px Arial;
  color: #353535;
}

dl#branding dd.phone-number div.adr a {
  text-decoration: underline;
}

/*MENU
------------------------------------------------------------------*/
#nav {
  position: absolute;
  bottom: -9px;
  left: -10px;
  width: 1000px;
  background: url(images/nav_gradient.gif) repeat-x 0px 0px;
  height: 51px;
  z-index: 99;
}

ul.menu {
  background: url(images/navribbon_left.gif) no-repeat left top;
  height: 51px;
  width: 850px;
  float: left;
  display: inline;
  padding-left: 45px;
}

.menu li {
  float: left;
  display: block;
}

.menu a {
  display: block;
  height: 40px;
}

.menu a span {
  position: absolute;
  left: -999em;
  display: none;
}

.entry {
}

/*hover / on state*/
.menu li a:hover, .menu li.current-menu-item a, .menu li.current-page-ancestor a, body.blog .blogBtn a, body.single .blogBtn a, body.archive .blogBtn a, body.category .blogBtn a {
  background-color: #FF7800;
}

/*Individual Nav Buttons*/
.homeBtn a {
  background: url(images/nav_home.png) no-repeat 0px 0px;
  width: 96px;
}

.portfolioBtn a {
  background: url(images/nav_portfolio.png) no-repeat 0px 0px;
  width: 146px;
}

.processBtn a {
  background: url(images/nav_process.png) no-repeat 0px 0px;
  width: 121px;
}

.resourcesBtn a {
  background: url(images/nav_resources.png) no-repeat 0px 0px;
  width: 145px;
}

.aboutBtn a {
  background: url(images/nav_about.png) no-repeat 0px 0px;
  width: 106px;
}

.blogBtn a {
  background: url(images/nav_blog.png) no-repeat 0px 0px;
  width: 90px;
}

.contactBtn a {
  background: url(images/nav_contact.png) no-repeat 0px 0px;
  width: 136px;
}

/*-- Search Box*/
div#search-form {
  float: right;
  width: 30px;
  background: url(images/navribbon_right.gif) no-repeat right top;
  height: 51px;
}

form#searchform {
  padding-top: 8px;
}

form#searchform label {
  display: none;
}

form#searchform input[type='text'] {
  border: 1px solid #DDDDDD;
  width: 148px;
  padding: 3px;
  margin-right: 3px;
}

#searchform input#searchsubmit {
  border: none;
  background: url(images/button_go.gif) no-repeat 0px 0px;
  width: 30px;
  height: 20px;
  text-indent: -999em;
}

/*Footer*/
div.footer-wrap {
  padding: 0px 35px 20px;
  line-height: 16px;
}

div.footer-wrap p.h1 {
  margin-bottom: 5px;
}

div.footer-wrap p.vcard {
  margin-top: 7px;
  white-space: nowrap;
}

ul.footer-links li {
  float: left;
  margin-right: 16px;
  margin-bottom: 0px;
  line-height: 16px;
}

ul.footer-links li a {
  display: block;
}

#footer ul li.current_page_parent a,
ul.footer-links li.current_page_item a {
  border-bottom: 1px dotted #5F6062 !important;
  color: #5F6062;
}

div.footer-wrap p.copyright {
  font-size: 11px;
  text-align: center;
  margin: 0;
}

/*COLUMNS*/
div.row {
  /*[disabled]margin-bottom:30px;*/
}

div.col {
  width: 280px;
  float: left;
  margin-left: 35px;
  display: inline;
}

div.entry {
  padding: 0px 20px 11px;
  margin-bottom: 10px;
}

.blog div.entry, .single div.entry, .archive div.entry {
  padding-left: 0;
}

#resources div.entry {
  background: none;
}

#content {
}

/*PAGES*/
.page .post {
  margin-bottom: 20px;
}

/*HOMEPAGE HERO / GALLERY
----------------------------------------*/
#gallery-wrap {
  padding: 0px;
  background: #000000;
  height: 332px;
  width: 980px;
  overflow: hidden;
  position: relative;
}

#gallery-wrap #panel-wrap {
}

#gallery-wrap .panel {
  display: none;
  width: 980px;
  height: 332px;
  position: absolute;
  top: 0;
  left: 0;
}

#gallery-wrap dl.slide {
  width: 980px;
  height: 332px;
  position: relative;
}

#gallery-wrap dl.slide dt.text {
  position: absolute;
  top: 0px;
  left: 486px;
}

#gallery-wrap dl.slide dd.hero-image {
  position: absolute;
  top: 0px;
  left: 0px;
}

#gallery-wrap dl.slide dd.action {
  position: absolute;
  right: 70px;
  bottom: 77px;
  z-index: 125;
}

#gallery-wrap ul#panel-dots {
  position: absolute;
  width: 150px;
  height: 50px;
  bottom: 60px;
  left: 523px;
  z-index: 125;
}

#gallery-wrap ul#panel-dots li {
  display: block;
  float: left;
  width: 26px;
  height: 26px;
  margin-right: 15px;
}

#gallery-wrap ul#panel-dots li a {
  display: block;
  width: 26px;
  height: 26px;
  background: url(images/dot_orange.gif) no-repeat 0px 0px;
}

#gallery-wrap ul#panel-dots li a.active {
  background: url(images/dot_white.gif) no-repeat 0px 0px;
}

/*HOMEPAGE CONTENT*/
h1#catch-phrase {
  padding: 15px 55px 30px;
  font: 21px/30px Georgia;
  color: #454545;
  text-transform: none;
  margin-bottom: 0px;
}

/*-- contact form*/
.home #contact .input-textarea {
  width: 204px;
  height: 60px;
}

#get-in-touch-title {
  margin: 30px 0px 5px;
}

div.failure {
  color: #940F0F;
  padding: 2px 5px;
  background: #FCDDDD;
  margin-bottom: 6px;
}

form#cforms3form fieldset.cf_hidden {
  display: none;
}

form#cforms3form input.single, form#cforms3form textarea.area {
  vertical-align: top;
  width: 170px;
  padding: 3px;
  border: 1px solid #DDDDDD;
  font: 12px Arial;
  color: #5F6062;
}

input.cf_error {
  border: 1px solid #8E0A0A;
}

form#cforms3form label {
  width: 60px;
  float: left;
  color: #5F6062;
}

form#cforms3form label#label-3-5 {
  display: none;
}

form#cforms3form textarea.area {
  width: 230px;
  height: 95px;
}

form#cforms3form input#sendbutton3 {
  border: none;
  background: url(images/please_contact_me.jpg) no-repeat 0px 0px;
  width: 230px;
  height: 46px;
  font-size: 1px;
  padding-top: 10px;
  color: #FEA500;
  cursor: hand;
  cursor: pointer;
}

form#cforms3form p.cf-sb {
  margin: 0px;
  text-align: left;
}

/*-- newsletter form*/
#connect form#cforms2form {
}

#connect form#cforms2form fieldset {
  float: left;
  width: 168px;
}

#connect form#cforms2form fieldset.cf_hidden {
  display: none;
}

#connect form#cforms2form input.single {
  vertical-align: top;
  width: 162px;
  padding: 3px;
  border: 1px solid #DDDDDD;
  font: 12px Arial;
  color: #5F6062;
}

#connect form#cforms2form p.cf-sb {
  float: right;
  display: inline;
  width: 66px;
  padding-top: 1px;
}

#connect form#cforms2form p.cf-sb input.sendbutton {
  border: none;
  background: url(images/button_signup.gif) no-repeat 0px 0px;
  text-indent: -999em;
  width: 66px;
  height: 20px;
  vertical-align: middle;
  cursor: pointer;
  cursor: hand;
}

#connect form#cforms2form fieldset legend, #connect form#cforms2form label, #connect form#cforms2form .emailreqtxt, .linklove {
  display: none;
}

/*-- rows and columns*/
body.home div#row-1 div.col div.entry {
  height: 290px;
}

body.home div#row-2 div.col div.entry {
  /*[disabled]height:430px;*/
}

body.home div#row-2 div.col-3 div.entry p#stay-connected-title {
  margin-top: 30px;
}

body.home div#your-team div.entry cite {
  display: block;
  margin-top: -5px;
}

/*Homepage Styles*/
a.view-our-work2 {
  display: block;
  width: 240px;
  height: 120px;
  background: url(images/button_portfolio.png) no-repeat -10px 0px;
  border-bottom: none !important;
  margin: 30px auto 0;
  border-bottom: none !important;
}

a.our-process-button {
  display: block;
  width: 240px;
  height: 120px;
  background: url(images/button_process.png) no-repeat -10px 0px;
  border-bottom: none !important;
}

.excerpt {
  margin-bottom: 15px;
}

.excerpt a.arrow-right {
}

#synotac-blog small {
  color: #888;
  display: block;
  margin: -5px 0 0;
  padding: 0;
  /*[disabled]text-transform:uppercase;*/
  font-size: 10px;
}

p.download-button {
  clear: right;
  padding-top: 15px;
}

a.button-download {
  background: url(images/button_downloadwp.png) no-repeat 0px 0px;
  display: block;
  height: 40px;
  width: 143px;
  font-size: 14px;
  margin: 0 auto;
  outline: 0;
  text-indent: -9999px;
  overflow: hidden;
}

a.button-download:hover {
  border: none !important;
  outline: 0;
}

a.button-download span {
  display: block;
  padding: 20px 0 0;
  text-align: center;
}

/*About Page Styles*/
#team-members-list li {
  float: left;
  margin-right: 22px;
  margin-bottom: 20px;
}

#team-members-list a {
  display: block;
  float: left;
  border: 3px solid #000000 !important;
  opacity: 0.75;
  filter: alpha(opacity=75);
  position: relative;
}

#team-members-list a:hover {
  border: 3px solid #F26624 !important;
  opacity: 1;
  filter: alpha(opacity=100);
}

#team-members-list a:hover span.name-tag {
  display: block;
}

#team-members-list a span.name-tag {
  position: absolute;
  bottom: -3px;
  left: -13px;
  width: 126px;
  height: 41px;
  display: none;
}

#team-members-list a span.name-tag span {
  display: block;
  float: left;
  height: 41px;
}

#team-members-list a span.name-tag span.center {
  width: 106px;
  background: url(images/nav_gradient.gif) repeat-x 0px -10px;
  color: #000;
  font-weight: normal;
  padding-top: 5px;
  height: 36px;
  text-align: center;
  text-transform: uppercase;
  font-size: 10px;
}

#team-members-list a span.name-tag span.left {
  width: 10px;
  background: url(images/navribbon_left.gif) no-repeat 0px -10px;
}

#team-members-list a span.name-tag span.right {
  width: 10px;
  background: url(images/navribbon_right.gif) no-repeat 0px -10px;
}

.page-id-127 #team-members-list li.cameron a, .page-id-128 #team-members-list li.bill a, .page-id-129 #team-members-list li.catriona a, .page-id-130 #team-members-list li.hannah a, .page-id-131 #team-members-list li.david a, .page-id-132 #team-members-list li.david_b a, .page-id-133 #team-members-list li.jennifer a, .page-id-134 #team-members-list li.jim a, .page-id-135 #team-members-list li.eddie a {
  border: 3px solid #F26624 !important;
  opacity: 1;
  filter: alpha(opacity=100);
}

.page-id-127 #team-members-list li.cameron a span.name-tag, .page-id-128 #team-members-list li.bill a span.name-tag, .page-id-129 #team-members-list li.catriona a span.name-tag, .page-id-130 #team-members-list li.hannah a span.name-tag, .page-id-131 #team-members-list li.david a span.name-tag, .page-id-132 #team-members-list li.david_b a span.name-tag, .page-id-133 #team-members-list li.jennifer a span.name-tag, .page-id-134 #team-members-list li.jim a span.name-tag, .page-id-135 #team-members-list li.eddie a span.name-tag {
  display: block;
}

/*-- new about page styles*/
#pre-container {
  background: #FCFCFC;
}

#pre-container.pre-about {
  height: 130px;
  background: url(images/about_header.gif) no-repeat 0px 0px;
}

#pre-container h1.page-title {
  font-size: 22px;
}

body.page-id-18 #content, body.parent-pageid-18 #content, body.page-id-350 #content, body.page-template-index-articles-php #content, body.page-id-757 #content {
  margin: 0 360px 0 0;
  overflow: hidden;
}

#content div.resource-box {
  overflow: hidden;
  margin: 0 0 10px;
}

#content div.resource-box h2 img.alignleft {
  margin-right: 20px;
}

#content div.resource-box-last {
  margin: 0 0 20px;
}

#content div.resource-box h2 {
  color: #464646;
  font-family: Arial, Verdana, sans-serif;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  margin: 0;
  padding: 0;
  text-transform: none;
}

body.page-id-18 #sidebar, body.parent-pageid-18 #sidebar, body.page-id-350 #sidebar, body.page-id-757 #sidebar {
  float: right;
  padding: 30px 35px 30px 0px;
  width: 245px;
}

.people-container {
  padding-left: 20px;
}

ul.people-list {
  float: left;
  width: 670px;
}

ul.people-list li.person {
  display: block;
  float: left;
  width: 130px;
  height: 200px;
  margin-right: 28px;
  margin-bottom: 20px;
  text-align: center;
  line-height: 18px;
}

ul.people-list li.person a:hover span {
  color: #5F6062;
  border-bottom: 1px dotted #5F6062;
}

ul.people-list li.person span.persons-name {
  font-size: 14px;
  color: #F26522;
  line-height: 22px;
}

ul.people-list li.person span.persons-title {
  font-size: 11px;
  color: #F26522;
}

/*--- about sub-page*/
.sub-page .wp-post-image {
  float: left;
  margin-left: 15px;
}

.sub-page .entry {
  margin-left: 115px;
}

.sub-page h1 {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 0px;
}

.sub-page h1 span {
  font-size: 12px;
}

.sub-page-people-container {
  clear: both;
}

.sub-page-people-container ul.people-list {
  width: 950px;
}

/*Manage Styles*/
.data_list {
  width: 100%;
  font-size: 12px;
}

.data_list th {
  background: #FF9C00;
  color: #FFF;
}

.data_list th, .data_list td {
  padding: 2px 10px;
}

.data_list {
  border-bottom: 1px solid #999;
  width: 100%;
}

.data_list .right_col {
  border-right: 1px solid #999;
}

.data_list .left_col {
  border-left: 1px solid #999;
}

.data_list .alt_row td {
  background: #EEE;
}

/*Process Page Styles*/
#sub-catch-phrase {
  padding: 10px 55px 20px;
  font: 16px/24px Arial;
}

div.process-icons a {
  display: block;
  height: 100px;
  float: left;
}

a.discover-icon {
  display: block;
  width: 105px;
  height: 100px;
  background: url(images/discover.jpg) no-repeat 0px 0px;
}

a.discover-icon:hover, body.page-id-147 a.discover-icon {
  background: url(images/discover_over.jpg) no-repeat 0px 0px;
}

a.define-icon {
  width: 100px;
  background: url(images/define.jpg) no-repeat 0px 0px;
}

a.define-icon:hover, body.page-id-148 a.define-icon {
  background: url(images/define_over.jpg) no-repeat 0px 0px;
}

a.design-icon {
  width: 96px;
  background: url(images/design.jpg) no-repeat 0px 0px;
}

a.design-icon:hover, body.page-id-149 a.design-icon {
  background: url(images/design_over.jpg) no-repeat 0px 0px;
}

a.develop-icon {
  width: 106px;
  background: url(images/develop.jpg) no-repeat 0px 0px;
}

a.develop-icon:hover, body.page-id-150 a.develop-icon {
  background: url(images/develop_over.jpg) no-repeat 0px 0px;
}

a.launch-icon {
  width: 100px;
  background: url(images/launch.jpg) no-repeat 0px 0px;
}

a.launch-icon:hover, body.page-id-151 a.launch-icon {
  background: url(images/launch_over.jpg) no-repeat 0px 0px;
}

a.improve-icon {
  width: 93px;
  background: url(images/improve.jpg) no-repeat 0px 0px;
}

a.improve-icon:hover, body.page-id-152 a.improve-icon {
  background: url(images/improve_over.jpg) no-repeat 0px 0px;
}

a.view-our-work {
  display: block;
  width: 220px;
  height: 269px;
  background: url(images/portfolio_cta.jpg) no-repeat 0px 0px;
}

a.view-our-work:hover, a.view-our-work:active {
  background: url(images/portfolio_cta_over.jpg) no-repeat 0px 0px;
  border-bottom: none !important;
}

/*Resources Page Styles*/
.resources-page .entry ul {
  margin-left: 280px;
}

/*Resources Page Styles*/
.resources-page .entry ul.emyth {
  margin:-11px 0 11px 120px;
}

/*Portfolio Page Styles
PORTFOLIO HERO/GALLERY*/
#portfolio-gallery-wrap {
  padding: 0px;
  background: #000000;
  height: 367px;
  width: 980px;
  position: relative;
}

#portfolio-gallery-wrap div.scrollable {
  height: 367px;
  width: 980px;
  position: relative;
  overflow: hidden;
}

#portfolio-gallery-wrap #panel-wrap {
  width: 20000em;
  position: absolute;
}

#portfolio-gallery-wrap .panel {
  width: 980px;
  height: 367px;
  float: left;
}

#portfolio-gallery-wrap a.next {
  display: block;
  width: 45px;
  height: 59px;
  background: url(images/portfolio/portfolioarrow_right_on.gif) no-repeat 0px 0px;
  position: absolute;
  top: 132px;
  right: -11px;
  z-index: 200;
}

#portfolio-gallery-wrap a.next.disabled {
  background: url(images/portfolio/portfolioarrow_right_off.gif) no-repeat 0px 0px;
  cursor: default;
}

#portfolio-gallery-wrap a.prev {
  display: block;
  width: 45px;
  height: 59px;
  background: url(images/portfolio/portfolioarrow_left_on.gif) no-repeat 0px 0px;
  position: absolute;
  top: 132px;
  left: -10px;
  z-index: 200;
}

#portfolio-gallery-wrap a.prev.disabled {
  background: url(images/portfolio/portfolioarrow_left_off.gif) no-repeat 0px 0px;
  cursor: default;
}

#portfolio-gallery-wrap dl.slide {
  width: 980px;
  height: 367px;
  position: relative;
}

#portfolio-gallery-wrap dl.slide dt.text {
  position: absolute;
  top: 40px;
  left: 505px;
  color: #FFFFFF;
  font: 16px/24px Arial, sans-serif;
  width: 435px;
}

#portfolio-gallery-wrap dl.slide dt.text a {
  color: #0082C0;
  text-decoration: underline;
}

#portfolio-gallery-wrap dl.slide dt.text ul {
  list-style: disc;
  margin-left: 30px;
  margin-bottom: 1em;
  margin-top: -0.8em;
}

#portfolio-gallery-wrap dl.slide dt.text p.slide-title {
  font: 18px Arial, sans-serif;
  color: #F26522;
  margin: 0;
  text-transform: uppercase;
}

#portfolio-gallery-wrap dl.slide dd.hero-image {
  position: absolute;
  top: 40px;
  left: 55px;
  width: 410px;
  height: 310px;
}

#portfolio-gallery-wrap dl.slide dd.hero-image div.scrollable-2 {
  width: 410px;
  height: 250px;
  overflow: hidden;
  position: relative;
}

#portfolio-gallery-wrap dl.slide dd.hero-image ul.large-image-list {
  width: 20000em;
  position: absolute;
}

#portfolio-gallery-wrap dl.slide dd.hero-image ul.large-image-list li {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
}

#portfolio-gallery-wrap dl.slide dd.action {
  position: absolute;
  right: 70px;
  bottom: 77px;
  z-index: 125;
}

#portfolio-gallery-wrap ul.dots {
  width: 125px;
  height: 27px;
  margin: 15px auto 0;
}

#portfolio-gallery-wrap ul.dots li {
  display: block;
  float: left;
  width: 26px;
  height: 26px;
  margin-right: 15px;
}

#portfolio-gallery-wrap ul.dots li a {
  display: block;
  width: 26px;
  height: 26px;
  background: url(images/dot_orange.gif) no-repeat 0px 0px;
}

#portfolio-gallery-wrap ul.dots li a.active {
  background: url(images/dot_white.gif) no-repeat 0px 0px;
}

/*--portfolio page*/
div.portfolio-content #portfolio-div {
  padding-top: 10px;
}

#featured-work-title {
  width: 555px;
}

ul.portfolio-list {
  padding: 0 0 0 0px;
  margin: 0;
}

ul.portfolio-list li {
  float: left;
  list-style: none;
  text-align: center;
  margin-right: 15px;
  width: 130px;
  height: 115px;
}

ul.portfolio-list li a {
  display: block;
  padding: 5px;
  width: 120px;
  height: 105px;
}

ul.portfolio-list li a:hover, ul.portfolio-list li.active a {
  background: #000000;
  color: #FE9B00;
}

ul.portfolio-list li img {
  border: 1px solid #AAA;
  margin-bottom: 5px;
}

ul.portfolio-list li p {
  text-align: center;
  margin: 0;
  text-transform: uppercase;
  font: 9px/12px Arial, sans-serif;
}

body.page-id-7 #row-1 div.col div.entry {
  height: 315px;
}

body.page-id-7 #row-2 div.col div.entry {
  height: 315px;
}

/*Blog page styles*/
.post {
  margin-bottom: 50px;
}

.post h1 a {
  border-bottom: 1px dotted #0082C0;
}

/*Sidebar Styles*/
#sidebar a, #sidebar a:link, #sidebar a:visited {
  border-bottom: 1px solid #FFF;
  color: #C54E0B;
}

#sidebar a:focus, #sidebar a:hover, #sidebar a:active {
  border-bottom-color: #C54E0B;
  color: #111;
}

#sidebar .sb-tools a, #sidebar .sb-tools a:link, #sidebar .sb-tools a:visited {
  border: 0 none #000000;
  color: #C54E0B;
}

#sidebar .sb-tools a:active, #sidebar .sb-tools a:focus, #sidebar .sb-tools a:hover {
  border: 0 none #000000;
  color: #000;
}

#sidebar .textwidget a img, #sidebar .textwidget a:hover img {
  border: 0 none #000000;
}

#sidebar #mc_embed_signup{
  margin:0 0 20px;
}

.currently-viewing, #sidebar #about, #sidebar .categories, #sidebar .archives, .pagenav, #meta, .linkcat, .widget {
  border-bottom: 1px dotted #DDD;
  margin: 0 0 8px;
  padding: 0 8px 9px;
}

.categories li li, .pagenav li li {
  margin-left: 6px;
}

ul.sb-list {
  margin-left: 10px;
}

.sb-title {
  color: #434343;
  font-size: 14px;
  padding-bottom: 1px;
  text-transform: uppercase;
}

ul.sb-tools {
  border-bottom: 1px dotted #DDD;
  margin: 9px 0;
  padding: 0 8px 9px;
}

.sb-tools li {
  display: block;
  min-height: 34px;
}

.sb-tools a span {
  color: #86180A;
  display: block;
  font-size: 12px;
  padding-bottom: 3px;
  text-transform: uppercase;
}

.sb-tools a:hover span {
  color: #C54E0B;
}

.twitter-icon, .rss-icon {
  padding-left: 65px;
  color: #111;
  line-height: 1.25em;
}

.rss-icon {
  background: transparent url(images/rss-icon.png) no-repeat center left;
}

.sb-icon-text {
  padding: 3px 0 0;
}

.previous-post a, .next-post a {
  display: block;
  line-height: 1.2;
  margin: 12px 0 0;
}

.next-post a:active, .next-post a:focus, .next-post a:hover {
  background-position: right -295px;
  border: none;
}

.previous-post a, .previous-post a:link, .previous-post a:visited {
  background-position: 0 5px;
  padding-right: 0;
}

.previous-post a:active, .previous-post a:focus, .previous-post a:hover {
  background-position: 0 -95px;
}

ul.group {
  float: left;
  margin: 0 0 0 10px;
  overflow: hidden;
  padding: 0;
  width: 150px;
}

/* Lunch and Learn CTA */
#sidebar p.lnl.img{
  margin:30px 0 11px 0;
}

#sidebar p.lnl.img a{
  border:0;
  text-decoration:none;
}

#sidebar h4.lnl{
  color:#F26522;
  font-size:15px;
  font-weight:normal;
  line-height:24px;
  margin:0 0 5px;
  text-transform:uppercase;
}

#sidebar p.lnl{
  font-size:14px;
  line-height:20px;
  margin:0 0 30px;
}

#sidebar a.lnl{
  color:#0082C0;
}

#sidebar a.lnl:hover,
#sidebar a.lnl:focus{
  color:#5f6062;
  border-bottom:1px dotted #363636;
}

/*COMMENTS
-------------------------------------------------------------------*/
h3#comments, h4#pings {
  float: left;
}

h3#comments, #respond h3 {
  margin: 0 0 5px;
  font-size: 34px;
}

#respond h3 {
  margin: 18px 0 5px 28px;
}

h4#pings {
  line-height: 1.2;
  margin: 10px 0;
  width: 150px;
}

.comments-header, .navigation {
  border-bottom: 1px solid #AAA;
  text-shadow: 0 1px 0 #FFF;
}

.navigation {
  background-color: #E6F0F2;
  border-top: 1px solid #FFF;
  font-size: 11px;
  height: auto;
  line-height: 28px;
  overflow: hidden;
  padding: 0 28px;
}

.comments-header {
  background-color: #EEE;
  border-top: 1px solid #AAA;
  padding: 6px 28px;
}

.comments-header-meta {
  float: right;
  font-size: 11px;
  font-weight: bold;
  line-height: 44px;
  padding: 4px 0 0;
}

.commentlist {
  background-color: #F9FBFC;
  border: 28px solid #F9FBFC;
  border-top: 0 none #000000;
  font-size: 12px;
}

.pinglist {
  margin-top: 10px;
  width: 420px;
  float: right;
}

li.pings {
  border-bottom: 1px solid #E6F0F2;
  border-top: 1px solid #FFF;
  margin: 0;
  padding: 4px 10px;
  width: 400px;
}

.pings:first-child {
  border-top: none;
}

.pings:last-child {
  border-bottom: none;
}

.comment {
  background: transparent url(images/bg-comment.png) no-repeat 10px 19px;
  border-top: 28px solid #F9FBFC;
  border-left: 40px solid #F9FBFC;
}

.comment-body {
  background-color: #F4F8F9;
  color: #3E5867;
  margin-left: 20px;
  padding: 17px 20px 11px;
  position: relative;
}

.comment-body img.avatar {
  border: 1px solid #EEE;
  padding: 2px;
  position: absolute;
  left: -60px;
}

ul.children {
}

.comment ul.children li {
  border-top: 15px solid #F9FBFC;
}

.comment-meta {
  font-family: Georgia, serif;
  font-size: 11px;
  font-style: italic;
  position: absolute;
  right: 25px;
  top: 20px;
}

.comment-meta a {
  color: #999;
}

.comment-author-admin {
  background-image: url(images/bg-comment-admin.png);
}

.comment-author-admin>.comment-body {
  background-color: #E6F0F2;
}

.comment p, .comment blockquote {
  padding: 0 0 7px;
}

.comment blockquote p, .comment blockquote blockquote, .comment blockquote blockquote p {
  margin: 5px;
  padding: 7px;
}

.commentlist cite, .commentlist cite a {
}

.commentlist cite a {
}

/*Not used*/
li.thread-alt {
}

.comment-author {
}

.commentlist .thread-even {
}

.commentlist .depth-1 {
}

.commentlist .odd {
}

.commentlist .even, .commentlist .alt {
}

.comment-author cite {
  background-color: #F9FBFC;
  border-bottom: 1px dotted #E6F0F2;
  color: #666;
  display: block;
  font-family: Georgia, serif;
  font-style: italic;
  line-height: 16px;
  margin: 0 -7px 20px;
  padding: 3px 7px;
}

.comment-author-admin .comment-author cite {
  background-color: #F4F8F9;
  border-bottom-color: #CCC;
}

.says {
  display: none;
}

.comment div em {
}

/*comments awaiting moderation.*/
.reply {
  font-size: 10px;
  font-weight: bold;
  overflow: hidden;
}

a.comment-reply-link {
  color: #666;
  display: block;
  float: right;
  padding: 2px 6px;
}

.comment-reply-link:hover {
  background-color: #FFF;
  color: #333;
}

#respond {
  background: url(images/content_gradient.gif) repeat-x bottom left;
  margin-top: 1px;
  overflow: hidden;
  padding: 0 0 18px;
  width: 100%;
}

#commentform {
  padding: 18px 28px 0;
}

.cancel-comment-reply, .you-must-be-logged-in {
  padding: 0 0 0 28px;
}

.respond-left {
  float: left;
  width: 42%;
}

.respond-right {
  float: left;
  width: 58%;
}

#respond label {
  display: block;
  font-size: 11px;
  height: 20px;
  margin: 3px 0 9px;
  width: 85%;
}

input#author, input#email, input#url {
  border: 1px solid #DDD;
  color: #999;
  display: block;
  height: 15px;
  line-height: 15px;
  padding: 5px 3px;
  width: 85%;
}

textarea#comment {
  border: 1px solid #DDD;
  font-family: inherit;
  height: 150px;
  margin: 0 0 9px;
  padding: 5px 3px;
  width: 100%;
}

#respond input:focus, textarea#comment:focus {
  color: #000;
  border-color: #AAA;
/*-moz-box-shadow: 3px 3px 0px rgba(238,238,238,1)*/
  -webkit-box-shadow: 3px 3px #EEE;
}

input#submit {
  background: #FB9C21 url(images/nav_gradient.gif) repeat-x center left;
  border: 1px solid #FE7700;
  /*+border-radius:5px;*/
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px 5px 5px 5px;
  color: #333;
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  padding: 2px 10px 3px;
}

/*Contact Page Styles*/
div#post-10 div.entry {
  padding-left: 30px;
}

.cform fieldset legend, .cform .reqtxt, .cform .emailreqtxt {
  display: none;
}

.cform fieldset.cf-fs1 label {
  width: 69px;
  display: block;
  float: left;
}

.cform fieldset.cf-fs1 ol li {
  margin-bottom: 10px;
}

.cform p.cf-sb {
  margin-left: 105px;
}

.cform p.cf-sb input#sendbutton {
  border: none;
  background: url(images/please_contact_me.jpg) no-repeat 0px 0px;
  width: 230px;
  height: 46px;
  font-size: 1px;
  padding-top: 20px;
  color: #FEA500;
  cursor: pointer;
  cursor: hand;
}

a.map_link {
  border-bottom: none !important;
}

/*=Non-cform Contact Form
--------------------------------------------------------------*/
#message p.error {
  background: #FFEFEF;
  border: 1px solid #D60000;
  color: #D60000;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1px;
  padding: 9px;
  width: 360px;
}

#contact {
  margin: 0 0 20px;
  width: 380px;
}

#contact div.hide {
  display: none;
}

#contact div {
  margin: 0 0 5px;
}

#contact label {
  display: block;
}

#contact input[type="text"] {
  height: 18px;
  margin: 2px;
  padding: 2px 4px;
  width: 200px;
}

#contact select {
  margin: 2px;
  padding: 2px 4px;
  width: 210px;
}

#contact textarea {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  height: 160px;
  margin: 2px;
  padding: 2px;
  width: 370px;
}

div#sidebar .input-textarea {
  width: 205px;
  height: 60px;
}

#contact div.submit input[type="submit"] {
  border: none;
  background: url(images/please_contact_me.jpg) no-repeat 0px 0px;
  width: 230px;
  height: 46px;
  font-size: 1px;
  padding-top: 20px;
  color: #FEA500;
  cursor: pointer;
  cursor: hand;
}

/*Wordpress specific CSS
-------------------------------------------------------------------*/
.aligncenter, div.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.aligncenter img, .aligncenter p.wp-caption-text {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.alignleft {
  float: left;
}

.alignright {
  float: right;
}

img.alignleft {
  display: inline;
  margin: 0 7px 2px 0;
  padding: 4px;
}

img.alignright {
  display: inline;
  margin: 0 0 2px 7px;
  padding: 4px;
}

.entry div.alignleft {
  float: left;
  margin: 0 8px 7px 0;
}

.entry ul, .entry ol{
  margin:0 0 11px 24px;
  padding:0 0 0 24px;
  overflow: hidden;
}

.entry ul{
  list-style: disc;
}

.entry ol{
  list-style: decimal;
}


.entry .cform ol, .entry .cform ol li {
  list-style: none;
}

.entry .cform ol {
  margin: 0px;
}

.entry ul.no-bullets, .entry ul.no-bullets li {
  list-style: none;
}

.entry ul.no-bullets {
  margin-left: 0px;
}

.entry ul.no-bullets img {
  vertical-align: middle;
  margin-right: 10px;
}

/*Resizes the image to the maximum width of the content area*/
.entry img {
  max-width: 900px;
/*smooth image resizement in IE7+*/
  -ms-interpolation-mode: bicubic;
}

.wp-caption {
  background-color: #F0F0F0;
  border: 1px solid #E5E5E5;
  overflow: hidden;
  padding: 8px 3px;
}

.wp-caption img {
  border: 0 none #000000;
  display:block;
  margin: 0 auto;
  padding: 0;
}

.wp-caption a{
  border-bottom:0 !important;
}

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  padding: 0 4px 4px;
  margin: 0;
}

.more-link {
  background-color: #F4F8F9;
  border-bottom: 1px solid #E6F0F2;
  font-size: 11px;
  padding: 5px 6px 3px;
  text-shadow: 0 1px 0 #FFF;
}

.more-link:hover {
  background-color: #E6F0F2;
  border-bottom-color: #B3CDD8;
  color: #000;
}

/*Tables and #wp-calendar*/
table {
  color: #3E5867;
  width: 100%;
}

caption {
  background-color: #E6F0F2;
  border-top: 1px solid #E6F0F2;
  text-align: center;
}

thead {
  background-color: #F4F8F9;
  text-align: center;
}

tbody {
  background-color: #F7F7F7;
  text-align: center;
}

tfoot {
  background-color: #FFF;
  text-align: left;
}

td#next {
  text-align: right;
}

/*GENERIC CLASSES
------------------------------------------------------------------
Beautified ampersands*/
.amp {
  font-family: "Palatino Linotype", Palatino, Georgia, "Times New Roman";
  font-style: italic;
}

/*Emphasize your name in the About-Box*/
.smaller-caps {
  font-size: 110%;
  font-variant: small-caps;
}

.hidden {
  display: none;
}

.hidden {
  position: absolute;
  left: -9999em;
}

.float_left {
  float: left;
  margin: 8px 20px 15px 0;
}

.float_right {
  float: right;
  margin: 0 0 10px 10px;
}

.text_align_left {
  text-align: left;
}

.text_align_center {
  text-align: center;
}

.text_align_right {
  text-align: right;
}

.text_justify {
  text-align: justify;
}

.alert {
  font-weight: bold;
  color: #F00;
}

.text_small {
  font-size: 12px;
}

.no_display {
  display: none;
}

.required {
  color: #F00;
}

h3.about_title {
  margin-top: 0;
}

/*End global CSS classes
Main Content Area Styles*/
.synotac-dots-m {
  background: url(/images/synotac_dots_m.gif) no-repeat left 3px;
  padding-left: 30px;
  height: 28px;
}

.synotac-dots-s {
  background: url(/images/synotac_dots_s.gif) no-repeat left center;
  padding-left: 20px;
}

/*Icon Styles*/
.user, .user:hover {
  background: url(/images/icons/user.gif) no-repeat;
  padding: 3px 0 3px 20px;
}

.edit, .edit:hover {
  background: url(/images/icons/edit.png) no-repeat;
  padding: 3px 0 3px 20px;
}

.email, .email:hover {
  background: url(/images/icons/email.gif) no-repeat;
  padding: 3px 0 3px 20px;
}

.phone, .phone:hover {
  background: url(/images/icons/phone.gif) no-repeat;
  padding: 3px 0 3px 20px;
}

.create, .create:hover {
  background: url(/images/icons/create.gif) no-repeat;
  padding: 3px 0 3px 20px;
}

.view, .view:hover {
  background: url(/images/icons/view.gif) no-repeat;
  padding: 3px 0 3px 20px;
}

.activate, .activate:hover {
  background: url(/images/icons/activate.gif) no-repeat;
  padding: 3px 0 3px 20px;
}

.deactivate, .deactivate:hover {
  background: url(/images/icons/deactivate.gif) no-repeat;
  padding: 3px 0 3px 18px;
}

.document, .document:hover {
  background: url(/images/icons/document.gif) no-repeat;
  padding: 3px 0 3px 20px;
}

.misc, .misc:hover {
  background: url(/images/icons/misc.gif) no-repeat;
  padding: 3px 0 3px 20px;
}

.link, .link:hover {
  background: url(/images/icons/link.gif) no-repeat;
  padding: 3px 0 3px 20px;
}

.website, .website:hover {
  background: url(/images/icons/website.gif) no-repeat;
  padding: 3px 0 3px 20px;
}

.delete, .delete:hover {
  background: url(/images/icons/delete.png) no-repeat left center;
  padding: 3px 0 3px 18px;
}

.pdf, .pdf:hover {
  background: url(/images/icons/pdf.gif) no-repeat;
  padding: 3px 0 3px 20px;
}

.word, .word:hover {
  background: url(/images/icons/word.gif) no-repeat;
  padding: 3px 0 3px 20px;
}

.excel, .excel:hover {
  background: url(/images/icons/excel.gif) no-repeat;
  padding: 3px 0 3px 20px;
}

.ppt, .ppt:hover {
  background: url(/images/icons/ppt.gif) no-repeat;
  padding: 3px 0 3px 20px;
}

.return, .return:hover {
  background: url(/images/icons/return.gif) no-repeat;
  padding: 3px 0 3px 20px;
}

/*CLEARFIX
------------------------------------------------------------------*/
html .clearfix {
  display: block;
}

* html .clearfix {
  height: 1%;
}

.clearfix:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.clearfix {
  display: inline-block;
}

/*TINYMCE EDITOR
------------------------------------------------------------------*/
body#tinyMCE {
  text-align: left;
  font: 12px/22px Arial, sans-serif;
  width: 480px;
  padding: 20px;
  color: #353535;
  background: #FFFFFF;
}

body#tinyMCE ul {
  list-style-type: disc;
  padding: 0;
  margin-left: 20px;
  margin-bottom: 22px;
}

body#tinyMCE ul li {
  padding: 0;
  line-height: 20px;
}

body#tinyMCE ol {
  list-style-type: decimal;
  padding: 0;
  margin-left: 26px;
  margin-bottom: 22px;
}

body#tinyMCE ol li {
  padding: 0;
  line-height: 20px;
}

/*Lunch and Learn Styles*/
body.page-id-1004 #content-sub {font-size: 14px;}
body.page-id-1004 h3 {margin-top: 25px;}

/*Site Expert Styles*/
body.page-id-1068 #container {font-size: 14px;}
body.page-id-1068 #contact div.submit input[type="submit"] {
  border: none;
  background: url(images/button_requesteval.gif) no-repeat 0px 0px;
  width: 230px;
  height: 46px;
  font-size: 1px;
  padding-top: 20px;
  color: #FEA500;
  cursor: pointer;
  cursor: hand;
}