/* CSS Document */

body{
    padding:0px;
	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;
}

.topheader{
width:980px;
height:54px;
margin-left:auto;
margin-right:auto;
}

.logo{
float:left;
width:287px;
display:block;
height:54px;
padding-top:20px;
background:url(images/cogent-design.jpg) bottom left no-repeat;
}

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

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

.homepage_top{
    width:980px;
	height:74px;
	margin-left:auto;
	margin-right:auto;
	background:url(images/homepage_top.jpg) top left repeat-y;
}


.topnav{
margin-top:40px;
width:619px;
float:left;
margin-left:73px;
}

.main{
width:980px;
margin-left:auto;
margin-right:auto;
background-color:#fff;
}

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

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

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

.cogent-slides{
width:980px;
height:429px;
}

.leftcol{
width:658px;
padding: 25px 41px 20px 23px;
float:left;

}

.rightcol{
width:132px;
padding:25px 22px 20px 35px;
float:left;
}

.clear{
clear:both;
}

.floatleft{
float:left;
}

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

.footer{
width:980px;
height:20px;
margin-top:5px;
margin-left:auto;
margin-right:auto;
margin-bottom:30px;
color:#fff;
font-size:10px;
text-align:center;
}

.footer a:link, .footer a:visited{
color:#fff;
font-size:10px;
text-decoration:none;
}

.footer a:hover{
color:#fff;
font-size:10px;
text-decoration:underline;
}

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

/*homepage css*/

.sectionheader-a{
width:295px;
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:4px;
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:614px;
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:4px;
}

.sectionheader-c{
width:925px;
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;
padding-left:4px;
}

.sectionunit-a{
width:295px;
float:left;
height:192px;
margin-right:20px;
}

.newstxt a:link, .newstxt a:visited{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
color:#f4a900;
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:#f4a900;
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:180px;
float:left;
height:192px;
margin-right:20px;
}


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

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

.sectionunit-a li a:link, .sectionunit-a li a:visited, .sectionunit-b li a:link, .sectionunit-b li a:visited, .portunit-a li a:link, .portunit-a 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;
}

.sectionunit-a li a:hover, .sectionunit-b li a:hover, .portunit-a 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;
}

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


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

.sectionunit-d{
width:931px;
float:left;
height:192px;
}

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

.sectiontxt{
margin-left:4px;
}

.hpinner{
width:938px;
padding:9px 15px 5px 27px;
}

/*case-studies*/

.leftcol-cs{
width:170px;
float:left;
padding:20px;
}

.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:170px;
   font-size:13px;
}

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


.rightcol-cs{
width:710px;
float:left;
padding-top:14px;
}

.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:696px;
	}

#contact_left-col{
	width:220px;
	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;
}

.biggertext{
	font-size:14px;
	line-height:20px;
	margin-left:25px;
}

.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:348px;
float:left;
padding:25px 50px 30px 30px;
}

.rightcol-about{
width:450px;
float:left;
padding:25px 50px 30px 0px;
}

/*services*/

.leftcol-sc{
width:750px;
padding: 25px 41px 20px 23px;
float:left;

}

/* 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:770px;
	margin-left:auto;
	margin-right:auto;
	padding-top:55px;
	padding-bottom:10px;
}

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