html,body, *
{
	margin: 0;
	padding: 0;
}

body
{
	text-align: center;
	font-family: "Lucida Grande", "Lucida Unicode", Lucida, verdana, arial, sans-serif;
	font-size: 80%;
	line-height: 150%;
	color: #333;
	background-color: #fff;
}

.hidden
{
    display: none;
}
/*************** text styles **********************/



h3
{
	color: #000;
	font-family: arial,helvetica,sans-serif;
	font-size: 14px;
	padding: 0 0 0 0;
	margin: 0 0 8px 0;
}


h4
{
	color: #000;
	font-family: arial,helvetica,sans-serif;
	font-size: 13px;
	padding: 0;
	margin: 0;
	line-height: 1.3em;
}

.portfoliofrontpage h4 {
	line-height: 1em;
}


a {
/*	color: #0410AC; */
	color: #1087A5;
	text-decoration: none;
}

a:hover {
	color: #0B65F7; 
/*	font-weight: bold;	*/
}

a.on {
	font-weight: bold;
}


a img {
	border:0;
}



.cell h4.uline {
	border-bottom: 1px #999 solid;
	padding: 0 0 6px 0;
	margin: 15px 0 5px 0;
	
}



p {
	margin:0 0 .5em 0;
	padding:0;
	text-align: justify;
}



/***************** layout ****************/


.constrained
{
	text-align: left;
	width: 780px;
	margin: 0 auto 1em auto;
	padding: 0;
	position:relative;
	clear: both;

	
}


/********************* homepage ******************/

.homeThree 
{
	text-align: left;
	width: 780px;
	margin: 0 auto 1em auto;
	padding: 0;
	position:relative;
	clear: both;
	
	
}

.homeThree .cell 
{
	width: 250px;
	
}

.homeThree .cell.first 
{
	margin: 0;
	
}

.homeThree .cell.work
{
	margin: 0;
	width: 250px;
}

.homeThree .cell ul li 
{
	border-top: 1px #999 solid;
	padding: .4em 0;
}

.homeThree .cell.noh2 {
	 padding: 20px 0 0 0;
	.padding: 26px 0 0 0;
	
}

.homeThree .cell dl {
	margin: 4px 0 0 0;
	border-top: 1px #999 solid;
	padding: .4em 0px;
}


.homeThree .cell dl dt { 
	float: right;
	padding: 15px 0px 10px 0;
	width: 120px;
}

.homeThree .cell dl dd {
	padding: 10px 0px 10px 1px;
	float: left;
	width: 120px;	
}

.homeThree .cell.work dl dt { 
	float: right;
	padding: 15px 0px 10px 0;
	width: 120px;
}

.homeThree .cell.work dl dd {
	padding: 10px 0px 10px 1px;
	float: left;
	width: 120px;
}


.homeThree .cell dl dd h3 {
	font-size: 120%;
}

.homeThree .cell dl dd p {
	padding: 3px 0;
	text-align: left;
}

.homeThree h2, .portfoliofrontpage h3 {
	display: block;
	overflow: hidden;
	text-indent: -1234em;
	height: 20px;
	margin: 0;
	padding-left: 0;
	background-position: 0 0;
	background-repeat: no-repeat;
}

.homeThree h2.about_us {
	background: url(/images/h2/about_us.gif) no-repeat top left;
}

.homeThree h2.our_services {
	background: url(/images/h2/our_services.gif) no-repeat top left;
}	

.homeThree h2.our_news {
	background: url(/images/h2/our_news.gif) no-repeat top left;
}

.homeThree h2.investor_relations {
	background: url(/images/h2/investor_relations.gif) no-repeat top left;
}

.homeThree h2.contact_us {
	background: url(/images/h2/contact_us.gif) no-repeat top left;
}

.homeThree h2.contact_us a {
	display: block;
	height: 20px;
}

.homeThree h2.recentwork {
	background: url(/images/h2/recentwork.gif) no-repeat top left;
}

.homeThree h2.our_work {
	background: url(/images/h2/our_work.gif) no-repeat top left;
}

.portfoliofrontpage h3.websites {
	background: url(/images/h2/websites.gif) no-repeat top left;
}

.portfoliofrontpage h3.onlineapps {
	background: url(/images/h2/onlineapplications.gif) no-repeat top left;
}

