/* CSS Document */

body{
	padding:0px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	font-style:normal;
	margin:0;
	background-color: #fff;
	background-image: url(images/backgroung.gif);
	background-repeat: repeat-x;
	background-position: top;
}

.topheader{
width:930px;
height:89px;
margin-left:auto;
margin-right:auto;
}

.logo{
	float:left;
	width:246px;
	display:block;
	height:47px;
	background:url(images/cogent-design-logo2.gif) bottom left no-repeat;
	padding: 0px;
	margin-top: 26px;
	margin-right: 0px;
	margin-bottom: 16px;
	margin-left: 0px;
}

.logotype{
width:570px;
display:block;
height:29px;
background:url(images/cogent-design.gif) top right no-repeat;
margin-bottom:27px;
}

.homepagebg2{
	width:100%;
}

.homepage_top{
	width:930px;
	height:89px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 20px;
	padding-top: 0px;
	padding-right: 25px;
	padding-bottom: 0px;
	padding-left: 25px;
}


.topnav{
	margin-top:55px;
	width:684px;
	float:left;
	margin-left:0px;
}

.main{
	width:930px;
	margin-left:auto;
	margin-right:auto;
	background-image: url(images/panel.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 21px;
	padding-right: 25px;
	padding-bottom: 0px;
	padding-left: 25px;
}
.main-contact{
	width:930px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 5px;
	padding-top: 30px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}

.main-clients{
	width:930px;
	margin-left:auto;
	margin-right:auto;
	background-image: url(images/panel.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 5px;
	padding-right: 25px;
	padding-bottom: 20px;
	padding-left: 25px;
}



.main-sitemap{
	width:930px;
	margin-left:auto;
	margin-right:auto;
	background-color:#fff;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
}

.main-sitemap a:link, .main-sitemap a:visited{
color:#000;
text-decoration:none;
}

.main-sitemap a:hover{
color:#000;
text-decoration:underline;
}

.cogent-slides_home{
width:720px;
height:388px;
float:right;
overflow:hidden;
	position:relative;
}

.cogent-slides{
width:930px;
height:436px;
}

.leftcol{
	width:658px;
	float:left;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 67px;
}

.leftcol h1 {
margin-top:0px;
padding-top:0px;
}

.rightcol{
	width:205px;
	float:left;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}

.clear{
clear:both;
}

.floatleft{
float:left;
}

.floatleft20{
float:left;
margin-right:20px;
}

.footer{
	width:930px;
	margin-top:5px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:25px;
	color:#999999;
	font-size:12px;
	text-align:center;
	padding-right: 25px;
	padding-left: 25px;
}
.footer h2 {
	margin-top:0px;
	color:#999999;
	font-size:12px;
	font-weight: bold;
	font-family: Arial;
	line-height: 17px;
	margin-bottom: 7px;
}
.footer h2 a {
	color:#999999;
	font-size:12px;
	font-weight: bold;
	font-family: Arial;
	text-decoration:none;
}
.footer a {
	color:#999999;
}


.footer p a:link, .footer p a:visited{
	color:#999999;
	text-decoration:none;
}

.footer p a:hover{
	color:#999999;
	text-decoration:underline;
}
.footer_grey{
	width:100%;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	padding: 0px;
	background-color: #666666;
}
.footer_grey_inner {
	width: 930px;
	padding-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-family: Arial;
	font-size: 11px;
	color: #ACACAC;
	padding-right: 25px;
	padding-left: 25px;
}
.footer_section {
	float: left;
	margin-right: 59px;
	padding-top:10px;
	margin-bottom: 230px;
}
.footer_section_last {
	float: left;
	padding-top:10px;
	margin-bottom: 40px;
	text-align: right;
	padding-left: 5px;
}

.footer_section span a:link,  .footer_section span a:active, .footer_section span a:visited, .footer_section_last span a:link, .footer_section_last span a:active, .footer_section_last span a:visited {
	text-decoration:none;
	color:#CCCCCC;
}
.footer_section span a:hover, .footer_section_last span a:hover {
text-decoration: underline;
color:#CCCCCC;
}
.footer_section ul {
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.footer_section ul li {
	list-style-type: none;
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}
.footer_section ul li a:link, .footer_section ul li a:active, .footer_section ul li a:visited {
color:#000000;
text-decoration:none;
}
.footer_section ul li a:hover {
color:#000000;
text-decoration: underline;
}

h {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 15px;
	color: #666666;
	font-weight: normal;
	text-transform: uppercase;
	}
h1, h1 a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #333333;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
h1 a, h2 a {
text-decoration:underline;
}

h2, h2 a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
	color:#000000;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
}
p {
	font-family:Arial;
	font-size: 12px;
	line-height: 17px;
	margin-top: 0px;
	margin-bottom: 7px;
}

/*homepage css*/
.homepage_table{
margin:0px;
}

.homepage_section_title {
	height: 30px;
	width: 178px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	font-family: Arial;
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	color: #000000;
}
.homepage_section_title h1 {
	font-family: Arial;
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	color: #000000;
	margin-bottom:0px;
}
.homepage_section_title a:link, .homepage_section_title a:active, .homepage_section_title a:visited {
text-decoration:none;
}
.homepage_section_title a:hover {
text-decoration: underline;
}
.homepage_section_text {
padding-top:10px;
padding-bottom:10px;
padding-right:25px;
width: 153px;
}
.homepage_section_text p {
	margin-top: 0px;
	margin-bottom: 10px;
}
.homepage_section_text p a:link, .homepage_section_text p a:active, .homepage_section_text p a:visited {
text-decoration:none;
}
.homepage_section_text p a:hover {
text-decoration: underline;
}
.homepage_section_bullets {
padding-top:10px;
padding-bottom:10px;
width: 178px;
}

.homepage_section_bullets ul {
	padding:0;
	list-style-type:none;
	float:left;
	margin-top: -4px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.homepage_section_bullets li a:link, .homepage_section_bullets li a:visited {
	width:178px;
	height:19px;
	display:block;
	border-bottom:1px dotted #cccccc;
	text-decoration:none;
	color:#000;
	padding-left:0px;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	background-color: #FFFFFF;
}
.homepage_section_bullets li a:hover {
	width:178px;
	height:19px;
	display:block;
	border-bottom:1px dotted #cccccc;
	text-decoration:none;
	color:#000;
	padding-left:0px;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	background-color: #EBEBEB;
}

.sectionheader-a{
	width:296px;
	display:block;
	height:23px;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:15px;
	padding-top:7px;
	padding-left:0px;
	font-weight:bold;
	margin-bottom:10px;
}

.sectionheader-a a:link, .sectionheader-a a:visited, .sectionheader-b a:link, .sectionheader-b a:visited, .sectionheader-c a:link, .sectionheader-c a:visited{
color:#000;
font-weight:bold;
text-decoration:none;
}

.sectionheader-a a:hover, .sectionheader-b a:hover, .sectionheader-c a:hover{
color:#000;
font-weight:bold;
text-decoration:underline;
}

.sectionheader-b{
width:613px;
display:block;
height:23px;
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:15px;
padding-top:7px;
font-weight:bold;
margin-bottom:10px;
padding-left:0px;
}

.sectionheader-c{
	width:930px;
	display:block;
	height:23px;
	border-bottom:1px solid #cccccc;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	padding: 0px;
}

.sectionunit-a{
width:296px;
float:left;
height:192px;
margin-right:21px;
}
.sectionunit-a-home {
width:295px;
float:left;
height:192px;
margin-right:20px;
}
.sectionunit-a-home ul {
padding:0;
margin: -4px 11px 0px 0px;
list-style-type:none;
float:left;
}
.sectionunit-a-home li a:link, .sectionunit-a-home li a:visited {
width:146px;
height:19px;
display:block;
border-bottom:1px dotted #cccccc;
text-decoration:none;
color:#000;
padding-top:2px;
padding-left:4px;
background-color:#FFFFFF;
}

.sectionunit-a-home li a:hover {
width:146px;
height:19px;
display:block;
border-bottom:1px dotted #cccccc;
text-decoration:none;
color:#000;
padding-top:2px;
background-color:#e4e5e5;
padding-left:4px;
}

.newstxt a:link, .newstxt a:visited{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
color:#333333;
font-weight:bold;
text-decoration:none;
}

a.more:link, a.more:visited{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
color:#f4a900;
font-weight:normal;
text-decoration:none;
}

.newstxt a:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
color:#333333;
font-weight:bold;
text-decoration:underline;
}

a.more:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
color:#f4a900;
font-weight:normal;
text-decoration:underline;
}

.portunit-a{
width:205px;
float:left;
}


.sectionunit-b{
width:296px;
float:left;
height:192px;
}

.sectionunit-b-new{
width:295px;
float:left;
height:162px;
}

.sectionunit-a ul, .sectionunit-b ul, .sectionunit-b-new ul, .portunit-a ul {
	padding:0;
	list-style-type:none;
	float:left;
	margin-top: -4px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.sectionunit-a li a:link, .sectionunit-a li a:visited, .sectionunit-b li a:link, .sectionunit-b li a:visited, .sectionunit-b-new li a:link, .sectionunit-b-new li a:visited {
width:146px;
	height:19px;
	display:block;
	border-bottom:1px dotted #cccccc;
	text-decoration:none;
	color:#000;
	padding-top:2px;
	padding-left:4px;
	background-color:#FFFFFF;
} 

.portunit-a li a:link, .portunit-a li a:visited{
	width:195px;
	height:19px;
	display:block;
	text-decoration:none;
	color:#000;
	padding-top:2px;
	padding-left:10px;
}
.portunit-a li a:hover{
	width:195px;
	height:19px;
	display:block;
	text-decoration:none;
	color:#000;
	padding-top:2px;
	background-color:#ACAEAE;
	padding-left:10px;
}
.portunit-a li ul {
	list-style-type:none;
	float:left;
	border-bottom:1px dotted #cccccc;
	margin: 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
}
.portunit-a li ul li a:link, .portunit-a li ul li a:visited{
	width:185px;
	height:18px;
	display:block;
/* 	border-bottom:1px dotted #cccccc; */
	text-decoration:none;
	color:#000;
	padding-top:1px;
	padding-left:20px;
	background-image: url(images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
	text-decoration:none;
}
.portunit-a li ul li a:hover{
	width:185px;
	height:18px;
	display:block;
/* 	border-bottom:1px dotted #cccccc; */
	text-decoration:none;
	color:#000;
	padding-top:1px;
	padding-left:20px;
	background-image: url(images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-color: #FFFFFF;
	text-decoration:underline;
}

.sectionunit-a li a:hover, .sectionunit-b li a:hover, .sectionunit-b-new li a:hover{
width:146px;
	height:19px;
	display:block;
	border-bottom:1px dotted #cccccc;
	text-decoration: underline;
	color:#000;
	padding-top:2px;
	padding-left:4px;
} 


.homeport1 {
	background-color:#D7D9D9;
	border-bottom:1px dotted #999999;
}

.portunit-there{
width:195px;
height:19px;
display:block;
border-bottom:1px dotted #cccccc;
text-decoration:none;
color:#000;
padding-top:2px;
background-color:#c1c3c3;
padding-left:0px;
}


.sectionunit-c{
width:613px;
float:left;
height:192px;
}

.sectionunit-d{
width:930px;
float:left;
height:192px;
margin-top:0px;
}

.newstxt{
width:145px;
margin: 0px 13px 0px 4px;
float:left;
}

.sectiontxt{
margin-left:0px;
}

.hpinner{
	width:930px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	float:left;
	margin: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #cdcdcd;
}

/*services*/
.services_table{
margin-top:20px;

}

.services {
	width: 170px;
	padding-top: 15px;
	padding-bottom: 25px;
	border-top-width: 2px;
	border-top-style: solid;
}

/*case-studies*/

.leftcol-cs{
	width:160px;
	float:left;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}

.leftcol-cs ul{
   margin:0;
   padding:0;
   list-style-type:none;
   font-weight:bold;
   line-height:20px;
   color:#000;
}

.leftcol-cs li {
	font-size:13px;
}

.leftcol-cs li a, .leftcol-cs li a:visited{
	color:#96a6ad;
	text-decoration:none;
	display:block;
	width:160px;
	font-size:13px;
}

.leftcol-cs li a:hover{
   color:#000;
   text-decoration:none;
   display:block;
   width:160px;
   font-size:13px;
}


.rightcol-cs{
	width:710px;
	float:left;
	padding-top:5px;
	text-align: justify;
	margin-left: 60px;
}

.rightcol-cs-home{
	width:768px;
	float:left;
	padding-top:5px;
	text-align: justify;
	margin-left: 2px;
	margin-bottom:40px;
}
.rightcol-cs-home-text {
	width:760px;
	float:left;
	text-align: justify;
	margin-left: 8px;
	margin-bottom: 20px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
}
.rightcol-cs-home-text h1 {
margin-top:0px;
}

.case-study-thumb {
	padding: 0px;
	float: left;
	height: 194px;
	width: 184px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 8px;
}
.case-study-thumb p {
	margin-top:5px;
	line-height: 15px;
	font-family: Verdana;
	font-size: 11px;
}
.case-study-thumb a:link, .case-study-thumb a:active, .case-study-thumb a:visited {
color:#000000;
text-decoration:none;
}
.case-study-thumb a:hover {
color:#000000;
text-decoration:underline;
}
.greenquote{
   font-family:Verdana, Arial, Helvetica, sans-serif;
   color:#578d95;
   font-size:12px;
   font-weight:bold;
   line-height:20px;
   margin-top:133px;
}

.greenquote p{
   margin:0px 0px 5px 0px;
}

.font11{
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:11px;
   color:#96a6ad;
}

.font11b{
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:11px;
   color:#4f4f4f;
   font-weight:bold;
   line-height:17px;
}

.rightcol-cs h2{
   font-size:16px;
   font-weight:bold;
   margin:0px 0px 10px 0px;
   padding:5px 0px 0px 0px;
   color:#888888;
   font-family:Geneva, Arial, Helvetica, sans-serif;
}

.map{
	float:left;
	width:646px;
	}

#contact_left-col{
	width:300px;
	float:left;
	font-size: 12px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:18px;
	margin-top: 0px;
	margin-right: 57px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#contact_right-col{
	width:573px;
	float:left;
	background-color:#fff;
	font-size: 12px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:18px;
	text-align: justify;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.biggertext{
	font-size:14px;
	line-height:20px;

}

.biggertext2{
	font-size:14px;
	line-height:12px;
	
}

/*case study*/

h1.casestudies {
   color:#336f92;
   font-family:"Times New Roman", Times, serif;
   font-size:50px;
   font-stretch:narrower;
   line-height:50px;
   font-weight:normal;
   margin:0;
   padding:0;
}

.case-studies-container{
  background:url(images/cs_landing_bg.jpg) top left no-repeat;
  width:892px;
  height:196px;
  margin-bottom:10px;
  text-align:left;
}

.case-studies_left_col{
  float:left;
  width:520px;
 margin-top:20px;
  margin-left:30px;
}

.case-studies_right_col{
  float:left;
  width:300px;
  margin-top:15px;
}

h2.csheader{
   color:#237bbb;
   font-family:Arial, Helvetica, sans-serif;
   font-size:18px;
   font-weight:normal;
   margin-bottom:10px;
   margin-top:0px;
}

.two_col_cs{
   width:220px;
   height:85px;
   float:left;
   margin-right:30px;
}

.two_col_cs2{
   width:220px;
   height:40px;
   float:left;
   margin-right:30px;
}

.csboxleft{
   border-top: 1px dotted #000;
   border-right: 1px dotted #000;
   float:left;
   width:430px;
   height:155px;
   padding:10px 15px 15px 8px;
   font-size:11px;
   line-height:14px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
}

.csboxright{
   border-top: 1px dotted #000;
   float:left;
   width:430px;
   height:155px;
   padding:10px 5px 15px 18px;
   font-size:11px;
   line-height:14px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
}

.csboxleft p, .csboxright p{
	padding:0;
	margin:7px 0px 7px 0px;
}

.csboxleftimg, .csboxrightimg{
	float:right;
	margin-right:20px;
}
.csboxleft ul, .csboxright ul{
	list-style-type:none;
	margin:0px;
	padding:0px;
}

.csboxleft li, .csboxright li{
	color:#000;
	background:url('images/cs-dots.gif') bottom left no-repeat;
	padding:0px 0px 0px 15px;
	margin:0px;
}

.csboxleft a:link, .csboxleft a:visited, .csboxright a:link, .csboxright a:visited{
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	color:#000;
}

.csboxleft a:hover, .csboxright a:hover{
	font-size:10px;
	font-weight:bold;
	text-decoration:underline;
	color:#000;
}

.cstitle{
   font-size:14px;
   font-weight:bold;
}

h1.newcs {
   color:#336f92;
   font-family:"Times New Roman", Times, serif;
   font-size:40px;
   font-stretch:narrower;
   line-height:40px;
   font-weight:normal;
   margin:0;
   padding:0;
   float:left;
}

.landingtext{
	float:left;
	width:657px;
	font-size:12px;
	line-height:17px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:10px 0px 30px 20px;
}

.main-cs{
width:934px;
margin-left:auto;
margin-right:auto;
background-color:#fff;
padding:12px 23px 23px 23px;
}

/*profile*/

.leftcol-about{
	width:378px;
	float:left;
	padding-top: 25px;
	padding-right: 50px;
	padding-bottom: 30px;
	padding-left: 0px;
}

.rightcol-about{
	width:500px;
	float:left;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
	text-align: justify;
}

/*services*/

.leftcol-sc{
	width:930px;
	float:left;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}

/* portfolio landing page*/

.portfolio-block-a{
	float:left;
	display:block;
	width:373px;
	height:117px;
	margin:0px 20px 20px 0px;
}

.portfolio-block-b{
	float:left;
	display:block;
	width:373px;
	height:117px;
	margin:0px 0px 20px 0px;
}

.portfolio-block-outer{
	width:930px;
	padding-top:20px;
	padding-bottom:0px;
	padding-right: 0px;
	padding-left: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #adadad;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 16px;
	margin-left: 0px;
}
.portfolio-left {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 282px;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	line-height: 17px;
}
.portfolio-left-new {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 180px;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	line-height: 17px;
}
.portfolio-left h2, .portfolio-left a h2, .portfolio-landing-left h2,
.portfolio-left-new h2, .portfolio-left-new a h2, .portfolio-landing-left-new h2 {
	font-family: Verdana;
	font-size: 15px;
	font-weight: bold;
	color: #000000;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.portfolio-left a:link, .portfolio-left a:active, .portfolio-left a:visited, 
.portfolio-left-new a:link, .portfolio-left-new a:active, .portfolio-left-new a:visited {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
line-height: 17px;
}
.portfolio-left a:link, .portfolio-left a:active, .portfolio-left a:visited,
.portfolio-left-new a:link, .portfolio-left-new a:active, .portfolio-left-new a:visited {
text-decoration:none;
}
.portfolio-left a:hover,  .portfolio-left a:hover h2,
.portfolio-left-new a:hover,  .portfolio-left-new a:hover h2 {
text-decoration:underline;
}
.portfolio-landing-left {
	padding: 0px;
	float: left;
	width: 392px;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	line-height: 17px;
	margin-top: 0px;
	margin-right: 64px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.portfolio-landing-left ul{
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
}
.portfolio-landing-left ul li{
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.portfolio-landing-right {
margin: 0px;
	padding: 0px;
	float: left;
	width: 474px;
}
.portfolio-landing-right img {
margin-bottom:40px;
}
.portfolio-right {
margin: 0px;
	padding: 0px;
	float: left;
	width: 648px;
}
.portfolio-right a {
	padding: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 12px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
.portfolio-right-new {
margin: 0px;
	padding: 0px;
	float: right;
	width: 712px;
}
.portfolio-right-web {
margin: 0px;
	padding: 0px;
	float: right;
	width: 732px;
}
.portfolio-right-new h2 {
	margin: 0px;
	padding: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	line-height: 28px;
	font-weight: normal;
	color: #21b6c3;
}
.intro {
margin: 0px;
	padding: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	line-height: 28px;
	color:#666666;


}
.portfolio-item {
	padding: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 20px;
}
.presentations-item {
	padding: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 15px;
}
.presentations-item1 {
	padding: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 30px;
	margin-left: 0px;
}
.events-item {
	padding: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 26px;
}
.events-item1 {
	padding: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}
.identity-item {
	padding: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 30px;
}
.identity-item1 {
	padding: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 30px;
	margin-left: 0px;
}
.web-item {
	padding: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 6px;
}
.web-item1 {
	padding: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}
.print-item {
	padding: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 29px;
}
.print-item1 {
	padding: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}
.portfolio-item h3, .presentations-item h3, .presentations-item1 h3, .events-item h3, .events-item1 h3, .web-item h3, .web-item1 h3, .print-item h3, .print-item1 h3, .identity-item h3, .identity-item1 h3 {
	font-family: Verdana;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	color: #3399FF;
	padding: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.portfolio-item p, .presentations-item p, .presentations-item1 p, .events-item p, .events-item1 p, .web-item p, .web-item1 p, .print-item p, .print-item1 p, .identity-item p, .identity-item1 p {
	font-family: Verdana;
	font-size: 11px;
	line-height: 12px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.portfolio-item a, .presentations-item a, .presentations-item1 a, .events-item a, .events-item1 a, .web-item a, .web-item1 a, .print-item a, .print-item1 a, .identity-item a, .identity-item1 a {
	font-weight: bold;
	color: #01ACBA;
	text-decoration:none;
}
.portfolio-item a:hover, .presentations-item a:hover, .presentations-item1 a:hover, .events-item a:hover, .events-item1 a:hover, .web-item a:hover, .web-item1 a:hover, .print-item a:hover, .print-item1 a:hover, .identity-item a:hover, .identity-item1 a:hover {
	text-decoration: underline;
}
.web {
margin-left:20px;
}
.portfolio-heder td{
padding-top:5px;
vertical-align:top;
}
.leftcol-portblock{
width:750px;
padding: 0px 41px 40px 23px;
margin-left:auto;
margin-right:auto;
margin-bottom:30px;
}

.OS{
background:url(images/img_casestudy/OS-adverts.jpg) bottom right no-repeat;
height:560px;
margin-top:25px;
}

.OStext1{
float:right;
text-align:left;
width:300px;
margin-right:50px;
}

.OStext2{
text-align:left;
width:200px;
}

/*new thumb section*/
.thumbs{
	vertical-align:middle;
	width:930px;
	height:45px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.thumbs a:link, .thumbs a:visited{
width:104px;
height:43px;
display:block;
float:left;
border: 1px solid white;
margin-right:5px;
filter:alpha(opacity=60);
        -moz-opacity:0.6;
        -khtml-opacity: 0.6;
        opacity: 0.6;

}

.thumbs a:hover{
	width:104px;
	height:43px;
	float:left;
	display:block;
	border: 1px solid white;
	margin-right:5px;
	filter:alpha(opacity=100);
        -moz-opacity:1;
        -khtml-opacity: 1;
        opacity: 1;

}

a.arrow1:link, a.arrow1:visited {
	border:0;
	width:18px;
	margin-right:6px;
	padding: 0px;
	float: left;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #808080;
	filter:alpha(opacity=100);
        -moz-opacity:1;
        -khtml-opacity: 1;
        opacity: 1;
}

a.arrow2:link, a.arrow2:visited{
	border:0;
	width:18px;
	padding: 0px;
	float: left;
	margin: 0px;
	background-color: #808080;
	filter:alpha(opacity=100);
        -moz-opacity:1;
        -khtml-opacity: 1;
        opacity: 1;
}
a.arrow1:hover, a.arrow2:hover {
	filter:alpha(opacity=70);
        -moz-opacity:0.7;
        -khtml-opacity: 0.7;
        opacity: 0.7;
}

.clientleft{
	width:533px;
	float:left;
	margin-right:27px;
	text-align: left;
}

.clientleft td{
	width:154px;
	height:75px;
	padding-right:6px;
	padding-bottom:5px;

}


.clientright, clientright h2 a:link{
    width:370px;
	float:left;
	}
.clientright h2, .clientright h2 a:link, .clientright h2 a:active, .clientright h2 a:visited{
	color:#4676a6;
	font-weight:bold;
	text-decoration:none;
	font-size: 13px;
}
.clientright h2 a:hover{
color:#4676a6;
	font-weight:bold;
	text-decoration:underline;
	font-size: 13px;
}

.clientrightcol{
    width:185px;
	float:left;
}

.clientsnav, .clientnav:link, .clientnav:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:normal;
	color: #000;
	text-decoration: none;
}

.clientsnav:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #000;
	text-decoration: underline;
}

.clientsnavnolink{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
}

/*2010 Oct*/
.listingbox{
width:173px;
height:150px;
float:left;
margin-right:11px;
color:#196285;
font-weight:bold;
margin-bottom:20px;
}
.listingboxlast{
width:173px;
height:150px;
float:left;
color:#196285;
font-weight:bold;
margin-bottom:20px;
}

img .listingbox, img .listingboxlast{
border:0;
}

.listingbox a:link, .listingbox a:visited, .listingboxlast a:link, .listingboxlast a:visited{
color:#757373;
text-decoration:none;
font-weight:normal;
}

.listingbox a:hover, .listingbox a:hover{
color:#757373;
text-decoration:underline;
font-weight:normal;
}

.leftlisting{
width:455px;
float:left;
margin-right:85px;
}

.rightlisting{
width:354px;
float:left;
margin-top:65px;
}



.main-listing{
width:920px;
margin-left:auto;
margin-right:auto;
background-color:#fff;
padding:35px;
}

.main-listing h2{
color:#097eb1;
}

.bluelist{
color:#097eb1;
}

.smaller{
font-size:11px;
line-height:15px;
}

.portfolio_image {
padding:0px;
	width:930px;
	height:384px;
	position:relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
#arrows{
	position: absolute;
	display: block;
	height: 23px;
	width: 205px;
	margin: 0px;
	float:left;
	left: 0px;
	top: 361px;
	background-color: #515151;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	z-index: 99999;
}
.portfolio-back:link, .portfolio-back:visited {
	font-family: Verdana;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px;
	height: 19px;
	width: 82px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	display:block;
	float:left;
	text-align: right;
	padding-top: 2px;
	padding-right: 20px;
	padding-bottom: 2px;
	padding-left: 0px;
}
.portfolio-back:hover {
	background-color: #666666;
}
.portfolio-next:link, .portfolio-next:visited{
	font-family: Verdana;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px;
	height: 19px;
	width: 82px;
	display:block;
	float:left;
	text-align: left;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 20px;
}
.portfolio-next:hover {
	background-color: #666666;
}

a {
color:#000000;
}


/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/image_dropdown.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */


#nav {
	padding:0px;
	margin:0px;
	list-style:none;
	height:34px;
	position:relative;
	z-index:2000;
	float: right;
}
#nav li.top {
	display:block;
	float:left;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
#nav li a {
	display:block;
	float:left;
	height:30px;
	border:none;
	text-decoration:none;
	cursor:pointer;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #666666;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
}
#nav li a.home {
padding-left: 0px;
padding-right: 8px;
width:44px;
}
#nav li a.whoweare {width:89px; }
#nav li a.whatwedo {width:109px; }
#nav li a.portfolio {width:62px; }
#nav li a.cs {width:117px; }
#nav li a.clients {width:75px; }
#nav li a.news {width:58px; }
#nav li a.contactus {
padding-right: 0px;
padding-left: 8px;
width:67px;
}
/*#nav li a.home {width:52px; }
#nav li a.whoweare {width:98px; }
#nav li a.whatwedo {width:98px; }
#nav li a.portfolio {width:84px; }
#nav li a.cs {width:100px; }
#nav li a.clients {width:66px; }
#nav li a.news {width:52px; }
#nav li a.contactus {width:84px; }

#nav li a {display:block; float:left; height:34px; border:0px solid #888; border-color:#ddd #888 #000 #ccc; text-decoration:none; padding:0; cursor:pointer;}
#nav li a b {margin-left:-9999px;}

#nav li a.home {background:url(images/nav/home.gif); width:52px; }
#nav li a.whoweare {background:url(images/nav/who-we-are.gif); width:98px; }
#nav li a.whatwedo {background:url(images/nav/what-we-do.gif);width:98px; }
#nav li a.portfolio {background:url(images/nav/portfolio.gif);width:84px; }
#nav li a.cs {background:url(images/nav/case-studies.gif);width:100px; }
#nav li a.clients {background:url(images/nav/clients.gif);width:66px; }
#nav li a.news {background:url(images/nav/news.gif);width:52px; }
#nav li a.contactus {background:url(images/nav/contact-us.gif);width:84px; }

#nav li:hover a,
#nav a:hover
{background-position: 0 30px;}
*/
#nav li:hover a,
#nav a:hover {
	text-decoration: underline;
}

#nav table {position:absolute; top:0; left:0; border-collapse:collapse; padding:0; width:0; height:0; margin:-1px;}

#nav .sub {
	position:absolute; /*left:-9999px; top:-9999px; */
	width:0;
	height:0;
	margin:0;
	padding:0;
	list-style:none;
	left: 270px;
	display:none;
}

#nav li:hover {position:relative; z-index:2000;}
#nav a:hover {position:relative; white-space:normal; z-index:2000;}

#nav :hover ul.sub
{left:0; top:34px; background: #bebebe; width:152px; height:auto; z-index:300; display:block;}
#nav :hover ul.sub li
{display:block; height:24px; position:relative; float:left; width:152px; font-weight:normal;}
#nav :hover ul.sub li a
{display:block; height:18px; width:144px; text-decoration:none; padding:0; cursor:pointer; padding:3px 3px 3px 5px; text-align:left;}
#nav :hover ul.sub li a b {position:absolute; /*left:-9999px;*/ margin:0; color:#fff; font-family:Verdana; text-transform:none; font-size:12px;}

#nav :hover ul.sub li a:hover 
{/*background-position: 0 50px;*/ position:relative; background-color:#888888;}
#nav :hover ul.sub li a:hover b {/*left:100px; top:15px;*/ color:#fff; font-family:Verdana; text-transform:none; font-size:12px;}

/* start movie home */
	#slideshow * { margin: 0; padding: 0; }
#slideshow {
	position: relative;
	padding: 0px;
	width: 720px;
	height: 388px;
	overflow:hidden;
}
#slideshow #menu, #slideshow #pictures, #slideshow #loading { position: absolute; }

#slideshow #pictures { }
#slideshow #pictures li {
	display: block;
	position: absolute;
	top: 0;
	width: 720px;
}
#slideshow #pictures li img { display: block; position: relative; bottom: 0; }
#slideshow #menu {
	list-style-type: none;
	width: 90px;
	height: 11px;
	right: 0px;
	float: right;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
	bottom: 10px;
}
#slideshow #menu li {
	display: block;
	z-index: 1000;
	position: relative;
	zoom: 1;
	float: left;
	height: 11px;
	margin: 0px;
	padding: 0px;
	width: 18px;
}
#slideshow #menu li a {
	display: block;
	text-decoration: none;
	z-index: 1000;
	zoom: 1;
	font-weight: normal;
	height: 11px;
	width: 11px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 7px;
	background-image: url(images/img_homepage/dot_grey.png);
}
#slideshow #menu li a:focus { outline: 0; }
#slideshow #menu li a:hover {
	background-image: url(images/img_homepage/dot_light.png);
}
#slideshow #menu li.current a {
	background-image: url(images/img_homepage/dot_color.png);
}
#slideshow #menu li.background { }
.title_movie{
	float: left;
	height: 24px;
	width: 340px;
	position: absolute;
	left: 45px;
	top: 123px;
	font-family: Arial;
	font-size: 16px;
	color: #FFFFFF;
	line-height: 16px;
	font-weight: bold;
}

