/* Css originally by mejobloggs  Design by Aran @ studio7designs.com  Additional Design and deployment by Imagine Digital Marketing */



body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #333333;
	background:#6f777b;
	line-height: 150%;
	margin: 0;
	padding: 0;
	text-align: center;
}
div.bodywrap {
	padding-bottom:10px;
	padding-top:20px;
}

span.footy {
	float:left;
	margin-left:222px;
}
span.footy a  {
	 padding:2px;
 
}
 
 

ul#contact_ul {
	width:140px;
	list-style:none;
	float:right;
	margin:0;
	color:#fff;
	position:relative;
	top:-29px;
	padding:0;
	left:-12px;
}
ul#contact_ul li a {
	color:#fff;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:11px;
	margin-top:0px;
	padding:0 4px;
 
}
#consul {
	width:140px;
	list-style:none;
	float:right;
	margin:0;
	color:#fff;
	position:relative;
	top:-29px;
	white-space:nowrap;
	padding:0;
	left:-9px;
}
#consul a {
	color:#fff;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:13px;
	margin-top:0px;
	padding:0 4px;
}
#consul a:hover {
	color:#F2C1A9;
}
#consul a.active {
	color:#f2c1a9;
}
 
span.consulbar {
	float:left;
}

#contact_ul li  {
	float:left;
}
#contact_ul li a:hover {
	color:#F2C1A9;
}
/* Set the page width */
#wrapper_menu_top   {
	width:1004px;
	margin: 0 auto;
	text-align: left;
}

#wrapper_menu_top {
	background:  url(images/header_menu.jpg) ;
	height:129px;
	margin-top:10px;
	margin-bottom:0;
	border-top:1px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
}

#footer {
	width:1004px;
	height:38px;
	background:#d1d1d1 url(images/footerbg.jpg) no-repeat top left;
	color:#fff;
	font-family:'Arial Narrow', Helvetica, sans-serif;
	font-size:10px;
	line-height:38px;
	margin:auto;
	border-bottom:1px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
}
#footer a {
	color:#fff;
	text-decoration:none;
}

#footer a.active {
	color:#f2c1a9;
}
#footer a:hover {
	color:#f2c1a9;
}
ul#topnav_ul li a.active{
	background:url(images/link_bg.jpg);
	background-position:bottom;
	color:#fff;
}
ul#contact_ul li.active a.contactsite {
	 
	color:#F2C1A9;
}

ul#subnav li.active a {
color:#9d9fa2;
}

#menu-top {
	overflow: hidden; /* no idea why this works, but it fixes a FF problem */
}

#menu-top ul {
	margin: 0 13px;
    width:880px;
	padding: 1em 0 0 0;
	list-style: none;
	float: left;
}

#menu-top li {
	display: inline;
	float: left;
   border-right:1px solid #fff;

}
ul#topnav_ul {
	width:570px;
	float:right;
	margin-top:70px;
	padding:0;
	margin-right:25px;
}
 
#menu-top a {
	float: left;
    font-size:12px;
	background:url(images/link_bg.jpg);
	background-repeat:repeat-x;
	margin:0;
 
	color:#f2c1a9;
    font-family:arial;
	height:37px;
 
	padding:0 5px 0 7px;
	text-decoration:none;
	line-height:28px;
}
#menu-top a:hover {
	background:url(images/link_bg.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	color:#fff;
}

#menu-top a span {
	background: transparent url(images/menuright.png) no-repeat right top;
	padding:5px 10px 4px 6px;
 
	display: block;
	float: left;
	cursor: pointer; /* IE doesnt display the hand when you roll over the link for some reason. This fixes it */
}


/*---body ----*/
.headlines1 p {
margin:0;
}

