* { padding: 0; margin: 0; }

body {
 font-family: Helvetica, Arial,sans-serif;
 font-size: 13px;
 background: #fff;
}
#wrapper { 
 margin: 0 auto;
 width: 956px;
}

/************************** Page IDs******************************/

#pageA{}/****Home****/

#pageB{}/****Who are we****/

#pageC{}/****What do we do****/

#pageD{}/****Work****/

#pageE{}/****Contact Us****/

#pageF{}/****What does it mean?****/

#pageG{}/****Thanks****/

#pageH{}/****Thanks****/

/************************** Page IDs******************************/

#header {
 vertical-align: top;
 width: 956px;
 height: 97px;
 float: left;
 padding: 0px;
 margin:  0px 0px 0px 0px;
 background: url(../images/veridium_top.jpg) no-repeat;
}
#navigation {
 float: left; 
 width: 956px;
 height: 30px;
 color: #333;
 padding: 12px 0px 0px 0px;
 margin: auto;
 background: url(../images/menu_bg.jpg) repeat-x;
} 

#mainHeader {
 float: left; 
 width: 956px;
 height: 313px;
 padding:  0px;
 margin: 0px 0px 0px 0px;
}

#content { 
 float: left;
 color: #333;  
 background: url(../images/content_bg_2.jpg) repeat-y top; 
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 width: 956px;
 display: inline;
}

#topContent{
 float: left;
 width: 956px;
 height: 29px;
 background: url(../images/content_bg_1.jpg) no-repeat;
}

#baseContent{ 
 float: left;
 width: 956px;
 height: 22px;
 background: url(../images/content_bg_3.jpg) no-repeat;
}

#subContent { 
 float: left;
 color: #930F1C;  
 background: url(../images/ql_bar_bg.jpg) no-repeat; 
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 height: 105px;
 width: 956px;
 display: inline;
}

#flashBack_home{
	 background: url(../images/no_flash_home.jpg) no-repeat;
	 width: 956px;
	 height: 313px;
	}

#flashBack_work{
	 background: url(../images/no_flash_work.jpg) no-repeat;
	 width: 614px;
	 height: 313px;
	 margin-top: 15px;
	}


#pageB #headings{
	background: url(../images/who_we_are_text.jpg) no-repeat;
	width: 930px;
	height: 56px;
	margin: 28px 0 0 30px;
}

#pageC #headings{
	background: url(../images/what_we_do_text.jpg) no-repeat;
	width: 930px;
	height: 56px;
	margin: 28px 0 0 30px;
}

#pageD #headings{
	background: url(../images/our_work_text.jpg) no-repeat;
	width: 930px;
	height: 56px;
	margin: 28px 0 0 30px;
}


#pageE #headings{
	background: url(../images/contact_us_text.jpg) no-repeat;
	width: 930px;
	height: 56px;
	margin: 28px 0 0 30px;
}

#pageF #headings{
	background: url(../images/what_does_it_mean_text.jpg) no-repeat;
	width: 930px;
	height: 56px;
	margin: 28px 0 0 30px;
}

#pageH #headings{
	background: url(../images/our_services_text.jpg) no-repeat;
	width: 930px;
	height: 56px;
	margin: 28px 0 0 30px;
}


#footer { 
 width: 956px;
 height: 42px;
 clear: both;
 color: #fff;
 background: url(../images/footer.jpg) no-repeat;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 vertical-align: top;
}
/****************************************** Type *****************************/

#content h1 {
	color: #a80e20;
	font: Helvetica, Arial,sans-serif;
	font-size: 19px;
	font-weight: normal; 
	text-align: left;

}

#content h2 {
	color: #a80e20;
	font: Helvetica, Arial,sans-serif;
	font-size: 16px;
	font-weight: normal; 
	text-align: left;
}

#content h3 {
	color: #167BBF;
	font: Helvetica, Arial,sans-serif;
	font-size: 14px;
	font-weight: bold; 
	margin: 10px 0px  10px 0px;
	text-align: left;
}