#slideshow1 * { margin: 0; padding: 0; }
#slideshow1 {
	position: relative;
	padding: 0px;
	width: 930px;
	height: 388px;
	overflow:hidden;
}
#slideshow1 #menu, #slideshow1 #pictures, #slideshow1 #loading { position: absolute; }

#slideshow 1#pictures { }
#slideshow1 #pictures li {
	display: block;
	position: absolute;
	top: 0;
	width: 930px;
}
#slideshow1 #pictures li img { display: block; position: relative; bottom: 0; }
#slideshow1 #menu {
	list-style-type: none;
	width: 70px;
	height: 11px;
	right: 0px;
	float: right;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
	bottom: 10px;
}
#slideshow1 #menu li {
	display: block;
	z-index: 1000;
	position: relative;
	zoom: 1;
	float: left;
	height: 11px;
	margin: 0px;
	padding: 0px;
	width: 18px;
}
#slideshow1 #menu li a {
	display: block;
	text-decoration: none;
	z-index: 1000;
	zoom: 1;
	font-weight: normal;
	height: 11px;
	width: 11px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 7px;
	background-image: url(images/img_homepage/dot_grey.png);
}
#slideshow1 #menu li a:focus { outline: 0; }
#slideshow1 #menu li a:hover {
	background-image: url(images/img_homepage/dot_light.png);
}
#slideshow1 #menu li.current a {
	background-image: url(images/img_homepage/dot_color.png);
}
#slideshow1 #menu li.background { }
.title_movie{
	float: left;
	height: 24px;
	width: 340px;
	position: absolute;
	left: 45px;
	top: 123px;
	font-family: Arial;
	font-size: 16px;
	color: #FFFFFF;
	line-height: 16px;
	font-weight: bold;
}

