/* CSS Document */
body{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	font-style:normal;
	margin:0;
    background:url(images/homepage_bg1.jpg) repeat-x #315fb4;
}

p, .rightcol p{
    padding:0px 0px 10px 0px;
	margin:0px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
}

.clear{
	clear:both;
}

.top{
    width:967px;
	height:82px;
	margin-left:auto;
	margin-right:auto;
}

.homepage_top{
    width:977px;
	height:81px;
	margin-left:auto;
	margin-right:auto;
	background:url(images/homepage_top.jpg) top left no-repeat;
}

.cogent_logo{
   width:295px;
   margin-top:6px;/*WAS 28PX*/
   padding-left:18px;
   float:left;
}

.cogent_topnav{
   width:654px;
   margin-top:34px;/*WAS 47PX*/
   float:left;
}

.leftcol{
   width:175px;
   margin-right:35px;
   float:left;
}

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

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

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

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


.rightcol{
   width:670px;
   float:left;
}

.rightcol h1{
   font-weight:bold;
   padding:10px 0px 20px 0px;
   margin:0;
}

.rightcol h2{
   font-size:16px;
   font-weight:bold;
   margin:0;
   padding:5px 0px 0px 0px;
   color:#888888;
}

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


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;
}

h2.portfolio {
   color:#a9a9a9;
   font-family:"Times New Roman", Times, serif;
   font-size:32px;
   font-stretch:narrower;
   line-height:35px;
   font-weight:normal;
   margin:0px 0px 30px 0px;
   padding:0;
}

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

.fourteenpt{
  font-size:14px;
}


.two_col{
   float:left;
   width:340px;
   margin:0px 17px;
}

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

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

.textholder{
  padding-left:100px;
}

.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;
}


.grey{
   color:#96a6ad;
}

.portbrand{
   width:900px;
}

.portleft{
   width:700px;
   margin-right:21px;
   float:left;
   margin-top:11px;
   margin-left:15px;
}

.portright{
   width:86px;
   margin-right:9px;
   float:left;
   margin-top:18px;
   height:392px;
}

.portright2{
   width:86px;
   float:left;
   margin-top:18px;
   height:392px;
}

.portfolio_text{
   font-size:12px;
   width:700px;
   padding:20px 0px;
   margin-right:18px;
   float:left;
   margin-left:18px;
}

.portfolio_nav{
   padding-top:0px;
   width:182px;
   float:left;
}

.portfolio_nav_media{
   padding-top:27px;
   width:182px;
   float:left;
}

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

a.portnav:hover{
   text-decoration:underline;
   font-weight:bold;
   font-size:13px;
   color:#000;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
}

h1.hometop{
   font-family:"Times New Roman", Times, serif;
   font-weight:normal; 
   font-size:37px;
   color:#616161;
   margin:0px 0px 12px 0px; /*12px was 20px*/
   padding:0;
   line-height:40px;
}

.homeleft{
   color:#96a6ad;
   font-size:18px;
   width:302px;
   margin-right:20px;
   float:left;
   color:#5c5c5c;
   line-height:20px;
}

.homeright{
   width:547px;
   float:right;
   margin-bottom:0px;
}

.home3colholder{
   margin-top:20px;
}

.home3col{
   background:url(images/home3col1.jpg) top left no-repeat;
   width:252px;
   height:190px;
   padding:40px 20px 20px 20px;
   margin-right:14px;
   float:left;
}

.home3col_2{
   background:url(images/home3col2.jpg) top left no-repeat;
   width:252px;
   height:190px;
   padding: 40px 20px 20px 20px;
   margin-right:14px;
   float:left;
}


.home3col_3{
   background:url(images/home3col3.jpg) top left no-repeat;
   width:252px;
   height:190px;
   padding: 40px 20px 20px 20px;
   float:left;
}

/*Greenset*/

.greenquote{
   font-family:Arial, Helvetica, sans-serif;
   color:#578d95;
   font-size:14px;
   font-weight:bold;
   line-height:20px;
   margin-top:140px;
}

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

.marginright30{
   margin-right:30px;

}

.marginbot30{
   margin-bottom:30px;

}

.marginbot9{
   margin-bottom:9px;

}
.marginbot10{
   margin-bottom:10px;

}

.margintop10{
   margin-top:10px;

}


/*Colour background control underneath*/

.greytop{
    background:url(images/greytop.gif) top left no-repeat;
    width:967px;
	height:8px;
	margin-left:auto;
	margin-right:auto;
}

.greymain{
    background:url(images/greyside.gif) top right repeat-y #ffffff;
    width:904px;
	margin-left:auto;
	margin-right:auto;
	padding:25px 35px 0px 28px;
}

.greybot{
    background:url(images/greybot.gif) top left no-repeat;
    width:967px;
	height:14px;
	margin-left:auto;
	margin-right:auto;
}

