/*
	CSS Style Definitions for Mike Delaney 
	developed by Stefan Isarie - Webstars ltd.
	http://www.webstarsltd.com/
	sales@webstarsltd.com

	layout
*/
html, body{ margin:0; padding:0; font: 10px Verdana, Arial, Helvetica, sans-serif; text-align: center; background-color: #000; color: #fff; }
#page-container{ width: 770px; margin:12px auto; }
	#header{ width: 770px; float:left; padding-bottom: 8px; }
		#header p{ color: #818181; font-weight:bold; margin:0; }
	#content{ width: 770px; float:left; }
		#corporate{ width: 385px; float:left; background: url("../images/destination/enter-corporate.jpg") no-repeat; height:382px; position: relative; }
			#corporate a{ position:absolute; display: block; width: 364px; height: 48px; top: 13px; left:0; }
		#skills{ width: 385px; float:left; background: url("../images/destination/enter-skills-academy.jpg") no-repeat; height:382px; position: relative; }
			#skills a{ position: absolute; display: block; width: 385px; height: 48px; bottom: 14px; right: 0; }
	#footer{ width: 770px; float:left; padding: 8px 0; }
		#footer p{ padding: 8px 0 0 0; background: url("../images/common/gradient-red.gif") no-repeat top center; color: #b0b0b0; margin:8px 0 0 0; }
		#footer p a{ color: #d8d8d8; text-decoration: none; }
		#footer ul{ display: inline; margin:0; padding:0; }
		#footer ul li{ display: inline; margin:0; padding:0 0 0 16px; border-left: 1px solid #5d5d5d; }
		#footer ul li.first{ border-left: none; }
		#footer ul li a{ color: #fff; font-weight:bold; text-decoration: none; background: url("../images/common/arrow-gray.gif") no-repeat left center; margin: 0 16px 0 0; padding-left: 8px; }

/* site wide elements */
.inside{ padding:12px; }

/* clearing floats */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

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

/* others */
.hide{ display: none; }
.show{ display: block; }
.show_{ display: inline; }
.underline{ text-decoration: underline; }
.i{ font-style: italic; }
.r{ text-align: right; }
.l{ text-align: left; }
.c{ text-align: center; }
.b{ font-weight: bold; }
.s{ text-decoration: line-through; }
.u{ text-decoration: underline; }
.b{ font-weight: bolder; }
.i{ font-style:italic; }
img,form{ border: 0; margin: 0; padding: 0; }
.fr{ float: right !important; }
.fl{ float: left !important; }
.rfr{ position:relative; float: right !important; }
.rfl{ position:relative; float: left !important; }
br.clear{ clear: both; }
hr{ width:100%; height:2px; }
td{ vertical-align:top; }

.frImg{ float:right; margin: 0 0 8px 8px; clear: right; }
.flImg{ float:left; margin: 0 8px 8px 0; clear: left; }
