/*

Juice styles... enjoy!

Colours:

Dark grey: rgb(80,80,80)
Light grey: rgb(150,150,150)
Magenta: rgb(226,0,122)
Light magenta: rgb(237,140,176)
Lime: rgb(181,202,6)

*/

/* Setup */
body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; font-family:Arial, Helvetica, sans-serif; font-size:62.5%; color:rgb(150,150,150); }
h1 { margin:0 0 15px 0; font-weight:normal; font-size:2.5em; letter-spacing:-1px; font-family:"Lucida Grande", Arial, Helvetica, sans-serif; }
h2 { margin:0 0 15px 0; font-weight:normal; font-size:1.8em; line-height:1.3em; letter-spacing:0; }
h3 { margin:0 0 15px 0; font-weight:normal; font-size:1.4em; }
h4 { margin:0; font-weight:normal; font-size:1.1em; letter-spacing:1px; font-family:"Lucida Grande", Arial, Helvetica, sans-serif; }
h5 { margin:0; font-weight:normal; font-size:1.1em; }
h6 { margin:0; font-weight:normal; font-size:0.9em; font-family:"Lucida Grande", Arial, Helvetica, sans-serif; }
a { color:rgb(226,0,122); text-decoration:underline; }
a:hover { color:rgb(181,202,6); }
.clear { clear:both; }
.clear_right { clear:right; }
p { margin:0 0 10px 0; font-size:1.1em; line-height:1.4em; text-align:justify; }
strong { font-weight:bold; color:rgb(226,0,122); }

#container { width:750px; margin:0 auto 0 auto; }

/* Menus */
#menu { margin:0; padding:0; border-top:1px solid rgb(150,150,150); border-bottom:1px solid rgb(150,150,150); }
ul { margin:0; padding:0; list-style:none; }
li { margin:0; padding:0; display:block; }
#menu ul li { float:left; text-transform:uppercase; letter-spacing:1px; font-size:0.9em; }
#menu ul li a { float:left; display:block; color:rgb(150,150,150); padding:6px 13px 6px 13px; text-decoration:none; }
#menu ul li a:hover { background-color:rgb(150,150,150); color:white; }
#menu ul li.selected { padding:6px 13px 6px 13px; background-color:rgb(150,150,150); color:white; }
#menu ul li#menu_right { float:right; }

/* Header */
#header { position:relative; padding:67px 0 0 0; }
#heading_home { margin-bottom:15px; }
#logo_juice { margin:0 0 30px 0; }
#breadcrumb { position:absolute; right:0; top:102px; }
sup { line-height:1em; font-size:0.4em; }

#postit_note {position:absolute; width:240px; height:248px; margin-left:430px; top:0px; z-index:200;}

#banner { border:1px solid rgb(150,150,150); margin:30px 0 30px 0; width:750px; height:140px; position:relative; z-index:0;}
#banner_heading { position:absolute; z-index:10; width:300px; left:430px; top:30px; }
#page_home #banner_heading { width:260px; }
#banner_heading.twolines { top:30px;  }
#banner_heading.twolines h1 { margin-bottom:10px;  }
#banner_heading.oneline { top:45px; }
#banner_heading h1 { margin-bottom:4px; }

/* Main */
table#main { border-collapse:collapse; margin:0; padding:0; width:100%; }
table td { vertical-align:top; }
#left_column { width:214px; margin:0; padding:0 30px 0 0; }
#left_column h2 { margin-bottom:20px; }
#left_column p a { color:rgb(150,150,150); }
#left_column p a:hover { color:rgb(181,202,6); }
#left_column li { margin-bottom:8px; font-weight:normal; font-size:1.4em; }
#left_column li .small { display:block; font-size:0.8em; margin-top:3px; }
#left_column li .small a , #left_column li .small a:hover { color:rgb(150,150,150); text-decoration:none; }
ul#client_list li { font-size:1.1em; }
.intro_image { margin-bottom:20px; }
.box_grey ul { margin-top:10px; }
.box_grey ul li { margin:0 0 5px 0; font-weight:normal; font-size:1.2em; }
#centre_column { width:auto; margin:0; padding-left:30px; border-left:1px solid rgb(150,150,150); }
.layout2 #centre_column { width:auto; }
#right_column { width:200px; margin:0; padding-left:30px; }

