/* K-G Packaging - Inorbital 2007
Designer/Author: Mark Balson

The general layout for this site consists of four main section 
containers that span the width of the screen. Within this each 
has a inner container to properly center it's contents and apply
a fixed width.
--------------------------------------------------------*/

body {
	padding: 0px;
	margin: 0px;
	font-family:  arial, helvetica, verdana, serif;
	font-size: 62.5%; /* makes text size equal to 10px adjust with em value hereafter */
	color: #5a5a5a;
	background: #dddddd;
	}

/********** Content ************/

#contentContainer {
	width: 100%;
	padding: 0px;
	float: left;
	}

#contentInner {
	width: 900px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	}
	
#contentTop {
	height: 24px;
	width: 900px;
	padding: 0px;
	background: url('../images/content/contentTop.gif') no-repeat top left;
	}
	
#contentBlock {
	margin: 0px; 
	float: left;
	width: 900px;
	min-height: 490px;
	padding-left: 0;
	padding-bottom: 1px;	
	background: #ffffff url('../images/content/contentBottom.gif') bottom left;
	display: inline
	}
	
#mainBlock {
	width: 587px;
	float: right;
	text-align: left;
	margin: 0px 5px 0px 0px;
	padding: 0px;
	display: inline;
	}
	
#contentBlock_noDivide {
	margin:0px; 
	float: left;
	width: 900px;
	min-height: 490px;
	padding-left: 0;
	padding-bottom: 1px;	
	background: #ffffff url('../images/content/contentBottom_noDivide.gif') no-repeat bottom left;
	display: inline
	}
	
#mainBlockFull {
	width: 810px;
	float: left;
	text-align: left;
	margin: 0px 15px 0px 15px;
	padding: 0px;
	display: inline;
	}

#mainBlock p, #mainBlockFull p {
	text-align: left;
	margin: 0px 5px 0px 0px;
	padding: 0px;
	font-size: 1.2em;
	}
	
#mainBlock table, #mainBlockFull table {
	font-size: 1.2em;
	}	
	
table.normalText td {
	font-size: 0.5em;
	}

#mainBlock img.floatLeft, #mainBlockFull img.floatLeft { 
    float: left; 
    margin: 0px 0px 0px 10px; 
	}

#mainBlock img.floatRight, #mainBlockFull img.floatRight { 
    float: right; 
    margin: 0px 10px 0px 0px;  
	}
	
.boxPadding {
	float: left;
	padding: 0px 30px 30px 30px;
	}

#mainBlock h1, #mainBlockFull h1 {
	padding: 0px 0px 10px 0px;
	margin: 0px;
	font-size: 2.0em;
	font-weight: normal;
	letter-spacing: -0.5px;
	color: #2480c1;
	}
	
#mainBlock h2, #mainBlockFull h2  {
	padding: 0px 0px 10px 0px;
	margin: 0px;
	font-size: 1.5em;
	font-weight: normal;
	color: #166ba7;
	}
	
#mainBlock td h2, #mainBlockFull td h2  {
	padding: 0px 0px 10px 0px;
	margin: 0px;
	font-size: 1.25em;
	font-weight: normal;
	color: #166ba7;
	}
	
#mainBlock a, #mainBlockFull a {
	color: #166ba7;
	text-decoration:none; 
	text-decoration:underline;
	}

#mainBlock a:hover, #mainBlockFull a:hover {
	color: #891abc;
	text-decoration: none;
	text-decoration: underline;
	}
	
.columnEdge {
	width: 15px;
	border-left: 1px solid #d3d3d3
	}
	
#mainBlock ul, #mainBlockFull ul {
	margin: 10px 0px 10px 30px;
	padding: 0px;
	}
	
#mainBlock li, #mainBlockFull li {
	margin: 0px 0px 3px 0px;
	padding: 0px;
	font-size: 1.2em;
	}
	
div.wrapper {
  	float: left;
  	width: 185px;
	}
	
sup {
	font-size: 0.7em;
	}
	
.return {
	margin-left: 120px;
	}
	
/********** Sub Content Block ************/

#subBlock {
	float: left;
	text-align: left;
	width: 198px;
	margin-right: 36px;
	margin-left: 8px;
	margin-top: 0px;
	padding: 0;
	font-size: 1.2em;
	}

#subBlock p.title {
	width: 190px;
	height: 26px;
	margin: 0px;
	text-align: left;
	background: url('../images/content/subMenuTitle_bg.gif') no-repeat;
	color: #ffffff; 
	font-weight: bold;
	padding-left:13px; 
	padding-right:0px; 
	padding-top:7px; 
	padding-bottom:0px
	}
	
#subBlock ul {
	margin: 10px 0px 0px 7px;
	padding: 0px;
	width: 185px;
	}
	
#subBlock li {
	margin: 0px 0px 3px 0px;
	padding: 0px;
	width: 185px;
	list-style: none;
	color: #b3b3b3;
	display: block !important;
	}
	
#subBlock a {
	padding: 2px 3px 3px 20px;
	margin: 0px 0px 0px 0px;
	width: 162px;
	color: #5a5a5a;
	text-decoration: none; 
	background: url('../images/menus/menuItem.gif') no-repeat 0px 0px;
	display: block !important;
	}

#subBlock a:hover {
	color: #891abc;
	text-decoration: none;
	background: url('../images/menus/menuItem.gif') no-repeat 0px -35px;
	}

#subBlock a:hover.lrg {
	color: #891abc;
	text-decoration: none;
	background: url('../images/menus/menuItem.gif') no-repeat 0px -55px;
	}

/******** Current Pages - About Us **************/

body.mission a#missionItem, body.company a#companyItem, body.services a#servicesItem, body.whoWeAre a#whoWeAreItem, body.whatWeDo a#whatWeDoItem, 
body.environment a#environmentItem  {
	text-decoration: none;
	font-style: italic;
	background: url('../images/menus/menuItem.gif') no-repeat 0px -89px;
	}

body.ourFacilities a.lrg#ourFacilitiesItem, body.contract a.lrg#contractItem, body.environment2 a.lrg#environmentItem2  {
	text-decoration: none;
	font-style: italic;
	background: url('../images/menus/menuItem.gif') no-repeat 0px -109px;
	}

/******** Current Pages - Products **************/

body.institutional a#institutionalItem, body.household a#householdItem, body.insecticides a#insecticidesItem, body.automotive a#automotiveItem, 
body.paintExcel a#paintExcelItem, body.paintStore a#paintStoreItem, body.electronic a#electronicItem, body.health a#healthItem,
body.shoe a#shoeItem, body.other a#otherItem  {
	text-decoration: none;
	font-style: italic;
	background: url('../images/menus/menuItem.gif') no-repeat 0px -89px;
	}