#content li{
 margin: 0px 0px  0px 22px;
 color: #8a8a8a;
 font: Helvetica, Arial,sans-serif;
 font-size: 12px
}

#content ul, #content ul{
 margin: 10px 0px  10px 0px;
}

#content p {
	color: #8a8a8a;  
	font: Helvetica, Arial,sans-serif;
	font-size: 12px;	 
	text-align: left;
}

/****************************************** Links *****************************/

a:link, a:visited, a:active {
color: #a80e20;
font: Helvetica, Arial,sans-serif;
font-size: 12px;
text-decoration: none;
text-align: left;
}

a:hover { 
color: #a80e20;
font: Helvetica, Arial,sans-serif;
font-size: 12px;
text-decoration:underline;
text-align: left;
}

a.moreHeading:link, a.moreHeading:visited{
	color: #fff;
	font: Helvetica, Arial,sans-serif;
	*font-size: 11px;
	font-size: 11px;
	text-decoration: none;
	padding: 19px 0 0 15px;
	margin_top: 19px;
}

#navigation a:link, #navigation a:visited, #navigation a:active {
color: #fff;
font: Arial Narrow, Helvetica Condensed, Arial, sans-serif
font-size: 13px;
text-decoration: none;
text-align: center;
padding: 0 0 0 40px;
}

#navigation a:hover{ 
color: #f6b00a;
font: Arial Narrow, Helvetica Condensed, Arial, sans-serif
font-size: 13px;
text-decoration: none;
text-align: center;
padding: 0 0 0 40px;
}

#pageA #linkA,
#pageB #linkB,
#pageC #linkC,
#pageD #linkD,
#pageE #linkE,
#pageF #linkF,
#pageH #linkH{
color: #f6b00a;
font: Arial Narrow, Helvetica Condensed, Arial, sans-serif
font-size: 13px;
text-decoration: none;
text-align: left;
padding: 0 0 0 40px;
}

#pageA #linkA,
#pageB #linkA,
#pageC #linkA,
#pageD #linkA,
#pageE #linkA,
#pageF #linkA,
#pageH #linkA{
padding: 0 0 0 50px;
}




a.moreHeading:hover{
	color: #f6b00a;
	font: Helvetica, Arial,sans-serif;
	*font-size: 11px;
	font-size: 11px;
	text-decoration: none;
	padding: 19px 0 0 15px;
	margin_top: 19px;
}

.grid2TextArea a.h2Heading:link, .grid2TextArea a.h2Heading:visited{
	color: #167BBF;/*#fff; #167BBF;*/
	font: Helvetica, Arial,sans-serif;
	*font-size: 17px;
	font-size: 19px;
	text-decoration: none;
	text-align: left;
}

.grid2TextArea a.h2Heading:hover{
	color: #e8e4e4;
	font: Helvetica, Arial,sans-serif;
	*font-size: 17px;
	font-size: 19px;
	text-decoration: none;
	text-align: left;
}
 
a.grey:link, a.grey:visited{
	color: #8a8a8a;
	font: Helvetica, Arial,sans-serif;
	*font-size: 12px;
	font-size: 12px;
	text-decoration: none;
	text-align: left;
}
a.grey:hover {
	color: #a80e20;
	font: Helvetica, Arial,sans-serif;
	*font-size: 12px;
	font-size: 12px;
	text-decoration: none;
	text-align: left;
}


/****************************************** Image Control *****************************/

img {
border: none;
}

/****************************************** Flash Slideshow*****************************/




/****************************************** Grids *****************************/
    
#pageA .grid1 {
  width: 956px;
  height: 328px;
  margin: auto;
  padding: 0 0 0 0;
}

#pageB .grid1, #pageC .grid1, #pageD .grid1, #pageE .grid1, #pageF .grid1, #pageH .grid1 {
  width: 956px;
  height: 580px;
  margin: auto;
  padding: 0px 0 0 0;
}

.grid2 {
  width: 956px;
  margin: auto;
}

#pageA .grid1 .grid-m1 {
	  float: left;
	  width: 30px;
	  display:inline;
}

