/* CSS DOCUMENT */

/* Body */

body {
	margin: 0px;
	padding: 0px;
	background-image: url(../images/gslater/grey-back.gif);
	background-repeat: repeat;
	background-color: #E7E7E7;
	height: 100%
}

#wrapper {
	width: 780px;
	background-color: #FFFFFF;
	padding: 0px 20px 0px 20px;
	margin: 0;
	min-height:100%;
}

/* for Internet Explorer */
/*\*/
* html #wrapper {
height: 100%;
}
/**/

#header {
  margin-top:10px;
}

#footer {
  margin-bottom:10px;
}


p {
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
}

h1 {
	font-family: Helvetica, sans-serif;
	font-size: 22px;
	font-weight: lighter;
	padding: 0px;
	margin: 0px;
}

/* E: Body */

/* Colours */

.yellow {
	background-color: #FFC721;
}

.lightGrey {
	background-color: #EDEBEC;
}

.midGrey {
	background-color: #B6C1BB;
}

.borderGrey {
	background-color: #CCCCCC;
}

.darkGrey {
	background-color: #8D9A93;
}

.linecolumns {
	background-image: url(../images/gslater/horiz-repeat.gif);
	background-repeat: repeat-y;	
}

.linecolumnsR {
	background-image: url(../images/gslater/horiz-repeat-R.gif);
	background-repeat: repeat-y;	
}

/* Header */

#header td#leftHeadCell {
	width: 283px; 
	margin: 0px; 
	padding: 0px 10px 0px 0px;
}

#header td#rightHeadCell {
	width: 487px; 
	margin: 0px; 
	padding: 0px;
}

	#header td#rightHeadCell h1 {
		text-align: center; 
		color: #FFFFFF;
		font-family: Helvetica, sans-serif;
		font-size: 18px;
		font-weight: lighter;
		padding: 0px;
		margin: 0px;
	}

#header td#endHeadCell{
	border-bottom: 3px solid #CCCCCC;
}

/* E: Header */
	
/* Navigation Bar */

#navigationBar h2 {
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-align: center;
	text-transform: uppercase;
	margin: 0px; 
	padding: 0px;
	line-height: 24px;
}

#navigationBar td#slant {
	width: 7px;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
}

#navigationBar .leftSlant {
	background-color: #FFC721;

}

#navigationBar .rightSlant {
	background-color: #FFC721;
}

#navigationBar td#item {
	margin: 0px;
	padding: 0px 7px 0px 7px;
	border-right: 1px solid black;
}

#navigationBar td#item a {
	text-decoration: none;
	color: #000000;
}

#navigationBar td#end_item {
	margin: 0px;
	padding: 0px 7px 0px 7px;
}

#navigationBar td#end_item a {
	text-decoration: none;
	color: #000000;
}

/* E: Navigation Bar */

/* promoHeader */

#promoHeader {
	margin: 10px 0px 13px 0px;
}

/* Body Content */

#bodyContent {
	margin: 10px 0px 30px 0px;
}

/* Footer */

#footer a {
	color: #666666;
	text-decoration: none;
}

/* E: Footer */

/* Home */

div#promCol {
	padding: 12px 33px 10px 12px;
	color: #FFFFFF;
}

div#promoCol2 {
	padding: 12px 33px 10px 12px;
	color: #FFFFFF;
}

div#playText {
	padding: 0px 0px 0px 10px;
}

div#homeTextBlock {
	padding: 0px 33px 15px 10px;
}

/* Case Study Boxes */

table .boxoff {
	background-color: #333333;
}

table .boxon {
	background-color: #CCCCCC;
}

table#caseContain {
	margin: 0px 0px 15px 0px;
}

div#box1b, div#box2b, div#box3b, div#box4b, div#box5b, div#box6b, div#box20b {
	display: none;
}



/* Case Study Page */

div#studySummary {
	/* width: 473px; */
	display: block;
	padding: 7px 0px 7px 12px;
	margin: 0px;
	border-bottom: 2px solid #FFFFFF;
	color: #FFFFFF;
}

div#microSummary {
	/* width: 473px; */
	display: block;
	padding: 7px 0px 7px 12px;
	margin: 0px;
	color: #FFFFFF;
}

div#download {
	/* width: 269px; */
	display: block;
	padding: 7px 0px 7px 12px;
	margin: 0px;
	border-bottom: 2px solid #FFFFFF;
	color: #FFFFFF;
}

div#downloadClick {
	/* width: 269px; */
	display: block;
	padding: 7px 0px 7px 12px;
	margin: 0px;
}

	div#downloadClick a {
		color: #FFFFFF;
	}

div#catNav .selected a {
	display: block;
	/* width: 269px; */
	padding: 9px 16px 9px 16px;
	border-bottom: 2px solid #FFFFFF;
	background-color: #FFCC33;
	color: #666666;
	text-decoration: none;
}

div#catNav .notselected a {
	display: block;
	/* width: 269px; */
	padding: 9px 16px 9px 16px;
	border-bottom: 2px solid #FFFFFF;
	background-color: #D8D8D8;
	color: #666666;
	text-decoration: none;
}

div#caseBody {
	margin: 0px;
	padding: 12px 15px 23px 15px;
	color: #666666;
}

td#rightNav .sideMoreitem a:hover {
	background-color: #FFC721;
}



td#rightNav .sideMoreprofile {
	display: block;
	/* width: 269px; */
	padding: 9px 16px 9px 16px;
	background-color: #F2F2F2;
	color: #666666;
	text-decoration: none;
	margin-bottom: 2px;
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 11px;
}

td#rightNav .sideHeadProfile {
	display: block;
	/* width: 269px; */
	padding: 9px 16px 9px 16px;
	background-color: #C7C7C7;
	color: #666666;
	text-decoration: none;
	margin-bottom: 2px;
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

/* Contact Form */

.leftinput {
	width: 269px;
	margin-bottom: 5px;
	
}
.rightinput {
	width: 269px;
	margin-bottom: 5px;
	scrollbar-face-color: #efefef;
	scrollbar-shadow-color: #cccccc;
	scrollbar-highlight-color: #66cee9;
	scrollbar-3dlight-color: #999999; 
	scrollbar-darkshadow-color: #999999;
	scrollbar-track-color: #efefef;
	scrollbar-arrow-color: #999999;
}

.titleblock {
	text-align: center; 
	line-height: 25px; 
	vertical-align: middle; 
	margin-top: 5px;
}

.preblock {
	height: 123px;
}

td#rightNav .sideMoreitem a {
	display: block;
	/* width: 269px; */
	padding: 9px 16px 9px 16px;
	background-color: #C7C7C7;
	color: #666666;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: 2px;
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

td#rightNav .sideMoreitemSelected a {
	display: block;
	/* width: 269px; */
	padding: 9px 16px 9px 16px;
	background-color: #FFC721;
	color: #666666;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: 2px;
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

.moreitem a {
	color: #333333;
	border-bottom: 1px solid #FFC721;
	padding: 5px 6px 5px 6px;
	margin: 0px;
	display: block;
	/* width: 155px; */
	text-decoration: none;
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal
}

div#catNav .moreitem a {
	display: block;
	/* width: 269px; */
	padding: 9px 16px 9px 16px;
	background-color: #666666;
	color: #FFCD3A;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: 2px;
}

td#rightNav .sideMoreitemSelected a {
	display: block;
	/* width: 269px; */
	padding: 9px 16px 9px 16px;
	background-color: #FFC721;
	color: #666666;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: 2px;
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}