.portfoliofrontpage h3.printdesign {
	background: url(/images/h2/printdesign.gif) no-repeat top left;
}

#portfolio-next h2.otherexamples {
	background: url(/images/h2/otherexamples.gif) no-repeat top left;
}

.portfoliofrontpage h3.publishing {
	background: url(/images/h2/publishing.gif) no-repeat top left;
}

.portfoliofrontpage h3.commercial {
	background: url(/images/h2/commercial.gif) no-repeat top left;
}

.portfoliofrontpage h3.charity {
	background: url(/images/h2/charity.gif) no-repeat top left;
}


.portfoliofrontpage h3 {
	margin: 0 0 5px 2px;
}

.row.two {
padding: 5px 0 0 0;
}

.row.two #main
{
	width: 522px;
	float: left;
	min-height: 220px; /* For Modern Browsers */
    height: auto !important; /* For Modern Browsers */
    height: 220px; /* For IE */
	padding:0 20px 0 0;
	margin: 0 10px 0 0;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 492px; /* correct width for IE6 */

}

html>body .row.two #main { width: 492px; }

.cell
{
	float: left;
	margin: 0 0 0 10px;
	width: 236px;
	font-size: 80%;
	line-height: 140%;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 246px; /* correct width for IE6 */

}

html>body .cell { width: 246px; }



#portfolio
{
	font-size: 80%;
	line-height: 140%;
}


dl.lines dd
{
	border-top: 1px #999 solid;
	padding: .4em 0;
}

dl.lines dt { padding: 0 0 .5em 0; }

ul.lines {
margin: 10px 0 10px 0;
}

ul.lines li {
	border-top: 1px #999 solid;
	padding: .4em 0;
}

ul.lines li.selected {

	background:url(/images/arrow.gif) no-repeat 100% 50%;
}


dl,dt,dd
{
	margin: 0;
	padding: 0;
	text-indent: 0;
}

ul,li
{
	list-style: none;
	margin: 0;
	padding: 0;
	text-indent: 0;
}

.cell dl.rel {
	clear: both;
	margin: 0 5px;
	padding: 0;

}

.cell dl.rel dt { 
	float: left;
	padding: 10px 0 10px 0;
}

.cell dl.rel dd {
	padding: 10px 0px 10px 0;
	float: right;
	width: 120px;
	
}

.cell dl.rel dt.even { 
	float: right;
	padding: 10px 5px 10px 0;
	width: 100px;
}

.cell dl.rel dd.even {
	padding: 10px 0px 10px 0;
	float: left;
}


.cell ul {
	margin: 4px 0 15px 0 ;
}

.highlight {
	background-color: #ffc;
}


/************ menu ****************/

div.container
{
	width: 780px;
	margin: 0 auto;
	padding: 1.2em 0;
}


h1, h1 span {
     background: url(/images/logo.gif) no-repeat top left;
	 height: 60px;
	 width: 180px;
	 font-size: 100%;
	 color: #fff;
} 

h1 a, h1 span a {
color: #fff;
}

.replace {
      position:relative;
      margin:0px; padding:0px;
      /* hide overflow:hidden from IE5/Mac */
      /* \*/
      overflow: hidden;
      /* */
}

.replace span{
      display:block;
      position:absolute;
      top:0px;
      left:0px;
      z-index:1;
}

#top-nav 
{
	text-align: center;
	width: 750px;
	margin: 15px auto 0 auto;
}

ul#menu
{
	height: 30px;
	position: absolute;
	right: -23px;
	top: 34px;
}


ul#menu li { display: inline;}

ul#menu li a
{
	display: block;
	overflow: hidden;
	text-indent: -1234em;
	background-image: url(/images/menu_matrix.gif);
	background-position: 0 0;
	height: 20px;
	width: 130px;
	background-repeat: no-repeat;
	float: left;
/*	margin: 0 3em 0 1em; */
	margin: 0 30px 0 0;

}

ul#menu li#menuHome a
{
	width: 45px;
	background-position: 0 -58px;
}

ul#menu li#menuHome a:hover { background-position: -145px -58px; }

ul#menu li#menuPublishing a {width: 75px; }
ul#menu li#menuPublishing a:hover { background-position: -145px 0px; }

