@media all { 

/* =The above @media rule hides this stylesheet from the 
discontinued Microsoft Internet Explorer for Mac. */

/* colours
Red = DE1D3B
Text = 8C8C8C
Light Grey = C9C9C9
*/

/* =body */
body { font-family:"Helvetica"; font-size:.8em; color:#8C8C8C; background:#FFFFFF; text-align : left; margin:0; height:100%; letter-spacing:.05em; }


/*h3*/
h3 { background:url(../images/talkto-header.png) no-repeat; text-indent:-9999px; width:840px; height:26px; position:relative; top:-10px; left:0; }




/*p*/



/*li, ul*/
dl { list-style-type: none; padding: 0; }
dt, dd { list-style-type: none; margin: 0 40px 0 0; padding: 0; }
ul, li { list-style-type: none; margin: 0 5px 0 0; padding: 0; background:#ffffff; }

ul#clients { display: inline; width: 575px; height : 76px; text-indent:-9999px; position:relative; top:0; left:0;}
ul#clients2 { display: inline; width: 575px; height : 76px; text-indent:-9999px; position:relative; top:76px; left:0;}
#clients li { display:inline; }
#clients2 li { display:inline; }

li#tibard a:link, li#tibard a:visited, li#tibard a { position:absolute; top:0; left:0; width:133px; height:76px; background:url(../images/client-icons-tibard.png) no-repeat 0 0; margin:0; padding:0; }
li#tibard a:hover, li#tibard a:active, li#tibard a:focus { background:url(../images/clients-icons-tibard.png) no-repeat -76px 0; margin:0; padding:0; }
li#haworth a:link, li#haworth a:visited, li#haworth a { position:absolute; top:0; left:145px; width:133px; height:76px; background:url(../images/client-icons-haworth.png) no-repeat 0 0; margin:0; padding:0; }
li#haworth a:hover, li#haworth a:active, li#haworth a:focus { background:url(../images/clients-icons-haworth.png) no-repeat -76px 0; margin:0; padding:0; }
li#m2 a:link, li#m2 a:visited, li#m2 a { position:absolute; top:0; left:288px; width:133px; height:76px; background:url(../images/client-icons-m2.png) no-repeat 0 0; margin:0; padding:0; }
li#m2 a:hover, li#m2 a:active, li#m2 a:focus { background:url(../images/clients-icons-m2.png) no-repeat -76px 0; margin:0; padding:0; }
li#dowlis a:link, li#dowlis a:visited, li#dowlis a { position:absolute; top:0; left:425px; width:133px; height:76px; background:url(../images/client-icons-dowlis.png) no-repeat 0 0; margin:0; padding:0; }
li#dowlis a:hover, li#dowlis a:active, li#dowlis a:focus { background:url(../images/clients-icons-dowlis.png) no-repeat -76px 0; margin:0; padding:0; position:absolute; top:0; left:425px; }
li#ukG a:link, li#ukG a:visited, li#ukG a { position:absolute; top:0; left:0; width:133px; height:76px; background:url(../images/client-icons-ukG.png) no-repeat 0 0; margin:0; padding:0; }
li#ukG a:hover, li#ukG a:active, li#ukG a:focus { background:url(../images/clients-icons-ukG.png) no-repeat  -76px 0; margin:0; padding:0; }
li#laytons a:link, li#laytons a:visited, li#laytons a { position:absolute; top:0; left:150px; width:133px; height:76px; background:url(../images/client-icons-laytons.png) no-repeat 0 0; margin:0; padding:0; }
li#laytons a:hover, li#laytons a:active, li#laytons a:focus { background:url(../images/clients-icons-laytons.png) no-repeat  -76px 0; margin:0; padding:0; }





/*img*/
div#job-links img { float:left; border:none; } 



/*a*/
a,a:link, a:visited { font-family:"Helvetica"; color:#DE1D3B; text-decoration:none; }
a:active, a:hover, a:focus { font-family:"Helvetica"; color:#C9C9C9; text-decoration:none; }
div#footer a, div#footer a:link, div#footer  a:visited { font-family:"Helvetica"; font-size:.9em; color:#C9C9C9; text-decoration:none; }
div#footer a:active, div#footer a:hover, div#footer a:focus { font-family:"Helvetica"; font-size:.9em; color:#DE1D3B; text-decoration:underline; }



/*div*/
div#container { position : relative; width : 840px; top:-1px; left:0; margin : 0 auto; padding: 0; text-align : left; }
div#header { position : relative; width : 840px; height:170px; top:0; left:0; margin : 0 ; padding: 0; text-align : left; background:url(../images/touchpaper_logo.png) no-repeat;  }
div#content { position:relative; width:840px; height:440px; top:0; left:0; margin:0; padding:0; text-align:left; line-height:15px; }
div#cs-content { position:relative; width:840px; height:500px; top:0; left:0; margin:0; padding:0; }
div#intro-content { position:relative; width:835px; height:647px; top:0; left:2.5px; margin:0; padding:0; }


div#contact-copy-left { position : relative; width : 300px; top:0; left:0; padding: 0; text-align : justify; line-height:15px; float:left; }
div#contacts-right { position : relative; width : 500px; top:0; left:0; padding: 0; text-align : left; float:right; }

div#map-copy-left { position : relative; width : 280px; top:39px; left:0; padding: 0; text-align : justify; line-height:15px; float:left; }
div#map-img-right { position : relative; width : 540px; top:0; left:0; padding: 0; text-align : left; float:right; }

div#home-copy-left { position : relative; width : 320px; top:110px; left:0; padding: 0; text-align : justify; line-height:15px; float:left; }
div#home-img-right { position : relative; width : 458px; top:0; left:0; padding: 0; text-align : left; float:right; }

div#clients-copy-right { position : relative; width : 230px; top:25px; left:0; padding: 0; text-align : justify; line-height:15px; float:right; }
div#clients-icons-left { position : relative; width : 575px; height:313px; top:25px; left:0; padding: 0; float:left;}

div#careers-copy-right { position : relative; width : 270px; top:40px; left:0; padding: 0; text-align : justify; line-height:15px; float:right; }
div#careers-img-left { position : relative; width : 205px; top:220px; left:192px; padding: 0; float:left;}

div#case_studies_flash { position : relative; width : 800px; height:550px; top:-30px; left:30px; padding: 0; text-align : left; }


/*contact divs*/
div#tim { position : relative; width : 250px; top:16px; left:0; padding: 0; float:left; }
div#ian { position : relative; width : 250px; top:16px; left:0; padding: 0; float:right;}
div#phil { position : relative; width : 250px; top:43px; left:0; padding: 0; float:left; }
div#jan { position : relative; width : 250px; top:43px; left:0; padding: 0; float:right;}



div#footer { position : relative; width : 840px; height:20px; top:0; left:0; margin : 0 auto; padding: 0; text-align : left; border-top:2px solid #DE1D3B; font-family:"Helvetica"; font-size:.7em; color:#C9C9C9; background:#FFFFFF; z-index:4; }




/*menu*/

#menu { position:relative; left:40px; top:43px; padding:0; width:600px; float:right; font-family:"Helvetica"; font-size:1.4em; font-weight:bold; color:#DE1D3B;}
#menu dl { float: right; }
#menu li { display: inline; }
#menu a, #menu a:link, #menu a:visited { text-decoration: none; color: #000000; }
#menu a:active, #menu a:hover, #menu a:focus { text-decoration: none; color: #DE1D3B;  } 
#smenu1 a, #smenu1 a:link, #smenu1 a:visited, #smenu2 a, #smenu2 a:link, #smenu2 a:visited { text-decoration: none; color: #8C8C8C; }
#smenu1 a:active, #smenu1 a:hover, #smenu1 a:focus, #smenu2 a:active, #smenu2 a:hover, #smenu2 a:focus { text-decoration: none; color: #DE1D3B; }
#smenu1, #smenu2, #smenu3 { position: absolute; left:0; font-size: .7em; width: 570px; top: 44px; text-align:right; font-weight:normal; }



}