body
 { margin: 0px }
body#site 
 { text-align: center; background: #e9e9e9 url('/i/t/BG-BottomLeft.png') bottom left no-repeat; height: 100%; }
td
 { vertical-align: top; font-size: 90% }
th
 { white-space: nowrap; background: #00b1ce; color: #fff; font-weight: bold; text-align: center }
p, div
 { font: 300 12.5px 'Lucida Grande', verdana, arial, sans-serif; line-height: 140% }
b
 { font-weight: 900 }
h1, h2, h3, h4
 { padding: 0px; margin: 0px; line-height: 180% }
h1
 { color: #bf8500 }
h2
 { color: #ba8100; }
h3
 { color: #ca8f00; }
h4
 { color: #648ead; }

a:link, a:visited
 { color: #00add2; font-weight: bold; }
a:hover
 { color: #cfa96b; }

img 
 { border: 0px }
hr
 { background-color: #ac9886; border: none; height: 1px; display: block; margin: 0px; padding: 0px; clear: both; }
a:link span, a:visited span, a:hover span
 { display: none }
div#wrapper
 { background: transparent url('/i/t/BG.png') repeat-x; padding-bottom: 20px}
div#container
 { margin: 0px auto; background: #fff url('/i/t/BG-BodyBottomLeft.png') bottom left no-repeat; width: 950px; text-align: left; position: relative }
div#lens
 { position: absolute; top: 25px; left: 25px; width: 113px; height: 113px; z-index: 1; background: url('/i/t/Lens.png') no-repeat }
div#header
 { height: 75px; position: relative; background: transparent url('/i/t/Logo.png') no-repeat }
div#header blockquote
 { display: none }
div#nav
 { text-align: center; height: 22px; color: #648ead; font: 600 14px 'Lucida Grande', verdana, arial, sans-serif; line-height: 22px; } 
div#nav a:link, div#nav a:visited
 { color: #648ead; text-decoration: none; padding: 3px; font-weight: normal;  }
div#nav a:hover
 { color: #b0a69d }

div#capture
 { height: 138px; background: transparent url('/i/t/Capturing-the-Art.png') no-repeat; position: relative }
div#capture p.largetext
 { display: block; margin: 0px; padding: 20px 40px 0px 180px; font-weight: lighter; color: #000; }
div#capture div#introtext a:link, div#capture div#introtext a:visited
 { color: #734018 }
div#capture div#introtext a:hover
 { color: #b0a69d }
div#footer
 { position: relative; height: 94px; background: #fff url('/i/t/hr.png') no-repeat; color: #b4b2b0 }
div#graytext
 { position: absolute; top: 8px; left: 8px; width: 470px; font: 12.5px Times New Roman, serif; color: #78b69b }
a#facebook, a#twitter, a#youtube
 { position: absolute; top: 8px; width: 60px; height: 75px; display: block; }
a#facebook
 { left: 744px; }
a#twitter
 { left: 815px; }
a#youtube
 { left: 885px; }

div#rotator
 { height: 408px; overflow: hidden }

div.gallery
 { padding: 0px 0px 2px 0px; background: transparent }

div.pageheader
 { height: 300px; background-color: #fff; background-repeat: no-repeat; position: relative; background-image: url('/i/headers/10-Generic.jpg'); }
div.pageheader div#breadcrumbs
 { position: absolute; top: 270px; left: 5px; font-size: 120%; font-weight: bold; color: #ba8100; z-index: 1}
div.pageheader div#colheader
 { position: absolute; top: 270px; left: 800px; width: 150px; font-size: 125%; font-weight: bold; color: #ba8100; z-index: 1}
div.pageheader div#rotator
 { height: 260px; overflow: hidden }

#breadcrumbs a:link, #breadcrumbs a:visited
 { color: #905423; font-weight: bold; }
#breadcrumbs a:hover
 { color: #c0aa6e; }


div.pageheader2
 { height: 324px; background-color: #fff; background-repeat: no-repeat; position: relative; background-image: url('/i/headers/11-Generic324.jpg'); }
div.pageheader2 div#breadcrumbs
 { position: absolute; top: 294px; left: 5px; font-size: 125%; font-weight: bold; color: #ba8100; z-index: 1}
div#videoToursContainer
 {  }

div.pageheader h1, div.pageheader2 h1
 { display: none; }

div.categoryLinks
 { height: 210px; position: relative; background: transparent url('/i/t/BG-Categories.png') 792px 0px no-repeat }
div.categoryLinks div
 { float: left; width: 190px; background-color: #e2dcd3; margin: 4px 2px 0px 6px; }
div.categoryLinks div a
 { display: block; padding: 175px 0px 5px 0px; text-align: center; font-size: 10px; background-repeat: no-repeat; background-color: transparent }
div.categoryLinks div#recentlinks
 { position: absolute; top: 4px; left: 794px; width: 154px; height: 198px; background: #eae6e0; margin: 0px; font-size: 10px }
div.categoryLinks div#recentlinks a
 { padding: 0px }
div.categoryLinks div#recentlinks a#img1, div.categoryLinks div#recentlinks a#img2
 { padding: 0px; border: 2px solid #c3a57b; width: 96px; margin: 10px auto; }
div.categoryLinks div#recentlinks a#img1:hover, div.categoryLinks div#recentlinks a#img2:hover
 { border: 2px solid #dcc07f }


div#photoPage div.pageheader
 { background-image: url('/i/headers/01-PhotographyServices.jpg') }
div#photoPage div.categoryLinks div#category1 a
 { background-image: url('/i/categories/Apts-Photo.jpg') }
div#photoPage div.categoryLinks div#category2 a
 { background-image: url('/i/categories/Senior-Photo.jpg') }
div#photoPage div.categoryLinks div#category3 a
 { background-image: url('/i/categories/Homes-Photo.jpg') }
div#photoPage div.categoryLinks div#category4 a
 { background-image: url('/i/categories/Retail-Photo.jpg') }

div#videoPage div.pageheader
 { background-image: url('/i/headers/02-VideoTours.jpg') }
div#videoPage div.categoryLinks div#category1 a
 { background-image: url('/i/categories/Apts-Video.jpg') }
div#videoPage div.categoryLinks div#category2 a
 { background-image: url('/i/categories/Senior-Video.jpg') }
div#videoPage div.categoryLinks div#category3 a
 { background-image: url('/i/categories/Homes-Video.jpg') }
div#videoPage div.categoryLinks div#category4 a
 { background-image: url('/i/categories/Retail-Video.jpg') }


div#virtualtourPage div.pageheader
 { background-image: url('/i/headers/03-VirtualTours.jpg') }
div#virtualtourPage div.categoryLinks div#category1 a
 { background-image: url('/i/categories/Apts-360.jpg') }
div#virtualtourPage div.categoryLinks div#category2 a
 { background-image: url('/i/categories/Senior-360.jpg') }
div#virtualtourPage div.categoryLinks div#category3 a
 { background-image: url('/i/categories/Homes-360.jpg') }
div#virtualtourPage div.categoryLinks div#category4 a
 { background-image: url('/i/categories/Retail-360.jpg') }

div#floorplansPage div.pageheader
 { background-image: url('/i/headers/04-InteractiveFloorplans.jpg') }

div#websitesPage div.pageheader
 { background-image: url('/i/headers/05-WebsitesTemp.jpg') }
div#websitesPage div.categoryLinks div#category1 a
 { background-image: url('/i/categories/Apts-Web.jpg') }
div#websitesPage div.categoryLinks div#category2 a
 { background-image: url('/i/categories/Senior-Web.jpg') }
div#websitesPage div.categoryLinks div#category3 a
 { background-image: url('/i/categories/Homes-Web.jpg') }
div#websitesPage div.categoryLinks div#category4 a
 { background-image: url('/i/categories/Retail-Web.jpg') }

div#content 
 { position: relative; clear: both }
div#content i
 { display: block; font-size: 75%; }
div#content table
 { border: 1px solid #eee }
div#marketing
 { float: left; width: 750px; padding-left: 20px; padding-top: 5px; }
p.largetext
 { font-size: 18px; font-style: italic; color: #836107;  font-family: Times, Times New Roman, serif }

div#column
 { float: right; background: #000; width: 148px; padding-left: 10px; background: transparent url('/i/t/BG-Column.png') no-repeat; min-height: 250px }
div#column h1
 { font: normal 18px Times New Roman; font-style: italic; color: #00b2cb; padding-top: 20px; border-bottom: 1px solid #aaa }
div#column h2
 { font-size: 11px; font-weight: bold; line-height: 125%; margin-top: 10px; }
div#column h3
 { font-size: 10px; font-weight: bold; color: #000; line-height: 100%; margin-bottom: 10px; }
.selecttour div
 { text-align: center; font: 10px sans-serif; overflow: hidden; margin-bottom: 2px; }
.selecttour div img
 { border: 2px solid #e8df78 }
.selecttour
 { margin-bottom: 6px }

div#columns, div.columns
 { position: relative; }
div#columns div, div.columns div
 { float: left; width: 232px; padding-right: 12px; }
div#columns div h2, div.columns div h2
 { font-size: 120%; color: #00add2; border-bottom: 1px solid #ddd; margin-bottom: 0px }
div#columns div p, div#columns div li,
div.columns div p, div.columns div li
 { font-size: 90%; margin-top: 0px }


table td.service
 {  }
table tr.alt td
 { background: #eee }


/* Overriding the default Slideshow thumbnails for the vertical presentation */

.slideshow 
 { width: 500px; display: block; float: left;  }
.slideshow-images 
 { width: 500px; height: 250px; }		
.slideshow-thumbnails 
 { left: auto; right: -470px; top: 0px; width: 460px; height: 260px; }
.slideshow-thumbnails ul 
  { width: 460px; height: 260px; }    
.slideshow-thumbnails a 
 { padding: 3px; width: 97px; text-align: center; overflow: hidden; background-position: center center }
.slideshow-thumbnails a:hover 
 { background-color: #f8d079 }
.slideshow-thumbnails-active 
  { background-color: #f8d079; opacity: 1; }
.slideshow-thumbnails-inactive 
  { opacity: .8; }