/* Reset */
html, body, div, span, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, del, dfn, em, img, ins, kbd, q, samp, small, strike, strong, sub, sup, tt, var, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { font-family: inherit; font-weight: inherit; font-style: inherit; font-size: 100%; outline: 0; padding: 0; margin: 0; }
:focus { outline: 0; }
html, body, #rcPage{ height: 100%; }
/* General Styles */
body{ color: #000; font-family: "Lucida Grande", Lucida, Verdana, sans-serif; font-size: 62.5%; margin:0; padding:0; text-align: center;
}
#bodyBackground { min-height: 100%; }
a:link, a:visited { text-decoration: none; }
a img { border: 0; }
.clear{ clear: both; }
.image-left { float: left; margin: 3px 20px 3px 0; width: auto; }
.image-right { float: right; margin: 3px 0 3px 20px; width: auto; }
#featureHeader{ position: absolute; display: block; z-index: 50; }
/* @group Layout */
#wrapper{ padding-bottom:30px; position: relative; margin: 0 auto; }
.topWrapper{position: relative;margin: 0 auto; }
.topImage{ border-bottom-width: 1px; border-bottom-style: solid; position: relative; z-index: 5; overflow: hidden; height: 0; margin-top: -1px; }
#topImageDrop{ position: absolute; height: 40px; width: 100%; bottom: 0; left: 0; background: url('images/grad_bottom.png') repeat-x; z-index: 0; }
#topLinkTint{ text-align: right; height: 28px; position: absolute; width:100%; top:0; left:0; z-index:460; border-bottom-width:1px; border-bottom-style: solid; }
#topLinkTint a{ margin:0 10px; padding: 9px 0px 0px; display: inline-block; }
#topLinkTint a.left{ float:left; margin:0px; }
#topLinkTint .topWrapper{ height: auto; }
#logo{ display: inline; width: auto; }
#titleSlogan{ position: absolute; left: 0; text-align: left; width: auto; }
h1.title, h2.slogan{ display: inline; padding: 0; margin: 0; }
h1.title{ text-shadow: 0px 2px 2px #000; }
h2.slogan{ font-family: "Helvetica", Arial, sans-serif; font-size:1.3em; font-style: italic; margin:-5px 0 0 0; text-shadow: 0px 2px 2px #000; }
#toolbarContainer{ position: relative; }
#toolbar{ position: absolute; right: 45px; }
#toolbar ul{ list-style: none; position: relative; float: left; width: auto; }
#toolbar ul li{ margin: 0 0 0 25px; float: left; padding: 5px 0px; width: auto; }
#toolbar ul li a:hover{ opacity: 1 !important; }
#toolbar ul ul{ display: none; }
#toolbarSub{ height: 48px; position: relative;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
font: 1.2em/20px 'Lucida Grande', sans-serif;
}
/* @group Toolbar */
.menu { width: 100%; font-style: normal; font-size: 12px; z-index: 200; line-height: 20px; text-align: left; }
.menu ul { margin: 0 0 0 10px; padding: 0; list-style-type: none; }
.menu ul li { position: relative; display: inline; float: left; }
.menu ul li a { display: inline-block; padding: 16px 20px 16px; text-decoration: none; }
.menu ul li ul { position: absolute; left: 0; display: block; visibility: hidden; padding-bottom: 10px; margin-left: 5px; }
.menu ul li ul ul{ padding: 0; margin: 0px; }
.menu ul li ul li { display: list-item; float: none; }
.menu ul li ul li ul { top: 0; }
.menu ul li ul li a { width: 140px; margin: 0; border-bottom-width: 0; padding: 7px 15px; font-weight: normal; font-size: .95em; height: auto; }
.navDown { position: absolute; top: 20px; right: 8px; display: block; width: 11px; height: 8px; background-image: url(images/down.png); font-size: 1%; }
.navRight { position: absolute; top: 10px; right: 10px; display: block; width: 8px; height: 11px; background-image: url(images/right.png); font-size: 1%; }
/* @end */
#containerPadding{ height:50px; }
#containerWrapper{ display: block; overflow: hidden; background-repeat: repeat; position: relative;}
#containerShadowTop{ height: 50px; position: absolute; left: 0; top: 0; width: 100%; background:url('images/grad_top.png') repeat-x 0 0;}
#containerShadowLeft{ background:url('images/grad_left.png') repeat-y left 0;}
#containerShadowRight{ background:url('images/grad_right.png') repeat-y right 0;}
#container{ text-align: left; font-size:1.25em; line-height: 1.7em; padding: 37px 50px 40px 50px; z-index: 10; position: relative;
}
#container a:hover { text-decoration: underline; }
#content{ min-height: 50px; margin-bottom: 15px;
}
#sidebar{ min-height: 50px; width:200px; }
h2.sideTitle{ color: #fff; font: bolder 1.6em Helvetica, sans-serif; margin: 0 0 15px; }
#footer{ font: bolder 1.8em Helvetica; color:#fff; height: 110px; position: relative; clear:both;
background: no-repeat;
}
#footer a{ margin-left: 10px;}
span#footerInfo{ position:relative; display:block; top:24px;}
/* @end */
/* @group Global Classes */
blockquote, .standout { font-style: italic; margin: 0; font-size: 1.2em; }
h1,h2,h3,h4{ font-weight: normal; margin: 0 0 5px; }
h1 { font-size: 2em;
}
h2 { font-size: 1.6em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em;
margin: 10px 0;
padding: 0;
}
p { margin: 0 0 15px; }
em { font-style: italic; }
b, strong{ font-weight: bolder; }
/* Main content area unordered list styles */
#container ul, #container ol { padding-left: 17px; margin: 0; }
#container ul.icon { list-style-type: none; padding-left: 0; }
#container ul.icon ul { list-style-type: none; padding-left: 17px; }
#sitemap ul.icon li { font-weight: bolder; font-size: 1.1em;}
#sitemap ul.icon ul li { font-weight: normal; font-size: 1em;}
ul.icon li { padding: 0 0 9px 20px; background: url(images/bullet.png) no-repeat 0 5px; }
ul.disc { list-style-type: disc; }
ul.circle { list-style-type: circle; }
ul.square { list-style-type: square; }
ol.arabic-numbers { list-style-type: decimal; }
ol.upper-alpha { list-style-type: upper-alpha; }
ol.lower-alpha { list-style-type: lower-alpha; }
ol.upper-roman { list-style-type: upper-roman; }
ol.lower-roman { list-style-type: lower-roman; }
/* Breadcrumb */
#breadcrumb { margin: 15px 0 0 0; height: 30px; }
#breadcrumb ul{ display: inline; padding: 4px 7px 6px 10px; }
#breadcrumb ul li{ text-align: left; font: 0.8em Helvetica; display: inline; }
/* Break */
.break{ margin-top: 20px; border-bottom-width: 1px; border-top-width: 1px; border-bottom-style: solid; border-top-style: solid; }
/* Blog - Tag Cloud */
#container ul.blog-tag-cloud { padding: 15px 20px; margin: 30px 10px 30px 5px; display: block; }
ul.blog-tag-cloud li { padding-right: 5px; text-align: center; list-style-type: none; display: inline; }
ul.blog-tag-cloud li a{ text-decoration: none; }
.blog-tag-size-1 { font-size: 0.7em; }
.blog-tag-size-2 { font-size: 0.75em; }
.blog-tag-size-3 { font-size: 0.8em; }
.blog-tag-size-4 { font-size: 0.85em; }
.blog-tag-size-5 { font-size: .9em; }
.blog-tag-size-6 { font-size: .95em; }
.blog-tag-size-7 { font-size: 1em; }
.blog-tag-size-8 { font-size: 1.05em; }
.blog-tag-size-9 { font-size: 1.1em; }
.blog-tag-size-10 { font-size: 1.15em; }
.blog-tag-size-11 { font-size: 1.2em; }
.blog-tag-size-12 { font-size: 1.25em; }
.blog-tag-size-13 { font-size: 1.3em; }
.blog-tag-size-14 { font-size: 1.35em; }
.blog-tag-size-15 { font-size: 1.4em; }
.blog-tag-size-16 { font-size: 1.45em; }
.blog-tag-size-17 { font-size: 1.5em; }
.blog-tag-size-18 { font-size: 1.55em; }
.blog-tag-size-19 { font-size: 1.6em; }
.blog-tag-size-20 { font-size: 1.65em; }
/* Blog - Archive Page */
.blog-archive-background {}
.blog-entry-summary {}
.blog-archive-headings-wrapper { font-size: 1.4em; padding-bottom: 25px; }
.blog-archive-entries-wrapper {}
.blog-archive-entries-wrapper .blog-entry { padding-top: 20px;}
.blog-archive-month { font-size: 1.2em; padding-left: 2px; }
.blog-archive-link { font-size: 0.8em; }
.blog-archive-link a:link, .blog-archive-link a:visited {}
.blog-entry { padding: 10px 0 20px 0; padding: 25px 0; }
.blog-entry-title { font-size: 1.9em; line-height: 1.15em;}
.blog-entry-date {font-size: .9em; padding-bottom: 10px;}
/*styles the category link in the main entry */
.blog-entry-category { padding-left: 3px; }
.blog-read-more { text-decoration: none; }
.blog-entry-body { }
p.blog-entry-tags { padding: 10px 0 0 20px;}
.blog-entry-tags a{font-size: .9em;}
/* Styles the blog categories in the blog sidebar */
#blog-categories {padding: 20px; margin: 0px 10px 0 5px;}
.blog-category-link-enabled { margin: 0 0 3px 0; padding-bottom: 0px; }
.blog-category-link-disabled, #blog-categories a { margin: 0 0 5px 0; padding: 3px 0 3px 25px; display: block; background: transparent url(images/tag_black.gif) left no-repeat; }
/* styles the archives in the blog sidebar */
#blog-archives { padding: 15px 10px; margin: 30px 10px 0 5px; }
.blog-archive-link-enabled { margin: 5px 12px; display: inline-block; }
.blog-archive-link-disabled { margin: 5px 10px; display: inline-block; }
/* Styles the blog RSS feeds in the blog sidebar */
#blog-rss-feeds {padding: 15px 20px; margin: 0px 10px 0 5px; }
#blog-rss-feeds a, a.blog-comments-rss-link{ display: block; padding: 4px 0 4px 25px; background: transparent url(images/icon-sidebar-rss.gif) left no-repeat; }
/* Global styles for the blog sidebar */
#blog-categories br, #blog-archives br, #blog-rss-feeds br{ display: none; }
ul.blog-tag-cloud, #blog-categories, #blog-archives, #blog-rss-feeds{ font: .9em monaco; }
#blog-categories a, #blog-archives a, #blog-rss-feeds { position: relative; }
/* JS-Kit Comments - See /Contents/css/sidebars/ for more */
.js-kit-comments, .js-CommentsArea{ width: 98%; }
/* File Sharing */
.filesharing-description { padding-top: 10px; padding-bottom: 15px; }
.filesharing-item-title a:link { font-size:1.45em; border-bottom-width: 1px; border-bottom-style: dotted; }
.filesharing-item-title a:hover { border: none; }
.filesharing-item-description { padding: 5px 0 25px; }
/* Photo Album - Index Page (Thumbnail view) */
#flashcontent { padding-top: 15px; }
.album-title { font-size: 2.1em; margin-bottom: 10px; }
.album-description { margin-bottom: 20px;
width: 100px;
}
.album-wrapper { display: block; width: 99%; position: relative; }
.thumbnail-wrap { width: auto; text-align: center; position: relative; float: left; margin-bottom: 0px; margin-right: 20px; padding-top: 70px; padding-left: 20px; padding-right: 10px; }
.thumbnail-frame { position: absolute; bottom: 0; left: 0; padding-left: 5px; padding-right: 5px; }
.thumbnail-frame img {margin: auto; border: none; border-style: solid; border-width: 5px; }
.thumbnail-caption { margin: 0 -5px; font-size: 0.9em; height: 30px; display: block; }
/* Photo Album - Single Page (Photo view) */
.photo-background{ margin: 50px 0; width: 100%; text-align: center; font-size: .9em;}
* html .photo-background{ background-image: none; }
.photo-navigation{ margin: 90px auto 0; }
.photo-title{ display: none;}
.photo-caption{ font: 0.75em Verdana; display: inline-block; margin: 5px 200px 5px 0; padding: 9px 12px 10px; }
.photo-links { margin: 0 0 15px 0; position: relative; list-style: none; display: inline-block; padding: 9px 12px 10px; font: 0.8em Verdana; }
.photo-frame{ border-width: 5px; border-style: solid;}
* html .photo-caption { display: inline; margin: 0 200px 15px 0;}
* html .photo-links { display: inline; }
/* Quicktime Album - Index Page (Movie Thumbnail view) */
.movie-page-title {font-size: 2.1em; margin-bottom: 10px;}
.movie-page-description {margin-bottom: 20px;}
.movie-thumbnail-frame { margin: 0 20px; float: left; width: 125px; position: relative; }
.movie-thumbnail-frame img { border-style: solid; border-width: 5px; }
.movie-thumbnail-caption { height: 56px; display: inline-block; padding: 5px 0px 0 0px;}
/* Quicktime Album - Single Page (Movie View) */
.movie-background { text-align: center; }
* html .movie-background{ background-image: none; }
.movie-title { font-size: 1.4em; height: 120px; color: #e5e5e5; padding: 10px 0 0 20px; }
.movie-frame { margin-top: 20px; margin-bottom: 10px; }
/* Contact Form */
.message-text { padding-top: 5px; font-weight: bolder; font-size: 1.4em; }
.required-text {}
.form-input-field { font-weight: bolder; padding: 5px; width: 80%; border-width: 3px; border-style: solid;}
label{ }
.form-input-button {}
/* Seeker */
#seeker{ position: relative; float: right; }
#seeker p{ margin:0; padding: 0;}
#searchIcon{ background: transparent url(images/search_icon_small.png) no-repeat 0 0; cursor: pointer; margin-top: 2px; position: absolute; height: 23px; right: 0px; width: 23px; }
#searchBar { background: transparent url(images/searchbar_dark_grey_right.png) no-repeat; display: none; height: 52px; right:0px; position: absolute; text-align: center; width: 260px; z-index: 20;}
.searchField { width: 230px; }
.search { top: 8px; position: relative; }
fieldset{ border: 0;}
textarea:focus, input:focus { outline: none; }
/* PNG Support / Formatting */
/* @group Rod Edits */
/* @group mailchimp */
div.response {
line-height: 11px;
font-size: .7em;
color: #eaeaea;
margin-top: 10px;
padding: 0;
width: 195px;
}
.newsletter-stack {
height: 200px;
background: url(images/newsletter-signup.png) no-repeat;
padding-top: 37px;
margin-top: 7px;
}
mce-EMAIL {
}
div.mc-field-group {
margin-top: 11px;
margin-bottom: 0;
}
div.mce_inline_error {
margin-bottom: 0;
font-size: .5em;
color: #fff;
margin-top: 0;
margin-left: 0;
padding: 0;
margin: 0;
}
#mce-EMAIL.required.email {
width: 195px;
padding: 0;
margin-bottom: 0;
}
#mce-FNAME.required {
width: 195px;
padding: 0;
margin-bottom: 0;
margin: 0;
}
/* @end */
.about-sidebar {
background: #000;color: #797979;text-shadow:none;display:inline;
font-size: .9em;
line-height: 1.7em;
padding: 1px 2px 1px 0;
}
.about-sidebar-2 {
font-size: .9em;
line-height: 1.7em;
margin-bottom: 10px;
}
input#mc-embedded-subscribe.btn {
margin-top: 10px;
margin-left: 0;
padding: 0;
}
.section-break {
border-top: 1px solid #333;
border-bottom: 1px solid #000;
margin-top: 15px;
margin-bottom: 15px;
}
/* @group Footer */
.footer-albums {
width: 175px;
height: 150px;
background: url(images/home/footer-albums.png) no-repeat;
margin-bottom: -1px;
}
.quick-links {
background: transparent url(images/latest-inside-gradient.png) repeat-x 0 0;
}
.footer-web {
width: 175px;
height: 150px;
background: url(images/home/footer-web.png) no-repeat;
margin-bottom: -1px;
}
.footer-imaging {
width: 175px;
height: 150px;
background: url(images/home/footer-imaging.png) no-repeat;
margin-bottom: -1px;
}
.footer-branding {
width: 175px;
height: 150px;
background: url(images/home/footer-branding.png) no-repeat;
margin-bottom: -1px;
}
/* @end */
/* @group slideshow http://www.queness.com */
.clear {
clear:both
}
#gallery {
position:relative;
height: 376px;
width: 847px;
border-style: none;
border-width: 1px;
}
#gallery a {
float:left;
position:absolute;
}
#gallery a img {
border:none;
}
#gallery a.show {
z-index:500
}
#gallery .caption {
z-index:600;
background-color:#000;
color: #e6e6e6;
height:60px;
width:100%;
position:absolute;
bottom:0;
font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
font-weight: bold;
}
#gallery .caption .content {
margin:5px;
padding-left: 10px;
padding-top: 4px;
}
#gallery .caption .content h3 {
margin:0;
color:#1DCCEF;
padding-right: 0;
padding-top: 0;
padding-bottom: 0;
font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
/* @end */
/* @group flyer slices */
.flyers-01 {
background: url(images/flyers01.png) no-repeat;
width: 889px;
height: 93px;
margin: 0 0 0 23px;
}
.flyers-02 {
background: url(images/flyers02.png) no-repeat;
width: 889px;
height: 93px;
margin: 0 0 0 23px;
}
.flyers-03 {
background: url(images/flyers03.png) no-repeat;
width: 889px;
height: 93px;
margin: 0 0 0 23px;
}
.flyers-04 {
background: url(images/flyers04.png) no-repeat;
width: 889px;
height: 93px;
margin: 0 0 0 23px;
}
.flyers-05 {
background: url(images/flyers05.png) no-repeat;
width: 889px;
height: 93px;
margin: 0 0 0 23px;
}
.flyers-06 {
background: url(images/flyers06.png) no-repeat;
width: 889px;
height: 93px;
margin: 0 0 0 23px;
}
.flyers-07 {
background: url(images/flyers07.png) no-repeat;
width: 889px;
height: 58px;
margin: 0 0 0 23px;
}
/* @end */
/* @group branding slices */
.branding-01 {
background: url(images/branding-page-01.png) no-repeat;
width: 889px;
height: 93px;
padding-top: 0;
margin-top: 0;
margin-left: 10px;
}
.branding-02 {
background: url(images/branding-page-02.png) no-repeat;
width: 889px;
height: 93px;
padding-top: 0;
margin-top: 0;
margin-left: 10px;
}
.branding-03 {
background: url(images/branding-page-03.png) no-repeat;
width: 889px;
height: 93px;
padding-top: 0;
margin-top: 0;
margin-left: 10px;
}
.branding-04 {
background: url(images/branding-page-04.png) no-repeat;
width: 889px;
height: 93px;
padding-top: 0;
margin-top: 0;
margin-left: 10px;
}
.branding-05 {
background: url(images/branding-page-05.png) no-repeat;
width: 889px;
height: 93px;
padding-top: 0;
margin-top: 0;
margin-left: 10px;
}
.branding-06 {
background: url(images/branding-page-06.png) no-repeat;
width: 889px;
height: 93px;
padding-top: 0;
margin-top: 0;
margin-left: 10px;
}
.branding-07 {
background: url(images/branding-page-07.png) no-repeat;
width: 889px;
height: 93px;
padding-top: 0;
margin-top: 0;
margin-left: 10px;
}
.branding-08 {
background: url(images/branding-page-08.png) no-repeat;
width: 889px;
height: 93px;
padding-top: 0;
margin-top: 0;
margin-left: 10px;
}
.branding-09 {
background: url(images/branding-page-09.png) no-repeat;
width: 889px;
height: 93px;
padding-top: 0;
margin-top: 0;
margin-left: 10px;
}
.branding-10 {
background: url(images/branding-page-10.png) no-repeat;
width: 889px;
height: 83px;
padding-top: 0;
margin-top: 0;
margin-left: 10px;
}
/* @end */
/* @group Album Cover Design */
.feature-text {
margin: 0 0 12px;
padding: 0;
font: 1em/1.5em "Lucida Grande", Lucida, Verdana, sans-serif;
}
.callout-text {
font-weight: bold;
color: silver;
margin-bottom: 0;
text-align: center;
}
.gallerytext {
font-weight: normal;
font-style: normal;
}
.albums-start {
background: transparent repeat-x 0 -95px;
border-bottom: 1px solid #424242;
margin-bottom: 0;
padding-bottom: 0;
border-width: 0;
}
.albums-start {
background: transparent repeat-x 0 -95px;
border-bottom: 1px solid #424242;
margin-bottom: 0;
padding-bottom: 0;
border-width: 0;
}
.album-cover-frame {
border: 0 none #333;
background: transparent url(images/album-cover-box.png) no-repeat;
height: 337px;
border-bottom-style: solid;
border-bottom-color: #424242;
padding: 15px 0 0;
width: 205px;
margin-right: 9px;
margin-bottom: 4px;
}
.album-thumbnail-title {
font-weight: bold;
color: #c0c0c0;
border-bottom: 1px dotted #797979;
text-align: left;
margin-bottom: 0;
margin-left: 17px;
width: 170px;
padding-right: 0;
padding-top: 0;
padding-bottom: 6px;
margin-top: 11px;
}
.album-cover-description {
font: italic 12px/19px Georgia, "Times New Roman", Times, serif;
text-align: left;
margin-bottom: 0;
margin-top: 9px;
height: 337px;
width: 175px;
padding-left: 17px;
}
.albums-a {
background: url(images/latest-inside-gradient.png) repeat-x 0 -50px;
border: 1px solid #000;
margin-bottom: 30px;
}
.album-description {
font: italic 1em/1.7em Georgia, "Times New Roman", Times, serif;
margin-left: 10px;
border-left-width: 1px;
border-left-style: dotted;
padding-left: 20px;
color: #a9a9a9;
}
/* @end */
/* @group 404 */
.error-style {
background: url(images/404-skull.png) no-repeat 50% 0;
height: 580px;
}
/* @end */
.feature-promo {
width: 840px;
}
.hosting-title {
text-align: left;
text-transform: uppercase;
padding: 10px 10px 0;
margin: 0 0 5px;
font: bold 1.2em Georgia, "Times New Roman", Times, serif;
color: #d6d6d6;
}
/* @group web design */
.web-site-title {
font-weight: bold;
color: #c0c0c0;
border-bottom: 1px dotted #797979;
margin: 6px 5px 0 0;
padding: 0 0 6px;
}
.web-site-description {
font: italic 13px/20px Georgia, "Times New Roman", Times, serif;
padding-right: 5px;
padding-top: 9px;
margin: 0;
padding-bottom: 0;
width: 193px;
}
.box-shadow {
width: 700px;
height: 310px;
}
.web-site-frame {
width: 636px;
height: 432px;
background: url(images/web-site-frame.png) no-repeat;
}
.web-site-screen {
width: 590px;
height: 360px;
background-repeat: no-repeat;
margin: 15px 0 0 23px;
padding-right: 2px;
padding-top: 1px;
padding-bottom: 3px;
padding: 00px;
}
/* @end */
.albums-banner {
background: url(images/albums-banner1.png) no-repeat;
margin-bottom: 30px;
margin-top: 30px;
height: 170px;
}
/* @group My Group */
.imaging-feature {
background: url(images/imaging-feature.png) no-repeat 50% 5px;
}
.spotify-chart {
width: 198px;
background: #303030 url(http://imagegen.last.fm/thisoneisgood/artists/Rod_S.gif) no-repeat 4px 1px;
padding-right: 0;
padding-bottom: 0;
height: 150px;
border: 1px solid #424242;
padding: 0;
margin: 13px 0 14px;
}
.spotify-banner {
width: 200px;
height: 51px;
background: url(images/spotify-banner.png) no-repeat;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
padding: 0;
margin: 0;
}
.newsletter-banner {
width: 200px;
height: 51px;
background: url(images/newsletter-signup.png) no-repeat;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
padding: 0;
margin: 18px 0 5px;
}
/* @end */
.hosting-text {
padding: 0 10px;
line-height: 2em;
}
.small-header {
color: #e6e6e6;
margin-top: 10px;
margin-bottom: 10px;
font-size: 1.2em;
padding: 0;
}
.front-row {
width: 207px;
height: 230px;
background: url(images/front-row.png) no-repeat;
}
.backstage-pass {
width: 207px;
height: 230px;
background: url(images/backstage-pass.png) no-repeat;
}
.vip-suite {
width: 207px;
height: 230px;
background: url(images/vip-suite.png) no-repeat;
}
.access-all-areas {
width: 207px;
height: 230px;
background: url(images/access-all-areas.png) no-repeat;
}
.flyers {
height: 670px;
width: 851px;
background: transparent url(images/flyers.png) no-repeat;
}
.cd-slipcase {
background: url(images/cd-slipcase.png) no-repeat;
width: 562px;
height: 366px;
}
.cd-dvd {
width: 100%;
height: 554px;
background: url(images/cd-dvd.png) no-repeat;
}
.branding-page-2 {
width: 100%;
height: 989px;
background: url(images/branding-page-2.png) no-repeat;
}
.business-cards {
width: 899%;
height: 417px;
background: url(images/business-cards.png) no-repeat;
}
.clients {
background: url(images/clients.png) no-repeat;
height: 259px;
border: 0 none #424242;
width: 173px;
}
.web-header {
background: url(images/macbook2.png) no-repeat 50% 0;
width: 100%;
height: 508px;
}
.headline {
margin-bottom: 20px;
font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
.strap {
margin-bottom: 10px;
width: 720px;
}
.intro {
line-height: 18px;
margin-bottom: 20px;
font-size: 1em;
}
.intro-albums {
line-height: 23px;
text-align: left;
border-bottom: 1px solid #424242;
padding-bottom: 10px;
margin-bottom: 10px;
font-size: 1.2em;
}
.text-albums {
line-height: 22px;
font-size: 1.2em;
margin-bottom: 20px;
}
.web-design-inside {
background-color: #191919;
border: 1px solid #333;
border-bottom: 1px solid #424242;
padding: 10px;
}
.web-description {
padding-left: 5px;
font: 1em/1.5em Georgia, "Times New Roman", Times, serif;
padding-top: 9px;
padding-bottom: 5px;
text-align: left;
}
.visit-live-site {
text-align: right;
font-weight: bold;
padding-right: 5px;
}
.web-frame {
border: 2px solid #000;
}
.web-frame {
}
.web-thumbnail {
height: 404px;
border: 1px solid #424242;
margin-bottom: 10px;
}
.nav-stack {
border: 1px solid #323232;
font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
.macbook {
background: url(images/macbook.png) no-repeat;
}
.imaging-image {
height: 165px;
width: 270px;
border: 1px solid #424242;
}
.break2{
border-top: 1px solid #333;
border-bottom: 1px solid #000;
}
.break3{
border-top: 1px solid #333;
border-bottom: 1px solid #000;
margin-bottom: 0;
margin-top: 19px;
padding: 0;
}
.nav-break{
border-top: 1px solid #333;
border-bottom: 1px solid #000;
margin-top: -2px;
margin-bottom: 5px;
margin-left: 20px;
}
.step-by-step {
padding: 7px;
}
.steps {
padding: 4px;
margin-top: 0;
margin-left: 10px;
margin-right: 10px;
}
.step-by-step-1 {
padding: 10px;
}
.step-by-step-2 {
padding: 10px;
}
.step-by-step-3 {
padding: 10px;
}
.step-by-step-4 {
padding: 10px;
}
.album-frame {
width: 236px;
height: 209px;
border: 10px solid #424242;
}
.cyanite-feature {
background-color: #191919;
padding-bottom: 10px;
}
.cyanite-feature-big {
height: 307px;
border: 1px solid #424242;
margin-bottom: 11px;
}
.rob-feature-big {
height: 500px;
border: 1px solid #424242;
margin-bottom: 11px;
}
.image-feature-big {
height: 221px;
border: 1px solid #424242;
margin-bottom: 11px;
}
.latest-work {
border: 2px solid #000;
}
.feature-outside {
border: 2px solid #000;
}
.latest-inside {
border: 1px solid #333;
border-bottom: 1px solid #424242;
height: 350px;
padding: 10px;
background: transparent url(images/latest-inside-gradient.png) repeat-x;
}
.feature-inside {
padding: 10px;
background-color: transparent;
border: 1px solid #333;
border-bottom: 1px solid #424242;
height: 350px;
background-image: url(images/latest-inside-gradient.png);
}
.album {
background: url(images/zoom-icon.png) no-repeat 50% 50%;
}
.image-detail {
height: 170px;
width: 390px;
margin-left: 10px;
border: 1px solid #000;
}
.smalltext {
font-size: .9em;
line-height: 1.6em;
height: 71px;
margin-top: 3px;
}
.imaging {
font-size: .9em;
line-height: 1.6em;
}
.album-caption {
line-height: 1.6em;
font-weight: bold;
margin-top: 5px;
color: #5e5e5e;
font-size: .8em;
}
h2.sidebar-title {
text-indent: 30px;
background: url(images/twitter-icon.png) no-repeat;
height: 24px;
font-size: 1.4em;
margin-bottom: 0;
padding-bottom: 0;
}
.more{
text-align: right;
background: url(images/album-icons.png) no-repeat 103px -1px;
height: 55px;
font-size: 1.3em;
}
.featured {
text-indent: 0px;
height: 24px;
font-size: 1.4em;
color: #e6e6e6;
text-align: left;
}
.slideshow img {
width: 865px;
height: 384px;
padding-bottom: 0;
margin-bottom: -6px;
}
.project-description {
font: italic 1em/1.5em Georgia, "Times New Roman", Times, serif;
padding-right: 10px;
}
.project-description2 {
font: 1em/1.5em Georgia, "Times New Roman", Times, serif;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 10px;
}
#footer{ color:#fff; height:110px; background-repeat: no-repeat; position: relative; clear:both;
font: bolder 1.1em Helvetica;
}
/* @end */
.png, .png1, .png2, .png3, .png4, .png5, .png6, .png7, .png8, .png9, .png10{ background-repeat: no-repeat; }
.gallery14 {
background-color: transparent;
width: 193px;
height: 337px;
}
.photo.gallery14 {
background-repeat: no-repeat;
margin-bottom: 20px;
}
/* @group imaging */
.image-details {
text-align: center;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;
margin: 20px 0 0;
padding-top: 0;
}
/* @end */
.sidebar-content {
min-height: 1311px;
width: 200px;
}