.greentop{
    background:url(images/greentop.gif) top left no-repeat;
    width:967px;
	height:8px;
	margin-left:auto;
	margin-right:auto;
}

.greenmain{
    background:url(images/greenside.gif) top right repeat-y #ffffff;
    width:904px;
	margin-left:auto;
	margin-right:auto;
	padding:25px 35px 0px 28px;
}

.greenbot{
    background:url(images/greenbot.gif) top left no-repeat;
    width:967px;
	height:14px;
	margin-left:auto;
	margin-right:auto;
}


.bluetop{
    background:url(images/bluetop.gif) top left no-repeat;
    width:967px;
	height:8px;
	margin-left:auto;
	margin-right:auto;
}

.bluemain{
    background:url(images/blueside.gif) top right repeat-y #ffffff;
    width:904px;
	margin-left:auto;
	margin-right:auto;
	padding:12px 35px 0px 28px;
}

.bluebot{
    background:url(images/bluebot.gif) top left no-repeat;
    width:967px;
	height:14px;
	margin-left:auto;
	margin-right:auto;
}

.homepagebg2{
	background:url(images/homepage_bg2.jpg) top left no-repeat;
	width:100%;
}

.homepagebg3{
    width:1255px;
	min-height:858px;
	background:url(images/homepage_bg3.jpg) top left no-repeat;
	margin-left:auto;
	margin-right:auto;
}

.homepagebg4{
    width:937px;
	padding:0px 20px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	min-height:500px;
	padding-bottom:30px;
	background-color:#ffffff;
}

.homepagebg5{
    width:937px;
	padding:0px 20px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	min-height:500px;
	padding-bottom:30px;
	background:url(images/portrightshell.gif) top right no-repeat #ffffff;
}

.homepagebg6{
    width:937px;
	padding:0px 20px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	min-height:500px;
	padding-bottom:30px;
	background:url(images/portrightshell-media.gif) top right no-repeat #ffffff;
}


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

.homepagebg4 a:hover{
  color:#000;
  text-decoration:underline;

}

.bottomnav2{
    height:30px;
	margin-top:30px;
}

.homebox{
    width:903px;  
	height:188px;
	padding: 14px 19px 14px 14px;
	background:url(images/homeboxbg.jpg) top left no-repeat;
	margin-bottom:13px;	 
}

.homegreybox{
    width:922px;  
	height:383px;
	padding: 15px 0px 0px 14px;
	background:#dadada;
	margin-bottom:13px;	 
}

.homebox_left{
    width:318px;
	height:174px;
	background:url(images/home_box1.gif) bottom left no-repeat;
	float:left;
	margin-bottom:12px;
}

.homebox_left2{
    width:275px;
	height:174px;
	float:left;
	background:url(images/home_portfolio_bg.gif) bottom left no-repeat;
	margin-bottom:12px;
}

.homebox_left3{
    width:635px;
	height:174px;
	float:left;
	background:url(images/home_news_bg.gif) bottom left no-repeat;
	margin-bottom:12px;
}

.homeleft_text{
    margin:13px 18px;
}

.homebox_col1{
    width:315px;
	float:left;
	margin-right:13px;
}

.homebox_col2{
    width:270px;
	float:left;
	margin-right:23px;
}

.homebox_col3{
    width:243px;
	padding:10px 15px;
	float:left;
	color:#fff;
	line-height:15px;
	font-size:12px;
}

.resources_left{
    width:400px;
	float:left;
}

.resources_right{
    width:500px;
	float:left;
	margin-left:20px;
}

.titlebuttons{
    margin-left:18px;
	margin-right:143px;
}

.homeflash{
	margin-bottom:13px;
}

a.homenews1:link, a.homenews1:visited{
    width:152px;
	display:block;
	height:43px;
	background-color:#74a6c9;
	color:#fff;
	border-bottom:1px solid #accadf;
	float:left;
	text-decoration:none;
	padding:14px 15px;
	line-height:14px;
}

a.homenews1:hover{
    width:152px;
	display:block;
	height:43px;
	background-color:#4278a4;
	color:#fff;
	border-bottom:1px solid #accadf;
	float:left;
	text-decoration:none;
	padding:14px 15px;
	line-height:14px;
}

a.homenews1b:link, a.homenews1b:visited{
    width:152px;
	display:block;
	height:43px;
	background-color:#60A5D5;
	color:#fff;
	float:left;
	text-decoration:none;
	padding:14px 15px;
	line-height:14px;
}

a.homenews1b:hover{
    width:152px;
	display:block;
	height:43px;
	background-color:#4278a4;
	color:#fff;
	float:left;
	text-decoration:none;
	padding:14px 15px;
	line-height:14px;
}