.bodywrap {margin:0 auto 0px;width:1004px;background:#fff;border-left:1px solid #000; border-right:1px solid #000;}

.navcolumn_L {display:block;margin:0 auto;width:19%;float:left;text-align:center;margin-right:}
.navcolumn_inner_L {display:block;margin:5px auto 0px;width:96%; color:#000000;text-align:center; }

 
.navcolumn_R { margin-top:4px;margin-bottom:0px;display:block; width:215px;float:left;text-align:left;}

 

.navcolumn_inner_R {font-size:11px;padding:0 10px 0 11px; display:block;margin:3px auto 0px;width:96%;color:#000000; text-align:left; margin-top:-12px;}


.casestudies_home { display:block;margin:0 auto;width:205px;float:left;text-align:center;margin-top:40px; background:url(images/case_bgrd.jpg) no-repeat bottom; border-right:1px dotted #666;}

.casestudies { 
display:block;margin:0 auto;
width:206px;
float:left;
text-align:center;
margin-top:15px; 
position:relative;
left:-3px;
background:url(images/case_bgrd.jpg) no-repeat bottom; 
 
}

.casestudies_inner {display:block;margin:3px auto 0px; color:#000000;text-align:center;  width:163px;height:134px; margin-top:10px;margin-bottom:10px;}
.casestudies_innerside {display:block;margin:3px auto 0px; color:#000000;text-align:center;  width:163px;height:134px; margin-top:110px;}
.casestudies_innerside_ {display:block;margin:3px auto 0px; color:#000000;text-align:center;  width:163px;height:134px; margin-top:237px;}

.casestudies_innerside a {
text-decoration:none;
}

/** 3 COLUMN MAIN COLUMN (float left, 1% left margin) **/
.maincolumn, .main3column {display:block;float:left;margin:2px 0% 0px 16px;
padding:0;width:55.6%;overflow:hidden;text-align:left;


}

.mainpagetext_inside {
padding-left:16px;
padding-right:16px;
color:#58595b;
font-size:14px;
line-height:20px;
width:500px;
font-family:Arial, Helvetica, sans-serif;
}

.mainpagetext_inside_body {
padding-left:20px;
padding-right:16px;
color:#58595b;
font-size:14px;
line-height:20px;
padding-top:0px;
width:500px;
font-family:Arial, Helvetica, sans-serif;
}

.mainpagetext_inside_body a {
color:#47959f;
}
.contact_inside a {
color:#47959f;
}
.mainpagetext_italic_body {
padding-left:20px;
padding-right:16px;
color:#58595b;
font-style:italic;
font-size:14px;
line-height:20px;
padding-top:0px;
font-family:Arial, Helvetica, sans-serif;
}

p.mainpagetext_redtitle {
color:#d71920;
font-size:14px;
margin-left:20px;
font-weight:bold;
padding:0px;
margin-bottom:-5px;
font-family:Arial, Helvetica, sans-serif;
}

p.mainpagetext_greentitle {
color:#47959f;
font-size:12px;
margin-left:20px;
font-weight:bold;
padding:0px;
width:500px;
margin-bottom:-5px;
font-family:Arial, Helvetica, sans-serif;
}
span.greenhead {
color:#47959f;
font-size:14px;
margin-left:15px;
font-weight:bold;
padding:0px;
margin-bottom:-5px;
font-family:Arial, Helvetica, sans-serif;
}
p.mainpagetext_greentitle a {
text-decoration:none;
}
ul.bottom_links {
list-style:none;
margin-top:5px;

padding-left:1.6em;
}

ul.bottom_links li {
text-decoration:none;
}
#banner_in {
position:relative;
}


.mainpagetext_inside1 {
padding-left:16px;
padding-right:16px;
color:#58595b;
font-size:14px;
line-height:25px;
font-family:Arial, Helvetica, sans-serif;
}


div.maincolumn_inner {
border-left:1px dotted #666;border-right:1px dotted #db4228;
padding-bottom:0px;
min-height:470px;
 padding-left:3px;
padding-right:21px;
}

div.maincolumn_inner_home {
 border-right:1px dotted #db4228;
 padding-bottom:1px;
 
}

/***  SUBTOPICNAV ***/
 div.subtopicnav {
font-weight:bold;
color:#3a919a;
padding-bottom:6px;
font-size:16px;
 
}
div.subtopicnav_menu  {
padding-bottom:8px;
margin-top:84px;
}
div.subtopicnav_menu h3 a {
color:#db4228;
text-decoration:none;
font-weight:bold;

}

.subtopicnav_menu h3 {
color:#db4228;
font-size:16px;
padding-bottom:7px;
width:165px;
margin-left:19px;
margin-bottom:0px;
text-align:left;
text-indent:13px;
border-bottom:1px solid #d1d1d1;
font-family:Arial, Helvetica, sans-serif;
}

p.headings {
font-weight:bold;
color:#3a919a;
width:199px;
font-size:11px;
padding-bottom:0;
font-family:Arial;
padding-top:4px;
border-top:1px dotted #db4228;
}
.rightbody {
padding-bottom:5px;

line-height:14px;
font-family:Arial, Helvetica, sans-serif;

}
.rightbody a {
color:#d71920;
text-decoration:none;
}
p.mainpagetext {
text-align:left;
}
.mainpagetext {
padding-left:15px;
color:#58595b;
font-size:14px;
}

p.mainpagetext_home {
text-align:left;
font-size:15px;
letter-spacing:0.5px;
line-height:24px;
}
.mainpagetext_home {
padding-left:25px;
padding-top:0px;
color:#58595b;
margin-top:7px;
padding-bottom:2px;
 
line-height:30px;
font-family:Arial, Helvetica, sans-serif;
 
}


h3.inside_h3 {
color:#518a92;
font-size:17px;
margin-left:16px;
margin-top:0px;
width:auto;
position:relative;
z-index:1000;
font-family:Arial, Helvetica, sans-serif;
 font-weight:bold;
 text-transform:uppercase;
 border-bottom:1px dotted #d1d1d1;  padding-bottom:5px;"
}
h4.inside_h4 {
color:#518a92;
font-size:14px;
margin-left:16px;
font-weight:bold;
margin-bottom:6px;
 
}
ul#subnav li {
list-style:none;
text-align:left;
border-bottom:1px solid #d1d1d1;
padding:3px;
width:157px;
margin-top:2px;
margin-left:-20px;
}
ul#subnav li a {
font-family:Arial;
font-size:11px;
color:#46848d;display:block;
padding-left:10px;
font-weight:normal;
text-decoration:none;
}
ul#subnav {
margin-top:0;
}





a.left_casestudy {
width:163px;
display:block;
height:134px;
 
}
 
/** end **/

 

.extracolumn {display:block;margin:0 auto;width:234px;float:right;text-align:center; }
.extracolumn_inner {display:block;margin:5px auto 0px;width:97%;color:#000000;
text-align:center;border:0px solid white}

#init {
width:163px;
height:266px;
margin-left:18px;
margin-top:27px;
background:#d71920;
}

.redbody {
background:#f6f3e0;
width:161px;
margin:auto;
height:106px;
}
p.redtitle {
color:#d71920;
text-align:left;
font-size:12px;
width:120px;
line-height:15px;
margin:10px;
margin-bottom:5px;
padding-top:10px;
}
p.redtext {
font-size:12px;
color:#666;
width:150px;
 
font-family:arial;
line-height:12px;
margin:10px;
margin-top:0px;
text-align:left;
}
p.redlink a {
font-size:12px;
color:#4b777a;
margin-top:0px;
padding:0;
position:relative;
 margin-left:5px;
font-family:arial;
}
span.redarrow {
font-size:12px;
font-weight:bold;
}
p.redlink {
position:relative;
left:-25px;
top:-10px;
}
.redpaul {
width:162px;
margin-top:-16px;
height:126px;
background:url(images/paulban.jpg);
}
#case1 {
width:163px;
color:#fff;
font-weight:bold;
font-size:12px;
line-height:30px;
height:134px;
background:#37949c;
background-repeat:no-repeat;
background-position:bottom;
}
.caseimage {
background:url(images/girlcase.jpg);
width:163px;
height:104px;
}
.caseimage_2 {
background:url(images/cs_06.jpg);
width:163px;
height:104px;
}
h2.redhead {
width:163px;
height:18px;
line-height:32px;
font-size:15px;
color:#f6f3e0;
font-weight:bold;
}
a.casebottom {
text-decoration:none;
width:163px;
color:#fff;
display:block;
font-weight:bold;
font-size:15px;
line-height:30px;
height:134px;
margin-top:-10px;
background:#37949c;
background-repeat:no-repeat;
background-position:bottom;
}

a.casebottom_1 {
text-decoration:none;
width:163px;
color:#fff;
display:block;
font-weight:bold;
font-size:15px;
line-height:30px;
height:134px;
margin:-147px 0px 5px 22px;
background:#37949c;
background-repeat:no-repeat;
 
}
div.casestudies_home {
height:auto;
height:134px;
}
/*firefox*/
#safari_case_media {
 margin-top:-36px;
}
#safari_case_speech {
margin-top:82px;
}
#safari_case_contact {
margin-top:208px;
}
#safari_case_pub {
margin-top:-38px;
} 

