body, html {margin: 0; padding: 0px; border: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #4e4e4e;}
body {background: #fff url('../images/bgr_page.jpg') repeat-x;}
body#home {background: #fff url('../images/bgr_homepage.jpg') repeat-x;}
a {text-decoration: none; color: #04afef;}
a:hover {color: #ec008c; text-decoration: underline;}
p {margin: 0 0 1.1em 0; padding: 0;}
td {vertical-align: top;}
b, strong {font-weight : bold;}
img {border: 0;}
.clear {clear: both;}
h1, h2, h3, h4 {font-family: Arial, Helvetica, sans-serif; color: #536770;} /* 04afef */
h1 {font-size : 24px; font-weight: normal; margin:0 0 7px 0; padding:0; line-height: 1.1em;}
h2 {font-size : 22px; font-weight: normal; margin:0 0 7px 0; padding:0; line-height: 1.1em;}
h3 {font-size : 18px; font-weight: normal; margin:0 0 6px 0; padding:0; line-height: 1.1em;}
h4 {font-size : 16px; font-weight: bold; margin:0 0 5px 0; padding:0; line-height: 1.1em;}
.blueText {color: #04afef;}
.imgLeft {float: left; margin: 0 20px 15px 0;}
.imgRight {float: right; margin: 0 0 15px 20px;}
/* Basic layout definition */
#header,
#topNav,
#pageContent,
#footer {width: 970px; margin: 0 auto 0 auto; clear: both;}
#leftColumn {width: 215px; float: left;}
#contentColumn {width: 755px; float: left;}
/* Header */
#logoPrint {display: none;}
#header {height: 100px; background-image: url('../images/bgr_header.jpg'); background-repeat: no-repeat; position: relative;}
#header #logo {float: left; margin: 0px;}
#header #topLinks {position: absolute; top: 15px; right: 0px;}
#header #topLinks ul {margin: 0; padding: 0; list-style: none; font-size: 12px; font-weight: bold; float: right;}
#header #topLinks li {float: left; padding: 0 15px 0 30px; color: #767e89; border-left: 1px solid #cbecf3;}
#header #topLinks a {display: block; padding: 2px 0 2px 0;}
#header #topLinks a:hover {}
#header #tel {position: absolute; top: 49px; right: 0px; font-size: 20px; color: #000; font-weight: bold; white-space: nowrap;}
#header a:hover {text-decoration: none;}
#topLinks #icoTel {background: url('../images/ico_tel.gif') no-repeat 5px 0; font-size: 16px;}
#topLinks #icoLogin {background: url('../images/ico_login.gif') no-repeat 5px 0;}
#topLinks #icoCheckout {background: url('../images/ico_checkout.gif') no-repeat 5px 0;}
#topLinks #icoContact {background: url('../images/ico_contact.gif') no-repeat 5px 0;}
/* Top Navigation */
#topNav {height: 25px; margin-bottom: 0px; position: absolute; top: 67px; right: 0; }
#topNav ul {margin: 0; padding: 0; list-style: none; float: right;}
#topNav li {float: left; padding: 0 0 0 0;}
#topNav a {color: #000; font-weight: bold; font-size: 14px; padding: 0px 15px 0px 15px; text-decoration: none; border-left: 1px solid #bac5ca; display: block;}
#topNav a.first {border: none;}
#topNav a.selected,
#topNav a:hover {color: #04afef;}
/**
HOME PAGE
**/
/* Slideshow */
#slideshow {position: relative; height: 462px; width: 755px; overflow: hidden; float: left;}
#thumbnailPanel {position: absolute; top: 410px; left: 25px; z-index: 99;}
#thumbnailPanel .tbLabel {float: left;}
#thumbnails ul {margin: 0; padding: 0; list-style: none; width: 265px;}
#thumbnails li {float: left; margin-right: 5px}
#thumbnails a {border: 1px solid #FFF; display: block; outline: none;}
#thumbnails a:hover {border: 1px solid #04afef;}
#thumbnails a.selected {border: 1px solid #04afef;}
#bigPhotos {position: absolute; top: 0px; left: 0px;}
#featuredSlide {margin: 0; padding: 0; list-style: none; position: relative;}
#featuredSlide li {position: absolute; top: 0; left: 0;}
#lowPrintPanel {position: absolute; top: 391px; left: 432px; z-index: 99;}
/* Left Navigation */
#leftNav {margin: 0; padding: 0; list-style: none;}
#leftNav li {}
#leftNav a {text-decoration: none;}
#leftNav .categoryHeading {background: url('../images/bgr_leftnav_heading.gif') repeat-x 0 bottom; border-top: 1px solid #e7eaeb; border-bottom: 1px solid #e7eaeb; color: #04afef; font-size: 14px; font-weight: bold; display: block; padding: 3px 15px 4px 20px; text-decoration: none;}
#leftNav .leftSubNav {background: url('../images/bgr_left_subnav.jpg') repeat-x 0 0; margin: 0; padding: 2px 0 5px 0; list-style: none;}
#leftNav .leftSubNav li {padding: 0px 0 1px 20px; font-size: 11px;}
#leftNav .leftSubNav a {color: #808080;}
#leftNav .leftSubNav a:hover {color: #04afef;}
#leftNav .new {padding-left: 4px; vertical-align: text-top;}
#leftColumn .content {padding: 10px;}
.intro {font-size: 14px;}
#featuredStories .cell {background: url('../images/bgr_panel_bottom.gif') no-repeat 0 bottom;}
#featuredStories .cellContent {width: 239px;}
#featuredStories .cellCopy {padding: 10px 15px 10px 15px; background: url('../images/bgr_panel_top.gif') no-repeat 0 0;}
#featuredStories .icon {float:left; margin: 0 8px 10px 0;}
#featuredStories h1 {line-height: 1.0em; font-size: 18px; padding-top: 7px;}
#featuredStories ul {margin: 0 0 10px 15px; padding: 0; clear: both;}
#SignUp .signupframe {border: none; background: #ffffff;}
/**
PAGE
**/
/* Page Banner */
#pageBanner {height: 90px; position: relative; left: 1px; background: #dfe5e7 url('../images/bgr_page_header.jpg') no-repeat 0 0;}
#pageBanner h1 {color: #fff; position: absolute; top: 40px; right: 25px; font-size: 30px; letter-spacing: -1px; text-align: right;}
/* Page Content */
#pageContent {background: #fff url('../images/bgr_content.gif') repeat-y 0 0;}
.pageCopy {padding: 25px;}
.pageProducts {padding-bottom: 10px;}
.leftFloatingPanel {width: 240px; float: left; margin: 0 40px 0 0;}
.testimonials {font-size: 11px; color: #808080; background: url('../images/quotemark_top.gif') no-repeat 0 0; padding: 0 0 25px 25px;}
.closeQuote {background: url('../images/quotemark_bottom.gif') no-repeat right bottom; padding: 0 0 10px 0;}
.author {font-size: 12px;}
.featuredProject {width: 320px; float: right; margin: 0 0 0 35px; display: block;}
.featuredProject .image {margin: 0 0 10px 0;}
/* Gallery */
.gallery {border-top: 1px solid #e1e6e8; margin: 0 20px 10px 20px; clear: both; padding: 5px 0 0 0;}
.gallery table {}
.gallery td {width: 160px; padding: 10px; text-align: center; font-size: 11px;}
.gallery .project {}
.gallery .preview {border-bottom: 3px solid #04afef;}
.gallery .client {text-align: left; background: url('../images/plus.gif') no-repeat right; display: block; padding: 2px 8px 2px 0; }
.gallery a {color: #4e4e4e;}
.gallery a:hover {text-decoration: none; color: #04afef;}
.gallery .instructions {text-align: left; font-size: 11px;}
.rss-image {padding-right: 5px; vertical-align: bottom;}
/* Footer */
#footer {line-height: 1.1em; padding: 8px 0 8px 0; font-size: 11px; color: #5f5f5f; border-top: 1px solid #afafaf;}
#footer #copyright {}
#footer #socialMediaBar {float: right;}
#footer #socialMediaBar a {color: #F60;}
#footer #socialMediaBar a:hover {color: #0085c7; text-decoration: none;}
#footer #socialMediaBar img {margin-left: 2px; margin-right: 2px; vertical-align: middle;}
#footer .tel {float: right; font-size: 16px; font-weight: bold;}
/* Forms */
form {padding: 0px; margin: 0px;}
input, textarea {padding-left:2px; padding-right:2px; border: 1px solid #9e9e9e; font-size: 12px; font-family: Arial;}
/* City Images */
.cityImageRight {float: right; margin: 0 0 15px 20px; width: 424px}
.cityImageRight img {border: solid 1px #cccccc;}
.cityImageRight span {padding: 10px; display: block; background: #fff url('../images/bgr_page_header.jpg') no-repeat -260px -30px; color: #fff; width: 406px;}
.cityImageRight span a {color: #ffd801;}
/* Header */
#topBanner {color: #FFF; margin: 0 auto 0 auto; position: relative; width: 940px; background: #3d515a; padding: 6px 15px 6px 15px; font-weight: bold;}
#topBanner a {text-decoration: none; color: #ffd801;}
#topBanner a:hover {color: #ec008c; text-decoration: underline;}
#topBanner .leftCol {width: 50%; text-align: left;}
#topBanner .rightCol {text-align:right;}
#fbBox {width: 194px; height:50px;}
/* Video Player */
#videoPlayer {display: block; border: solid 1px #cccccc; font-size: 11px; width: 120px; float: right; margin-left: 20px; margin-bottom: 15px;}
#videoPlayer span {padding: 6px; border: solid 1px #FFF; display: block; background: url('../images/video_play.gif') repeat-x;}
/* Resources */
#resourcesTbl {}
#resourcesTbl .col01 {width: 125px; padding-right: 25px;}
#resourcesTbl .col01 ul {list-style: none; margin: 0; padding: 0;}
#resourcesTbl .col01 ul li h4 {font-size: 14px;}
#resourcesTbl .col01 ul li {padding: 0; margin: 0;}
#resourcesTbl .col01 ul li a {display: block; padding: 4px 0; border-top: solid 1px #b4c4c9; font-size: 11px;}
.resourceButtons {list-style: none; margin: 0; padding: 0;}
.resourceButtons li {background: url('/resources/button.gif') 0 5px no-repeat; padding: 10px 0 10px 32px; margin: 0;}