@charset "utf-8";
/* CSS Document */
body {text-align: center; background-color:#99CC66; padding: 25px 0 0 0; background: url(images/background.gif);}

/* PAGE STRUCTURE */
#page {width: 900px; margin: 0 auto; background-color: #ffffff; padding: 0 5px 0 0;
	background: #ffffff url(images/right_drop_shadow.gif) repeat-y 900px;}
#page_drop_shadow {clear: both; height: 5px; background: #000000 url(images/bottom_drop_shadow.gif) repeat-x bottom;}
#header {width: 830px; height: 90px; margin: 0 35px; padding: 20px 0 0 0; background-color: #ffffff; text-align: left;}
#main {width: 830px; margin: 0 30px 0 35px; background-color: #ffffff;}
#footer {width: 905px; height: 40px; margin: 0 auto; background-color: transparent; padding: 5px 0 0 0;
	font: 10px Arial, Helvetica, sans-serif; color: #666666; text-align: left;}

/* COMMON ELEMENTS */
p {text-align: left; font: 12px Tahoma, Arial, sans-serif; line-height: 160%; color: #666666;}
a:link {color:#666666; text-decoration:underline;}
a:hover {color:#000000; text-decoration: underline;}
a:visited {color: #000000; text-decoration: underline;}

/* HEADER AND NAVBAR */
h1 {text-indent: -9999px; width: 200px; height: 75px; margin: 0; background-color: #ffffff; float: left;
	background-image: url(images/logo.gif);}
#navbar {width: 600px; height: 30px; margin: 35px 0 0 0; background-color: #ffffff; float: right; }
#navbar ol {list-style-type: none; padding: 0; margin: 0; border-right: 1px solid #2f6f2f;}
#navbar ol li {float: left; padding: 0; margin: 0; text-align: center;}
#navbar ol li a {height: 30px; display: block; border-left: 1px solid #2f6f2f; text-indent: -9999px; background: #ffffff;}

/* LINK BG IMAGES */
#navbar ol li a#services:link, #navbar ol li a#services:visited {width: 123px; background: url(images/services.gif) no-repeat 18px 0;}
#navbar ol li a#clients:link, #navbar ol li a#clients:visited {width: 109px; background: url(images/clients.gif) no-repeat 15px 0;}
#navbar ol li a#about_us:link, #navbar ol li a#about_us:visited {width: 125px; background: url(images/about_us.gif) no-repeat 16px 0;}
#navbar ol li a#contact_us:link,#navbar ol li a#contact_us:visited {width: 135px; background: url(images/contact_us.gif) no-repeat 12px 0;}
#navbar ol li a#home:link, #navbar ol li a#home:visited {width: 101px; background: url(images/home.gif) no-repeat 17px 0; border-right: 1px solid #2f6f2f;}

/* LINK BG ROLLOVERS */
#navbar ol li a#services:hover {background: url(images/services_roll.gif) no-repeat 18px 0;}
#navbar ol li a#clients:hover {background: url(images/clients_roll.gif) no-repeat 15px 0;}
#navbar ol li a#about_us:hover {background: url(images/about_us_roll.gif) no-repeat 16px 0;}
#navbar ol li a#contact_us:hover {background: url(images/contact_us_roll.gif) no-repeat 12px 0;}
#navbar ol li a#home:hover {background: url(images/home_roll.gif) no-repeat 17px 0;}

/* LINK BG ACTIVE IMAGES */
#navbar ol li a#services.active {background: url(images/services_roll.gif) no-repeat 18px 0;}
#navbar ol li a#clients.active {background: url(images/clients_roll.gif) no-repeat 15px 0;}
#navbar ol li a#about_us.active {background: url(images/about_us_roll.gif) no-repeat 16px 0;}
#navbar ol li a#contact_us.active {background: url(images/contact_us_roll.gif) no-repeat 12px 0;}
#navbar ol li a#home.active {background: url(images/home_roll.gif) no-repeat 17px 0;}

/**************************************************************/

/* MAIN LEFT inc subnavigation */
#left {width: 230px; margin: 0 0 0 0; float: left; background-color: #ffffff; text-align: left;   padding: 0 0 35px 0;
	}
#green_rectangle {width: 230px; height: 320px; background: url(images/green_rectangle.gif) no-repeat;}
#green_rectangle2 {width: 230px; height: 320px; background: url(images/green_rectangle2.gif) no-repeat;}
#green_rectangle3 {width: 230px; height: 320px; background: url(images/green_rectangle3.gif) no-repeat;}
#left img {width: 200px; margin: 20px 0 0 0; padding: 0;}
#left img.top_left_image {width: 200px; margin: 35px 0 0 0; padding: 0;}
#left img.mid_left_image {width: 200px; margin: 25px 0 0 0; padding: 0;}
#subnav {}
#subnav ol {list-style-type: none; padding: 0; margin: 0; background-color: #c7d89e;}
#subnav ol li {padding: 0; margin: 0; text-align: center;}
#subnav ol li.subnav_clients_header {height: 76px; background: url(images/subnav_clients_header.gif) no-repeat; }
#subnav ol li.subnav_services_header {height: 76px; background: url(images/subnav_services_header.jpg) no-repeat; }
#subnav ol li.subnav_clients_footer {height: 83px; background: url(images/subnav_clients_footer.jpg) no-repeat; }
#subnav ol li.subnav_services_footer {height: 129px; background: url(images/subnav_services_footer.jpg) no-repeat; }
#subnav ol li a {width: 230px; height: 23px; display: block; text-indent: -9999px; background: #C7D89E;}

/* SUBNAV CLIENTS BG IMAGES */
#subnav ol li a#cutty_sark:link, #subnav ol li a#cutty_sark:visited {background: url(images/cutty_sark.jpg) no-repeat;}
#subnav ol li a#the_glenrothes:link, #subnav ol li a#the_glenrothes:visited {background: url(images/the_glenrothes.jpg) no-repeat;}
#subnav ol li a#harviestoun_brewery:link, #subnav ol li a#harviestoun_brewery:visited {background: url(images/harviestoun_brewery.jpg) no-repeat;}
#subnav ol li a#highland_park:link, #subnav ol li a#highland_park:visited {background: url(images/highland_park.jpg) no-repeat;}
#subnav ol li a#nardini:link, #subnav ol li a#nardini:visited {background: url(images/nardini.jpg) no-repeat;}
#subnav ol li a#number_one:link, #subnav ol li a#number_one:visited {background: url(images/number_one.jpg) no-repeat;}
#subnav ol li a#sunday_times:link, #subnav ol li a#sunday_times:visited {background: url(images/sunday_times.jpg) no-repeat;}

/* SUBNAV CLIENTS BG ROLLOVERS */
#subnav ol li a#cutty_sark:hover {background: url(images/cutty_sark_roll.jpg) no-repeat;}
#subnav ol li a#the_glenrothes:hover {background: url(images/the_glenrothes_roll.jpg) no-repeat;}
#subnav ol li a#harviestoun_brewery:hover {background: url(images/harviestoun_brewery_roll.jpg) no-repeat;}
#subnav ol li a#highland_park:hover {background: url(images/highland_park_roll.jpg) no-repeat;}
#subnav ol li a#nardini:hover {background: url(images/nardini_roll.jpg) no-repeat;}
#subnav ol li a#number_one:hover {background: url(images/number_one_roll.jpg) no-repeat;}
#subnav ol li a#sunday_times:hover {background: url(images/sunday_times_roll.jpg) no-repeat;}

/* SUBNAV CLIENTS BG ACTIVE IMAGES */
#subnav ol li a#cutty_sark.active {background: url(images/cutty_sark_roll.jpg) no-repeat;}
#subnav ol li a#the_glenrothes.active {background: url(images/the_glenrothes_roll.jpg) no-repeat;}
#subnav ol li a#harviestoun_brewery.active {background: url(images/harviestoun_brewery_roll.jpg) no-repeat;}
#subnav ol li a#highland_park.active {background: url(images/highland_park_roll.jpg) no-repeat;}
#subnav ol li a#nardini.active {background: url(images/nardini_roll.jpg) no-repeat;}
#subnav ol li a#number_one.active {background: url(images/number_one_roll.jpg) no-repeat;}
#subnav ol li a#sunday_times.active {background: url(images/sunday_times_roll.jpg) no-repeat;}


/* SUBNAV SERVICES BG IMAGES */
#subnav ol li a#product_launches:link, #subnav ol li a#product_launches:visited {background: url(images/product_launches.jpg) no-repeat;}
#subnav ol li a#press_packs:link, #subnav ol li a#press_packs:visited {background: url(images/press_packs.jpg) no-repeat;}
#subnav ol li a#press_events:link, #subnav ol li a#press_events:visited {background: url(images/press_events.jpg) no-repeat;}
#subnav ol li a#PR_campaigns:link, #subnav ol li a#PR_campaigns:visited {background: url(images/PR_campaigns.jpg) no-repeat;}
#subnav ol li a#publishing:link, #subnav ol li a#publishing:visited {background: url(images/publishing.jpg) no-repeat;}

/* SUBNAV SERVICES BG ROLLOVERS */
#subnav ol li a#product_launches:hover {background: url(images/product_launches_roll.jpg) no-repeat;}
#subnav ol li a#press_packs:hover {background: url(images/press_packs_roll.jpg) no-repeat;}
#subnav ol li a#press_events:hover {background: url(images/press_events_roll.jpg) no-repeat;}
#subnav ol li a#PR_campaigns:hover {background: url(images/PR_campaigns_roll.jpg) no-repeat;}
#subnav ol li a#publishing:hover {background: url(images/publishing_roll.jpg) no-repeat;}

/* SUBNAV SERVICESS BG ACTIVE IMAGES */
#subnav ol li a#product_launches.active {background: url(images/product_launches_roll.jpg) no-repeat;}
#subnav ol li a#press_packs.active {background: url(images/press_packs_roll.jpg) no-repeat;}
#subnav ol li a#press_events.active {background: url(images/press_events_roll.jpg) no-repeat;}
#subnav ol li a#PR_campaigns.active {background: url(images/PR_campaigns_roll.jpg) no-repeat;}
#subnav ol li a#publishing.active {background: url(images/publishing_roll.jpg) no-repeat;}


/**************************************************************/

/* MAIN RIGHT */
#right {width: 600px; margin: 0 0 0 0; float: right; position: relative;  padding: 0 0 35px 0;}


/* TEXT HEADER IMAGES  - CLIENTS */
h2 {text-indent: -9999px; height: 25px; margin: 28px 0 0 0; background-color: #00FFFF;}
h2.cutty_sark_header {background: url(images/cutty_sark_header.jpg) no-repeat 0 0;}
h2.glenrothes_header {background: url(images/glenrothes_header.jpg) no-repeat 0 0;}
h2.harviestoun_header {background: url(images/harviestoun_header.jpg) no-repeat 0 0;}
h2.highland_park_header {background: url(images/highland_park_header.jpg) no-repeat 0 0;}
h2.nardini_header {background: url(images/nardini_header.jpg) no-repeat 0 0;}
h2.number_one_header {background: url(images/number_one_header.jpg) no-repeat 0 0;}
h2.sunday_times_header {background: url(images/sunday_times_header.jpg) no-repeat 0 0;}

/* TEXT HEADER IMAGES  - SERVICES */
h2 {text-indent: -9999px; height: 25px; margin: 28px 0 0 0; background-color: #00FFFF;}
h2.product_launches_header {background: url(images/product_launches_header.jpg) no-repeat 0 0;}
h2.press_packs_header {background: url(images/press_packs_header.jpg) no-repeat 0 0;}
h2.press_events_header {background: url(images/press_events_header.jpg) no-repeat 0 0;}
h2.PR_campaigns_header {background: url(images/PR_campaigns_header.jpg) no-repeat 0 0;}
h2.publishing_header {background: url(images/publishing_header.jpg) no-repeat 0 0;}

/* TEXT HEADER IMAGES  - ABOUT US */
h2 {text-indent: -9999px; height: 25px; margin: 28px 0 0 0; background-color: #0FF ;}
h2.marcin_header {background: url(images/marcin_header.jpg) no-repeat 0 0;}
h2.joy_header {background: url(images/joy_header.jpg) no-repeat 0 0;}
h2.rubyna_header {background: url(images/rubyna_header.jpg) no-repeat 0 0;}

/* TWITTER  */
#twitter_div {width: 600px; margin: 25px 0 30px 230px; background-color: #ffffff;}
#twitter_div h3 {text-indent: -9999px; height: 15px; background: url(images/Twitter_header.gif) no-repeat 0 0; padding-left: 15px; margin-left:0;}
ul#twitter_update_list li{text-align: left; font: 12px Tahoma, Arial, sans-serif; line-height: 160%; color: #666666; padding-right: 20px;}
#twitter-link {display:block; text-align:left; font: 12px Tahoma, Arial, sans-serif; line-height: 160%; color: #666666; margin-bottom: 35px; padding-left: 0px; padding-bottom: 15px;}



/* FOOTER */
#footer {}
#footer ol {list-style-type: none; margin: 0; padding: 0; display: inline;}
#footer ol li {display: inline; margin: 0 8px 0 0; float: left;}
#footer ol li.tel {margin: 0 0 0 75px; }
#footer ol li.email {margin: 0 0 0 85px; }
#footer ol li.portman2 {float: right; margin: 0;}
#footer ol li a:visited {color:#666666;}
img.preload {display: none;}
span.superscript {font-size: 7px; color: #666666; vertical-align:top;}