ul#menu li#menuCommunications a
{
	width: 110px;
	background-position: 0 -29px;
}

ul#menu li#menuCommunications a:hover { background-position: -144px -29px; }

ul#menu li#menuContact a
{
	width: 55px;
	background-position: 0 -88px;
}

ul#menu li#menuContact a:hover { background-position: -145px -88px; }

span.arrow
{
	font-family: webdings;
	margin-right: .5em;
}


/************ projects ****************/

div#projectBrowser
{
	position: absolute;
	z-index: 100;
	top:-58px;
	.top:-59px;
}

#proj a {
	
	color: #000;
	padding: 0 2.2em;
	text-decoration: none;
	width: 165px;
}

#proj li {
	float: left;
	margin: 0 1px 0 0;
	position: relative;
	padding:  7px 0;
	.padding: 8px 0 7px 0;
	width: 165px;
	cursor: default;
	background: #86B3D3;
	text-align: center;
}

#proj li.back {
width: 165px;
}


/* for elements that expand to the width of the browser window */

.fluid
{
	margin: 0 20px 2em 20px;
	padding: 0;
	min-width: 780px;
}

.fluid img
{
	margin: 0;
	padding: 0;
}

/* main body text column */




#front
{
	height: 160px;
	
}

#frontEnd
{
	height: 160px;
	width:15px;
	position: absolute;
	right:0;
	background-image: url(/images/frontBackground.gif);
	background-repeat: no-repeat;
	background-position: 100% 0;
}

#genericbg
{
	height: 99px;
	padding-top: 0;
	position: relative;
	background-image: url(/images/mainbg.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#genericbgEnd
{
	height: 99px;
	width:15px;
	position: absolute;
	right:-1px;
	background-image: url(/images/mainbg.jpg);
	background-repeat: no-repeat;
	background-position: 100% 0;
}

/***** page titles ****/

#genericbg h2, #genericbg h2 span {
height: 99px;
width: 772px;
font-size: 100%;
}

#genericbg h2#about_company_profile_main, #genericbg h2#about_company_profile_main span {
background: url(/images/header_company_profile.jpg) no-repeat top left;
}
#genericbg h2#about_our_board_main, #genericbg h2#about_our_board_main span {
background: url(/images/header_our_board.jpg) no-repeat top left;
}
#genericbg h2#about_our_advisers_main, #genericbg h2#about_our_advisers_main span {
background: url(/images/header_our_advisers.jpg) no-repeat top left;
}
#genericbg h2#services_publishing_main, #genericbg h2#services_publishing_main span {
background: url(/images/header_publishing.jpg) no-repeat top left;
}
#genericbg h2#services_partnerships_main, #genericbg h2#services_partnerships_main span {
background: url(/images/header_partnerships.jpg) no-repeat top left;
}
#genericbg h2#services_technology_and_design_main, #genericbg h2#services_technology_and_design_main span {
background: url(/images/header_tech.jpg) no-repeat top left;
}
#genericbg h2#web_designers_main, #genericbg h2#web_designers_main span {
background: url(/images/header_tech.jpg) no-repeat top left;
}
#genericbg h2#news_financial_main, #genericbg h2#news_financial_main span {
background: url(/images/header_financial.jpg) no-repeat top left;
}
#genericbg h2#news_press_releases_main, #genericbg h2#news_press_releases_main span {
background: url(/images/header_press.jpg) no-repeat top left;
}
#genericbg h2#contact_main, #genericbg h2#contact_main span {
background: url(/images/header_contact.jpg) no-repeat top left;
}
#genericbg h2#news_investor_main, #genericbg h2#news_investor_main span {
background: url(/images/header_investor.jpg) no-repeat top left;
}




#portfolio img.screen {
bottom:0;
margin:-30px 40px 0 30px;
float:right;
}


#portfolio ol {
list-style:none;
margin:2em 0;
padding:0;
text-indent:0;
}

#portfolio ol li {
display:inline;
margin:0 .5em 0 0;
}

.portfolio p {
text-align: left;
}