#pageB .grid1 .grid-m1, #pageC .grid1 .grid-m1, #pageD .grid1 .grid-m1, #pageE .grid1 .grid-m1, #pageF .grid1 .grid-m1, #pageH .grid1 .grid-m1 {
	  float: left;
	  width: 30px;
	  height: 580px;
	  display:inline;
}

#pageG .grid1 .grid-m1 {
	  float: left;
	  width: 30px;
	  height: 300px;
	  display:inline;
}

#pageA .grid1 .grid-c1 {
	  float: left;
	  width: 285px;
	  height: 335px;
	  background: url(../images/grid_bg_1.jpg) no-repeat;
}

#pageB .grid1 .grid-c1 {
	  float: left;
	  width: 326px;
	  height: 580px;
	  margin: 0px 0 0 0;
	  background: url(../images/who_we_are_copy.jpg) no-repeat;
}
#pageC .grid1 .grid-c1{ 
	  float: left;
	  width: 326px;
	  height: 580px;
	  margin: 0px 0 0 0;
}

#pageE .grid1 .grid-c1 {
	  float: left;
	  width: 326px;
	  height: 580px;
	  margin: 0px 0 0 0;
	  background: url(../images/contact_us_copy.jpg) no-repeat;
}

#pageF .grid1 .grid-c1{
	  float: left;
	  width: 326px;
	  height: 580px;
	  margin: 0px 0 0 0;
	  background: url(../images/what_does_it_mean_copy.jpg) no-repeat;
}

#pageH .grid1 .grid-c1{
	  float: left;
	  width: 326px;
	  height: 580px;
	  margin: 0px 0 0 0;
	  background: url(../images/our_services_copy.jpg) no-repeat;
}

#pageA .grid1 .grid-m2 {
  float: left;
  width: 21px; 
  display:inline;
}

#pageB .grid1 .grid-m2, #pageC .grid1 .grid-m2, #pageD .grid1 .grid-m2, #pageE .grid1 .grid-m2, #pageF .grid1 .grid-m2, #pageH .grid1 .grid-m2  {
  float: left;
  width: 21px; 
  height: 580px;
  display:inline;
}

#pageA .grid1 .grid-c2 {
  float: left;
  width: 285px;
  height: 335px;
  background: url(../images/grid_bg_2.jpg) no-repeat;
}

#pageD .grid1 .grid-c2 {
	  float: left;
	  width: 626px;
	  height: 560px;
	  margin: 0px 0 0 0;
	  background: url(../images/our_work_copy.jpg) no-repeat;
}


#pageE .grid1 .grid-c2,#pageB .grid1 .grid-c2, #pageF .grid1 .grid-c2, #pageH .grid1 .grid-c2 {
  float: left;
  width: 285px;
  background:#fff;
  vertical-align: top;
  height: 550px;
  background:url(../images/pageBgrid-c2_bg.jpg) no-repeat bottom;
  padding: 2px 15px 0 0;
}



#pageC .grid1 .grid-c2{
  float: left;
  width: 285px;
  background:#fff;
  vertical-align: top;
  height: 550px;
  background:url(../images/pageBgrid-c2_bg.jpg) no-repeat bottom;
  padding-right: 15px;
}

#pageA .grid1 .grid-m3 {
  float: left;
  width: 21px;
  display:inline; 
  height: 325px;
}

#pageB .grid1 .grid-m3, #pageC .grid1 .grid-m3, #pageD .grid1 .grid-m3, #pageE .grid1 .grid-m3, #pageF .grid1 .grid-m3, #pageH .grid1 .grid-m3  {
  float: left;
  width: 21px;
  display:inline; 
}

#pageA .grid1 .grid-c3 {
  float: left;
  width: 285px;
  height: 335px;
  background: url(../images/grid_bg_3.jpg) no-repeat;
}

#pageB .grid1 .grid-c3, #pageC .grid1 .grid-c3, #pageE .grid1 .grid-c3{
	  float: left;
	  width: 222px;
	  height: 580px;
	  background: url(../images/view_portfolio.jpg) no-repeat;
	  vertical-align: top;
}

