/* Start of CMSMS style sheet 'dogstarmain' */
/* PAGE/GENERAL */

*
{
	margin: 0;
	padding: 0;
}

a {
	color:#999999;
}

a:hover {
   text-decoration: underline;
   color: #ffffff;
}

a:active, a:focus {
   color: #b8dd2e; 
}

/*a:visited {
	color: #9F65B2;
}*/

img {
   border: 0;
}

p {
   margin: 0 0 10px 0;  /* some air around p elements */
   padding: 0;
}

ul{
	margin-left:15px;
	padding-top:0px;
	padding-bottom:10px;
}

ol {
	margin-left:25px;
	padding-top:0px;
	padding-bottom:10px;
}


body
{
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
   	font-size: 75.01%;
	line-height:1.4em;
	background: #131313 url(uploads/images/bg-pattern.gif) fixed top center;
	color: #fff;
	text-align: center;
}

#page
{
	width: 960px;
	margin: 0 auto;
	min-height: 98%;
	text-align: left;
	background: #131313 url(uploads/images/backgroundstar.gif) no-repeat 744px 0; 
	color:#ffffff;
	text-align:left;
	border-top: 5px solid #eb060e;
}

* html #page
{
	height: 100%;
}

/* HEADINGS */
h1 {
	color:#ffffff;
}

#contentMain h2 {
	font-size:1.2em;
	margin-top: 30px;
	margin-bottom: 15px;
	font-weight:normal;
}

#whiteBg h2 {
	margin-top:0;
}

#contentSub h2 {
	color:#ffffff;
	}

#contentSub h3 {
	font-weight: normal;
	font-size: 1.4em;
	padding: 10px 0 12px 0;
   	border-bottom: 1px solid #262626;
   	margin-bottom:5px;
}

#contentSub h4 {
   font-size: 1.1em;
   padding-bottom:5px;
}

.img {
		display:block;
		text-indent:-9999px;
		background-repeat:no-repeat;
		}

.h_home {
		background-image:url(uploads/images/headings/h_home.gif);
		width:452px !important;	
		height:40px !important;
		}	
		
.h_latest_news {
		background-image:url(uploads/images/headings/h_latest_news.gif);
		width:132px !important;	
		height:40px !important;
		}
		
.h_about {
		background-image:url(uploads/images/headings/h_about.gif);
		width:104px !important;	
		height:40px !important;
		}
		
.h_team {
		background-image:url(uploads/images/headings/h_team.gif);
		width:111px !important;	
		height:40px !important;
		}
		
.h_vacancies {
		background-image:url(uploads/images/headings/h_vacancies.gif);
		width:113px !important;	
		height:19px !important;
		}
		
.h_news {
		background-image:url(uploads/images/headings/h_news.gif);
		width:60px !important;	
		height:40px !important;
		}
		
.h_spark {
		background-image:url(uploads/images/headings/h_spark.gif);
		width:66px !important;	
		height:40px !important;
		}	
		
.h_work {
		background-image:url(uploads/images/headings/h_work.gif);
		width:112px !important;	
		height:40px !important;
		}
		
.h_brand {
		background-image:url(uploads/images/headings/h_brand.gif);
		width:72px !important;	
		height:40px !important;
		}
		
.h_campaigns {
		background-image:url(uploads/images/headings/h_campaigns.gif);
		width:251px !important;	
		height:40px !important;
		}
		
.h_intcomms {
		background-image:url(uploads/images/headings/h_intcomms.gif);
		width:296px !important;	
		height:40px !important;
		}
		
.h_web {
		background-image:url(uploads/images/headings/h_web.gif);
		width:183px !important;	
		height:40px !important;
		}
.h_contact {
		background-image:url(uploads/images/headings/h_contact.gif);
		width:340px !important;	
		height:40px !important;
		}
		
.h_accessibility {
		background-image:url(uploads/images/headings/h_accessibility.gif);
		width:147px !important;	
		height:40px !important;
		}

