/* default measurement 1em = 10px*/

 /* GENERAL RULES
--------------------------------------------------------------------*/

* {
	/*overwrite all default browser settings*/
	margin:				0;
	padding:			0;
	
	/*global font settings*/
	font-family: 		arial,helvetica,sans-serif;
}

html,body {
	/*part 1 of 100% height hack*/
	height:				100%;
}

body {
	background: 		white;
	padding:			0;
	margin:				0;
	
	/*part 1 of centering hack*/
	text-align: 		center;
}
em {
	font-style:			italic !important;
}

 /* Global Link Settings
--------------------------------*/
a,
a:link,
a:visited {
	color:				#999999;
	text-decoration:	none;
	outline:			none;
}
a:hover, 
a:active {
	text-decoration:	underline;
	outline:			none;
}

 /* General Elements
--------------------------------*/

img {
	display: 			block; /*to avoid IE 3px bug, keep or delete, can be used with .float-left/right*/
	border:				0;
}

 /* Good to have global classes
--------------------------------*/
.floatright {
	float: 				right;
	display:			inline; /*to avoid IE double margin bug*/
}
.floatleft {
	float: 				left;
	display:			inline; /*to avoid IE double margin bug*/
}
.alignright {
	text-align:			right;
}

/*e.g. for accessibility quick links*/
.hide {
	height: 			0;
	width: 				0;
	overflow: 			hidden;
	position: 			absolute;
}


 /* FLASH CONTAINER
--------------------------------------------------------------------*/
#flashcontent{
	width:				100%;
	height:				100%;
}

 /* JOB SEARCH / IFRAME CONTAINER
--------------------------------------------------------------------*/

#popup{
	display:			none;
	z-index:			99;
	background:			#fff;
	width:				100%;
	height:				100%;
	position:			absolute;
}
#popup iframe{
	width:				100%;
	height:				100%;
	border:				none;
}

 /* MAIN CONTAINER
--------------------------------------------------------------------*/
#container {
	width:				1024px;
	padding:			0;
	
	/*part 2 of 100% height hack*/
	min-height:			100%;
	height: 			100%;
	
	/*part 2 of centering hack*/
	text-align: 		left;
	margin: 			0 auto;
	background:			#fff;
	margin-left:		-9999px;
}

html>body #container {
/*part 3 of 100% height hack*/
    height: 			auto;
}


/* Alt Flash Content
--------------------------------------------------------------------*/

#altflashcontent{
	margin:				20px;
	text-align:			left;
	font-size:			1.2em;
}


 /* HEADER
--------------------------------------------------------------------*/
#header {
	position:			relative;
	height:				1%;
	margin-bottom:		3px;
	padding:			0;
}

.logo {
	background:			url('http://www.bokapowell.com/images/boka-powell-logo.jpg');
	width:				100px;
	height:				100px;
	text-indent:		-500px;
	margin:				20px 0 20px 0;
}
.logo h1{
	line-height:		9px;
}



 /* #body - Global elements (works in all columns)
--------------------------------------------------------------------*/
#body {
	background:			#fff;
}

#body h1 {
	width:				620px;
	font-size:			2.4em;
	color:				#000;
	margin-left:		7px;
	/*margin-bottom:		35px;*/
	min-height:			65px;
	font-weight:        normal;
}

#body h1 a {
	color:				#000;
}
#body h1 a.grey {
	color:				#777;
}
#body h1 a.black {
	color:				#000;
}
#body h1 span {
	font-weight:		normal;
	color:				#000;
}
#body h1 span a {
	color:				#777;
}
#body h1 span.grey {
	font-weight:		normal;
	color:				#777;
}

#body p {
	margin:				0 0 1em 0;
}

/*boxes*/
#body dl.box {
	
}
#body dl.box dt {
	
}
#body dl.box dd {
	
}

/* #body - column layouts
--------------------------------*/
#body #maincontent,
#body #local,
#body #contextual {
	float: 				left;
	display:			inline;
}

#body #maincontent {
	width:				593px; 
	padding-left:		307px;
	/*
		width:				535px; 
	margin-left:		307px;
	*/
	margin-bottom:		10px;
}

#body #local {
	width:				224px; /*250px*/
	margin-left:		-900px; /*730px*/
	margin-bottom:		10px;
	background:			#f2f2f2;
}

#body #contextual {
	width:				25%; /*250px*/
	margin-left:		1%; /*10px*/
	background:			blue;
}
 /* FOOTER
--------------------------------------------------------------------*/
#footer {
	clear:				both;
	height:				3em;
	background:			#dad8d6;
	line-height:		3em;
	text-transform:		uppercase;
	color:				#fff;
	font-weight:		bold;
}
 /* CSS Workarounds
--------------------------------------------------------------------*/

 /* clearfix (already applied on #body)
--------------------------------*/

.clearfix:after,#body:after {
    content:			"."; 
    display:			block; 
    height:				0; 
    clear:				both; 
    visibility:			hidden;
}

.clearfix,#body {
	display:			inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix, * html #body {height: 1%;}
.clearfix, #body {display: block;}
/* End hide from IE-mac */