.homeport1, a.homeport1:link, a.homeport1:visited{
    width:122px;
	padding-left:15px;
	display:block;
	padding-top:3px;
	height:20px;
	background-color:#619DDA;
	border-bottom:1px solid #accadf;
	color:#fff;
	float:left;
	text-decoration:none;
	font-weight:bold;
}

a.homeport1:hover{
    width:122px;
	padding-left:15px;
	display:block;
	padding-top:3px;
	height:20px;
	background:url(images/homeportbg.jpg) top left no-repeat;	
	border-bottom:1px solid #accadf;
	color:#fff;
	float:left;
	text-decoration:none;
	font-weight:bold;
}

.homeport1b, a.homeport1b:link, a.homeport1b:visited{
    width:122px;
	padding-left:15px;
	display:block;
	padding-top:3px;
	height:20px;
	background-color:#619DDA;
	color:#fff;
	float:left;
	text-decoration:none;
	font-weight:bold;
}

a.homeport1b:hover{
    width:122px;
	padding-left:15px;
	display:block;
	padding-top:3px;
	height:20px;
	background:url(images/homeportbg.jpg) top left no-repeat;	
	color:#fff;
	float:left;
	text-decoration:none;
	font-weight:bold;
}
.homeimg{
	float:left;
	margin-left:2px;
}

.homeimg2{
	float:left;
}


.logosbg{
    width:939px;
	height:175px;
	background:url(images/logobg.gif) top left no-repeat;	 
	text-align:center;
	padding-top:3px;  
	color:#a1a1a1;
	font-weight:bold;
}

.bottom{
    width:977px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
}

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

.clientright{
    width:362px;
	float:left;
	color:#4676a6;
	font-weight:bold;
}

.clientrightcol{
    width:181px;
	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;
}

.serviceleft{
    width:533px;
	float:left;
	margin-right:27px;
}

.serviceright{
    width:362px;
	float:left;
}

#services_right_col{
	width:570px;
	float:left;
	padding-top:16px;
	background-color:#fff;
	font-size: 12px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}

#services_right_col_textbox_wide{
	width:520px;
	padding:25px;
	background-color:#fff;
}

.services_right_col_textbox_narrow{
	width:238px;
	float:left;
	padding-right:16px;
	background-color:#FFF;
}

#profile_content{
	padding: 5px 25px;
	font-size: 12px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}

#profile_col{
	width:390px;
	float:left;
	font-size: 12px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	margin-right:25px;
}

#contact_left-col{
	width:199px;
	float:left;
	font-size: 12px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	margin:15px 15px 0px 25px;
	line-height:18px;
}
#contact_right-col{
	width:533px;
	float:left;
	background-color:#fff;
	font-size: 12px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	line-height:18px;
	margin:15px 15px 0px 0px;
}

.bottomnav, .bottomnav p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #b7b7b7;
	text-decoration: none;
}

a.bottom:link {text-decoration: none; color: #b7b7b7;}
a.bottom:visited {text-decoration: none; color: #b7b7b7;}
a.bottom:hover {text-decoration: underline; ; color: #b7b7b7}

a.bottom2:link {text-decoration: none; color: #b7b7b7; font-size:10px;}
a.bottom2:visited {text-decoration: none; color: #b7b7b7; font-size:10px;}
a.bottom2:hover {text-decoration: underline; ; color: #b7b7b7; font-size:10px;}

.newsbox{
   height:123px;
   padding:10px;
   background-color:#fff;
}

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

.newsbox a:hover{
  color:#000;
  text-decoration:underline;

}

.newsbox1{
   width:160px;
   height:123px;
   padding:10px;
   float:left;
   line-height:15px;
}

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

.newsbox1 a:hover{
  color:#000;
  text-decoration:underline;

}

.cat{
margin-top:10px;
}

.cat a:link, .cat a:visited{
text-decoration:none;
display:block;
background:url(images/cat-up.gif) top left no-repeat;
width:181px;
height:20px;
color:#838383;
text-align:center;
font-weight:bold;
padding-top:3px;
letter-spacing:0.05em;
}

.cat a:hover{
text-decoration:none;
display:block;
background:url(images/cat-down.gif) top left no-repeat;
width:181px;
height:20px;
color:#838383;
text-align:center;
font-weight:bold;
padding-top:3px;
letter-spacing:0.05em;
}

.cat2{
text-decoration:none;
display:block;
background:url(images/cat-down2.gif) top left no-repeat;
width:181px;
height:20px;
color:#ffffff;
text-align:center;
font-weight:bold;
padding-top:3px;
letter-spacing:0.05em;
}

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

.floatleft{
    float:left;
}

.floatright{
    float:right;
}

.clientheader{
    text-align:left;
	height:30px;
	padding-left:33px;
}