.h_tflpqq {
		background-image:url(uploads/images/headings/h_tflpqq.gif);
		width:422px !important;	
		height:40px !important;
		}

.h_financial {
		background-image:url(uploads/images/headings/h_financial.gif);
		width:208px !important;	
		height:40px !important;
		}

/* END HEADINGS */



/* HEADER */

#header {
   	width:960px;
	height: 150px;
	padding:0;
	margin:0;
}

.logoDogstar {
	float: left;
	margin:  0;
	padding: 30px 0 0 30px;
}

/********************
 MENU HORIZONTAL - Helen 
 *********************/
	
/* Widget Performance (by category)  

http://www.tbrown.org/ideas/tabularlist/
------------------------------------*/

#mainmenu {
	float:right;
	text-align:left;
	width:760px;
	line-height:1em;
	/*margin-top:41px; */

}

.toppad {
	padding-top:46px;
	margin-right:24px;
}

.horz {
	clear: left;
	list-style-type: none;
	padding: 0 0 0 0;
	margin: 0 0 30px;/* note! */
	}
	
#mainmenu ul.horz a  {
	color:#999999;
	font-weight:bold;
	text-decoration:none;
}

#mainmenu ul.horz a:hover {
	color:#ffffff;
}

#mainmenu li.menuactive {
   	background-image: url(uploads/images/arrow-top.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	font-weight:bold;
}

#mainmenu li.menuactive a {
	color:#F2373E; 
}

#mainmenu ul.vert li.subactive a{
	color:#F2373E;
	background-image:none;
}


#mainmenu ul.horz li {
	display: block;
	float: left;
	text-align: left;
	}
	
#mainmenu ul.vert {
	list-style-type: none;
	padding: 0;
	margin: 5px 0 0 0;
	}
	
#mainmenu ul.vert a{
	color:#999999;
	font-weight:normal;
}


#mainmenu ul.vert li {
	float: none;
	margin-bottom: 4px;
	padding-left: 0;
	text-align: left;
	}



/* CONTENT */

#content
{
   margin: 0 135px 0 30px; /* some air above and under menu and content */
   padding:0;
   width:795px;
   padding-bottom: 40px;
}

#contentMain
{
	display: inline;
	clear: both;
	float: left;
	margin-top: 0;
	margin-left: 0px;
	width: 573px;
	border-top: 1px solid #262626;
	padding-bottom:20px;
	padding-top:30px
}

#whiteBg {
	padding:10px;
	background-color:#FFFFFF;
	color:#000000;
}

/* HOME PAGE CATEGORIES */

.categoryLeft {
	margin-top:15px;
	width:277px;
	float:left;
}

.categoryRight {
	margin-top:15px;
	width:277px;
	float:right;
}

.category {
}

.category ul {
	list-style:none;
	padding:0;
	margin:0;
}

.category li {
	margin-bottom:20px;
	background-repeat:no-repeat;
	background-position:top;
	background-color:#000000;
}

	
.category a {
	color:#999999;
	font-weight:normal;
	text-decoration:none;
}

.category a:hover {
	color:#ffffff;
}

.category li.brand {
	background-image: url("uploads/images/homepage/brand1.jpg");
}
	
.category li.intcomms {
	background-image: url("uploads/images/homepage/intcomms1.jpg");
}

.category li.campaigns {
	background-image: url("uploads/images/homepage/campaign1.jpg");
}

.category li.web {
	background-image: url("uploads/images/homepage/web1.jpg");
}

.imageH img{
	height:157px;
}

.categoryText{
	display:block;
	margin:0;
	padding:4px 15px 4px 15px;
	background-image: url("uploads/images/arrow-right.gif");
	background-repeat:no-repeat;
	background-position: 5px 7px;	
	line-height:1em;
}


/* RIGHT SUB CONTENT */

#contentSub
{
	float: right;
	width: 180px;
	margin-right: 0;
	padding-top:70px;
}

/* original file module news */

#contentSub .NewsSummary{
    padding-top: 60px;
}