div.safari_credits1 {
margin-top:212px;

}
#safari_case_about {
margin-top:140px;
}

/*case studies*/
#casestudies {
	width:525px;
	margin-left:17px;
	height:100px;
	margin-bottom:20px;
}
#casephoto {
	width:142px;
	background:#d1d1d1;
	float:left;
	height:100px;

}
#casetext {
	margin-left:5px;
	width:345px;
	height:90px;
	float:left;

	padding:5px;	
	color:#75a9b1;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	border-top:1px dotted #97999b;
	border-bottom:1px dotted #97999b;
}
 
p.casemidtext {
	vertical-align:middle;
 text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;

}
p.casemidtext1 {
	vertical-align:middle;
 
	font-size:14px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;

}

span.norm_text {
text-transform:NONE;
}
a.caselink {
	text-decoration:none;
	color:#d71920;
text-transform:none;
	font-weight:normal;
}
/*end*/

#key {
margin-left: 0px;
height:70px;
float:left;
width:150px;
}
#issue {
margin-left:100px;
height:70px;
float:left;
clear:right;

width:150px;
}
#mainpage_form {
 
 margin-left:17px;
width:550px;
height:70px;
float:left;
color:#518a92;
margin-top:10px;
font-family:Arial, Helvetica, sans-serif;
margin-bottom:30px;
}

