/**************************************************************************************************************/
/*                                                                                                            */
/*    GLOBAL RESET                                                                                            */
/*                                                                                                            */
/**************************************************************************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table 
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

img{
	border:none;
}
input, textarea {
  font-family:verdana,helvetica,arial;
  font-size:100%;
}

.clear
{
clear:both;
}

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



/**************************************************************************************************************/
/*                                                                                                            */
/*    MASTER                                                                                                  */
/*                                                                                                            */
/**************************************************************************************************************/

body
{
font-family:Verdana;
font-size:62.5%;
background:#d8d8d8 url(../images/body_bg.png) repeat-x
}

a:link {color:#d4147b; text-decoration: none;}
a:visited {color:#d4147b; text-decoration: none;}
a:hover {color: #d4147b; text-decoration:underline;}
a:active {color: #d4147b; text-decoration: none;}

div.container
{
width:960px;
position:relative;
margin:0px auto;
}

div.header
{
width:960px;
height:113px;
border-bottom:1px solid #d4147a;
position:relative;
z-index:10;
}

img.logo
{
position:absolute;
top:0px;
left:10px;
}

img.strapline
{
position:absolute;
top:53px;
right:5px;
}

div.navigation_container
{
position:absolute;
top:0px;
right:86px;
}

ul.navigation li
{
float:left;
}

ul.navigation li a
{
display:block;
}

ul.navigation li a span
{
display:none;
}

ul.navigation li.home a
{
background:url(../images/nav_bg.png) no-repeat 0px -64px;
width:154px;
height:32px;
}

ul.navigation li.home a:hover
{
background-position:0px -32px;
}

ul.navigation li.home a.selected
{
background-position:0px 0px;
}

ul.navigation li.about_us a
{
background:url(../images/nav_bg.png) no-repeat -155px -64px;
width:154px;
height:32px;
}

ul.navigation li.about_us a:hover
{
background-position:-155px -32px;
}

ul.navigation li.about_us a.selected
{
background-position:-155px 0px;
}

ul.navigation li.our_clients a
{
background:url(../images/nav_bg.png) no-repeat -309px -64px;
width:154px;
height:32px;
}

ul.navigation li.our_clients a:hover
{
background-position:-309px -32px;
}

ul.navigation li.our_clients a.selected
{
background-position:-309px 0px;
}

ul.navigation li.our_people a
{
background:url(../images/nav_bg.png) no-repeat -463px -64px;
width:154px;
height:32px;
}

ul.navigation li.our_people a:hover
{
background-position:-463px -32px;
}

ul.navigation li.our_people a.selected
{
background-position:-463px 0px;
}

ul.navigation li.contact_us a
{
background:url(../images/nav_bg.png) no-repeat -616px -64px;
width:153px;
height:32px;
}

ul.navigation li.contact_us a:hover
{
background-position:-616px -32px;
}

ul.navigation li.contact_us a.selected
{
background-position:-616px 0px;
}

/*CHRISTMAS CARDS*/

ul.navigation li.xmas_cards a
{
background:url(../images/nav_bg.png) no-repeat -769px -64px;
width:153px;
height:32px;
}

ul.navigation li.xmas_cards a:hover
{
background-position:-769px -32px;
}

ul.navigation li.xmas_cards a.selected
{
background-position:-769px 0px;
}
/*******/


div.content
{
width:960px;
min-height:500px;
position:relative;
}

div.footer
{
width:960px;
height:90px;
position:relative;
}

div.footer div.contact_details
{
position:absolute;
top:28px;
color:#626262;
font-size:1em;
}

div.footer div.contact_details address
{
display:inline;
}

div.footer div.contact_details a
{
color:#626262 !important;
text-decoration:none !important;
}

div.footer div.services
{
position:absolute;
top:50px;
color:#626262;
font-size:1em;
}

div.codeworks a
{
position:absolute;
top:27px;
right:133px;
display:block;
width:100px;
height:31px;
background:url(../images/codeworks.png) 0px 31px;
}

div.codeworks a:hover
{
background-position:0px 0px;
}

div.codeworks a span
{
display:none;
}

div.eforum a
{
position:absolute;
top:26px;
right:-2px;
display:block;
width:115px;
height:31px;
background:url(../images/eforum.png) 0px 31px;
}

div.eforum a:hover
{
background-position:0px 0px;
}

div.eforum a span
{
display:none;
}

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



/**************************************************************************************************************/
/*                                                                                                            */
/*    HOME                                                                                                    */
/*                                                                                                            */
/**************************************************************************************************************/

.home_container
{
width:980px;
height:625px;
background:url(../images/home_bg.jpg) no-repeat;
position:relative;
margin-bottom:-85px;
}

h1.title_home
{
width:243px;
height:94px;
display:block;
background:url(../images/title_home.png) no-repeat 0px 0px;
position:relative;
top:14px;
left:-23px;
}

h1.title_home span
{
display:none;
}

h2.home_text_1
{
width:477px;
height:75px;
background:url(../images/home_text_1.png) no-repeat 0px 0px;
display:block;
position:absolute;
top:95px;
left:22px;
}

h2.home_text_1 span
{
display:none;
}

p.home_text_2
{
width:503px;
height:50px;
background:url(../images/home_text_2.png) no-repeat 0px 0px;
display:block;
position:absolute;
top:164px;
left:22px;
}

p.home_text_2 span
{
display:none;
}

p.home_text_3
{
width:480px;
height:49px;
background:url(../images/home_text_3.png) no-repeat 0px 0px;
display:block;
position:absolute;
top:219px;
left:22px;
}

p.home_text_3 span
{
display:none;
}

.showreel_shadow
{
position:absolute;
top:270px;
left:9px;
width:416px;
height:203px;
background:url(../images/showreel_shadow.gif) no-repeat;
}

#showreel
{
position:absolute;
top:266px;
left:22px;
width:390px;
height:260px;
}

.home_grass_left1
{
width:38px;
height:55px;
background:url(../images/home_grass_left.png) no-repeat top left;
position:absolute;
left:0px;
top:430px;
}

.home_grass_left2
{
width:26px;
height:64px;
background:url(../images/home_grass_left.png) no-repeat bottom left;
position:absolute;
left:0px;
top:485px;
}

.home_grass_right2
{
width:40px;
height:52px;
background:url(../images/home_grass_right.png) no-repeat 0px 0px;
position:absolute;
top:431px;
left:375px;
}

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



/**************************************************************************************************************/
/*                                                                                                            */
/*    ABOUT US                                                                                                */
/*                                                                                                            */
/**************************************************************************************************************/

h1.title_whoweare
{
width:273px;
height:94px;
display:block;
background:url(../images/title_whoweare.png) no-repeat 0px 0px;
position:relative;
top:40px;
left:-149px;
z-index:5;
}

h1.title_whoweare span
{
display:none;
}

h1.title_whatwedo
{
width:277px;
height:94px;
display:block;
background:url(../images/title_whatwedo.png) no-repeat 0px 0px;
position:relative;
top:40px;
left:-149px;
z-index:5;
}

h1.title_whatwedo span
{
display:none;
}

h1.title_wherewelive
{
width:323px;
height:94px;
display:block;
background:url(../images/title_wherewelive.png) no-repeat 0px 0px;
position:relative;
top:40px;
left:-149px;
z-index:5;
}

h1.title_wherewelive span
{
display:none;
}

.about_us_container
{
width:960px;
height:539px;
position:relative;
background:url(../images/about_us_bg.png) repeat-x 0px 0px;
border-bottom:1px solid #d4147a;
}

ul.about_us_nav
{
width:84px;
height:328px;
position:absolute;
top:52px;
left:677px;
z-index:2;
}

ul.about_us_nav li a
{
display:block;
}

ul.about_us_nav li a span
{
display:none;
}

ul.about_us_nav li.who_we_are a
{
background:url(../images/about_us_nav_bg.png) no-repeat 0px 0px;
width:84px;
height:110px;
}

ul.about_us_nav li.who_we_are a:hover
{
background-position:-84px 0px;
}

ul.about_us_nav li.who_we_are a.selected
{
background-position:-84px 0px;
}

ul.about_us_nav li.what_we_do a
{
background:url(../images/about_us_nav_bg.png) no-repeat 0px -110px;
width:84px;
height:109px;
}

ul.about_us_nav li.what_we_do a:hover
{
background-position:-84px -110px;
}

ul.about_us_nav li.what_we_do a.selected
{
background-position:-84px -110px;
}

ul.about_us_nav li.where_we_live a
{
background:url(../images/about_us_nav_bg.png) no-repeat 0px -219px;
width:84px;
height:109px;
}

ul.about_us_nav li.where_we_live a:hover
{
background-position:-84px -219px;
}

ul.about_us_nav li.where_we_live a.selected
{
background-position:-84px -219px;
}

.notebook
{
width:703px;
height:576px;
position:absolute;
background:url(../images/notebook.png) no-repeat 0px 0px;
top:-26px;
left:126px;
z-index:1;
}

.notebook p
{
color:#5b5b5b;
font-size:1.1em;
line-height:1.4em;
margin-top:10px;
}

.notebook p:first-child
{
margin-top:0px;
}

.notebook ul
{
color:#5b5b5b;
font-size:1.1em;
line-height:1.4em;
margin-top:10px;
}

.notebook ul li
{
margin-bottom:5px;
}

.who_we_are_text
{
left:36px;
position:absolute;
top:135px;
width:302px;
height:315px;
background:url(../images/about_us_text_1.png) no-repeat 0px 0px;
z-index:3;
}

.who_we_are_text p
{
display:none;
}

a.who_we_are_link_text
{
display:block;
height:23px;
left:175px;
position:absolute;
top:205px;
width:131px;
z-index:1000;
}

.passport_stamp
{
position:absolute;
top:432px;
left:66px;
width:236px;
height:188px;
background:url(../images/passport_stamp.png) no-repeat 0px 0px;
z-index:3;
}

.who_we_are_bridge
{
position:absolute;
top:40px;
left:400px;
z-index:3;
}

.who_we_are_entrance
{
position:absolute;
top:292px;
left:364px;
z-index:3;
}

.what_we_do_text
{
left:32px;
position:absolute;
top:136px;
width:302px;
height:355px;
background:url(../images/about_us_text_2.png) no-repeat 0px 0px;
z-index:3;
}

.what_we_do_text p
{
display:none;
}

.what_we_do_text ul
{
display:none;
}

.doodles
{
position:absolute;
left:282px;
top:374px;
width:428px;
height:192px;
background:url(../images/doodles.png) no-repeat 0px 0px;
z-index:1;
}

.what_we_do_explain
{
position:absolute;
top:34px;
left:370px;
z-index:3;
}

.what_we_do_vogue
{
position:absolute;
left:535px;
top:162px;
z-index:3;
}

.what_we_do_nufc
{
position:absolute;
left:382px;
top:198px;
z-index:3;
}

.where_we_live_text
{
left:35px;
position:absolute;
top:147px;
width:302px;
height:379px;
background:url(../images/about_us_text_3.png) no-repeat 0px 0px;
z-index:3;
}

.where_we_live_text h3
{
display:none;
}

.where_we_live_text p
{
display:none;
}

a.where_we_live_link_text
{
display:block;
height:19px;
left:271px;
position:absolute;
top:188px;
width:49px;
z-index:1000;
}

.home_sweet_home
{
position:absolute;
top:81px;
left:595px;
width:85px;
height:159px;
background:url(../images/home_sweet_home.png) no-repeat 0px 0px;
z-index:3;
}

.where_we_live_building
{
position:absolute;
top:44px;
left:364px;
z-index:3;
}

.where_we_live_garden
{
position:absolute;
top:309px;
left:382px;
z-index:3;
}

.hidden_page
{
display:none;
}

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



/**************************************************************************************************************/
/*                                                                                                            */
/*    OUR CLIENTS                                                                                             */
/*                                                                                                            */
/**************************************************************************************************************/

.our_clients_container
{
width:960px;
height:539px;
position:relative;
background:url(../images/our_clients_bg.png) repeat-x 0px 0px;
border-bottom:1px solid #d4147a;
}

h1.title_our_clients
{
width:273px;
height:94px;
display:block;
background:url(../images/title_our_clients.png) no-repeat 0px 0px;
position:relative;
top:14px;
left:-23px;
z-index:5;
}

h1.title_our_clients span
{
display:none;
}

h2.client_logo
{
display:block;
position:absolute;
cursor:pointer;
}

h2.client_logo span.tooltip
{
display:none;
position:absolute;
top:80px;
left:50px;
z-index:10;
background:url(../images/transparent_black.png);
color:#fff;
padding:6px 8px;
width:200px;
font-size:1.2em;
line-height:1.4em;
text-align:center;
}

.client_tooltip_top
{
width:25px;
height:14px;
position:absolute;
background:url(../images/tooltip_top.png) no-repeat;
top:-14px;
left:15px;
display:block;
}

.client_tooltip_top_right
{
width:25px;
height:14px;
position:absolute;
background:url(../images/tooltip_top.png) no-repeat;
top:-14px;
right:15px;
display:block;
}

.client_tooltip_bottom
{
width:25px;
height:14px;
position:absolute;
background:url(../images/tooltip_bottom.png) no-repeat;
bottom:-14px;
left:15px;
display:block;
}

.client_pop_up
{
position:absolute;
top:-18px;
left:-18px;
width:944px;
height:524px;
padding:25px 25px 25px 25px;
z-index:100;
display:none;
background:url(../images/our_clients_pop_up_bg.png) no-repeat;
}

.client_pop_up_images
{
width:944px;
height:525px;
display:block;
overflow:hidden;
background:url(../images/loading.gif) no-repeat 408px 237px;
}

.client_pop_up_title
{
position:absolute;
bottom:24px;
left:25px;
background:url(../images/transparent_black.png);
width:936px;
height:28px;
color:#fff;
font-size:1.5em;
line-height:28px;
padding-left:8px;
z-index:102;
}

.client_pop_up_title span
{
margin-left:7px;
}

.client_pop_up_title .show_hide
{
position:absolute;
top:1px;
right:8px;
font-size:0.8em;
cursor:pointer;
padding-right:15px;
background:url(../images/tooltip_arrow_up.png) no-repeat right;
display:none;
}

.show_hide_shown
{
background-image:url(../images/tooltip_arrow_down.png) !important;
}

.client_pop_up_content
{
position:absolute;
bottom:24px;
left:25px;
background:url(../images/transparent_black.png);
width:928px;
color:#fff;
line-height:1.25em;
padding:6px 8px 34px 8px;
z-index:101;
display:none;
}

.client_pop_up_close
{
width:29px;
height:29px;
background:url(../images/pop_up_close.png);
position:absolute;
top:4px;
right:4px;
cursor:pointer;
}

.hadrians_wall_logo
{
left:563px;
top:167px;
width:264px;
height:164px;
z-index:3;
background:url(../images/our_clients/hadrians_wall.png) no-repeat 0px 0px;
}

h2.hadrians_wall_logo span.tooltip
{
top:0px;
left:40px;
width:164px;
}

.aroma_wines_logo
{
left:344px;
top:169px;
width:266px;
height:186px;
z-index:3;
background:url(../images/our_clients/aroma_wines.png) no-repeat 0px 0px;
}

h2.aroma_wines_logo span.tooltip
{
top:0px;
left:85px;
width:96px;
}

.eforum_logo
{
top:0px;
left:700px;
width:265px;
height:194px;
z-index:1;
background:url(../images/our_clients/eforum.png) no-repeat 0px 0px;
}

h2.eforum_logo span.tooltip
{
top:5px;
left:40px;
width:150px;
}

.nonlinear_logo
{
top:0px;
left:230px;
z-index:1;
width:259px;
height:177px;
background:url(../images/our_clients/nonlinear.png) no-repeat 0px 0px;
}

h2.nonlinear_logo span.tooltip
{
top:5px;
left:45px;
width:151px;
}

.nufc_logo
{
top:-15px;
left:460px;
z-index:1;
width:264px;
height:187px;
background:url(../images/our_clients/nufc.png) no-repeat 0px 0px;
}

h2.nufc_logo span.tooltip
{
top:5px;
left:60px;
width:122px;
}

.explain_logo
{
left:-20px;
top:30px;
z-index:1;
width:278px;
height:233px;
background:url(../images/our_clients/explain.png) no-repeat 0px 0px;
}

h2.explain_logo span.tooltip
{
top:115px;
left:186px;
width:56px;
}

.redbox_logo
{
left:726px;
top:152px;
z-index:2;
width:282px;
height:231px;
background:url(../images/our_clients/redbox.png) no-repeat 0px 0px;
}

h2.redbox_logo span.tooltip
{
top:50px;
left:85px;
width:155px;
}

.pfr_logo
{
left:121px;
top:162px;
z-index:3;
width:269px;
height:201px;
background:url(../images/our_clients/pfr.png) no-repeat 0px 0px;
}

h2.pfr_logo span.tooltip
{
top:20px;
left:20px;
width:200px;
}

.newcastle_futures_logo
{
left:150px;
top:332px;
z-index:1;
width:258px;
height:185px;
background:url(../images/our_clients/newcastle_futures.png) no-repeat 0px 0px;
}

h2.newcastle_futures_logo span.tooltip
{
top:15px;
left:65px;
width:130px;
}

.nerip_logo
{
left:753px;
top:359px;
z-index:2;
width:256px;
height:179px;
background:url(../images/our_clients/nerip.png) no-repeat 0px 0px;
}

h2.nerip_logo span.tooltip
{
top:65px;
left:169px;
width:42px;
}

.blackfriars_logo
{
left:568px;
top:317px;
z-index:3;
width:264px;
height:190px;
background:url(../images/our_clients/blackfriars.png) no-repeat 0px 0px;
}

h2.blackfriars_logo span.tooltip
{
top:20px;
left:150px;
width:78px;
}

.pk_logo
{
left:357px;
top:352px;
z-index:1;
width:258px;
height:179px;
background:url(../images/our_clients/pk.png) no-repeat 0px 0px;
}

h2.pk_logo span.tooltip
{
top:10px;
left:20px;
width:188px;
}

.shepherd_logo
{
left:-50px;
top:205px;
z-index:2;
width:263px;
height:190px;
background:url(../images/our_clients/shepherd.png) no-repeat 0px 0px;
}

h2.shepherd_logo span.tooltip
{
top:30px;
left:5px;
width:156px;
}

.durham_police_logo
{
left:-42px;
top:344px;
z-index:1;
width:275px;
height:219px;
background:url(../images/our_clients/durham_police.png) no-repeat 0px 0px;
}

h2.durham_police_logo span.tooltip
{
top:42px;
left:50px;
width:148px;
}

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



/**************************************************************************************************************/
/*                                                                                                            */
/*    OUR PEOPLE                                                                                              */
/*                                                                                                            */
/**************************************************************************************************************/

.our_people_container
{
width:960px;
height:539px;
background:url(../images/our_people_bg.jpg) no-repeat;
position:relative;
border-bottom:1px solid #d4147a;
}

h1.title_our_people
{
width:250px;
height:94px;
display:block;
background:url(../images/title_our_people.png) no-repeat 0px 0px;
position:relative;
top:14px;
left:-23px;
}

h1.title_our_people span
{
display:none;
}

.hotspot
{
width:28px;
height:28px;
background:url(../images/hotspot.png) no-repeat 0px 0px;
display:block;
cursor:pointer;
position:absolute;
}

.hotspot:hover
{
background-position:0px -28px;
}

.selected_hotspot
{
background-position:0px -28px;
}

.tooltip
{
width:334px;
background:url(../images/transparent_black.png);
position:absolute;
color:#fff;
padding:6px 8px;
display:none;
}

.tooltip h2.tooltip_title
{
font-size:1.4em;
text-transform:uppercase;
font-weight:normal;
background:url(../images/tooltip_arrow_down.png) no-repeat right;
display:inline;
padding-right:15px;
}

.tooltip p
{
margin-top:6px;
line-height:1.25em;
}

.tooltip p:first-child
{
margin-top:0px;
}

.tooltip_top
{
width:25px;
height:14px;
position:absolute;
background:url(../images/tooltip_top.png) no-repeat;
top:-14px;
left:0px;
}

.tooltip_bottom
{
width:25px;
height:14px;
position:absolute;
background:url(../images/tooltip_bottom.png) no-repeat;
bottom:-14px;
left:0px;
}

#laurah
{
left:598px;
top:138px;
}

.laurah_tooltip
{
left:333px;
top:169px;
}

.laurah_tooltip .tooltip_top
{
left:267px;
}

#graemel
{
left:356px;
top:68px;
}

.graemel_tooltip
{
left:63px;
top:100px;
}

.graemel_tooltip .tooltip_top
{
left:295px;
}

#ashleyg
{
left:367px;
top:138px;
}

.ashleyg_tooltip
{
left:63px;
top:170px;
}

.ashleyg_tooltip .tooltip_top
{
left:306px;
}

#chrisb
{
left:201px;
top:323px;
}

.chrisb_tooltip
{
left:14px;
top:106px;
}

.chrisb_tooltip .tooltip_bottom
{
left:189px;
}

#shihabb
{
left:293px;
top:205px;
}

.shihabb_tooltip
{
left:14px;
top:236px;
}

.shihabb_tooltip .tooltip_top
{
left:281px;
}

#natalieb
{
left:739px;
top:292px;
}

.natalieb_tooltip
{
left:597px;
top:76px;
}

.natalieb_tooltip .tooltip_bottom
{
left:144px;
}

#daniels
{
left:766px;
top:156px;
}

.daniels_tooltip
{
left:597px;
top:188px;
}

.daniels_tooltip .tooltip_top
{
left:171px;
}

.bottom_border
{
width:960px;
height:15px;
background:url(../images/transparent_green.png);
position:absolute;
bottom:0px;
left:0px;
}

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



/**************************************************************************************************************/
/*                                                                                                            */
/*    CONTACT US                                                                                              */
/*                                                                                                            */
/**************************************************************************************************************/

.contact_us_container
{
width:960px;
height:539px;
background:url(../images/contact_us_bg.jpg) no-repeat;
position:relative;
border-bottom:1px solid #d4147a;
}

h1.title_contact_us
{
width:304px;
height:94px;
display:block;
background:url(../images/title_contact_us.png) no-repeat 0px 0px;
position:relative;
top:14px;
left:-23px;
}

h1.title_contact_us span
{
display:none;
}

span.contact_us_item span.tooltip
{
display:none;
position:absolute;
top:80px;
left:50px;
z-index:10;
background:url(../images/transparent_black.png);
color:#fff;
padding:6px 8px;
width:200px;
font-size:1.2em;
line-height:1.4em;
text-align:center;
font-weight:bold;
}

.contact_us_tooltip_top
{
width:25px;
height:14px;
position:absolute;
background:url(../images/tooltip_top.png) no-repeat;
top:-14px;
left:15px;
display:block;
}

.contact_us_tooltip_bottom_right
{
width:25px;
height:14px;
position:absolute;
background:url(../images/tooltip_bottom.png) no-repeat;
bottom:-14px;
right:15px;
display:block;
}

.contact_us_tooltip_bottom
{
width:25px;
height:14px;
position:absolute;
background:url(../images/tooltip_bottom.png) no-repeat;
bottom:-14px;
left:15px;
display:block;
}

span.location_map span.tooltip
{
top:209px;
left:235px;
width:92px;
}

span.business_card span.tooltip
{
top:-30px;
left:28px;
width:60px;
}

span.appointment span.tooltip
{
top:-24px;
left:350px;
width:147px;
}

span.coffee_cup span.tooltip
{
top:120px;
left:58px;
width:131px;
}

span.iphone span.tooltip
{
top:30px;
left:-55px;
width:108px;
}

.location_map
{
width:470px;
height:260px;
display:block;
position:absolute;
top:0px;
left:435px;
cursor:pointer;
}

.location_map_pop_up
{
position:absolute;
top:19px;
left:128px;
z-index:100;
display:none;
width:673px;
height:463px;
padding:18px;
background:url(../images/location_map_bg.png) no-repeat 0px 0px;
}

.business_card
{
width:240px;
height:175px;
display:block;
position:absolute;
top:330px;
left:50px;
cursor:pointer;
}

.business_card_pop_up
{
position:absolute;
top:68px;
left:178px;
width:606px;
height:403px;
z-index:100;
display:none;
}

.coffee_cup
{
width:197px;
height:168px;
display:block;
position:absolute;
top:0px;
left:166px;
cursor:pointer;
}

.iphone
{
width:97px;
height:285px;
display:block;
position:absolute;
top:191px;
right:0px;
cursor:pointer;
}

.iphone_pop_up
{
position:absolute;
top:-40px;
left:310px;
width:327px;
height:600px;
z-index:100;
display:none;
background:url(../images/iphone_bg.png) no-repeat;
padding:10px;
}

.iphone_contact_us
{
width:75px;
height:28px;
position:absolute;
top:132px;
left:44px;
background:url(../images/iphone_contact_us_bg.png) no-repeat;
cursor:pointer;
}

.iphone_general_enquiries
{
width:267px;
height:310px;
position:absolute;
top:163px;
left:40px;
background:url(../images/iphone_general_enquiries_bg.png) no-repeat;
}

.iphone_technical_enquiries
{
width:267px;
height:310px;
position:absolute;
top:163px;
left:40px;
background:url(../images/iphone_technical_enquiries_bg.png) no-repeat;
display:none;
}

.iphone_out_of_hours_enquiries
{
width:267px;
height:310px;
position:absolute;
top:163px;
left:40px;
background:url(../images/iphone_out_of_hours_enquiries_bg.png) no-repeat;
display:none;
}

a.iphone_vcard
{
display:block;
height:65px;
left:8px;
position:absolute;
top:65px;
width:251px;
}

a.iphone_vcard span
{
display:none;
}

a.iphone_email
{
display:block;
height:30px;
left:8px;
position:absolute;
top:130px;
width:251px;
}

a.iphone_email span
{
display:none;
}

div.iphone_nav
{
width:267px;
height:36px;
position:absolute;
top:473px;
left:40px;
}

div.iphone_nav ul li
{
float:left;
cursor:pointer;
}

div.iphone_nav ul li.general
{
width:93px;
height:36px;
background:url(../images/iphone_nav_bg.png) no-repeat 0px 0px;
}

div.iphone_nav ul li.general_selected
{
background-position:0px -36px;
}

div.iphone_nav ul li.technical
{
width:78px;
height:36px;
background:url(../images/iphone_nav_bg.png) no-repeat -93px 0px;
}

div.iphone_nav ul li.technical_selected
{
background-position:-93px -36px;
}

div.iphone_nav ul li.out_of_hours
{
width:91px;
height:36px;
background:url(../images/iphone_nav_bg.png) no-repeat -171px 0px;
}

div.iphone_nav ul li.out_of_hours_selected
{
background-position:-171px -36px;
}

div.iphone_nav ul li span
{
display:none;
}

.appointment
{
width:475px;
height:260px;
display:block;
position:absolute;
bottom:0px;
left:333px;
cursor:pointer;
}

.appointment_pop_up
{
position:absolute;
top:19px;
left:128px;
z-index:100;
display:none;
width:673px;
height:463px;
padding:18px;
background:url(../images/location_map_bg.png) no-repeat 0px 0px;
}

.pop_up_background
{  
display:none;
position:fixed;
_position:absolute;
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
z-index:50;
cursor:pointer;
}  

.contact_us_pop_up_close
{
width:29px;
height:29px;
background:url(../images/pop_up_close.png);
position:absolute;
top:4px;
right:4px;
cursor:pointer;
}

.contact_us_pop_up_close_appointment
{
top:-6px;
}

.appointment_background
{
width:673px;
background:url(../images/appointment.png) no-repeat;
margin-top:-10px;
position:relative;
}

.appointment_spacer
{
height:62px;
width:673px;
}

div.form_input
{
margin-bottom:10px;
}

div.form_input label
{
width:242px;
display:block;
float:left;
font-size:1.2em;
text-align:right;
padding-right:5px;
padding-top:6px;
}

div.form_input input.input_text
{
width:173px;
float:left;
font-size:1.2em;
height:18px;
padding-top:5px;
padding-left:3px;
}

div.form_input textarea.input_textarea
{
width:173px;
height:100px;
float:left;
font-size:1.2em;
}

#appointment_submit
{
margin-left:247px;
width:179px;
height:46px;
background:url(../images/make_appointment.png) 0px 0px;
}

#appointment_submit:hover
{
background-position:0px 46px;
}

.appointment_loading
{
width:128px;
height:15px;
margin-left:271px;
margin-top:21px;
background:url(../images/loading.gif) no-repeat;
display:none;
}

.appointment_errors
{
position:absolute;
top:48px;
left:15px;
width:611px;
border-left:1px solid #CACACA;
border-right:1px solid #CACACA;
border-bottom:1px solid #CACACA;
background:#fff;
display:none;
padding:15px;
}

.appointment_errors p
{
font-size:1.1em;
line-height:1.4em;
color:#555;
}

.appointment_errors p.message
{
font-weight:bold;
margin-bottom:10px;
color:#CD1377;
}

.appointment_errors_close_button
{
width:80px;
height:46px;
background:url(../images/close.png) 0px 0px;
margin-top:15px;
}

.appointment_errors_close_button:hover
{
background-position:0px 46px;
}


/**************************************************************************************************************
*
* CHRISTMAS PAGES AND THEME
*
**************************************************************************************************************/

/*HOME PAGE*/
.santa_stocking {
background:url(../images/stocking.png) 0px 0px;
position:absolute;
right:-15px;
top:-38px;
height:167px;
width:116px;
z-index:10;
}

.xmas_container
{
background:url(../images/xmas_pudding_bg.png) -5px -3px;
width:960px;
height:539px;
position:relative;
border-bottom:1px solid #d4147a;
}

.xmas_cards_container {
width:960px;
height:539px;
position:relative;
border-bottom:1px solid #d4147a;
}

.left_col {
float:left;
margin-top:10px;
font-family:helvetica;
width:410px;
color:#545454;
line-height:2em;
}

.right_col {
width:518px;
margin-top:60px;
float:right;
}

.right_col img {
float:left;
}

#pudding_game {
float:left;
margin:0px 0px 0px 35px;
font-family:helvetica;
width:552px;
height:413px;
color:#545454;
line-height:2em;
}

.pudding_text {
background:url(../images/xmas_pud_content.png) no-repeat 0px 0px;
width:358px;
height:300px;
margin:30px 0px 0px 15px;
float:left;
}

.pudding_text h3 {
display:none;
}

.pudding_text span {
display:none;
}

h1.title_xmas
{
width:410px;
height:85px;
display:block;
background:url(../images/title_xmas_pud.png) no-repeat 0px 0px;
position:relative;
top:14px;
left:-23px;
}

h1.title_xmas span
{
display:none;
}

.xmas_grass_left
{
width:48px;
height:56px;
background:url(../images/xmas_grass_left.png) no-repeat 0px 0px;
position:absolute;
top:440px;
left:4px;
}

.xmas_grass_right
{
width:29px;
height:114px;
background:url(../images/xmas_grass_right.png) no-repeat 0px 0px;
position:absolute;
top:423px;
left:559px;
}

span.xmas_card_item span.tooltip
{
display:none;
position:absolute;
top:-36px;
left:24px;
z-index:10;
background:url(../images/transparent_black.png);
color:#fff;
padding:6px 8px;
width:200px;
font-size:1.2em;
line-height:1.4em;
text-align:center;
font-weight:bold;
}

.xmas_card_tooltip_top
{
width:25px;
height:14px;
position:absolute;
background:url(../images/tooltip_top.png) no-repeat;
top:-14px;
left:15px;
display:block;
}

.xmas_card_tooltip_bottom_right
{
width:25px;
height:14px;
position:absolute;
background:url(../images/tooltip_bottom.png) no-repeat;
bottom:-14px;
right:15px;
display:block;
}

.xmas_card_tooltip_bottom
{
width:25px;
height:14px;
position:absolute;
background:url(../images/tooltip_bottom.png) no-repeat;
bottom:-14px;
left:15px;
display:block;
}

span.order span.tooltip
{
top:-44px;
left:225px;
width:147px;
}

.order_design_one
{
width:249px;
height:222px;
display:block;
position:absolute;
top:63px;
left:445px;
cursor:pointer;
}

.order_design_two
{
width:249px;
height:222px;
display:block;
position:absolute;
top:63px;
left:702px;
cursor:pointer;
}

.order_design_three
{
width:249px;
height:222px;
display:block;
position:absolute;
top:293px;
left:445px;
cursor:pointer;
}

.order_design_four
{
width:249px;
height:222px;
display:block;
position:absolute;
top:293px;
left:702px;
cursor:pointer;
}

.order_pop_up
{
position:absolute;
top:19px;
left:128px;
z-index:100;
display:none;
width:673px;
height:463px;
padding:18px;
background:url(../images/location_map_bg.png) no-repeat 0px 0px;
}

.xmas_card_pop_up_close
{
width:29px;
height:29px;
background:url(../images/pop_up_close.png);
position:absolute;
top:4px;
right:4px;
cursor:pointer;
}

.xmas_card_pop_up_close_order
{
top:-6px;
}

.order_background
{
width:676px;
background:url(../images/xmas_card_request_title.png) no-repeat;
margin-top:-10px;
position:relative;
}

.order_spacer
{
height:62px;
width:673px;
}

#place_order
{
margin-left:247px;
margin-top:65px;
width:179px;
height:46px;
background:url(../images/place_order.png) 0px 0px;
}

#place_order:hover
{
background-position:0px 46px;
}

.order_loading
{
width:128px;
height:15px;
margin-left:271px;
margin-top:21px;
background:url(../images/loading.gif) no-repeat;
display:none;
}

.order_errors
{
position:absolute;
top:48px;
left:15px;
width:611px;
border-left:1px solid #CACACA;
border-right:1px solid #CACACA;
border-bottom:1px solid #CACACA;
background:#fff;
display:none;
padding:15px;
z-index:10;
}

.order_errors p
{
font-size:1.1em;
line-height:1.4em;
color:#555;
}

.order_errors p.message
{
font-weight:bold;
margin-bottom:10px;
color:#CD1377;
}

.order_errors_close_button
{
width:80px;
height:46px;
background:url(../images/close.png) 0px 0px;
margin-top:15px;
}

.order_errors_close_button:hover
{
background-position:0px 46px;
}

div.xmas_cards label
{
width:431px;
display:block;
float:left;
font-size:1.2em;
text-align:right;
padding-right:5px;
line-height:1.1em;
padding-top:6px;
}

.card_container
{
position:absolute;
top:88px;
left:44px;
height:222px;
width:249px;
z-index:1;
}

.order_background p#notice
{
position:absolute;
left:355px;
top:296px;
width:260px;
line-height:1.1em;
}

.order_background span {
color:#D4147A;
}

.xmas_content {
background:url(../images/xmas_content.png) no-repeat 0px 0px;
width:435px;
height:400px;
}

.xmas_content h4 {
display:none;
}

.xmas_content h3 {
display:none;
}

.xmas_content span {
display:none;
}

.keepy_up_link {
position:absolute;
left:167px;
top:-79px;
height:167px;
width:116px;
z-index:10;
}


/**************************************************************************************************************
*
* NEW CLIENTS PAGE
*
**************************************************************************************************************/

.client_column_one {
float:left;
width:250px;
margin-left:-40px;
}

.client_column_two {
float:right;
width:250px;
margin-right:40px;
}

.column_lists {
width:550px;
float:right;
line-height:1.2em;
font-family:verdana,arial;
font-size:12px;
color:#464646;
margin-top:-90px;
}

ul li.header {
width:270px;
height:14px;
background-color:#d4147b;
color:#ffffff;
margin:2px 0px 2px 0px;
text-transform:uppercase;
}

ul.client_links li a, span {
padding-left:20px;
color:#464646;
text-decoration:none;
margin:2px 0px 2px 0px;
}

ul.client_links li a:hover {
color:#d4147b;
}

div.featured_clients
{
width:328px;
overflow:hidden;
z-index:1;
margin-top:20px;
position:relative;
float:left;
}

div.featured_clients ul
{
position:relative;
width:328px;
height:408px;
overflow:hidden;
list-style:none;
margin-left:10px;
}

div.featured_clients ul li.featured_client
{
float:left;
margin:0px 6px 6px 0px;
width:158px;
height:130px;
background:url(../images/fusebox_bg.png);
}

div.featured_clients ul li.featured_client a
{
display:block;
width:158px;
height:130px;
overflow:hidden;
position:relative;
color:#e0e1e1 !important;
text-decoration:none !important;
cursor:pointer;
text-transform:uppercase;
font-size:14px;
}

.twitter {
width:115px;
position:absolute;
top:43px;
left:-100px;
z-index:10;
}

.supersummer {
width:180px;
position:absolute;
top:30px;
left:23px;
z-index:10;
}

.job_opportunities {
width:155px;
height:92px;
position:absolute;
top:39px;
left:23px;
z-index:10;
}
/**************************************************************************************************************/

/**************************************************************************************************************/
/*                                                                                                            */
/*    Supersummer                                                                                       */
/*                                                                                                            */
/**************************************************************************************************************/

h1.title_supersummer
{
width:300px;
height:94px;
display:block;
background:url(../images/title_supersummer.png) no-repeat 0px 0px;
position:relative;
top:24px;
left:-23px;
}

h1.title_supersummer span
{
display:none;
}

.supersummer_container
{
width:960px;
height:539px;
position:relative;
background:url(../images/our_clients_bg.png) repeat-x 0px 0px;
border-bottom:1px solid #d4147a;
}

.supersummer_container h2
{
font-family:Helvetica, Verdana;
color:#D4147B;
margin-top:15px;
margin-bottom:10px;
line-height:18px;
font-size:17px;
margin-left:20px;
font-weight:normal;
width:400px;
}

.supersummer_container p
{
font-family:Helvetica, Verdana;
color:#464646;
margin-bottom:10px;
line-height:18px;
font-size:13px;
margin-left:20px;
width:550px;
}

.supersummer_right
{
width:362px;
height:278px;
display:block;
position:absolute;
top:80px;
right:0px;
}

.supersummer_logo
{
padding-bottom:16px;
}

span.pink
{
color:#d4147a;
padding:0;
margin:0;
}

/**************************************************************************************************************/
/*                                                                                                            */
/*    JOB OPPORTUNITIES                                                                                       */
/*                                                                                                            */
/**************************************************************************************************************/

.job_opportunities_container
{
width:960px;
height:539px;
position:relative;
background:url(../images/our_clients_bg.png) repeat-x 0px 0px;
border-bottom:1px solid #d4147a;
}

h1.title_job_opportunities
{
width:427px;
height:94px;
display:block;
background:url(../images/title_job_opportunities.png) no-repeat 0px 0px;
position:relative;
top:14px;
left:-23px;
}

h1.title_job_opportunities span
{
display:none;
}

.job_opportunities_container h2
{
font-family:Helvetica, Verdana;
color:#D4147B;
margin-top:15px;
margin-bottom:10px;
line-height:18px;
font-size:17px;
margin-left:20px;
font-weight:normal;
width:450px;
}

.job_opportunities_container p
{
font-family:Helvetica, Verdana;
color:#464646;
margin-bottom:10px;
line-height:18px;
font-size:13px;
margin-left:20px;
width:450px;
}

div.job_opportunities_people
{
width:532px;
height:278px;
display:block;
background:url(../images/job_opportunities_people.png) no-repeat 0px 0px;
position:absolute;
top:250px;
right:0px;
}

a.download
{
display:block;
margin:20px 0px;
padding:7px 10px 7px 28px;
width:149px;
background:#fcfcfc url(../images/download_arrow.png) no-repeat 7px 9px;
border-top:1px solid #ddd;
border-right:1px solid #ddd;
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
text-decoration:none;
color:#D4147B;
}

a.download:hover
{
color:#bc0e6b;
background-color:#f5f5f5;
}