#contentSub .NewsSummary ul{
	border-top:1px solid #262626;
	padding-top:10px;
}

.NewsSummary {
	padding:0;
    margin:0;
    color:#ffffff;
}


.NewsSummary ul{
	list-style:none;
    margin: 0;
	padding: 0 0 10px 0;
}

.NewsSummary li {
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
	border-bottom: 1px solid #262626;
}

.NewsSummary a{
	padding-top: 0.2em;
	padding: 0.5em 0.1em 0.8em 1em; /* some air for it */
   	background: url(uploads/images/arrow-right.gif) no-repeat 0 9px; /* was images/cms/ */
	text-decoration:none;
}

.NewsSummary a:hover {
	text-decoration:underline;
   	color: #ffffff; /* now white was green #b8dd2e*/
}

.NewsSummaryMorelink {
  padding-top: 0.5em;
}

#NewsPostDetailDate {
  font-size: 90%;
  margin-bottom: 5px;
  font-weight: normal;
  }
  
#NewsPostDetailSummary {
  font-weight:bold;
  margin-bottom: 15px;
   }

#NewsPostDetailCategory {
  font-style: italic;
  border-top: 1px solid #ccc;
  margin-top: 0.5em;
  padding: 0.2em 0;
}

#NewsPostDetailContent {
  margin-bottom: 0;
  }
  
#NewsPostDetailReturnLink {
	background-color:#000000;
	padding:5px;
}
  
#NewsPostDetailReturnLink a{
	text-decoration:none;
	color:#999999;
}

#NewsPostDetailReturnLink a:hover{
	color:#ffffff;
}

#NewsPostDetailAuthor {
  padding-bottom: 1.5em;
  font-style: italic;
}

/******************** CASE STUDY SUB CONTENT MENU *********************/

/* original; file Navigation: Dogstar Simple - Vertical */

/********************
MENU
*********************/

#menu_vert {
   	padding: 0;
   	margin:0;
}

#menu_vert ul{
   	padding: 0;
   	margin:0;
   	font-size:0.9em;
}

#menu_vert li {
   	list-style: none;
   	margin: 0;
   	padding: 0 0 0 10px;
   	background-image: url(uploads/images/arrow-right.gif); 
	background-position: 0 6px; 
	background-repeat: no-repeat; 
}

/* first level links */
#menu_vert li a {
   	text-decoration:none;
   	color: #999999; 

}

/* hover state for all links */
div#menu_vert a:hover {
   color:#ffffff;
}

div#menu_vert li.currentpage {
   color: #F2373E;
}

div#menu_vert li.currentpage:hover {
   color: #F2373E;
}



/* separator */
div#menu_vert li.separator {
   height: 1px !important;
   margin-top: -1px;
   margin-bottom: 0;
   padding:2px 0 2px 0;
   background-color: #000;
   overflow:hidden !important;
   line-height:1px !important;
   font-size:1px; /* for ie */
}

div#menu_vert li.separator hr {
   display: none; /* this is for accessibility */
}

/*********** CASE STUDY STYLES *******/

#casestudy {
	background-color:#000000;
	width:573px;
	float:left;
}

.casestudytitle {
	float:left;
	width:250px;
	padding: 5px;
	font-weight:bold;
}

/* original file  casestudy */

.virtualpage, .virtualpage2, .virtualpage3{
/*hide the broken up pieces of contents until script is called. Remove if desired*/
display: none;
}

.virtualpage p{
	padding: 5px;
	margin:0;
}

.paginationstyle{ /*Style for demo pagination divs*/
width: 250px;
text-align: right;
padding: 5px;
float:right;
}

.paginationstyle select{ /*Style for demo pagination divs' select menu*/
border: 1px solid navy;
margin: 0 15px;
}

.paginationstyle a{ /*Pagination links style*/
text-decoration: none;
color: #ffffff;
padding:0 3px;
}

.paginationstyle a:hover{
color:#F2373E;
}

.paginationstyle a.selected{
color: #F2373E;
}

