/* - - Website designed and produced by Metastar - -*/
/* - - http://www.metastar.co.uk - -*/
/* - - 16.02.09 - -*/

/* - - standard elements - -*/
*{border:none;margin:0;padding:0;}
body{background-color:#fff;color:#48545E;margin:20px 0;font:normal 11px Verdana, Geneva, Arial, helvetica, sans-serif;line-height:150%;}
h1 {font-size:120%;color:#1c3b6a;margin-bottom:10px;}
h2 {font-size:100%;color:#1c3b6a;margin:25px 0 10px 0;}
h3 {font-size:100%;color:#1c3b6a; font-weight:normal; font-style:italic;margin:20px 0 10px 0;}
strong {color:#325076;}
ul {list-style-type:circle;margin:10px 0;}
ul li ul {list-style-type: disc;}
li {margin:0 0 5px 16px;}
p	{margin-bottom:10px;}
a:link,a:visited,a:hover,a:active{text-decoration:none;}
a:link,a:visited,a:active{color:#325076;}
a:hover{color:#1c3b6a;}
dl	{margin-top:10px;}
dt{font-weight:bold;}
dd{margin-bottom:10px;}
input, textarea, select {padding:2px;border:#CCC 1px solid;color:#48545E;}
table	{width:100%;}
th	{text-align:left; vertical-align:top;padding-bottom:10px;color:#1c3b6a; font-weight:normal; }
td	{padding-bottom:10px; vertical-align:top;}
 
/* - - container holding all content - -*/
#container{padding:10px 10px 30px 10px;width:900px;margin:0 auto; background-color:#fff;}

/* - - global nav, logo and slogan - -*/
#global {color:#48545E;margin-bottom:15px; padding:0 5px 0 10px;}

/* - - feature photo with news and current date - -*/
#photoBox {background:#1b1b1b url(featPhoto.jpg) no-repeat;color:#FF0000;width:880px;height:145px;position:relative;padding:10px;text-align:right;}
h2.top {color:#fff;font-size:120%;font-weight:normal;display:inline;float:left;margin:0 0 0 0;}
#photoBox ul {border-right:#3592ef 1px solid;margin:0;}
#photoBox li {margin-left:0; display:inline;padding:0 5px 0 6px; border-left:#3592ef 1px solid;}
#photoBox a:link,#photoBox a:visited,#photoBox a:active {color:#CCC;}
#photoBox a:hover {color:#3592ef;}
#photoBox div {position:absolute;bottom:10px;width:100%;left:0;text-align:center;font-size:95%;color:#bbb;}
#photoBox div h2 {color:#FFF;display:inline;padding-left:10px;}
#photoBox div span {margin:0 20px 0 5px;}
#photoBox div a:link,#photoBox div a:visited,#photoBox div a:active{color:#bbb;}
#photoBox div a:hover{color:#3592ef;}

/* - - breadcrumb trail with freephone number - -*/
#breadcrumb {margin:15px 0;font-size:90%;padding:1px 0; position:relative;}
#breadcrumb p {border-top:#efecec 1px solid;border-bottom:#efecec 1px solid;padding:5px 10px;}
#breadcrumb span {color:#1c3b6a;font-size:11px;position:absolute; right:10px; top:7px;}

/* - - main content with separation line - -*/
#main {background:#fff url(dot.gif) 650px repeat-y;}
#main p.lang { font-size:85%; padding-top:30px;padding-left:675px;}
#main p.copy {font-size:85%; padding-left:675px;}

/* - - portfolio - -*/
#main div.portfolio img {float:left; padding:5px; border:#CCC 1px solid; margin:0 15px 15px 0;}
#main div.portfolio h2 {margin:30px 0 20px 0;}
#main div.portfolio div.logos img {border:none; padding:0; margin:0 30px 30px 0;}

/* - - left column - -*/
#left {width:160px;float:left;}
#left div { background:#325076 url(top.gif) top no-repeat; padding-top:5px;}
#left ul.sidebar { list-style-type:none; background:#325076 url(bottom.gif) bottom no-repeat;color:#FFF;padding:5px 5px 20px 5px; margin-top:0;}
#left ul.sidebar a:link,#left ul.sidebar a:visited,#left ul.sidebar a:active {color:#efecec;}
#left ul.sidebar a:hover {background: url(secondNavMore.gif) right no-repeat; padding-right:15px;}
#left ul.sidebar li {border-bottom:#FFF 1px dotted; padding:5px; margin:0;}
#left img {margin:10px 0;}

/* - -middle column- -*/
#middle {width:435px;float:left;padding:0 30px 0 30px;}

/* - -right column - -*/
#right {float:left;width:210px;margin-left:20px;}
#right h2 {color:#325076; margin:25px 0 10px 0;}
#right h2#first {margin-top:0;}
#right img {margin:0 10px 10px 0;}
#right strong {color:#48545E;}
img.border {padding:1px; border:#48545E 1px solid;}
#right ul#second {background-color:#fff;color:#325076;padding:0;border-bottom:#325076 1px dotted; margin-top:40px; list-style-type:none;}
#right ul#second a:hover { background:#fff url(lastNavMore.gif) right no-repeat; padding-right:15px;}
#right ul#second li {border-top:#325076 1px dotted; padding:5px; margin-left:0;}

/* - - page specific styles - -*/
.tick dt, .tick li{ background:#fff url(tick.gif) 0 0 no-repeat; padding-left:20px; margin-left:0;}
.tick dd{ padding-left:20px;}
p.marginBottom {margin-bottom:5px;}
ul.tick, dl.tick { list-style-type:none;  margin-top:5px;}

/* - - testimonials - -*/
.test p {margin-bottom:4px;}
.test h2 {margin-bottom:8px; color:#48545E; font-size:98%;}
.test .source {margin:8px 0 20px 0;font-size:90%;}

/* - - decimal list - -*/
ul.decimal { list-style:decimal-leading-zero;}
ul.decimal li {margin-left:26px;}
ul.decimal li ul li {margin-left:16px;}

/* - - unstyled list - -*/
ul.unstyled { list-style-type:none;}
ul.unstyled li {margin-left:0;}

/* - - projects list - -*/
ul.projects { list-style-type:none;}
ul.projects li {margin:0;}

/* - - lists in tables - -*/
table ul {margin:0;}
table li {margin-bottom:0;}

/* - - more - -*/
.clear {clear:both;}
.clearLeft {clear:left;}
.clearRight {clear:right;}
.button { background-color:#325076; color:#FFF;}
.dtBlue dt {color:#325076;}
.marginBot p {margin-bottom:6px;}
.marginBot h2 {margin-bottom:6px; color:#48545E; font-size:95%;}
p.source {margin:0 0 20px 0;font-size:90%;}
p.date {font-size:90%; margin-top:25px;}
td.left {padding-right:10px;}
td.right {text-align:right;}
.300 {width:400px;}
h2.topMargin{ margin-top:50px;}