li.inside_list  {
background-image: url(images/listimage.jpg);
background-repeat:no-repeat;
margin-left:20px;
background-position: 0 .4em;
padding-left: 1.2em; 
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
width:470px;
margin-bottom:10px;
line-height:20px;
width:475px;
}
li.inside_list1  {
background-image: url(images/listimage_black.jpg);
background-repeat:no-repeat;
margin-left:16px;
background-position: 0 .4em;
padding-left: 1.3em; 
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
width:470px;
margin-bottom:0px;
line-height:20px;
}

li.inside_list_2 {
background-image: url(images/listimage_2.jpg);
background-repeat:no-repeat;
margin-left:16px;
background-position: 0 .4em;
padding-left: 1.3em; 
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
width:470px;
margin-bottom:10px;
}
li.inside_list_9 {
background-image: url(images/listimage_3.jpg);
background-repeat:no-repeat;
margin-left:20px;
background-position: 0 .6em;
padding-left: 1.7em; 
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
width:470px;
margin-bottom:-1px;
}
li.inside_list_links {
background: transparent url(images/listimage_2.jpg) no-repeat 0 0.4em;
margin-left:16px;
padding: 0 0 2.5em 1.3em;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
width:470px;
margin-bottom:20px;
border-bottom:1px dotted #d1d1d1;
}

li.inside_list_2 a, li.inside_list_links a {
color:#47959f;
}

/*---sitemap---*/
li.inside_list_3 {
background-image: url(images/listimage_2.jpg);
background-repeat:no-repeat;


margin-left:-25px;
background-position: 0 .4em;
padding-left: 1.3em; 
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
width:490px;
margin-bottom:10px;
}
li.inside_list_3 ul li {
font-size:11px;
}
li.inside_list_3 a {
color:#0b7d96;
text-decoration:none;
text-transform:uppercase;
}
li.inside_list_3 a:hover {
color:#0c587c;
}
/*end*/

li.inside_list a {
color:#47959f;
}
li.inside_list1 a {
color:#47959f;
}
ul.inside_ul {
list-style:none;
color:#58595b;
padding-bottom:7px;
padding-left:0.0001em
}
ul.inside_ul_sitemap {
list-style:none;
color:#58595b;
padding-bottom:7px;
padding-left: 40px;
}
ul.inside_ul9 {
list-style:none;
color:#58595b;
margin-top:7px;
padding-bottom:5px;
padding-left:0.0001em
}
#banner_in {
position:relative;
left:-10px;
}
li.inside_list strong {
color:#6da5ae;
}
a.redd_link {
color:#db4228;
text-decoration:none;
border-bottom:1px solid #000;
font-weight:bold;
}
td.green_cont {
color:#47959f;
padding-top:0px;
font-weight:bold;
}
table.contact_inside {
font-family:arial;
margin-left:16px;
width:520px;
padding:4px;
font-size:14px;
}
td.cont_textbot {
border-top:1px dotted #d1d1d1;
padding-top:10px;
font-size:14px;
}
#border_line {
width:520px;
border-bottom:1px dotted #d1d1d1;
height:1px;
margin-left:15px;
}
h5.h5_green {
color:#47959f;
font-weight:bold;
margin:0;
font-size:14px;
}
ul.ul_case_year {
list-style:none;
padding-left:17px;
 padding-bottom:20px;
 font-size:14px;
}
ul.ul_case_year li  {
float:left;
display:block;
color:#47959f;
font-weight:bold;
text-decoration:none;
}
ul.ul_case_year li a {
float:left;
display:block;
color:#47959f;
cursor:pointer;
font-weight:bold;
text-decoration:none;
}
.ul_case_year li a.active span {
color:#db4228;
font-weight:bold;
float:left;
}
.ul_case_year span {
float:left;
padding:0 4px;
color:#47959f;
font-weight:bold;
}
h6.h6_orange {
color:#db4228;
font-weight:bold;
font-size:14px;
padding-left:19px;
padding-bottom:0px;
padding-top:0px;
margin-bottom:9px;
}
a.grant_visit {


color:#47959f;
display:block;
margin-bottom:10px;
margin-left:18px;
}
#ufoDemo {
 