/*
The 'table-free' version:
#left_column { float:left; width:215px; margin:0 0 0 0; padding:0 30px 0 0; }
#centre_column { width:auto; margin:0 230px 0 245px; padding-left:30px; border-left:1px solid rgb(150,150,150); }
.layout2 #centre_column { margin-right:0; }
#right_column { float:right; width:200px; margin:0 0 0 0; padding:0; }*/
.box_grey { padding:20px; background-color:rgb(150,150,150); color:white; }
.box_grey h2 { margin-bottom:10px; }
.box_grey h3 { color:white; }
.box_grey a { color:white; }
.box_grey a:hover { color:rgb(226,0,122); }
.box_grey p { color:white; }
.box_grey .link { text-align:right; }
#page_home .box_grey { }
#page_services .box_grey { height:497px; }
#home_news .date { display:block; font-size:0.7em; }
.thumb_listing { margin:0 0 45px 0; clear: left; }
#page_home .thumb_listing { clear:none; margin-bottom:40px; }
.thumb_listing_pic { float:left; width:65px; }
.thumb_listing_text { margin:0 0 0 85px; }
.thumb_listing_text h3 { margin-bottom:5px; }
.intro { font-size:1.2em; line-height:1.4em; text-align:left; }
table.thumbnails { border-collapse:collapse; margin:0; padding:0; }
table.thumbnails td { vertical-align:top; padding:0 0 15px 0; }
table.thumbnails .thumbnail_column { padding-right:15px; }
table.thumbnails .text_column h3 { margin-bottom:10px; }
table.thumbnails .text_column p { margin:0; }

/* Advert */
.advert { border:1px solid rgb(150,150,150); }
.small_advert { border:1px solid rgb(150,150,150); margin-top:10px; }

/* Portfolio */
#portfolio_thumbs { width:214px; margin:7px 0 0 0; padding:0; }
#portfolio_thumbs td { vertical-align:top; }
.thumb_left { }
.thumb_centre { padding:0 8px 8px 8px; }
.thumb_right { }
img.thumb { border:2px solid white; }
img.thumb:hover { border:2px solid rgb(226,0,122); }
img.selected_thumb { border:2px solid rgb(181,202,6); filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50; }

#portfolio_header { position:relative; height:165px; }
#page_news #portfolio_header { /* height:60px; */ }
#portfolio_header h2 { margin-bottom:0px; }
#portfolio_clientname { position:absolute; bottom:0; margin:0 0 7px 0; }
#portfolio_text { width:235px; float:right;}
#portfolio_services { }
#portfolio_services li { font-size:1.1em; margin-bottom:5px; }
#portfolio_services a { color:rgb(150,150,150); text-decoration:none; }
#portfolio_services a:hover { color:rgb(150,150,150); text-decoration:none; }
#portfolio_image { padding:15px 0 15px 0; text-align:center; margin-bottom:15px; }
#portfolio_image img { /*border:1px solid rgb(150,150,150);*/ }
#portfolio_detail { width:215px; float:right; }
#portfolio_detail p { text-align:right; }
#portfolio_back { position:absolute; right:0; top:140px; }

.client_logo {float:left; margin:0 16px 25px 0; width:142px; height:60px; }

