/* CSS BY REUBEN WHITEHOUSE www.rocketfuelled.com */

/* ==UNDO DEFAULT BROWSER STYLING: tantek.com/log/2004/undohtml.css */

ul { list-style-type: none; }
h1,h2,h3,h4,h5,h6,pre,code { font-size: 1em; font-weight: lighter; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dt,dd { margin: 0; padding: 0; }
a img,:link img,:visited img { border: none; }
a { text-decoration: none; }
address { font-style: normal; }


/* == UNIVERSAL ======================================================= */
body
{
margin: 0;
padding: 0;
font-family: arial, helvetica, geneva, verdana, sans-serif; 
font-size: 62.5%;
color: #333;
background: url(../images/body-bg.gif) repeat-y 50% 0 #e281ae;
text-align: center;
}

a
{
color: #e0639b;
border-bottom: 1px dotted #e0639b;
}

/* == BUILDING BLOCKS ======================================================= */
div#container
{
width: 900px;
margin: 27px auto 10px auto;
}
html#services div#container
{
margin-bottom: 0;
padding-bottom: 270px;
background: url(../images/services-bg.png) no-repeat 24px 100%;
}

div#logo
{
width: 225px;
height: 99px;
margin: 0 0 0 46px;
}

div#nav
{
float: left;
text-align: right;
margin: 32px 0 0 24px;
width: 198px;
border-right: 1px solid #ccc;
}

div#maincontent
{
float: left;
width: 331px;
margin: 32px 0;
padding: 0 73px 10px 15px;
text-align: left;
}

div#sidebar
{
float: left;
width: 234px;
margin: -18px 0 0 0;
text-align: left;
}

div#footer
{
clear: both;
margin: 0 24px 0 46px;
text-align: left;
}

/* == SPECIFIC STYLES BY BUILDING BLOCK =================================================== */
h1#logo
{
display: block;
width: 225px;
height: 99px;
margin: 0 0 0 46px;
text-indent: -10000em;
background: url(../images/tyrrell-logo.png);
}

div#nav img#pagehint
{
margin: 5px 22px 0 0;
}

#maincontent h2
{
margin-bottom: 1em;
}

#maincontent h3
{
margin: 1.2em 0;
font-size: 1.4em;
font-weight: bold;
color: #e0639b;
padding-bottom: 4px;
border-bottom: 1px solid #e0639b;
}

#maincontent h4
{
margin-bottom: 0.7em;
font-size: 1.2em;
line-height: 1.5em;
font-weight: bold;
color: #e0639b;
}

#maincontent h5
{
margin: -7px 0 0.7em 0;
font-size: 1em;
color: #e0639b;
text-transform: uppercase;
font-weight: bold;
}

#maincontent p
{
font-size: 1.2em;
line-height: 1.25em;
margin-bottom: 1em;
}
#maincontent p.intro
{
font-size: 1.3em;
font-weight: bold;
}
#maincontent p.emphasis
{
margin: 30px 0;
font-size: 1.4em;
}

#maincontent ul
{
margin: 20px 20px 30px 20px;
font-size: 1.3em;
}
#maincontent ul li
{
margin: 6px 0;
padding: 0 0 5px 16px;
line-height: 1.3em;
background: url(../images/bullet.gif) no-repeat 0 1px;
border-bottom: 1px solid #ddd;
}

#maincontent em
{
color: #e0639b;
}

#maincontent dl
{
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 1px solid #ccc;
}
#maincontent dl dt
{
float: right;
margin: 4px 0 5px 10px;
}
#maincontent dl dt img
{
padding: 4px;
border: 1px solid #ccc;
}
#maincontent dl dt a
{
border: none;
}
#maincontent dl dd img
{
padding: 4px;
border: 1px solid #ccc;
margin: 0 0 8px 0;
}
html#team #maincontent dl dd img
{
float: left;
padding: 0;
border: none;
margin: 0 15px 8px 0;
}
#maincontent dl dd a.inline
{
border: none;
}

#maincontent blockquote
{
width: 336px;
margin: -5px 0 0 0;
padding: 46px 0 20px 0;
background: url(../images/blockquote-lid.gif) no-repeat;
}
#maincontent blockquote p
{
width: 296px;
padding: 0 20px 20px 20px;
font-style: italic;
line-height: 1.3em;
background: url(../images/blockquote-foot.gif) no-repeat bottom left #efb1cd;
}

#sidebar h3
{
display: block;
text-align: right;
padding: 0 4px;
margin: 0 0 -6px 0;
font-size: 2.7em;
text-transform: lowercase;
color: #e281ae;
}

#sidebar img
{
margin-top: 50px;
}

/* == EXTRAS: ======================================================= */
.clear
{
clear: both;
}

.accessibility
{
position: absolute;
left: -10000px;
}