width:545px;
height:348px;
}

 
.media_pic img {
margin-top:5px;
margin-bottom:-10px;
 position:relative;
top:5px;
}







/* Safari */ @media screen and (-webkit-min-device-pixel-ratio:0) { 
.extracolumn {display:block;margin:0 auto;width:240px;float:right;text-align:center;   }
.extracolumn_inner {display:block;margin:5px auto 0px;width:92.4%;color:#000000;
text-align:center;border:0px solid white} 
 
#safari_case_about {
margin-top:155px;
}

ul#subnav li a {
font-family:Arial;
font-size:11px;
color:#46848d;display:block;
padding-left:3px;
font-weight:normal;
text-decoration:none;
}
.subtopicnav_menu h3 {
color:#db4228;
font-size:16px;
padding-bottom:7px;
width:165px;
margin-left:19px;
margin-bottom:0px;
text-align:left;
text-indent:8px;
border-bottom:1px solid #d1d1d1;
font-family:Arial, Helvetica, sans-serif;
}


div.safari_credits1 {
margin-top:219px;
 }
li.inside_list_9 {
background-image: url(images/listimage_3.jpg);
background-repeat:no-repeat;
margin-left:16px;
background-position: 0 .6em;
padding-left: 1.7em; 
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
width:490px;
margin-bottom:0px;
}
span.footy {
float:left;
margin-left:222px;
line-height:33px;
}
#safari_case_speech {
margin-top:100px;
}
#safari_case_pub {
margin-top:-38px;
}

#grants-fix {
margin-left:1px;
}
#safari_case_media {
   margin-top:-43px;

}
p.headings {
font-weight:bold;
color:#3a919a;
width:197px;
font-size:11px;
padding-bottom:0;
font-family:Arial;
padding-top:4px;
border-top:1px dotted #db4228;
}

#safari_case_contact {
margin-top:220px;
}


h3.inside_h3 {
color:#518a92;
font-size:17px;
margin-top:-3px;
margin-left:16px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
}
#footer {
	width:1004px;
	height:33px;
	background:#d1d1d1 url(images/footerbg.jpg) no-repeat top left;
	color:#fff;
	font-family:'Arial Narrow', Helvetica, sans-serif;
	font-size:11px;
	line-height:38px;
	margin:auto;
	font-weight:normal;
	border-bottom:1px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
}
 
 
.mainpagetext_home {
padding-left:25px;
padding-top:19px;
padding-bottom:17px;
color:#58595b;

font-family:Arial, Helvetica, sans-serif;
line-height:21px;
line-height:24px;
}
p.mainpagetext_home {
 
font-size:1.25em;
}
.casestudies { 
display:block;margin:0 auto;
width:205px;
float:left;
text-align:center;
margin-top:0px;
margin-bottom:15px; 
background:url(images/case_bgrd.jpg) no-repeat bottom; 
 
}
div.maincolumn_inner {
border-left:1px dotted #666;border-right:1px dotted #db4228;
padding-bottom:0px;
min-height:470px;
 
}
div.bodywrap {
padding-bottom:5px;
}
.casestudies_innerside {display:block;margin:3px auto 0px; color:#000000;text-align:center;  width:163px;height:134px; margin-top:132px;}
div.maincolumn_inner_home {
 border-right:1px dotted #db4228;
 padding-bottom:0px;

}
.navcolumn_inner_R {font-size:11px;padding:0px 10px 0px 11px; display:block;margin:3px auto 0px;width:96%;color:#000000; text-align:left; margin-top:-12px;}
}