#pageF .grid1 .grid-c3, #pageH .grid1 .grid-c3 {
	  float: left;
	  width: 222px;
	  height: 580px;
	  background: url(../images/view_portfolio.jpg) no-repeat;
	  vertical-align: top;
}

#pageD .grid1 .grid-c3 {
	  float: left;
	  width: 222px;
	  height: 580px;
	  margin: 0px 0 0 20px; 
	  vertical-align: top;
}


#pageA .grid1 .grid-m4 {
  float: left;
  width: 20px; 
}

#pageB .grid1 .grid-m4, #pageC .grid1 .grid-m4, #pageE .grid1 .grid-m4, #pageF .grid1 .grid-m4, #pageH .grid1 .grid-m4 {
  float: left;
  width: 20px; 
  height: 580px;
}

#pageD .grid1 .grid-m4{
  float: left;
  width: 20px; 
  height: 580px;
}


/*******************Text in Grids **************************/

#pageA .grid1 .grid-c1 p, #pageA .grid1 .grid-c2 p, #pageA .grid1 .grid-c3 p{
 color: #8a8a8a;
 padding: 170px 0 0 0;
 font-size: 12px;
 line-height: 17px;
}

#pageC .grid1 .grid-c1 #leftCopy, #pageD .grid1 .grid-c1 #leftCopy, #pageE .grid1 .grid-c1 #leftCopy, #pageF .grid1 .grid-c1 #leftCopy, #pageH .grid1 .grid-c1 #leftCopy{
margin: 0px 0 0 18px;
width: 300px;
}

#pageC .grid1 .grid-c1 p, #pageD .grid1 .grid-c1 p, #pageE .grid1 .grid-c1 p, #pageF .grid1 .grid-c1 p, #pageH .grid1 .grid-c1 p {
 color: #8a8a8a;
 padding: 61px 0 0 0;
 line-height: 23px;
 font-size: 12px;
 padding: 12px 0 0 0;
}

#pageC .grid1 .grid-c1 h3, #pageD .grid1 .grid-c1 h3, #pageE .grid1 .grid-c1 h3, #pageF .grid1 .grid-c1 h3, #pageH .grid1 .grid-c1 h3{
 color: #a80e20;
 padding: 2px 0 0 0;/*12px 0 0 0;*/
 line-height: 23px;
 font-size: 12px;
}

#pageB .grid1 .grid-c2 #middleCopy, #pageC .grid1 .grid-c2 #middleCopy, #pageE .grid1 .grid-c2 #middleCopy, #pageF .grid1 .grid-c2 #middleCopy{
 color: #8a8a8a;
 padding: 0px 0 0 0;
 line-height: 23px;
 font-size: 12px;
}

#pageH .grid1 .grid-c2 #middleCopy{
	padding: 2px 0 0 0;
	}

#pageH .grid1 .grid-c2 #middleCopy ul li{
	 list-style: url(../images/disc.jpg); 
	 color: #8a8a8a;
	 padding: 0px 0 0 0;
	 line-height: 26px;
	 font-size: 12px;
	}

#pageD .grid1 .grid-c2 #middleCopy {
	 width: 295px;
	 height: 205px;
	 color: #8a8a8a;
	 margin: 40px 0 0 326px;
	 line-height: 23px;
	 font-size: 12px;
}


#pageC .grid1 .grid-c2 #middleCopy h3, #pageE .grid1 .grid-c2 #middleCopy h3, #pageF .grid1 .grid-c2 #middleCopy h3, #pageH .grid1 .grid-c2 #middleCopy h3{
 color: #a80e20;
 padding: 2px 0 0 0; /*12px 0 0 0;*/
 line-height: 23px;
 font-size: 12px;
}

