@charset "utf-8"; /* CSS Document */ /* ======================================= Style Index ======================================= A. Global B. Header C. Top Nav D. Main Nav E. Secondary Nav F. Header tags G. Content divs H. Right Col G. body text H. Footer I. Footer Nav J. Nav selected states K. Forms L. M. N. O. P. Q. */ /* ======================================= A. GLOBAL ======================================= */ /* * {margin: 0; padding: 0}*/ .clear {clear: both; padding: 0px; margin: 0px; height: 0px}
img {border: none}
a {cursor: pointer}
a:link {color: #39699a; text-decoration: underline;}
a:hover {color: #f25a0c; text-decoration: underline;}
a:visited {color: ##42426f; text-decoration: underline;}
a:active {color: #39699a; text-decoration: underline;}
body.main_body {font-size: 62.5%; width: 100%; height: 100%; background: url(/images/header_bg.gif) repeat-x; font-family: Helvetica, Arial, sans-serif; color: #636363; behavior: url(/javascripts/cssHoverFix.htc); position: relative}
body.main_body * {margin: 0; padding: 0}
html {height: 100%}
body {font-size: 62.5%; width: 100%; height: 100%; font-family: Helvetica, Arial, sans-serif; color: #636363; position: relative; margin: 0; padding: 0}
#wrapper {position: relative; min-height: 100%; height: 100%; width: 100%; voice-family: "\"}\""; voice-family: inherit; padding-bottom: 215px}
html > body #wrapper {height: auto}
#container {width: 960px; margin: 0 auto; position: relative}
#left_col {float: left; width: 20%}
body.main_body .testimonials {margin: 15px 0 0 5px; text-indent: -5px; font-size: 1.2em; font-style: italic}
.testimonials span{ margin: 10px 0 0 0; font-weight: bold; display: block; padding-left: 20px; text-indent: 0px; font-style: normal; background: url(/images/icon_balloon.png) no-repeat left top}
#right_col_wrap {float: right; width: 79%}
#right_col_wrap h1 {font-size: 2.6em; margin-bottom: 15px}
#right_col_wrap #cms_content {float: left; width: 62%; padding: 0 4%}
#right_col_wrap #portfolio_content {float: left; width: 96%; padding: 0 0 0 4%}
p {margin: 5px 0 10px 0}
.blue {color: #39699a;}
.orange {color: #ff8200;}
.no_underline {text-decoration: none !important}
#cms_content blockquote {line-height: 1.6em; background: #F9F9F9; padding: 10px; margin-bottom: 10px}
/* ======================================= B. HEADER ======================================= */ #header {width: 960px; height: 164px; background: url(/images/header.jpg) no-repeat top; position: relative}
#logo {float: left; padding: 58px 0 25px 10px}
/* ======================================= C. TOP NAV ======================================= */ #topnav {list-style: none; position: absolute; top: 0; right: 0}
#topnav li {list-style: none; float: left}
#topnav li:hover {color: #fff}
#topnav a {display: block; float: left; font-size: 1.2em; font-weight: bold; color: #39699a; text-decoration: none; padding: 0; height: 32px; background: url(/images/topnav_bg.gif) repeat-x left bottom}
#topnav a:hover {background: #cee5eb}
#topnav a span {display: block; padding: 9px 12px 8px 12px}
#topnav a.first_item {background: url(/images/topnav_bg_left.gif) no-repeat left bottom}
#topnav a.first_item:hover {background: url(/images/topnav_bg_left.gif) no-repeat left top}
#topnav a.first_item span {background-position: right !important; padding-left: 30px}
#topnav a.last_item {background: url(/images/topnav_bg_right.gif) no-repeat right bottom}
#topnav a.last_item:hover {background: url(/images/topnav_bg_right.gif) no-repeat right top}
#topnav a.last_item span {padding-right: 35px}
/* ======================================= D. MAIN NAV ======================================= */ #main_nav {list-style: none; position: absolute; bottom: 0; left: 0}
#main_nav li {list-style: none; float: left}
#main_nav a {display: block; float: left; font-size: 1.3em; font-weight: bold; color: #fff; text-decoration: none; padding: 0; height: 35px; background: transparent url(/images/main_nav_bg.gif) repeat-x left center}
#main_nav a:hover {color: #fff; background: #fea11d}
#main_nav a:active {color: #fff; background: #fea11d}
#main_nav a span {display: block; padding: 10px 22px 10px}
#main_nav a.first_item {background: transparent url(/images/main_nav_bg_left.gif) no-repeat left center}
#main_nav a.first_item:hover {background: transparent url(/images/main_nav_bg_left.gif) no-repeat left top}
#main_nav a.first_item:active {background: transparent url(/images/main_nav_bg_left.gif) no-repeat left top}
#main_nav a.first_item span {padding-left: 30px}
#main_nav a.last_item {background: transparent url(/images/main_nav_bg_right.gif) no-repeat right center}
#main_nav a.last_item:hover {background: transparent url(/images/main_nav_bg_right.gif) no-repeat right top}
#main_nav a.last_item:active {background: transparent url(/images/main_nav_bg_right.gif) no-repeat right top}
#main_nav a.last_item span {padding-right: 30px}
/* ======================================= E. SECONDARY NAV ======================================= */ #secondary_nav {width: 92%; padding: 4%; border: 1px solid #e6e6e6}
#secondary_nav ul {list-style: none; margin: 0; padding: 0}
#secondary_nav ul li {display: inline}
#secondary_nav ul li ul {list-style: none; color: #000; border: 1px solid #e6e6e6; background: #f0f6fc; margin: 0 0 1px 0}
#secondary_nav ul li ul li {font-size: 1.2em; display: inline; margin: 0; padding: 0}
#secondary_nav ul li ul li a{ color: #39699a; text-decoration: none; display: block; padding: 5px 8px 5px 8px}
#secondary_nav ul li ul li a:hover{ background: #fff}
.nav_item {margin: 1px 0 0 0 !important; background: url(/images/nav/side_nav.png) repeat-x 0px 0px; height: 27px; padding: 0; position: relative !important; z-index: 0}
.nav_item:hover {background: url(/images/nav/side_nav.png) repeat-x 0px -27px}
.nav_item:active, .nav_item.selected:active {background: url(/images/nav/side_nav.png) repeat-x 0px -54px}
.nav_item a {z-index: 0; font-size: 1.4em; color: #fff !important; font-weight: bold; text-decoration: none !important; padding: 6px 11px; width: 88%; margin: 0px; position: absolute}
.arrow_box {position: absolute; right: 0; top: 0; width: 29px; height: 27px; z-index: 1000; margin: 0; padding: 0}
.arrows {width: 29px !important; height: 27px; margin: 0; padding: 0px !important; display: block; background: url(/images/nav/side_nav.png) no-repeat 0px -81px; cursor: default}
.arrows:hover {background: url(/images/nav/side_nav.png) no-repeat 0px -108px}
.arrows:active {background: url(/images/nav/side_nav.png) no-repeat 0px -135px}
.arrow_active {background: url(/images/nav/side_nav.png) no-repeat 0px -162px !important}
.arrow_active:hover {background: url(/images/nav/side_nav.png) no-repeat 0px -189px !important}
.arrow_active:active {background: url(/images/nav/side_nav.png) no-repeat 0px -216px !important}
/* ======================================= F. HEADER TAGS ======================================= */ h1, h2, h3, h4, h5, h6 {font-family: Trebuchet, Trebuchet MS, Verdana, Helvetica, Arial; color: #ff8200; font-weight: bold}
h1 {font-size: 3.4em; margin: 0 0 10px 0; padding-top: 0px; line-height: 1.2em;}
h2 {font-size: 2.4em;}
h3 {font-size: 1.4em; margin-bottom: 10px;}
body.main_body h3 {font-size: 1.4em}
h4 {font-size: 1.4em; color: #4c4c4c}
/* ======================================= G. CONTENT DIVS ======================================= */ #main {background: url(/images/bullseye_bg.jpg) no-repeat top right; top: 0; right: 0; width: 960px; padding-bottom: 20px}
#link_cloud {padding: 7px 15px; border: 1px dashed #ccc; font-size: 1.1em; line-height: 1.5em; color: #ff8200; margin: 8px 0px 10px}
#link_cloud h3 {margin-top: 0px !important}
#cms_content {width: 460px; float: left; padding: 26px 0 0 0; font-size: 1.2em; color: #636363}
#cms_content ul {padding: 10px 20px; line-height: 1.6em; list-style: square}
#cms_content a {color: #39699a; text-decoration: underline}
#cms_content a:hover {text-decoration: underline; color: #f25a0c}
#cms_content table {border: none; border-collapse: collapse;}
#cms_content a.no_underline {text-decoration: none}
#cms_content a.no_underline:hover {border-bottom: 0px}
#cms_content a.no_underline img {border: 2px solid #e6e6e6}
#cms_content table td {padding: 5px; vertical-align: top}
#cms_content table td img {display: block; border: 1px solid #ccc; margin: 5px; padding: 6px; background: #eee}
#cms_content img.fl_right {float: right; margin: 0 0 0 10px}
#cms_content h3 {margin: 12px 0 5px}
#cms_content h3 a {text-decoration: none; background: #eee; padding: 0 8px; color: #ff8200}
#cms_content h4 {color: #ff8200}
#what_we_do {width: 460px; float: right; padding-top: 26px; position: relative}
#diagram_bg {width: 460px; height: 271px; position: absolute; top: 57px; left: 0; z-index: 5}
#diagram {width: 460px; height: 180px; position: relative; z-index: 20; top: 0; left: 0; margin-bottom: 90px}
#diagram h3 {margin: 8px 0 12px 15px; color: #fff}
#diagram h3 a {color: #fff; text-decoration: none}
#diagram h3 a:hover {color: #fff; text-decoration: none}
#diagram span a {color: #4D4C4D; font-size: 1.2em; text-decoration: none; padding-left: 10px; display: block}
#diagram span a:hover {text-decoration: underline}
#diagram tr td table {margin-left: 13px}
#diagram tr td table tr {height: 10px}
#speaking {border:1px dashed #CCCCCC; font-size:1.1em; line-height:1.5em; padding: 7px 15px}
#speaking img {float: left; margin-right: 10px; padding-top: 3px; width: 60px}
#speaking h3 {margin: 0 0 1px; font-size: 1.2em}
#speaking h3 a {text-decoration: none; color: #FF8200}
#real_estate_container {width: 960px; background: url(/images/houses.gif) no-repeat left top; padding: 20px 0 0 0; margin-bottom: 20px}
#real_estate {width: 958px; border: 1px solid #39699a; height: 92px; background: url(/images/real_estate_bg.gif) repeat-x; position: relative; padding: 0px}
#real_estate_container a {text-decoration: none;}
#real_estate_text {height: 72px; padding: 7px 20px 10px 15px; width: 455px; z-index: 5 !important; position: relative}
#real_estate h2 {color: #39699a}
#real_estate p {color: #363636; font-size: 1.2em}
#real_estate_bullseye {background: url(/images/real_estate_bullseye.gif) no-repeat top left; width: 948px; height: 92px; position: absolute; left: 0; top: 0; z-index: 0 !important}
.software {background: url(/images/button_bg_software.gif) no-repeat bottom; float: right; width: 229px; height: 92px; z-index: 10 !important; position: relative}
.software:hover {background: url(/images/button_bg_software.gif) no-repeat top}
.webdesign {background: url(/images/button_bg_webdesign.gif) no-repeat bottom; float: right; width: 229px; height: 92px; z-index: 10 !important; position: relative}
.webdesign:hover {background: url(/images/button_bg_webdesign.gif) no-repeat top}
.webdesign h3, .software h3 {color: #39699a; padding: 8px 20px; border: none}
* html #real_estate .clear {clear: both; margin-top: -2px}
#home_widgets_left {width: 635px; float: left}
.home_widget_left {width: 633px; display: block; border: 1px solid #bfbfbf; background: #f2f2f2 url(/images/widget_bg_horiz.gif) repeat-y; margin-bottom: 15px; -moz-border-radius:10px; -webkit-border-radius:10px}
.home_widget_left .content, .widget_blue .content, .widget_noborder {padding: 12px}
.home_widget_left div ul {list-style: disc; margin: 0 0 0 20px; font-size: 1.2em; color: #39699a}
.home_widget_left div ul li {margin-bottom: 8px}
#home_widgets_right {float: right; width: 310px}
.widget_blue {background: #c0e0f0 url(/images/widget_bg_blue.gif) repeat-x top; border: 1px solid #39699a; -moz-border-radius:10px; -webkit-border-radius:10px}
.widget_blue p {font-size: 1.2em; position: relative;}
.widget_blue h3 {font-size: 1.4em; position: relative;}
#newsletter_form {display: block}
#signup {font-size: 1.2em; width: 190px; height: 16px; border: 1px solid #39699a; padding: 1px 3px 3px 3px; display: inline; color: #39699a; float: left}
#submit {margin: 0 0 5px 5px; background: url(/images/submit_button.gif) no-repeat top center; float: left; border: none; width: 74px; height: 23px; cursor: pointer}
#submit:hover {background: url(/images/submit_button.gif) no-repeat bottom center}
.small_gray {color: #808080; font-size: 1em}
.widget_noborder ul {list-style: disc; margin: 0 0 25px 20px; font-size: 1.2em; color: #39699a}
.widget_noborder ul li {margin-bottom: 8px}
/* ======================================= H. RIGHT COL ======================================= */ #right_col {width: 30%; float: left; font-size: 1.2em; position: relative; top: -26px}
#right_col h3 {padding-bottom: .5em; font-size: 1.2em; margin-bottom: 0}
#right_col ul {color: #ff8200; margin: 0; margin-left: 15px}
#right_col ul li {margin-bottom: 5px}
#right_col ul li a {display: inline !important}
#right_col .rounded a {display: block; color: #39699a; padding-bottom: .5em}
#breadcrumbs {padding: 13px 0}
body.main_body .rounded {-moz-border-radius:10px; -webkit-border-radius:10px; background: #f2f2f2 url(/images/bg_widgit.png) repeat-y; border: 1px solid #bfbfbf; padding: 10px 20px; margin-bottom: 1em}
body.main_body .consultation {background: url(/images/consultation_bg.png) no-repeat; color: #363636; font-weight: bold; text-decoration: none; width: 228px; height: 62px; margin-bottom: 1em}
body.main_body .consultation:hover {background-position: left -68px; text-decoration: none}
.consultation div {padding: 15px; padding-right: 30px}
.consultation span {display: block; font-size: 1.4em; color: #39699a; padding-right: 0px; background: url(/images/arrows.png) no-repeat right 50%}
#cases a {padding-left: 22px; background: url(/images/icon_pdf.png) no-repeat}
#facebook_sidebar {margin-bottom: 10px; text-align: right}
#facebook_home {position:absolute; right:0; top:177px}
/* ======================================= I. BODY TEXT ======================================= */ #cms_content p {margin: 5px 0 10px 0; line-height: 1.6em}
.home_list {color: #39699a; padding-left: 20px}
.home_list li {margin-bottom: 10px; font-weight: bold; font-size: 1.2em}
/* ======================================= H. FOOTER ======================================= */ #footer {width: 100%; background: #e67700 url(/images/footer_bg.gif) repeat-x; margin-top: 40px; position: absolute; bottom: 0}
#footer_content {width: 960px; position: relative; top: -33px; margin: 0 auto}
#footer_content a {text-decoration: none;}
#consultation_callout {position: absolute; top: 0; right: 0; width: 310px; height: 33px; background: url(/images/consultation_bg_curve.png) no-repeat top right; font-size: 1.4em; line-height: .5em; padding: 0px}
#consultation_callout:hover {background-position: right -41px}
#consultation_callout div{ padding: 13px 15px 10px 30px; color: #363636}
#footer #add_this {position: absolute; top: 43px; right: 0; width: 125px}
#header #add_this {bottom:10px; position:absolute; right:0; width:125px}
#seo_text {float: left; margin-top: 85px; color: #fff; width: 460px; font-size: 1.1em}
#seo_links {float: right; margin-top: 85px; color: #333333; width: 460px; display: none}
#seo_links a {color: #333333; font-size: 1.1em; text-decoration: none !important}
#seo_links a:hover {text-decoration: underline !important}
/* ======================================= I. FOOTER NAV ======================================= */ /* #footer_nav {list-style: none; position: absolute; top: 33px; left: 0}
#footer_nav li {list-style: none; float: left}
#footer_nav li:hover {text-decoration: underline; color: #fff}
#footer_nav a {display: block; float: left; font-size: 1.2em; font-weight: bold; color: #fff; text-decoration: none; padding: 0; height: 32px; background: #fea11d}
#footer_nav li {background: #fea11d}
#footer_nav a:hover {color: #fff}
#footer_nav a span {display: block; padding: 10px 12px 10px 12px}
#footer_nav a.first_item {background: url(/images/footer_nav_bg_left.gif) no-repeat left center}
#footer_nav a.first_item span {background-position: right !important; padding-left: 24px}
#footer_nav a.last_item {background: url(/images/footer_nav_bg_right.gif) no-repeat right center}
#footer_nav a.last_item span {background: none !important; padding-right: 20px}*/ #footer_nav {list-style: none; position: absolute; top: 33px; left: 0}
#footer_nav li {list-style: none; float: left}
#footer_nav a {display: block; float: left; font-size: 1.2em; font-weight: bold; color: #fff; text-decoration: none; padding: 0; height: 32px; background: url(/images/footer_nav_bg.gif) repeat-x left bottom}
#footer_nav a:hover {background: #fea11d}
#footer_nav a span {display: block; padding: 9px 12px 8px 12px}
#footer_nav a.first_item {background: url(/images/footer_nav_bg_left.gif) no-repeat left bottom}
#footer_nav a.first_item:hover {background: url(/images/footer_nav_bg_left.gif) no-repeat left top}
#footer_nav a.first_item span {background-position: right !important; padding-left: 25px}
#footer_nav a.last_item {background: url(/images/footer_nav_bg_right.gif) no-repeat right bottom}
#footer_nav a.last_item:hover {background: url(/images/footer_nav_bg_right.gif) no-repeat right top}
#footer_nav a.last_item span {padding-right: 25px}
/* ======================================= I. NAV SELECTED STATES ======================================= */ #main_nav .selected {background-color: white; color: #ff8200; border-bottom: 1px solid #fff;}
#main_nav a.first_item span.selected {background:transparent url(/images/main_nav_bg_left.gif) no-repeat scroll left bottom !important;}
#main_nav a.last_item span.selected {background:transparent url(/images/main_nav_bg_right.gif) no-repeat scroll right bottom;}
#secondary_nav a.selected {background: url(/images/nav/side_nav.png) repeat-x 0px -27px; color: #fff !important; width: 87.5%; padding-bottom: 5px;}
#secondary_nav ul li ul li a.selected {background: #fff; color: #ff8200 !important; border: none; text-decoration: none; height: auto; width: auto;}
#footer_nav span.selected {background: url(/images/footer_nav_bg.gif) repeat-x !important; color: inherit;}
#footer_nav a.first_item span.selected {background:transparent url(/images/footer_nav_bg_left.gif) no-repeat scroll left bottom !important;}
#footer_nav a.last_item span.selected {background:transparent url(/images/footer_nav_bg_right.gif) no-repeat scroll right bottom !important;}
#topnav span.selected {background: url(/images/topnav_bg.gif) repeat-x !important; color: inherit;}
#topnav a.first_item span.selected {background:transparent url(/images/topnav_bg_left.gif) no-repeat scroll left bottom !important;}
#topnav a.last_item span.selected {background:transparent url(/images/topnav_bg_right.gif) no-repeat scroll right bottom !important;}
#breadcrumbs a:link {text-decoration: none; color: #525C66;}
#breadcrumbs a:active {text-decoration: none; color: #525C66;}
#breadcrumbs a:visited {text-decoration: none; color: #525C66;}
#breadcrumbs a:hover {text-decoration: underline; color: #525C66;}
#breadcrumbs a.selected {color: #ff8200 !important; text-decoration: underline !important;}
/* ======================================= J. PORTFOLIO MODAL STYLES ======================================= */ #site_1, #site_2, #site_3, #site_4, #site_5, #site_6, #site_7, #site_8, #site_9, #site_10, #site_11, #site_12, #site_13, #site_14, #site_15, #site_16, #site_17, #site_18, #site_19, #site_20, #site_21, #site_22, #site_23, #site_24, #site_25, #site_26, #site_27, #site_28, #site_29, #site_30 {border: 2px solid #d1d1d1}
body.main_body .modal {border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background: #fff url(/images/modal_bg.gif) repeat-x top; padding: 20px 30px 5px 20px; width: 860px; font-family: arial, verdana, sans-serif; line-height: normal; text-align: left; position: relative; z-index: 0}
/*.modal {width: 860px; padding: 20px 30px 5px 20px; font-family: arial, verdana, sans-serif; background-color:#fff; background: #fff url(/images/modal_bg.gif) repeat-x top}*/ body.main_body .modal h3 {font-size: 2.1em; margin-bottom: 0px}
body.main_body .modal h4 {font-size: 1.2em; color: #636363; margin-bottom: 0px}
body.main_body .modal h5 {font-family: Helvetica, Arial, sans-serif; font-size: 1.2em; font-weight: normal}
/* contact us form validation errors */ #errorExplanation {color: red}
/* hide ugly h2 tag */ #errorExplanation h2 {display: none}
/* ======================================= J. FORMS ======================================= */ textarea {width: 100%; height: 150px}
#new_contact {border-top: 1px solid #ccc; padding: 10px 0; margin: 10px 0}
#contact_sidebar #new_contact {border: 0; padding: 0px; margin: 0px}
#contact_sidebar #new_contact p {margin: 5px 0 10px}
#left_col #contact_sidebar #new_contact input[type="text"] {width: 100%}
#RB_overlay {position: absolute; z-index:10000; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; min-height:100%; background-color: #000; opacity: .7; filter: alpha(opacity=70)}
#RB_redbox {width: 100%; position: absolute; /* Why did I have to turn this off? */ top: 0px; /* IE Centering and Z-Index */ z-index: 10000; left: 0px; /new/ right: 0px; /new/ }
#RB_window {position: fixed; left: 0; top: 10px; width: 100%; z-index: 10002; line-height: 0}
/* fixes bug in IE 6+7 where fixed positoning doesn't work */ #RB_window {* position: absolute}
#RB_loading {margin: 0 auto 0 auto; width: 250px; height: 250px; text-align: center; background: #FFF url(/images/redbox_spinner.gif) no-repeat center center}
.redbox_contents {margin: 0 auto; text-align: left}
/* Modal Styles */ .modal a {color: #39699a;}
.modal a:visited {color: #39699a;}
.modal a:hover {color: #f25a0c;}
.close_modal {width: 860px; margin: 15px auto 0 auto; padding: 0px; text-align: right; font-size: 11px; background: transparent url(/images/close_button.gif) no-repeat right bottom; height: 26px; position: relative}
.close_modal a {color:#39699a; font-weight: bold; font-size: 1.4em; font-family: Trebuchet, Helvetica, Arial, sans-serif; text-decoration: none; height: 26px; line-height: 1.4em; position: absolute; top: 5px; right: 20px}
.close_modal a:visited {color: #39699a; text-decoration: none;}
.close_modal a:hover {color: #f25a0c; text-decoration: none;}
.close_modal a span {color:#ff8200}
.modal .portfolio_site .portfolio_top {clear: both}
.modal .portfolio_site .portfolio_left {width: 260px; float: left}
.modal .portfolio_site .portfolio_right {float: right; width: 570px}
.modal .portfolio_site .site_header {height: 70px; margin-bottom: 20px; width: 360px; float: left}
.modal .portfolio_site .portfolio_left .site_body {padding-top: 0px; height: 375px; font-size: 1.2em; float: left}
.modal .portfolio_site .portfolio_left .site_body h4 {margin-top: 15px}
.modal .portfolio_site .portfolio_left .site_footer {height: 20px; float: left}
.modal .portfolio_site .portfolio_left .site_footer a {font-size: 1.2em; text-decoration: underline}
.modal .portfolio_site .portfolio_top ul#carousel_tabs {list-style-type:none; height: 85px; float: right}
.modal .portfolio_site .portfolio_top ul#carousel_tabs li {display: inline; padding-left: 8px}
.modal .portfolio_site .portfolio_right #carousel_wrapper {width: 572px; height: 400px; overflow: hidden}
.modal .portfolio_site .portfolio_right #carousel_wrapper #carousel_slides .slide {float: left; width: 572px; height: 390px}
.modal .portfolio_site .portfolio_right #carousel_wrapper .slide p.caption{ color: #636363; font-size: 1.2em; font-style: italic; padding-top: 5px}
.site_body ul {margin: 10px 0 0 10px; list-style: disc inside}
.site_body ol {margin: 10px 0 0 25px}
.site_body p {margin: 8px 0 3px 0}
.carousel-jumper img {border: 2px solid #d1d1d1}
.carousel-jumper img:hover {border: 2px solid #737373}
.image {border: 1px solid #d1d1d1}