html,body
{
	font-family: Arial,Helvetica,sans-serif;
	text-align: center;
	font-size: 1em;
	border: none;
	padding: 0;
	margin: 0;
}

body
{
	background: url(/img/bars.gif) repeat top left;
}

*
{
	padding: 0;
	margin: 0;
}

a { color: #3c76a9; }

h1 { color: #3c76a9; font-size: 1.2em; font-family: "Frutiger 45 Light",Arial,Helvetica,sans-serif;}
h2 { color: #3c76a9; font-size: 1.2em; font-family: "Frutiger 45 Light",Arial,Helvetica,sans-serif;}

p { margin: 0.5em 0; font-family: Verdana,Arial,Helvetica,sans-serif; color: #555; font-size: 0.8em;}

p.emphasise { margin: 0.5em 0; font-family: Verdana,Arial,Helvetica,sans-serif; color: #ffa500; font-size: 0.8em; font-weight: bold; } 

p.email { font-size: 0.7em; }

acronym { border: 0; }

#wrapper
{
	width: 860px;
	min-height: 410px;
	text-align: left;
	margin: 20px auto 0 auto;
	border: 0px solid #eee;
	padding: 30px 30px 15px 30px;
	background: #fff url(/img/logo-gradient.jpg) no-repeat scroll top left;
}

/*\*/ 
* html #wrapper
{
	height: 540px;
}
/**/

img { border-width: 0; }	

#head 
{ 
	height: 25px;
	width: 100%;
	background-color: #fff;
	margin-bottom: 30px;
}

#logo
{
	float: left;
}

#menu
{
	list-style: none;
	float: right;
	line-height: 25px;
	margin-right: 10px;
	
}

#menu li
{
	float: left;
}

#menu li a
{
	text-decoration: none;
	display: block;
	/*padding: 5px 10px;*/
	margin-left: 30px;
	font-size: 0.8em;
	text-align: right;
	font-family: "Arial Narrow",Arial,Helvetica,sans-serif;
	letter-spacing: 0px;
}

#menu li a:hover
{
	/*background-color: #ffa500;*/
	/*background-color: #000;*/
	/*color: #fff;*/
	text-decoration: underline;
}

#menubottom
{
	list-style: none;
	float: right;
	line-height: 25px;
	margin-right: 10px;
	
}

#menubottom li
{
	float: left;
}

#menubottom li a
{
	text-decoration: none;
	display: block;
	/*padding: 5px 10px;*/
	margin-left: 30px;
	font-size: 0.8em;
	text-align: right;
	font-family: "Arial Narrow",Arial,Helvetica,sans-serif;
	letter-spacing: 0px;
}

#menubottom li a:hover
{
	/*background-color: #ffa500;*/
	/*background-color: #000;*/
	/*color: #fff;*/
	text-decoration: underline;
}





#main, #portfolio
{
	width: 100%;
	/*background: transparent url(/img/squiggle.gif) no-repeat scroll center right; */
	/*min-height: 350px;*/
	font-family: Arial,Helvetica,sans-serif;
	background-color: #fff;
}

/*\*/ 
* html #main
{
	height: 350px;
	font-family: Arial,Helvetica,sans-serif;
}
/**/

#portfolio h1
{
	font-size: 1em;
	float: left;

}

#portfolio div.head { float: left; width: 100%; margin-bottom: 20px;}

#portfolio div.weblink { font-family: "Arial Narrow",Arial,Helvetica,sans-serif; float: right; margin-top: 3px; padding-right: 15px; }
#portfolio div.weblink a { text-decoration: none; font-size: 0.8em;  background: #fff url(/img/ext.gif) no-repeat top right; padding: 0 15px;}

#portfolio div.studylink {float: right; margin-top: 3px; font-family: "Arial Narrow",Arial,Helvetica,sans-serif;  }
#portfolio .lbOnTxt { background: transparent url(/img/folder.png) no-repeat top right; padding-right: 15px; font-size: 0.8em; text-decoration: none;}

#portfolio div.weblink a:hover, #portfolio .lbOnTxt:hover { text-decoration: underline;}


#testimonial { width: 700px; }
#testimonial blockquote { background: transparent url(/img/quote.gif) no-repeat top left; padding-left: 20px; }

#testimonial2 { width: 850px; }
#testimonial2 blockquote { background: transparent url(/img/quote.gif) no-repeat top left; padding-left: 20px; }

.leightbox div.lboxhead {
	border: 1px double #ccc;
	background-color: #fff;
	color: #666;
	float: left;
	width: 100%;
	margin-bottom: 10px;
	padding: 3px;
}

.leightbox h1  {
	float: left;
	color: #666;
	font-size: 1.2em;
}

.leightbox div.closebox {float: right; height: 22px; width: 76px;}
.leightbox h2 { color: #6479bd; font-size: 0.9em; padding: 0.3em 0 0 0;  margin: 0;}
.leightbox p { color: #000; font-size: 0.7em; padding: 0 0 0.2em 0; margin: 0; }

ul#servicepostits
{ 
	float:left;
 	width:100%;
	list-style-type: none;
	background-color: #fff;
 	list-style: none;
}

ul#servicepostits li
{
	float: left;
	width: 188px;
	min-height: 170px;
	margin-right: 26px;
	margin-bottom: 10px;
	display: inline;
}

ul#servicepostits li.end
{
	margin-right: 0;
}

ul#servicepostits a
{
	text-decoration: none;
	color: #666;
	font-size: 11px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	display: block;
	background-color: #fff;
	color: #fff;
}

ul.servicepostits 
{ 
	float:left;
	width:100%;
    list-style-type: none;
    background-color: #fff;
	clear: both;
}

ul.servicepostits li
{
	float: left;
	width: 188px;
	min-height: 170px;
	margin-right: 26px;
	margin-bottom: 10px;
	display: inline;
}

ul.servicepostits li.end
{
	margin-right: 0;
}

ul.servicepostits a
{
	text-decoration: none;
	color: #666;
	font-size: 11px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	display: block;
	background-color: #fff;
	color: #eee;
}

/*\*/
* html ul.servicepostits li {
   height: 170px;
} 

* html ul.servicepostits li a { color: #669; }
/**/

/*ul#clients a:hover img, 
ul#clients a { filter: alpha(opacity=100); -moz-opacity:1.0;opacity:1.0; } 

ul#clients img.mask { filter: alpha(opacity=40); -moz-opacity:0.4;opacity:0.4; }
*/
ul.servicepostits a:hover span 
{
	color: #999;
}

ul.servicepostits li strong
{
	margin-top: -7px;
	display: block;
	text-align: center;
}

ul.servicepostits a:hover strong { color: #669; }






ul#clients 
{ 
	float:left;
 	width:100%;
	list-style-type: none;
	background-color: #fff;
 	list-style: none;
}

ul#clients li
{
	float: left;
	width: 188px;
	min-height: 170px;
	margin-right: 36px;
	margin-bottom: 10px;
	display: inline;
}

ul#clients li.end
{
	margin-right: 0;
}

ul#clients a
{
	text-decoration: none;
	color: #666;
	font-size: 11px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	display: block;
	background-color: #fff;
	color: #fff;
}

ul.clients 
{ 
	float:left;
	width:100%;
    list-style-type: none;
    background-color: #fff;
	clear: both;
}

ul.clients li
{
	float: left;
	width: 188px;
	min-height: 170px;
	margin-right: 36px;
	margin-bottom: 10px;
	display: inline;
}

ul.clients li.end
{
	margin-right: 0;
}

ul.clients a
{
	text-decoration: none;
	color: #666;
	font-size: 11px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	display: block;
	background-color: #fff;
	color: #eee;
}

/*\*/
* html ul.clients li {
   height: 170px;
} 

* html ul.clients li a { color: #669; }
/**/

/*ul#clients a:hover img, 
ul#clients a { filter: alpha(opacity=100); -moz-opacity:1.0;opacity:1.0; } 

ul#clients img.mask { filter: alpha(opacity=40); -moz-opacity:0.4;opacity:0.4; }
*/
ul.clients a:hover span 
{
	color: #999;
}

ul.clients li strong
{
	margin-top: -7px;
	display: block;
	text-align: center;
}

ul.clients a:hover strong { color: #669; }


ul.archive 
{ 
	float:left; width:100%; list-style-type: none; background-color: #fff; list-style: none;

}

ul.archive li
{
	float: left;
	width: 100px;
	min-height: 120px;
	margin-right: 42px;
	margin-bottom: 10px;
	
}

ul.archive li.end
{
	margin-right: 0;
}

ul.archive p
{
	text-decoration: none;
	color: #666;
	font-size: 9px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	margin-left: 5px;
}




/* contact page */
#contact { float: left; width:100%; } 
#address
{
	width: 400px;
	float: left;
}

#address h2 { color: #3c76a9; font-size: 1em; margin-top: 1em; }
#address p { color: #666; font-size: 0.8em; margin-top:0;} 

#aberdeen, #dundee { float: left;width: 200px; margin-bottom: 0.5em; }

/* google map */
#gmapWrapper {
	position: relative;
	color: #000;
}

#gmap {
	position: absolute;
	width: 400px;
	height: 265px;
}
/* end google map */

#faces { float: right; width: 430px; background-color: #fff; }
#faces div.face { border:1px solid #ccc; width:100px; height:100px; margin-right:7px; margin-bottom:8px; float:left; background-color: #fff; }
#faces div.last { margin-right: 1px; } 
#faces #staff-detail { font-size: 1em; float:left;width:300px;height:100px;margin-right:27px; }
#faces #staff-detail span { color: #3c76a9; }
#faces div.face a  { display: block; width: 100px; height: 100px; }
#faces div.face a:hover { background-position: -100px 0; } 


/* general 2 column txt/img page */
#main #left { float: left; width: 420px; background-color: #fff; }
#main #right { float: right; width: 400px; text-align: center; margin-top: 0.6em;}
#main #rightmost { float: right; width: 400px; text-align: center; margin-top: 0.6em; background: #fff url(/img/book.jpg);}
/*#main #right img { text-align: center; }*/
#main h1 { font-size: 1em; margin-bottom: 0.4em; }
#main p { font-size: 0.9em;font-family: "Arial Narrow",Arial,Helvetica,sans-serif; line-height: 1.3em;}

#main #left ul { font-size: 0.9em; color: #666; }
#main #left li { margin-left: 1em; }

/* services page */
ul.services
{
	text-align: center;
	list-style: none;
}

ul.services li { margin-bottom: 1em; color: #3c76a9;} 


/* sitemap */
ul.sitemap { margin-top: 1em;  margin-left: 1em; }
ul.sitemap ul { margin: 0.5em 0 0.5em 1em; }

ul.txt
{
	list-style: none;
}

ul.txt li { font-size: 0.9em; text-align: justify;font-family: "Arial Narrow",Arial,Helvetica,sans-serif; margin-left:30px; color:#555;} 

ul.txtlist
{
	list-style: normal;
}

ul.txtlist li { font-size: 0.9em; text-align: justify;font-family: "Arial Narrow",Arial,Helvetica,sans-serif; margin-left:30px; color:#555;} 


#foot
{
	clear: both;
	background-color: #fff;
}

blockquote
{
	/*background: transparent url(/img/quote.gif) no-repeat top left;*/
	/*padding: 0 1em;*/
	/*padding-left: 25px;*/
	padding-left: 5px;
}

blockquote p
{
	color: #3c76a9;
	font-size: 1em;
	font-family: Eurostile;
	padding:0;margin:0;

}

blockquote cite
{
	font-size: 0.7em;
	color: #666;
}


#b2
{
	width: 880px;
	background-color: #eee;
	margin: 0 auto;
	padding: 2px 20px;
	min-height: 25px;
	line-height: 25px;
	font-family: Helvetica, Arial, sans-serif;
	border-top: 1px dashed #ccc;
	clear: both;
}

#b2 img { display: none; }

#b2 a 
{
	text-decoration: none;
	color: #000;
}

#b2 a:hover
{
	color: #3c76a9;
}

#b2 ul
{
	list-style: none;
	margin: 0 auto;
}

#b2 ul li 
{
	float: left;
	font-size: 11px;
	padding: 3px;
}

#b2 ul li.first
{
	padding-right: 20px;
}

#b2 ul li.right
{
	float: right;
}

#b2 a.sitemap
{
	background: transparent url(/img/sitemap.gif) no-repeat top left;
	padding-left: 20px;
}

/* iSFR */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash #portfolio div.head h1 {
	visibility: hidden;
	font-size: 18px;
}

.sIFR-hasFlash #main h1 {
	visibility: hidden;
	font-size: 18px;
}

.sIFR-hasFlash #foot blockquote p {
	visibility: hidden;
	font-size: 20px;
}

.sIFR-hasFlash #testimonial blockquote p {
	visibility: hidden;
	font-size: 16px;
}

div.postit { position: relative; width:188px; height:188px; background-repeat: no-repeat; }
div.postit a.link { position:absolute; background-repeat: no-repeat; display: block; }

div.service4 { background-image: url(../img/services/postit4/postit4-clean.jpg); }
div.service4 a.item1 { left:22px; top:67px; background-image: url(../img/services/postit4/postit4-link.jpg); width: 98px; height: 63px; }
div.service4 a.item1:hover { background-position: right; }

div.service1 { background-image: url(../img/services/postit1/postit1-clean.jpg); }
div.service1 a.item1 { left:13px; top:33px; background-image: url(../img/services/postit1/postit1-link.jpg); width: 79px; height: 40px; }
div.service1 a.item1:hover { background-position: right; }
div.service1 a.item2 { left:19px; top:83px; background-image: url(../img/services/postit1/postit1-link-2.jpg); width: 117px; height: 46px; }
div.service1 a.item2:hover { background-position: right; }

div.service2 { background-image: url(../img/services/postit2/postit2-clean.jpg); }
div.service2 a.item1 { left:106px; top:19px; background-image: url(../img/services/postit2/postit2-link.jpg); width: 48px; height: 27px; }
div.service2 a.item1:hover { background-position: right; }
div.service2 a.item2 { left:19px; top:32px; background-image: url(../img/services/postit2/postit2-link-2.jpg); width: 76px; height: 44px; }
div.service2 a.item2:hover { background-position: right; }
div.service2 a.item3 { left:28px; top:83px; background-image: url(../img/services/postit2/postit2-link-3.jpg); width: 133px; height: 46px; }
div.service2 a.item3:hover { background-position: right; }
div.service2 a.item4 { left:46px; top:133px; background-image: url(../img/services/postit2/postit2-link-4.jpg); width: 100px; height: 33px; }
div.service2 a.item4:hover { background-position: right; }

div.service3 { background-image: url(../img/services/postit3/postit3-clean.jpg); }
div.service3 a.item1 { left:8px; top:41px; background-image: url(../img/services/postit3/postit3-link.jpg); width: 142px; height: 33px; }
div.service3 a.item1:hover { background-position: right; }
div.service3 a.item2 { left:8px; top:78px; background-image: url(../img/services/postit3/postit3-link-2.jpg); width: 94px; height: 51px; }
div.service3 a.item2:hover { background-position: right; }

div.service5 { background-image: url(../img/services/postit5/postit5-clean.jpg); }
div.service5 a.item1 { left:64px; top:41px; background-image: url(../img/services/postit5/postit5-link.jpg); width: 86px; height: 25px; }
div.service5 a.item1:hover { background-position: right; }
div.service5 a.item2 { left:11px; top:84px; background-image: url(../img/services/postit5/postit5-link-2.jpg); width: 142px; height: 37px; }
div.service5 a.item2:hover { background-position: right; }
div.service5 a.item3 { left:54px; top:124px; background-image: url(../img/services/postit5/postit5-link-3.jpg); width: 96px; height: 29px; }
div.service5 a.item3:hover { background-position: right; }

div.service6 { background-image: url(../img/services/postit6/postit6-clean.jpg); }
div.service6 a.item1 { left:28px; top:99px; background-image: url(../img/services/postit6/postit6-link.jpg); width: 125px; height: 51px; }
div.service6 a.item1:hover { background-position: right; }

div.service7 { background-image: url(../img/services/postit7/postit7-clean.jpg); }
div.service7 a.item1 { left:66px; top:58px; background-image: url(../img/services/postit7/postit7-link.jpg); width: 94px; height: 38px; }
div.service7 a.item1:hover { background-position: right; }
div.service7 a.item2 { left:31px; top:102px; background-image: url(../img/services/postit7/postit7-link-2.jpg); width: 130px; height: 22px; }
div.service7 a.item2:hover { background-position: right; }
div.service7 a.item3 { left:25px; top:129px; background-image: url(../img/services/postit7/postit7-link-3.jpg); width: 95px; height: 27px; }
div.service7 a.item3:hover { background-position: right; }

div.service8 { background-image: url(../img/services/postit8/postit8-clean.jpg); }
div.service8 a.item1 { left:22px; top:40px; background-image: url(../img/services/postit8/postit8-link.jpg); width: 148px; height: 26px; }
div.service8 a.item1:hover { background-position: right; }
div.service8 a.item2 { left:18px; top:69px; background-image: url(../img/services/postit8/postit8-link-2.jpg); width: 130px; height: 24px; }
div.service8 a.item2:hover { background-position: right; }
div.service8 a.item3 { left:14px; top:130px; background-image: url(../img/services/postit8/postit8-link-3.jpg); width: 101px; height: 24px; }
div.service8 a.item3:hover { background-position: right; }

#chocolates { float: right; margin-top:-55px; padding-right:40px; }