.text {
	float: left;
	height: 94px;
	width: 340px;
	position: absolute;
	left: 45px;
	top: 147px;
	font-family: Georgia;
	font-size: 28px;
	color: #000000;
	line-height: 32px;
}
.read {
	float: left;
	height: 24px;
	width: 340px;
	position: absolute;
	left: 45px;
	top: 245px;
}
.read a:link, .read a:visited {
font-family: Arial;
	font-size: 15px;
	color: #ffffff;
	line-height: 15px;
	font-weight: bold;
text-decoration:none;
}
.read a:hover{
font-family: Arial;
	font-size: 15px;
	color: #ffffff;
	line-height: 15px;
	font-weight: bold;
text-decoration: underline;
}

/* end movie home */


/* Powerpoint advice */
.advice_intro {
width:680px
}

ul#tabs {
	margin: 0px;
	height: 32px;
	width: 915px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	background-image: url(images/img_advice/tab-border.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	list-style-type: none;
}
ul#tabs li {
	background-image: url(images/img_advice/tab-grey.gif);
	background-repeat: no-repeat;
	height: 22px;
	width: 215px;
	float: left;
	padding-top: 10px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family: Verdana;
	font-size: 13px;
	line-height: 14px;
	font-weight: bold;
	color: #000000;
	text-align: center;
	text-transform: uppercase;
}
ul#tabs li a:link, ul#tabs li a:visited {
color:#666666;
text-decoration:none;
}
ul#tabs li a:hover {
color:#666666;
text-decoration: underline;
}
ul#tabs li.active {
	background-image: url(images/img_advice/tab-white.gif);
}
.tab {
	margin: 0px;
	padding: 33px;
	width: 862px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #adadad;
	border-bottom-color: #adadad;
	border-left-color: #adadad;
}
.tab-text {
width:512px;
padding:0px;
float:left;
}
.tab-text h2 {
	font-family: Arial;
	font-size: 12px;
	line-height: 17px;
	font-weight: bold;
	color: #000000;
	margin: 0px;
}
.tab-text p {
margin-bottom:25px;
}
.tab-text h3, .tab-text h3 a {
	font-family: Verdana;
	font-size: 18px;
	line-height: 18px;
	font-weight: normal;
	color: #7d7d7d;
}
.tab-text h3 a:link, .tab-text h3 a:visited {
text-decoration:none;
}
.tab-text h3 a:hover {
text-decoration: underline;
}
.tab-pictures {
width:290px;
padding:0px;
float:right;
}
.tab-pictures p {
color:#999999;
}
.name {
	height: 15px;
	padding-top: 15px;
	padding-right: 0px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #bcbcbc;
	padding-bottom: 15px;
}
.name h2 {
	font-family: Verdana;
	font-size: 13px;
	line-height: 15px;
	font-weight: bold;
	color: #1c9296;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.name h3 {
	font-family: Verdana;
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
	margin: 0px;
}