a#nextScreen
{
	display:block;
	position:absolute;
	right:0;width: 30px;
	height: 360px;
	overflow: hidden;
	text-indent: -1234em;
	background-image: url(/images/arrowRight.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
}


/************* row one ***************/

.row.one dl {
clear: both;
margin: 0 5px;
padding: 0;

}

.row.one dl dt { 
float: left;
padding: 35px 0 10px 0;
}



.row.one dl dd {
	padding: 10px 0px 10px 0;
	float: right;
	width: 640px;
	
}

.row.one dl dd.link {
	padding: 30px 0px 10px 0;
	float: right;
	width: 100px;
	
}

.row.one dl dt.even { 
float: right;
padding: 35px 0px 10px 0;
width: 100px;
}

.row.one dl dd.even {
padding: 10px 0px 10px 0;
float: left;
	
}

/*********** row 2 *********************/

.row.two dl {
clear: both;
margin: 0 0;
padding: 0;

}

.row.two dl dt { 
float: left;
padding: 35px 0 10px 0;
}

.row.two dl dd {
	padding: 10px 0px 10px 0;
	float: right;
	width: 375px;
	
}

.row.two dl dd.link {
	padding: 30px 0px 10px 0;
	float: right;
	width: 100px;
	
}

.row.two dl dt.even { 
float: right;
padding: 35px 0px 10px 0;
width: 100px;
}

.row.two dl dd.even {
padding: 10px 0px 10px 0;
float: left;
	
}


.row.two dl dt.right_example { 
float: right;
padding: 15px 0px 5px 0;
width: 100px;
text-align: left;
}

.row.two dl dt.right_example img {
border: 1px solid #ccc;
}

.row.two dl dd.right_example {
padding: 15px 5px 5px 0px;
float: left;
width: 130px;	
text-align: left;
voice-family: "\"}\""; 
voice-family: inherit;
width: 135px; /* correct width for IE6 */

}

html>body .row.two dl dd.right_example { width: 135px; }

.row.two dl dd.right_example p {
padding: 3px 0;
text-align: left;
}


/************** row three *********************/


.row.four 
{
	width: 750px;
	float: left;
	padding:0 0 0 0;
	margin: 0 0 0 0;

}



div.row.three .cell {
width: 235px;
}

#footer {
clear: both;
text-align: center;
font-size: 80%;
width: 780px;
margin: 0 auto 1em auto;
padding: 15px 0 10px 0;
position:relative;
}

#footer li {
display: inline;
padding: 0 3px;
margin: 0;
}

#footer ul {
margin: 0;
padding: 0;
}

#footer p {
margin: 0;
padding: 0;
text-align: center;
}


#pInfoHolder {
float: left;
width: 305px;
padding: 0 15px 0 0;
margin: 0;
}



#pInfoHolder p {
line-height: 1.8em;
}

#pInfoHolder p.link {
padding: 30px 0 10px 0;
}


#pFlashHolder {
float: left;
width: 450px;
}

#pFlashHolder #noflashportfolio {
margin: 15px 0 5px 25px;
}

#pFlashHolder a {
border: 0;
}

form
{
	margin: 0;
	padding: 0;
}

fieldset
{
	padding: 1.5ex 0;
	margin: 1em 0;
	border: 1px #fff solid;
	position:relative;
	clear:both;
}

p.submit {
margin: 10px 0;
}

div.sub_sub {
padding: 10px 0;
display: table;
clear: both;
}

div.sub_sub p {
text-align:justify
}

div.sub_news {
margin: 0 0 10px 0;
display: table;
clear: both;
}

div.sub_news p{
padding: 0;
margin: 0;
}

div.news{
	vertical-align: top;
	padding: 0;
	margin: 0;	
}

a.news{
	text-decoration: underline;
	float: left;	
	font-weight: normal;
}

span.news_date{
	color: #777;
	font-size: 8pt;
}




/***************** portfolio frontpage ***********/

.portfoliofrontpage dl {
	clear: both;
	margin: 0 5px;
	border-top: 1px #999 solid;
	padding: 0 0;
}


.portfoliofrontpage dl dt { 
	float: right;
	padding: 10px 0px 10px 0;
	width: 100px;
}

.portfoliofrontpage dl dd {
	padding: 10px 0px 10px 0;
	float: left;
	width: 110px;
	
}


div.portfoliofrontpage ul
{
	display: table-row;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 780px;

}