/* Gallery */
#main_image_wrapper{position:relative; width:auto; height:307px; background-image:url(rsrc/loading_image.gif); background-repeat:no-repeat; background-position:50% 50%;}
.spacing { margin-top:20px; }
#imgloader{text-align:center;vertical-align:middle;}
#thumbbox{border:solid 1px rgb(150,150,150);text-align:center;width:auto;position:relative;padding:5px;}
#thumb_container{position:relative;overflow:hidden;width:475px;height:40px;margin:0;}
#thumbs img{margin-right:5px;vertical-align:top; padding:2px; }
#thumbs a img{ border:1px solid white; }
#thumbs a:hover img{border:1px solid rgb(226,0,122);}
#thumbs a:hover{color:rgb(226,0,122);}
#photocount{
	color:#FFF;
	font-size:10px;
	float: left;
	width: 48%;
	text-align: left;
	left:0;
}
#back{position:absolute;top:0;left:0;visibility:hidden;z-index:1001;}
#more{position:absolute;top:0;left:475px;float:right;z-index:1001;}
.morelink:hover{font-size:11px;coute;top:0;left:0;visibility:hidden;z-index:1001;}
#more{position:absolute;top:0;left:475px;float:right;z-index:1001;}
.morelink:hover{font-size:11px;color:#FFF;text-decoration:underline;}
#thumbgall{position:absolute;left:0;top:0;white-space:nowrap;z-index:1000;}
#widthbox{position:relative;display:inline;left:0;top:0;padding:1px;}
#widthbox h6 { float:left; line-height:40px; margin:0 10px 0 10px; }
#imgbox{width:80px;height:80px;display:inline;position:absolute;text-align:center;}
#rightmore li a{background:url(rsrc/thumb_right_more.gif) no-repeat;display:block;color:#fff;text-decoration:none;width:100%;padding:0;}
#rightmore li a:hover{background:url(rsrc/thumb_right_more_over.gif) no-repeat;color:#fff;height:50px;}
#leftmore li a{background:url(rsrc/thumb_left_more.gif) no-repeat;display:block;color:#fff;text-decoration:none;width:100%;padding:0;}
#leftmore li a:hover{background:url(rsrc/thumb_left_more_over.gif) no-repeat;color:#fff;height:50px;}
.spacing{padding:1px;}
.morelink:link,.morelink:visited{font-size:11px;color:#FFF;text-decoration:none;}
#rightmore,#leftmore{color:#333;height:50px;width:20px;padding:0;}
#rightmore ul,#leftmore ul{list-style:none;border:none;height:50px;margin:0;padding:0;}
#rightmore li,#leftmore li{height:50px;margin:0;}
html>body #rightmore li a,html>body #leftmore li a{width:auto;}
#pn_overlay{position:absolute; top:0; left:0; width:100%; height:100%; z-index:998;}
#prev, #next{
	width: 30%;
	height: 100%;
	background: transparent url(rsrc/blank.gif) no-repeat; /* Trick IE into showing hover */
	outline:none;
	}
#prev { left: 0; float: left; outline: none; -moz-outline: none; visibility:hidden; }
#next { right: 0; float: right; outline: none; -moz-outline: none;}
#prev:hover, #prev:visited:hover { background: url(images/prev_magenta.gif) left 50% no-repeat; }
#next:hover, #next:visited:hover { background: url(images/next_magenta.gif) right 50% no-repeat; }
#imgtitle{width:auto; font-size:.8em; text-align:center; color:#FFF; display:block}
#imgtitle h2{font-size:1.3em; margin:0; padding:0}
#thumbtoggler {
	text-align: right;
	float: right;
	width: 48%;
	right:0;
	z-index:1100;
}
#thumbdisplay {
	width: auto;
}
#e2link {font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding:5px 0;
	color: #FFFFFF;
	text-align:left;}
#e2link a {
	color: #FFFFFF;
	text-decoration:none
}

.tooltip {
	color: #fff;
	width: 150px;
	z-index: 15000;
	text-align:left;
}

.tooltip h4 {
	font-weight: bold;
	font-size: 12px;
	margin: 0px;
	padding: 8px 8px 2px;
	background:#000;
}

.tooltip p {
	font-size: 11px;
	padding: 1px 8px 8px;
	margin:0px;
	background: #000;
}#thumbhide {
	position: relative;
	overflow:hidden;
}

/* Case Studies */
#case-study-quote { /*width:245px; float:left;*/ margin-bottom:20px; }
#case-study-quote p { font-size:1.3em; line-height:1.6em; font-style:italic; margin-bottom:10px; }
#case-study-quote .caption { font-size:1em; font-weight:bold; margin-top:0; }
#case-study-text { /*margin-left:275px;*/ }

/* Services */
.aka { font-size:0.9em; display:block; margin:5px 0 10px 0; }
.aka a , .aka a:hover { text-decoration:none; }
.box_grey .aka a:hover { color:white; }

/* News */

.date { font-size:0.9em; margin-top:3px; }
.caption { margin-top:10px; font-style:italic; /*margin-right:230px;*/ }
.news_heading { margin:115px 0 5px 0; }
.news_intro { margin:20px 0 10px 0; font-size:1.2em; line-height:1.6em; }

/* Footer */
#footer { clear:both; margin:20px 0 0 0; border-top:1px solid rgb(150,150,150); padding:8px 0 15px 0; }
#footer_address { float:right; }
.copyright { margin:20px 0 5px 0; }