#pageB .grid1 .grid-c2 p, #pageC .grid1 .grid-c2 p, #pageE .grid1 .grid-c2 p, #pageF .grid1 .grid-c2 p, #pageH .grid1 .grid-c2 p{
 color: #8a8a8a;
 padding: 12px 0 0 0;
 line-height: 23px;
 font-size: 12px;
}

 #pageB .grid1 .grid-c3 p, #pageC .grid1 .grid-c3 p, #pageD .grid1 .grid-c3 p, #pageE .grid1 .grid-c3 p, #pageF .grid1 .grid-c3 p, #pageH .grid1 .grid-c3 p {
 color: #8a8a8a;
 padding: 0px 0 0 0;
 line-height: 23px;
 font-size: 12px;
}

#pageB .grid1 .grid-c3 h2, #pageC .grid1 .grid-c3 h2,  #pageD .grid1 .grid-c3 h2,  #pageE .grid1 .grid-c3 h2,  #pageF .grid1 .grid-c3 h2, #pageH .grid1 .grid-c3 h2{
 padding-top: 15px;
 color: #a80e20;
 font-size: 18px;
 font-weight: normal;
}

.grid1 span{
 color: #a80e20;	
}

/****************** Newsletter grid at bottom of each page ***************************/

.grid2 .grid-c1 {
  float: left;
 *width: 175px;
  width: 170px;
  height: 100px;
}

.grid2 .grid-m2 {
  float: left;
  width: 9px;
  height: 1px;
}

.grid2 .grid-c2 {
  float: left;
  width: 115px;
  height: 57px;
}

.grid2 .grid-m3 {
  float: left;
  width: 9px;
  height: 57px;
}

.grid2 .grid-c3 {
  float: left;
  width: 115px;
  height: 57px;
}

.grid2 .grid-m4 {
  float: left;
  width: 9px;
  height: 57px;
}

.grid2 .grid-c4 {
  float: left;
  width: 115px;
  height: 57px;
}

.grid2 .grid-m5 {
  float: left;
  width: 9px;
  height: 57px;
}

.grid2 .grid-c5 {
  float: left;
  width: 115px;
  height: 57px;
}

.grid2 .grid-m6 {
  float: left;
  width: 9px;
  height: 57px;
}

.grid2 .grid-c6 {
  float: left;
  width: 115px;
  height: 57px;
}


.grid2 .grid-m7 {
  float: left;
  width: 9px;
  height: 57px;
}

.grid2 .grid-c7 {
  float: left;
  width: 115px;
  height: 57px;
}
 /****************** end Newsletter grid *********************/ 
 
 
 /**************** Grid 1 More Links ***********************/ 

.grid1More {
width: 55px;
height: 22px;
margin: 53px 0 0 195px;
}

.grid1Download1 {
width: 68px;
height: 28px;
margin: 0px 0 0 0px;
padding: 0px 0 0 0; 
}
.grid1Download2 {
width: 68px;
height: 28px;
margin: 10px 0 0 10px; 
}
 /******************end Grid 1 More Links *********************/ 


 /****************** grid 2 text control *********************/ 

.grid2TextArea{
width: 165px;
height: 77px;
margin: 25px 0 0 30px;

}

.grid2TextArea span{
font-size: 12px;
line-height: 20px;
}

.grid2Numbers{
width: 115px;
height: 57px;
margin: 28px 0 0 0px;
}
 
.grid2TextArea p {
color: #666;  /*#fff#167BBF;*/
font: Helvetica, Arial,sans-serif;
font-size: 12px;
}


 /****************** end grid 2 text control *********************/ 

/********************************Form *********************************************/ 
  
#form{
 width: 222px;
 border-bottom: solid 1px  #CCCCCC; 
}

.submit{
background: url(../images/get_it.jpg) no-repeat;
width: 57px;
height: 25px;
border: none;
margin-bottom:10px;
}

hr{
color: #CCCCCC;
height: 1px;
width: 100%;
text-align: center;
}

.portfolio{

}
.stuff{
border-top: solid 1px #CCCCCC;
margin-top:16px;
}

.textArea{
width: 200px;
height: 24px;
color: #8a8a8a;
}

/********************************end Form *********************************************/