/* -------------------------------------------
typography.css
version:   1.1
date:      25/09/2008
author:    Dan Collins
email:     dancollins86@gmail.com
website:   http://www.designshuffle.co.uk
-------------------------------------------------------*/

/* --------------------------- headings------------------------*/
.oneColElsCtrHdr #header h1 {
	background: url(../../images/logo.jpg) no-repeat;
	position: relative; top: 30px;left: 30px;
	text-indent: -9999px;
	width: 200px; height: 106px;
}
.oneColElsCtrHdr div#home-welcome h2.welcometitle {
	color: #808285;
	display: block;
	letter-spacing: 0;
	width: 98%;
	font: bold 1.24em/1.4em Arial, Helvetica, sans-serif;
}
.oneColElsCtrHdr div#home-welcome h2.welcometitle span.phone {
	color: #C81F48; font-size: 1.4em; font-weight: bold;
}
.oneColElsCtrHdr div.welcome h2.title {
	color: #FFF;
	display: block;
	padding-left: 20px;
	text-transform: uppercase;
	font: bold 1.8em/1.4em Arial, Helvetica, sans-serif;
}
.oneColElsCtrHdr div#left h3, div#info h3, div#col-one h2, div#boards h2, div#vacancy h2 {
	color: #808285;
	font-size: 1.9em;
	line-height: 1.8em;
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom: 5px;
	width: 104%;
}
.oneColElsCtrHdr #col-two h3 {
	color: #808285;
	font-size: 1.4em; line-height: 1.5em; font-weight: bold; text-transform: uppercase;
	padding:10px;
	margin-bottom:10px;
	width: 270px;
}
.oneColElsCtrHdr #col-one h3, h4 {
	color: #AE0B3F;
	font-size: 1.4em; font-weight: bold; line-height: 1.5em; text-transform: uppercase;
	padding-bottom: 5px; padding-top: 15px;
	width: 100%;
}
.oneColElsCtrHdr h5.button {
	background: url(../../images/calltobutton.png) no-repeat;
	color:#FFF;
	font-size: 1.2em; font-weight:bold;	text-transform:uppercase;
	margin-top: 20px; padding: 10px 0 0 15px;
	position: absolute;	bottom: 15px;
	width: 220px; height: 40px;
}

/*-----------paragraphs-------------------*/
.oneColElsCtrHdr  p {color: #808285;font-size: 1.2em; line-height: 1.4em;}
.oneColElsCtrHdr #col-one p {width:96%;}
.oneColElsCtrHdr #col-one p.blue-alert {
	color: #444;
	background-color:#F8FAFC;
	border:2px solid #B5D4FE;
	font-size: 1.2em; font-weight: bold; line-height: 1.3em;
	display:block;
	margin-top:20px; padding:5px 10px;
	width: 400px;
}
.oneColElsCtrHdr #col-one p.recruitment-links{margin: 75px 0px 15px 0px; width:700px;}
#col-two p.contact {color: #808285;	font-size: 1.2em;line-height: 16px;}
.oneColElsCtrHdr #footer p {margin: 0;	padding: 10px 10px; font-size:1.1em;}

/*--------------------links------------------------*/
* a {outline: 0; color: #545454; }
.oneColElsCtrHdr #header h1 a.logo {position: relative;	display: block;	width: 200px; height: 106px;}
.oneColElsCtrHdr .feature h3 a{color:#808285;}
.oneColElsCtrHdr .feature h5.button a{color:#FFF;}
div.testimonial a{color:#545454; font-weight:bold; text-decoration:underline;}
a.REC img{margin: 20px  0 0 50px;}
.oneColElsCtrHdr #footer p a {color: #545454; }

/*--------------- quotes-------------*/
#col-two blockquote{
	background:transparent url(../../images/quote_up.png) no-repeat scroll 0 5px;
	color:#333333;
	font-size:1.1em; font-style:italic; line-height:110%;
	margin:0 0 0 20px; padding:0 0 20px 0;
	width:90%;
}
#col-two blockquote p {
	background:transparent url(../../images/quote_down.png) no-repeat scroll 100% 100%;
	font-family: Verdana, sans-serif; font-weight:normal;
	color:#333333;
	margin-top:0; padding:30px 0 15px 0;
}
cite{font-size: 1.2em; float:right; margin:-10px 0 0 -10px; padding:0;	}
q { quotes:"\201C" "\201D" "\2018" "\2019"; font-style:italic;   }
q:before {  content:open-quote;  }
q:after {  content:close-quote;  }

/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
    color:#3CA3FF;
	font-weight:bold;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #993300;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(../../images/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(../../images/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(../../images/bubble.gif) no-repeat bottom;
}