div.portfoliofrontpage ul li
{
	display: table-cell;
	list-style: none;
	width: 145px;
	margin: 0 5px;
	padding: 0 7px 0 0;
	float: left;
	overflow: hidden;
	position: relative;
	
	
}

div.portfoliofrontpage ul li p 
{
	line-height: 1.3em;
	padding: 3px 0;
	font-size: 80%;
	text-align: left;
}

div.portfoliofrontpage img {
border: 1px solid #ccc;
vertical-align: middle;
}

div.portfoliofrontpage ul li 
{ 
width: 241px; 
}

#main p {
line-height: 1.6em;
}

#main p span.highlight {
	background-color: #ffc;
}



/********** new ************/

/************ projects ****************/

div#projectBrowser-new
{
	position: absolute;
	z-index: 100;
	top:-58px;
	.top:-59px;
}

#proj-new a {
	
	color: #000;
	padding: 0 2.2em;
	text-decoration: none;
	width: 165px;
}

ul#proj-new {
margin: 0 0 0 280px;
}

#proj-new li {
	float: left;
	margin: 0 1px 0 0;
	position: relative;
	padding:  7px 0;
	.padding: 8px 0 7px 0;
	width: 165px;
	cursor: default;
	background: #86B3D3;
	text-align: center;
}

#proj-new li.back {
width: 165px;
}

#portfolio-new
{
	font-size: 80%;
	line-height: 140%;
	height: 400px;
	margin: 0;
	padding: 0;
}



/**** new port bottom ********/


/********************* homepage ******************/

#prev-next-holder {
margin: 10px 0 0 0;
padding: 0;
}

#prev-next-holder .cell  {
	width: 140px;
	font-size: 100%;
	text-align:left;
	padding: 0 5px 0 0;
	margin: 0;

}

#prev-next-holder img {
border: 1px solid #ccc;
}

#prev-next-holder .cell h3 {
	border-bottom: 1px #999 solid;
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
}

#portfolio-next 
{
	width: 780px;
	margin: 5px auto 1em auto;
	padding: 10px 0 0 0;
	position:relative;
	clear: both;
	
}

#portfolio-next .cell 
{
	width: 140px;
	font-size: 100%;
	text-align: center;
	
	
	
}

#portfolio-next .cell.first 
{
	margin: 0;
	
}



#portfolio-next .cell.noh2 {
	 padding: 20px 0 0 0;
	
}

#portfolio-next .cell p {
border-top: 1px #999 solid;
padding: 10px 0;
text-align: center;
}

#portfolio-next h2, .portfoliofrontpage h2 {
	display: block;
	overflow: hidden;
	text-indent: -1234em;
	height: 20px;
	margin: 0;
	padding-left: 0;
	background-position: 0 0;
	background-repeat: no-repeat;
}


#TCLError {  

background: #FFCCCC;
border-top: 4px solid #DB2929;
margin: 6px 0;
padding: 6px 6px 6px 6px;
line-height: 16px;
font-weight: bold;

}

#TCLError p {

}

#TCLError p.TCLErrorTitle { font-weight: bold; color: #000;  }

#noflashhold {
width: 780px;
margin: 0 auto;
background: url(/images/no_flash_home.jpg) no-repeat top left;
height: 160px;
text-indent: -9000px;
overflow: hidden;
}

#noflashhold p {
display: none;
}


ul#imagegallery li ul li {
display: inline;
height: 30px;
width: 50px;
text-indent: -9000px;
overflow: hidden;
}

ul#imagegallery li ul li a {
text-align: left;
width: 50px;
height: 30px;
display: block;
}

ul#imagegallery li ul li.nf_prev a {
background: url(/images/buttons/nf_prev.jpg) no-repeat top left;
}

ul#imagegallery li ul li.nf_next a { 
position: relative;
top: -30px;
left: 350px;
background: url(/images/buttons/nf_next.jpg) no-repeat top left;
}

img.left{
	float: left;
	margin: 5px 10px 5px 0;	
}

ul.rule26 {
    margin-bottom:20px;
}

ul.rule26 li {
    list-style-type:disc !important;
    list-style-position: inside !important;
}

ul.rule26 p {
    padding-left:1em;
}

/* =Web Designers */

#totally_design h2 {
	line-height: normal;
}

#totally_design .emailform {
	margin-top: 25px;
}

#totally_design p {
	margin: 10px 0;
}