/* STYLES FOR ALL STYLE-SHEET-CAPABLE BROWSERS */

/*
COLOR GUIDE:
-------------------
	DARK: 	#000033
	MOYEN: 	#003366
	BG: 	#336699
	LIGHT: 	#6699CC
*/


/* text styles */

h1, h2, h3, h4, h5, ol, ul, dl, li, p, .h1, .contactus, .top, .visitlink, .normal {
	font-family: Arial, Helvetica, Sans-serif;
}

ol, ul, dl, p, .normal { font-size: 10pt; color: #000033 }

dt { font-weight: bold; }

a { 
	color: #FFFFFF;
	text-decoration: none;
}

a:hover { 
	text-decoration: underline;
}


body {
	background-color: #336699;
}

h4 {
	font-weight: 100;
}

.lighttxt {
	font-size: 9pt; 
	color: #336699;
}

.lighttxt a { 
font-size: 9pt; 
	color: #336699;
	text-decoration: none;
}
.lighttxt a:hover {
font-size: 9pt; 
	color: #336699;
	text-decoration: underline;
}

.smalltxt {
	font-size: 9pt; 
}

.searchtext p {
	text-transform: capitalize
}

.searchtext p a {
		color: #000033;
		text-decoration: none;
}
.searchtext p a:hover {
		text-decoration: underline;
}

.searchbut {
	color: #FFFFFF;
	background-color: #003366;
}

/* some styles for the homepage */
.hometitle {
	font-weight: bold;
	font-size: 12pt;
	text-indent: 0px;
	color: #003366;
}

.hometitle a {
	font-weight: bold;
	font-size: 12pt;
	text-indent: 0px;
	color: #003366;
	text-decoration: none;
}

.hometitle  a:hover{
	color: #ffffff;
	text-decoration: none;
}

.homecontent  {
	border-color: #99CCFF #000033 #000033 #000033;
	border-style: solid;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	color: #000033;
}


.homebody {
	background-color: #6699CC;
}

.hometitle2 {
	font-weight: normal;
	font-size: 15pt;
	text-indent: 0px;
	color: #FFFFFF;
	text-decoration: none;
}

.topbandhome {
	background-image: url('/keymedia4/images/home/home_bg.gif');
	border-color: #000033 #000033 #000033 #000033;
	border-style: solid;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
}



/* table styles */

.topband {
	border-color: #000033 #000033 #000033 #000033;
	border-style: solid;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	}


.leftnavtable {
	border-color: #6699CC #000033 #000033 #003366;
	border-style: solid;
	border-top-width: 2px;
	border-right-width: 1px;
	border-bottom-width: 2px;
	border-left-width: 0px;
	background-color: #003366;
}

.leftnavbot1 {
	border-color: #6699CC #000033 #000033 #003366;
	border-style: solid;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
}
.leftnavbot2 {
	border-color: #336699 #000033 #000033 #003366;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 2px;
	border-left-width: 0px;
	height: 30px;
}


.box1 {
	border-color: #CCCC99 #999966 #999966 #CCCC99;
	border-style: solid;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	color: #993300;
	background-color: #CCCC99;
	font-size: 10px;
	padding-bottom: 2px;
	padding-left: 7px;
	padding-right: 6px;
	padding-top: 0px;
}

.titlebox {
	border-color: #6699CC #000033 #000033 #000033;
	border-style: solid;
	border-top-width: 2px;
	border-right-width: 2px;
	border-left-width: 1px;
	border-bottom-width: 2px;
	background-color: #003366;
	color: 003366;
	width: 100%;
}

.maincontent {
	border-color: #99CCFF #000033 #000033 #000033;
	border-style: solid;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	background-color: #6699CC;
	color: #000033;
}

.maincontenttopbox {
	border-color: #99CCFF #000033 #000033 #000033;
	border-style: solid;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	background-color: #6699CC;
	color: #000033;
}

/* with blue  bg colour */

.topboxblue {
	border-color: #99CCFF #000033 #000033 #000033;
	border-style: solid;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	background-color: #336699;
	color: #000033;
}

.maincontentwhite {
	border-color: #99CCFF #000033 #000033 #000033;
	border-style: solid;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	background-color: #FFFFFF;
	color: #000033;
}

.maincontentwhite a {
		color: #000033;
		text-decoration: none;
}

.maincontentwhite a:hover { 
	text-decoration: underline;
}


.maincontentwhitebox2 {
	border-color: #FFFFFF #000033 #000033 #000033;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	background-color: #FFFFFF;
	color: #000033;
}

.maincontentwhitebot {
	border-color: #99CCFF #000033 #000033 #000033;
	border-style: solid;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	background-color: #FFFFFF;
	color: #000033;
}

.maincontentbot {
	border-color: #99CCFF #000033 #000033 #000033;
	border-style: solid;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 3px;
	border-left-width: 1px;
	background-color: #003366;
	color: #003366;
	height: 31px;
}


.rightcontent {
	border-color: #000033 #000033 #000033 #99CCFF;
	border-style: solid;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	background-color: #6699CC;
	color: #003366;
}


.rnavbot {
	border-color: #99CCFF #000033 #000033 #99CCFF;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	background-color: #003366;
	color: #FFFFFF;
	font-size: 12px;
	height: 31px;
}

.rnavbot2 {
	border-color: #99CCFF #000033 #000033 #99CCFF;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	background-color: #003366;
	color: #FFFFFF;
	font-size: 12px;
}

.maincontentblack {
	border-color: #99CCFF #000033 #000033 #000033;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	background-color: #000000;
	color: #FFFFFF;
}

/* styles specific to individual pages */


/* specific to about us section */

.longtermbg {
	background-image: url(/keymedia4/images/about/about_longterm.gif);
}

.discusbg {
	background-image: url('/keymedia4/images/about/about_discussion.gif');
}

.createbg {
	background-image: url('/keymedia4/images/about/about_creative.gif');
}

.robustbg {
	background-image: url('/keymedia4/images/about/about_robust.gif');
}
.practicalbg {
	background-image: url('/keymedia4/images/about/about_practical.gif');
}

.aboutlinks a { 
	color: #336699;
	text-decoration: none;
}

.aboutlinks a:visited { 
	color: #336699;
	text-decoration: none;
}

.aboutlinks a:hover { 
	text-decoration: underline;
}

/* specific to portfolio pages */

.maincontentrlff {
	border-color: #99CCFF #000033 #000033 #000033;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	background-color: #000000;
	color: #FFFFFF;
	background-image: url('/keymedia4/images/portfolio/rlff/portfolio_lff.gif');
	background-repeat: no-repeat;
	background-position: right bottom;
}

.maincontentlee {
	border-color: #CCCC99 #000033 #000033 #000033;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	background-color: #000000;
	color: #FFFFFF;
	background-image: url('/keymedia4/images/portfolio/lee/bg_miller.jpg');
	background-repeat: no-repeat;
	background-position: right bottom;
}

.maincontentfre {
	border-color: #CCCCCC #000033 #000033 #000033;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	background-color: #333366;
	color:  #FF9900;
}

.maincontentfre p {
	color:  #FFFFFF;
}

.maincontenteic {
	border-color: #000066 #000033 #000033 #000033;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	background-color: #000066;
	color: #FFFFFF;
	background-image: url('/keymedia4/images/portfolio/eic/bot_bg.gif');
	background-repeat: no-repeat;
	background-position: right bottom;
}

.maincontentrea {
	border-color: #99CCFF #000033 #000033 #000033;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	background-color: #9999CC;
	color: #FFFFFF;
	background-image: url('/keymedia4/images/portfolio/rea/title_rea.gif');
	background-repeat: no-repeat;
	background-position: right top;
}



.maincontenttea {
	border-color: #CCCC99 #000033 #000033 #000033;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	background-color: #FF0000;
	color: #000000;
}

.maincontentpas {
	border-color: #99CCFF #000033 #000033 #000033;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	background-color: #5F005F;
	color: #FFFFFF;
}

.onebox1 {
	border-color: #99CCFF #000033 #FFFFFF #000033;
	border-style: solid;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	background-color: #333366;
	color: #FFFFFF;
}

.maincontentkun {
	border-color: #CCCC99 #000033 #000033 #000033;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	background-color: #CCCC99;
	color: #000000;
}

.kentbox2 {
	border-color: #CCCC99 #000033 #000033 #000033;
	border-style: solid;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	background-color: #CCCC99;
	color: #000000;
}

.elebox2 {
	border-color: #ffffff #000033 #000033 #000033;
	border-style: solid;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	background-color: #FF6600;
	color: #000000;
}


.maincontentgjs {
	border-color: #CCCCCC #000033 #000033 #000033;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	background-color: #CCCCCC;
	color: #FFFFFF;
}

.gjsbox2 {
	border-color: #CCCCCC #000033 #000033 #000033;
	border-style: solid;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	background-color: #CCCCCC;
	color: #FFFFFF;
}

.maincintentdig {
	border-color: #99CCFF #000033 #000033 #000033;
	border-style: solid;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	background-color: #FFFFFF;
	color: #000033;
}



.fsebox2 {
	border-color: #ffffff #000033 #000033 #000033;
	border-style: solid;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	background-color: #0099CC;
	color: #FFFFFF;
}


.maincontentbfibox1 {
	border-color: #99CCFF #000033 #000033 #000033;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	background-color: #330066;
	color: #ffffff;
	background-image: url('/keymedia4/images/portfolio/bfi/bg_bfi1.gif');
	background-repeat: no-repeat;
	background-position: right top;
}

.maincontentbfibox2 {
	border-color: #FFFFFF #000033 #000033 #000033;
	border-style: solid;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	background-color: #FFFFFF;
	color: #ffffff;
	background-image: url('/keymedia4/images/portfolio/bfi/bg_bfi2.gif');
	background-repeat: no-repeat;
	background-position: right top;
}

.maincontentpsnbox1 {
	border-color: #99CCFF #000033 #000033 #000033;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	background-color: #330066;
	color: #000000;
}

.maincontentpsnbox2 {
	border-color: #99CCFF #000033 #000033 #000033;
	border-style: solid;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	background-color: #0066CC;
	color: #FFFFFF;
}

.maincontentpsnbox2 p {
	color: #FFFFFF;
}

.maincontentwes2 {
	border-color: #FFFFFF #000033 #000033 #000033;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	background-color: #FFFFFF;
	color: #000033;
	background-image: url('/keymedia4/images/portfolio/wes/bott_img.jpg');
	background-repeat: repeat;
	background-position: left bottom;
}


/* end  portfolio specific pages */

/* end specific pages */


/* NB: THIS FONT-WEIGHT IS OVERRIDDEN IN uncommon.css */
.h1 {
	font-weight: bold;
	font-size: 13pt;
	text-indent: 0px;
	color: #000033;
}

/*some button-like boxes for the left-side navigation*/
.navbox {
	font-size: 12px;
	color: #99CCFF;
	width: 91px;
	height: 17px;
	border: 1px;
	border-style: solid;
	background-image: url('/keymedia4/images/nav/off.gif');
	background-repeat: no-repeat;
}

.navbox a {
	width: 91px;
	height: 17px;
	color: #99CCFF;
	text-decoration: none;
	padding-left: 3px;
}

.navbox a:hover {
	background-color: #000033;
	color: #FFFFFF;
	background-image: url('/keymedia4/images/nav/on.gif');
	background-repeat: no-repeat;
}

.contactus {
	font-size: 12px;
	color: #99CCFF;
	text-decoration: none;
	padding-left: 8px;
	padding-right: 8px;
}

.top, .top a, .top a:visited {
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}

.top {
	padding-left: 8px;
	padding-right: 8px;
}



.areatitle {
	color: #FFFFFF;
	font-size: 18px;
	text-indent: 13px;
	line-height: 34px;
	font-weight: 1000;
}

.visitlink, .visitlink a{
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}


/*  Styles for portfolio pages */

.nav, .nav a, .nav a:visited, .nav a:hover {
	color: #FFFFFF;
	text-decoration: none; 
}



.examples {
	color: #003366;
}

.titles {
	padding-left: 8px;
	padding-right: 8px;
}

.titles p {
	font-size: 12px;
	color: #99CCFF;
	text-decoration: none;
}


.jumpmenu {
	color: #FFFFFF;
	background-color: #336699;
	border: 0px;
	width: 165px;
	font-size: 10pt;
}

.whitetitletext {
	font-weight: bold;
	font-size: 13pt;
	text-indent: 0px;
	color: #FFFFFF;
}

.whitetext {
	color: #FFFFFF
}

.ignition  {
	padding-bottom: 8px;
	padding-right: 8px; margin-right: 8px; margin-bottom: 8px
}