/* Fonts */

@font-face {
    font-family: 'OpenSansRegular';
    src: url('open-sans-fontfacekit/OpenSans-Regular-webfont.eot');
    src: url('open-sans-fontfacekit/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('open-sans-fontfacekit/OpenSans-Regular-webfont.woff') format('woff'),
         url('open-sans-fontfacekit/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('open-sans-fontfacekit/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'OpenSansSemibold';
    src: url('open-sans-fontfacekit/OpenSans-Semibold-webfont.eot');
    src: url('open-sans-fontfacekit/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('open-sans-fontfacekit/OpenSans-Semibold-webfont.woff') format('woff'),
         url('open-sans-fontfacekit/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('open-sans-fontfacekit/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'OpenSansBold';
    src: url('open-sans-fontfacekit/OpenSans-Bold-webfont.eot');
    src: url('open-sans-fontfacekit/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('open-sans-fontfacekit/OpenSans-Bold-webfont.woff') format('woff'),
         url('open-sans-fontfacekit/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('open-sans-fontfacekit/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* New Homepage */
.homepage_left_nav {
	width:192px;
	height:373px;
	float:left;
	margin: 0px;
}
.homepage_left_nav h1,
.homepage_left_nav h2 {
	font-family: Arial;
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
	color: #989898;
	margin-top: 0px;
	margin-bottom: 0px;
}
.homepage_left_nav_box {
	background-image: url(images/img_homepage/left-nav-box.png);
	background-repeat: no-repeat;
	height: 66px;
	width: 180px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 12px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 9px;
}
p.homepage-section-title {
	font-family: 'OpenSansRegular', Arial, sans-serif;
	font-size: 26px;
	line-height: 30px;
	color: #10787c;
	margin-top: 0px;
	margin-bottom: 10px;
	text-align: left;
}
.homepage_left_nav_box h3 {
	font-family: 'OpenSansSemibold', Arial, sans-serif;
	font-size: 16px;
	line-height: 16px;
	color: #6f6f6f;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.homepage_left_nav_box h3 a {
	font-family: 'OpenSansSemibold', Arial, sans-serif;
	font-size: 16px;
	line-height: 16px;
	color: #6f6f6f;
	text-decoration: none;
}
.homepage_left_nav_box h3 a:hover {
text-decoration: underline;
}
.homepage_left_nav_box p {
	font-family: Arial;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	color: #1498a8;
	margin: 0px;
}
.homepage_left_nav_box p a {
	font-family: Arial;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	color: #1498a8;
	text-decoration: none;
}
.homepage_left_nav_box p a:hover {
text-decoration: underline;
}
.hp-grey-box {
	margin-bottom:20px;
	background-color: #d3d3d3;
	float: right;
	margin-top: 10px;
}
.hp-grey-box td {
	padding:0px;
	margin:0px;
}
.hp-grey-box-top {
	background-image: url(images/img_homepage/grey-top.gif);
	background-repeat: no-repeat;
	background-position: top;
	margin: 0px;
	padding: 0px;
	height: 10px;
}
.hp-grey-box-bottom {
	background-image: url(images/img_homepage/grey-bottom.gif);
	background-repeat: no-repeat;
	background-position: top;
	margin: 0px;
	padding: 0px;
	height: 5px;
}
.hp-grey-box img {
border: none;
padding:0px;
	margin:0px;
}
.hp-grey-box td a {
	text-decoration: none;
	font-family: Arial;
	font-size: 13px;
	line-height: 14px;
	color: #808384;
	margin: 0px;
	text-transform: uppercase;
	font-weight: bold;
}
.hp-grey-box td a:hover {
text-decoration: underline;
}
.contact {
font-size:14px;
margin-bottom:25px;
}
.contact-green {
font-family: 'OpenSansSemibold', Arial, sans-serif;
	font-size: 16px;
	line-height: 16px;
	color: #10787c;
}
.contact a {
text-decoration:none;
}
.contact a:hover {
text-decoration:underline;
}
.news-title {
width:294px;
margin:0;
}
.news-title, .news-title a {
	font-family: Arial;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	color: #999999;
	text-decoration:none;
}
.news-title a:hover {
text-decoration:underline;
}
.news-title img {
float:left;
margin-right:7px;
}
@font-face {
    font-family: 'TinosRegular';
    src: url('tinos-fontfacekit/Tinos-Regular-webfont.eot');
    src: url('tinos-fontfacekit/Tinos-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('tinos-fontfacekit/Tinos-Regular-webfont.woff') format('woff'),
         url('tinos-fontfacekit/Tinos-Regular-webfont.ttf') format('truetype'),
         url('tinos-fontfacekit/Tinos-Regular-webfont.svg#TinosRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
p.quote1 {
	font-family: 'TinosRegular', "Times New Roman", Times, serif;
	font-size: 26px;
	line-height: 32px;
	color: #10787c;
	margin-top: 0px;
	margin-bottom: 15px;
	text-align: left;
}
p.quote2 {
	font-family: 'TinosRegular', "Times New Roman", Times, serif;
	font-size: 21px;
	line-height: 23px;
	color: #10787c;
	margin-top: 0px;
	margin-bottom: 12px;
	text-align: left;
}
p.quote {
	font-family: Arial;
	font-size: 13px;
	line-height: 13px;
	font-weight: bold;
	color: #707579;
	text-align: left;
	margin-bottom:20px;
}