/* Copyright Northstar Creative Limited. Code by Fred Campbell */
*{margin:0;padding:0}
body{ font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:20px; color:#333; }
ul{list-style-type:none}
a img{border:0}
.imgL{float:left;margin:0 20px 5px 0}
.imgR{float:right;margin:0 0 5px 15px}
.imgC{margin:10px 0 20px}
p{margin-bottom:15px}
.content p a{font-weight:400;text-decoration:underline;color:#333}
.content p a:hover{text-decoration:none;color:#999}
.banner{height:325px;width:900px;background:#000 url(../images/bg-banner.jpg) repeat-x;position:relative;margin-bottom:30px}
.bannerCopy{position:absolute;left:20px;top:70px;width:270px}
.banner img{position:absolute;top:0;right:0;z-index:50}
.banner h2{color:#FFF;font-size:20px;letter-spacing:1px;font-weight:400;line-height:26px}
.banner p{color:#999;letter-spacing:2px;line-height:16px}
.fixedwidth{width:900px;position:relative;margin:0 auto}
.box{padding:30px}
.boxMini{padding:15px}
.hide{display:none}
.logo{position:absolute;top:25px;left:0}
#masthead{ height:125px; background-image:url(../images/body-BG.jpg); background-repeat:repeat-x; overflow:hidden }
#masthead p{color:#CCC;position:absolute;right:0;top:50px;line-height:15px;letter-spacing:1px;background-image:url(../images/sprites.png);background-repeat:no-repeat;background-position:right -200px;width:185px}
#nav{border-top:1px solid #000;height:35px;background-image:url(../images/navBG.jpg);background-repeat:repeat-x;background-position:top;background-color:#222;padding-left:15px}
#nav ul a{display:block;color:#FFF;float:left;line-height:35px;font-weight:400;font-size:15px;padding-top:0;padding-right:17px;padding-left:17px;text-decoration:none}
#nav ul a:hover{background-color:#000;background-image:url(../images/sprites.png);background-repeat:no-repeat;background-position:center -315px;color:#82C6E7}
#nav li{display:inline;line-height:35px}
.content{background-color:#FFF;padding-bottom:150px}
.contentL{float:left;width:560px}
table{width:100%;margin-bottom:20px}
.contentR{float:right;width:280px}
.contentLL{
	float:left;
	width:620px
}
.contentRS{
	float:right;
	width:210px
}
.contentRS  p, .contentRS li {
	font-size: 12px;
	color: #999999;
}
#newscontainer{width:240px;font-size:90%;margin:0 0 35px}
#newscontent{margin-bottom:15px;margin-top:0;overflow:auto;height:150px}
.center{text-align:center;margin:0 auto}
.twocolL{float:left;width:48%}
.twocolR{float:right;width:48%}
.container{clear:both;float:left;width:100%;overflow:auto;margin-bottom:20px}
.containerGrey{clear:both;float:left;width:100%;overflow:auto;margin-bottom:20px;background-color:#f4f4f4}
.threecolfirst{width:250px;float:left;margin:0 0 40px}
.threecol{width:250px;float:left;margin:0 0 40px 45px}
.fourcolfirst{width:190px;float:left;font-size:90%;margin:0 0 40px}
.fourcol{width:190px;float:left;font-size:90%;margin:0 0 40px 26px}
td{padding:0 5px 5px}
tr .highlight{color:#000;font-weight:700}
.top{text-align:right;clear:both;margin-right:20px;padding-right:15px}
.border{border:1px solid #CCC}
.fifty{width:50%}
.sixtysix{width:70%;padding-top:15px;padding-bottom:20px}
h1{
	font-size:14px;
	color:#CCC;
	text-align:right;
	padding-top:15px;
	padding-bottom:15px;
	letter-spacing:-1px;
	background-color: #FFFFFF;
}
.content h1 a{color:#CCC}
h2{
	font-size:38px;
	color:#2D3E87;
	line-height:38px;
	letter-spacing:-2px;
	padding-bottom:25px
}
h3{font-size:18px;color:#666;letter-spacing:-1px;padding:10px 0 5px}
h4{
	font-size:14px;
	color:#666;
	padding:10px 0 2px;
	letter-spacing: -1px;
}
h5{font-size:110%;color:#333;padding:10px 0 5px}
.break{border-bottom:1px solid #CCC;margin-bottom:40px;padding-bottom:10px;text-align:right;padding-right:10px;color:#999;font-weight:700}
blockquote{background:#F0F0F0 url(../images/quote.jpg) no-repeat left top;margin:10px 0 20px;padding:20px 20px 10px 70px}
.footnote{font-size:10px;border-top:1px solid #CCC;padding-top:10px;margin-top:30px}
.bullet{list-style-type:square;list-style-position:inside;margin-left:20px;margin-bottom:5px}
.bullet li{padding-bottom:5px}
.listbullet{list-style-type:square;list-style-position:inside;margin-left:20px;padding:5px 0 15px}
.listbullet li{padding-bottom:10px}
.listlinks{padding-bottom:5px;border-top:1px solid #CCC;margin:20px 0 15px}
.listlinks img{float:left;padding:3px 15px 0 10px}
.listlinks a{display:block;background:url(../images/buttons/arrowU.gif) no-repeat right center;line-height:3em;padding:0 10px}
.listlinks a:hover{text-decoration:none;color:#666;background-color:#ECEEEF;background-image:url(../images/buttons/arrowH.gif);background-repeat:no-repeat;background-position:right center}
.listlinks li{border-bottom:1px solid #CCC;height:38px;list-style-type:none}
.listblock a{line-height:2em}
.listblock a:hover{color:#999;text-decoration:none}
.listtick{padding:5px 0 10px}
.listtick a{font-weight:400;color:#333}
.listtick li{background:url(../images/tick.gif) no-repeat right center;border-bottom:1px solid #CCC;line-height:2em;padding:0 10px}
.listref a{text-decoration:none;line-height:2em;font-weight:400;padding:5px}
.listref a:hover{background-color:#7F8A94;color:#FFF;text-decoration:none}
.listmini{margin-bottom:20px;border-top:1px solid #CCC;margin-top:20px}
.listmini a{display:block;line-height:2em;padding-left:10px;font-weight:400}
.listmini a:hover{background-color:#e7e7e7;color:#666;text-decoration:none}
.listnumber{background-color:#E6E6E6;text-align:right;height:30px}
.listnumber a{display:inline;color:#999;font-size:12px;line-height:30px;padding-right:10px;padding-left:10px}
.listnumber a:hover{color:#FFF;background-color:#666;text-decoration:none}
#jump{
	clear:both;
	background-color: #FFFFFF;
	padding-top: 50px;
}
#jump h4{float:right;color:#CCC;line-height:30px;padding:0}
#footer{ border-top-width:1px; border-top-style:solid; border-top-color:#000; color:#CCC; padding:30px 0 20px; background-image: url(../images/body-BG.jpg); background-repeat: repeat-x; }
#footer .fourcolfirst,#footer .fourcol{margin-bottom:0}
#footer a,#footer p{color:#ccc;font-weight:400;font-size:11px}
#siteinfo{clear:both;text-align:right;padding-top:10px}
#siteinfo a,#siteinfo p{color:#CCC;font-weight:400;font-size:11px;margin:0}
.textBox{margin:15px 0;padding:5px 20px 10px}
.feed-foot{padding-top:10px;padding-bottom:30px}
.starburst{position:absolute;z-index:1000;top:50px;right:0;height:100px;width:100px}
#flickr a img{float:left;margin-right:20px;margin-bottom:20px}
#flickr{height:190px;width:190px}
#twitter{position:relative;margin:20px 0}
#twitter img{position:absolute;top:-30px;left:55px}
#twitter a{display:block}
#twitter li{font-size:12px;padding-top:10px}
.grey{background-color:#f4f4f4}
.buttonMini li{height:125px;width:125px;position:relative;display:inline;float:left;margin:0 20px 20px 0}
.buttonMini .last{margin-right:0}
.buttonMini p{position:absolute;bottom:0;left:0;text-align:center;width:125px;background-image:url(../images/bg-transparency-black.png);font-size:11px;line-height:20px;color:#FFF;font-weight:700;margin:0}
#socialMedia li a {height:32px;width:32px;background-image:url(../images/sprites.png);display:block;background-repeat:no-repeat;overflow:hidden;margin-right:12px}
#socialMedia li{float:left}
#twitterSprite a{background-position:0 0}
#twitterSprite a:hover{background-position:-32px 0}
#facebookSprite a{background-position:0 -32px}
#facebookSprite a:hover{background-position:-32px -32px}
#linkedinSprite a{background-position:0 -64px}
#linkedinSprite a:hover{background-position:-32px -64px}
#flickrSprite a{background-position:0 -96px}
#flickrSprite a:hover{background-position:-32px -96px}
#youTubeSprite a{background-position:0 -128px}
#youTubeSprite a:hover{background-position:-32px -128px}
#rssSprite a{background-position:0 -160px}
#rssSprite a:hover{background-position:-32px -160px}
#footnav li a{height:30px;width:30px;background-image:url(../images/sprites.png);display:block;background-repeat:no-repeat;overflow:hidden}
#footnav li{float:left;margin-right:10px}
#backSprite a{background-position:0 -218px}
#backSprite a:hover{background-position:-32px -218px}
#topSprite a{background-position:0 -250px}
#topSprite a:hover{background-position:-32px -250px}
#emailSprite a{background-position:0 -280px}
#emailSprite a:hover{background-position:-32px -280px}




.listportfolio img{float:left;border: 1px solid #E5E5E5;}
.listportfolio h2{padding-top:0;padding-bottom:5px;padding-left:440px}
.listportfolio p{padding-left:440px}
.listportfolio li{height:350px;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#E5E5E5;margin-bottom:50px}

.services{color:#2095E4;font-weight:700;font-size:12px}
a:link,a:visited{text-decoration:none;color:#333}
a:hover,#footer a:hover{text-decoration:underline}
.white,#footer h5{color:#FFF}
.clearfix,.rowcontainer{clear:both}
fieldset,.listblock{padding:20px}
.listref li,.listmini li{border-bottom:1px solid #ccc}
.listnumber li,#siteinfo li{display:inline}
.bgline {
	background-image: url(../images/bg-vline.jpg);
	background-repeat: repeat-y;
	background-position: right;
}
iframe {
	margin-bottom: 20px;
}