.paginationstyle a.imglinks{ /*Pagination Image links style (class="imglinks") */
border: 0;
padding: 0;
}

.paginationstyle a.imglinks img{
vertical-align: bottom;
border: 0;
}

.paginationstyle a.imglinks a:hover{
background: none;
}

.paginationstyle .flatview a:hover { /*Pagination div "flatview" links style*/
color: #F2373E;
}

.paginationstyle .flatview a.selected {
color: #F2373E;
}


/* THE TEAM */

ul.team {
	list-style:none;
	padding:0;
	margin:0;

}

.team li {
	display:inline;
	margin:0;
	padding:0;
}

.team li a{
	margin:0;
	padding:0;
}

.team img {
	border:0;
	margin:0;
	padding:0;	
}

.teamright p {
	padding: 5px 0 5px 0;
   	border-bottom: 1px solid #262626;
}



/* FOOTER */

#footer
{
	width: 900px;
	font-size: 0.8em;
	 text-align: left; 
}

#footer ul {
	list-style:none;
	padding:0;
	margin:0;
}

#footer li {
	display:inline;
	padding-right:10px;
}

#footer li.nopad {
	padding-right:0;
}

#footer a {
   color: #888; 
   text-decoration:none;
   padding: 0;

   margin:0;
}

#footer a:hover {
   color: #fff; 
   text-decoration:underline;
}



/* The CSS that's required to position the footer */

html {
	height: 100%;
}

body {
	height: 100%;
}

#nonFooter {
	position: relative;
	min-height: 100%;
}

* html #nonFooter {
	height: 100%;
}

#footer {
	position: relative;
	margin: -40px auto 0 auto;
}

/* A CSS hack that only applies to IE -- specifies a different offset for the footer */

* html #footer {
	margin-top: -30px;
}

/************* FORM TAGS *************/

form {
	font-size:0.9em;
}

a.download {
   	padding: 0 0 0 10px;
   	background-image: url(uploads/images/arrow-right.gif); 
	background-position: 0 6px; 
	background-repeat: no-repeat; 
}

.box input, .box textarea {
	border:1px solid #cccccc;
	width:180px;
	font-size:0.9em;
	margin-bottom:5px;
}	

.welcome {
	padding-bottom:7px;
}

.submit input {
	width: auto !important; 
	padding: 5px !important; 
	margin-top:10px;
	border: 1px solid #000000 !important; 
	background-color: #000000; 
	color: #fff; 
	font-weight: bold; 
	font-size: 1em;
}

.submit input:hover, .submit input:focus {
	border: 1px solid #000000;
}

/********* ERROR MESSAGES *************/

.error_message {
	font-size:0.9em;
	color:#F2373E;
}

.error_message ul {
	list-style:none;
	padding-bottom:10px;
	margin:0;
}


/************* HIDDEN/CLEARING TAGS *************/

.accessibility, hr {
   position: absolute;
   top: -999em;
   left: -999em;
}

.clearer
{
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}

.hidden
{
	position: absolute;
	left: -10000px;
}

/* 
definition tags are also hidden 
these are also used for menu links    
*/
dfn {
   position: absolute;
   left: -1000px;
   top: -1000px;
   width: 0;
   height: 0;
   overflow: hidden;
   display: inline;
}


/********* EXTERNAL LINKS STYLES *************/

a.external span
{
position: absolute;
left: -5000px;
width: 4000px;
}

a.external
{
background: url(uploads/images/external-icon.gif) no-repeat 100% 0;
padding: 0 20px 0 0;
}


/* clearing */
/* 
clearfix is a hack for divs that hold floated elements. it will force the holding div to span all the way down to last floated item.
We strongly recommend against using this as it is a hack and might not render correctly but it is included here for convenience.
Do not edit if you dont know what you are doing
*/
	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	* html>body .clearfix {
		display: inline-block; 
		width: 100%;
	}
	
	* html .clearfix {
		/* Hides from IE-mac \*/
		height: 1%;
		/* End hide from IE-mac */
	}

/* end clearing */


/* End of 'dogstarmain' */