body,html { height: 100% }
body 
 { margin: 0px; background: #000; }
div, p, td 
 { line-height: 140%; font: 12px sans-serif; }
h1, h2, h3, h4, h5
 { margin: 0px; padding: 0px; line-height: 100%; font-size: 125%; }
h1 
 { font-size: 140%; }
h2 
 { font-size: 125%; }
h3
 { font-size: 110%; }
h4
 { font-size: 100%; }
img 
 { border: 0px; outline: none; }
td 
 { text-align: left }
hr 
 { height: 1px; background: #448AB5; border: 0px; margin: 10px 0px 10px 0px; clear: both }

.mo
 { background-position: 0% 0%; }
.mo:hover
 { background-position: 0% -100%; }
.mo a:link, .mo a:visited, .mo:hover a:link, .mo:hover a:visited
 { display: block; width: 100%; height: 100% }
form, ul
 { margin: 0px; padding: 0px; }
form, ul 
 { display: inline }
ul.list
 { font-size: 11px; margin-top: 0px; padding-top: 0px }
ul.list li
 { line-height: 100%; padding: 2px 0px 2px 2px }

#sidenote 
 { float: right; font-size: 10px; width: 150px; margin-left: 16px; border: 1px solid #4f5361; background: #363945; padding: 10px; }
#sidenote *
 { font-size: 10px }
#footer, #sitelinks 
 { color: #fff; }
#corner
 { position:absolute;right:0px;top:0px;width:120px;height:120px;z-index: 9999;background-image: url('/i/CornerBanner.png') }
blockquote, span, label, .modal
 { display: none; } 
blockquote
 { padding-bottom: 10px; margin-bottom: 10px }
p 
 { margin: 0px 0px 0px 0px; padding: 8px 0px 0px 0px }
a, a:link, a:visited, a:active 
 { font-weight: bold; color: #fff; }
a:hover 
 { color: #ff0; }
body#site 
 { text-align: center; background: #363945 url(/i/BG.png) repeat-x; }
div#container 
 { width: 963px; margin: 0px auto; text-align: left; }
div#header
 { height: 113px; padding-right: 3px; }
div#header div#logo
 { display: block; width: 262px; height: 113px; float: left; background: transparent url('/i/VibraLogo.png') no-repeat; }
div#header div#logo h1 a
 { display: block; width: 262px; height: 113px; }
div#header div#login
 { display: block; height: 113px; width: 345px; float: right; position: relative; background: transparent url('/i/ClientLogin.png') no-repeat; color: #fff }
div#header div#login input, div#header div#login button
 { font-size: 12px; background: none; border: none; }
div#header div#login input#username
 { position: absolute; top: 48px; left: 80px; width: 76px; height: 14px; }
div#header div#login input#password
 { position: absolute; top: 48px; left: 230px; width: 76px; height: 14px; }
div#header div#login input#submit
 { position: absolute; top: 48px; left: 310px; width: 24px; height: 24px; font-size: 1px; color: #0374BA }
div#header div#options
 { position: absolute; top: 77px; left: 42px; width: 316px; height: 18px; }

div#innercontainer 
 { position: relative; width: 963px; height: 565px; background-image: url(/i/BG-Container.png); background-repeat: repeat-y; 
   color: #fff; font-size: 11px; line-height: 140%; }
div#innercontainerout
 { height: 7px; background: transparent url(/i/BG-ContainerFooter.png) no-repeat; margin-bottom: 8px; }

div#rotator
 { position: absolute; top: 9px; left: 10px; width: 640px; height: 307px; background: #5a5e6e}
div#rotator:hover
 { background-color: #fff }
div#rotator a#wecanhelp
 { display: block; width: 640px; height: 307px; background: transparent url('/i/Banner-WeCanHelp.png') center center no-repeat; }

div#box1
 { position: absolute; top: 328px; left: 10px; width: 311px; height: 220px; overflow: hidden; background: transparent url('/i/Boxes-Brand.png') no-repeat }
div#box1 h2 a, div#box2 h2 a, div#box3 h2 a
 { display: block; width: 311px; height: 220px }
div#box2
 { position: absolute; top: 327px; left: 326px; width: 324px; height: 220px; overflow: hidden; background: transparent url('/i/Boxes-Buzz.png') no-repeat }
div#box3
 { position: absolute; top: 327px; left: 642px; width: 324px; height: 220px; overflow: hidden; background: transparent url('/i/Boxes-GetStarted.png') no-repeat }

/* Pages */
div#marketing-main
 { position: absolute; top: 10px; left: 10px; width: 640px; height: 536px; background: transparent url('/i/Page-Marketing.png') no-repeat; }
div#marketing-main div#example
 { position: absolute; top: 164px; left: 16px; width: 179px; height: 188px; background-image: url('/i/Page-Marketing-Examples.png'); }
div#marketing-main div#link
 { position: absolute; top: 488px; left: 280px; width: 277px; height: 29px; background-image: url('/i/Page-Marketing-Link.png'); }
div#marketing-main div#creativelink
 { position: absolute; top: 280px; left: 510px; width: 93px; height: 16px; }
div#marketing-main div#productionlink
 { position: absolute; top: 293px; left: 220px; width: 128px; height: 23px; }
div#marketing-main div#distributionlink
 { position: absolute; top: 293px; left: 360px; width: 66px; height: 23px; }
div#marketing-main div#ongoinglink
 { position: absolute; top: 293px; left: 450px; width: 167px; height: 23px;}
div#marketing-main div#modallinks a:link, div#marketing-main div#modallinks a:visited
 { display: block; width: 100%; height: 100% }

div#buzzroom-main
 { position: absolute; top: 10px; left: 10px; width: 640px; height: 536px; background: transparent url('/i/Page-Buzzroom.png') no-repeat; }
div#buzzroom-main div#example
 { position: absolute; top: 280px; left: 32px; width: 179px; height: 188px; background-image: url('/i/Page-Buzzroom-Example.png'); }
div#buzzroom-main div#link
 { position: absolute; top: 488px; left: 280px; width: 333px; height: 21px; background-image: url('/i/Page-Buzzroom-Link.png'); }

div#identity-main
 { position: absolute; top: 10px; left: 10px; width: 640px; height: 536px; background: transparent url('/i/Page-Default.png') no-repeat; }
div#identity-main div#example
 { position: absolute; top: 280px; left: 32px; width: 179px; height: 188px; background-image: url('/i/Page-Identity-Example.png'); }
div#identity-main div#link
 { position: absolute; top: 488px; left: 280px; width: 333px; height: 21px; background-image: url('/i/Page-Identity-Link.png'); }

div#generic
 { position: absolute; top: 10px; left: 10px; width: 640px; height: 536px; background: transparent url('/i/Page-Default.png') no-repeat;}
div#generic blockquote 
 { padding: 0px 10px 0px 10px; margin-top: 10px; display: block; }
div#generic blockquote.scroller
 { overflow: auto; width: 610px; height: 480px; }

div#generic ol, div#generic ul
 { display: block; margin: 20px; padding-left: 10px }
div#generic li
 { padding: 2px 0px 4px 0px }

form#contactform br
 { clear: both; margin-top: 4px; }
form#contactform input, form#contactform textarea, form#contactform button
 { border: 1px solid #448AB5; background: #000; color: #fff; font: 12px sans-serif; margin-right: 8px; }
form#contactform label
 { float: left; text-align: right; width: 150px; clear: both; color: #fff; display: block; margin-right: 8px; }
form#contactform textarea
 { width: 300px; height: 120px; margin-bottom: 10px; }
form#contactform #submitbutton
 { text-align: center; margin-left: 208px; padding: 5px; margin-top: 10px; }

blockquote#gallery div
 { float: left; width: 180px; text-align: center; margin: 0px 12px 8px 0px; font-size: 11px; min-height: 120px;  }
blockquote#gallery div img
 { margin-bottom: 5px; border: 1px solid #448AB5; }
blockquote#gallery div a 
 { text-decoration: none; font-weight: normal; }
blockquote#gallery div:hover img
 { margin-bottom: 5px; border: 1px solid #ff0 }

div#next
 { position: absolute; top: 500px; left: 0px; width: 100%; display: block; border-top: 1px solid #5a5e6e; padding-top: 10px; background: #2E7DAE; height: 24px }
div#next h2
 { text-align: right; padding-right: 10px; }

/* Main Right Column */

div#rightcolumn
 { position: absolute; top: 10px; left: 667px; width: 285px; height: 536px; border: 1px solid #5a5e6e; background: #000; }
div#rightcolumn div#innercol
 { padding: 10px 0px 10px 10px; }
div#rightcolumn div#innercol p
 { line-height: 160% } 
div#rightcolumn div#introtext 
 { height: 240px; background: transparent url('/i/VibraIntroduction.png') no-repeat; }
div#rightcolumn div#servicesblock
 { border-top: 1px solid #5a5e6e; background: transparent url('/i/ServicesHeader.png') no-repeat; height: 240px; padding-top: 64px; }
div#rightcolumn div#servicesblock li
 { list-style: none; display: block; width: 80px; height: 76px; border: 1px solid #006cb5; float: left; margin: 0px 5px 7px 0px; background-repeat: no-repeat;}
div#rightcolumn div#servicesblock li a
 { display: block; width: 80px; height: 76px; }
div#rightcolumn div#servicesblock li:hover
 { border: 1px solid #ff0; }

/* Inner Pages Right Column */

div#rightcolumn h2#marketingmenu
 { height: 51px; background: transparent url('/i/MarketingColumn.png') no-repeat; }
div#rightcolumn ul#marketingpages
 { list-style: none; margin: 0px; }
div#rightcolumn ul#marketingpages li
 { margin: 0px; padding: 0px; }
div#rightcolumn ul a:link, div#rightcolumn ul a:visited
 { text-decoration: none; display: block; padding: 0px 0px 4px 0px; color: #989fb8;  }
div#rightcolumn ul a:hover
 { color: #fff; }
div#rightcolumn ul a:active
 { color: #2E7DAE; }

div#rightcolumn h2#marketingprogramsheader
 { height: 38px; background: transparent url('/i/MarketingProgramsHeader.png') no-repeat; }
div#rightcolumn ul#marketingprogramspages
 { list-style: none; margin-bottom: 10px }

/* Services */

li#marketing
 { background-image: url('/i/ico-Marketing.png'); }
li#printmedia
 { background-image: url('/i/ico-Print.png'); }
li#digitalmedia
 { background-image: url('/i/ico-Digital.png'); }
li#photography
 { background-image: url('/i/ico-Photography.png'); }
li#roomplanner
 { background-image: url('/i/ico-RoomPlanner.png'); }
li#virtualtours
 { background-image: url('/i/ico-VirtualTours.png'); }

div#footer
 { height: 38px; position: relative; margin-top: 5px; }
h4#address 
 { display: block; position: absolute; top: 0px; left: 0px; background-image: url('/i/SubAddress.png'); background-repeat: no-repeat; width: 368px; height: 32px }
h4#address a:link, h4#address a:visited
 { display: block; width: 368px; height: 32px }
h5#copyright
 { display: block; position: absolute; top: 0px; left: 678px; background: transparent url('/i/VibraCopyright.png') top right no-repeat; height: 17px; width: 280px; }
div#sublinks
 { display: block; position: absolute; top: 18px; left: 678px; background: transparent url('/i/VibraCopyright.png') top right no-repeat; height: 18px; width: 280px; overflow: hidden; }
div#sublinks a
 { float: left; height: 18px; overflow: hidden; background-image: url('/i/SubNav.png'); background-repeat: no-repeat; }
a#m01 { background-position: 0px 0px; width: 63px; }
a#m02 { background-position: -63px 0px; width: 90px; }
a#m03 { background-position: -153px 0px; width: 72px; }
a#m04 { background-position: -225px 0px; width: 55px; }
a#m01:hover { background-position: 0px -18px; }
a#m02:hover { background-position: -63px -18px; }
a#m03:hover { background-position: -153px -18px; }
a#m04:hover { background-position: -225px -18px; }