/*
* MEDCADEMY
* stylesheet.css
* 
* Author: Holger M. Stangl
* Company: Limeflavour | http://www.limeflavour.com
* Date: April 2011
*/





/*
* General Pre Settings
*
*/
* {
   margin: 0;
   padding: 0;
   border: 0;
}

ul, ol, dl {
  list-style: none;
}

img, fieldset { border: 0; }

a { color: #111; text-decoration: none; }
a:visited { color: #111; }
a:hover, a:visited:hover { color: #f3a599; text-decoration: none; }
a:focus, a:active { outline: none; }

label { cursor: pointer; }





/*
* General Helpers
*
*/
.killfloat {
	overflow: hidden;
	clear: both;
	font-size: 0;
	height: 0;
}

.hidden {
	display: none;
	visibility: hidden;
}

.invisible {
	display: inline;
	overflow: hidden;
	position: absolute;
	top: -1000px;
	left: -1000px;
	width: 0;
	height: 0;
	}

.floatLeft { float: left; }
.floatRight { float: right; }


/*
* STRUCTURE
*
*/
html {
	height: 100.2%;
	}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 101%;
	color: #111;
	background: #111;
	text-align: center;
	}

html>body { 
	font-size: 16px; /* Set correct font-size for safari browsers */
	}


/*
* Structure Elements
*
*/
.container {
	}

.containerHeader {
	text-align: center;
	}

.containerHeader .innerWrapper {
	width: 960px;
	margin: 0 auto;
	position: relative;
	text-align: left;
	height: 310px;
	/* border-top: 10px solid #0053a0; */
	}

.containerMain {
	text-align: center;
	}
	
.containerMain .innerWrapper {
	width: 958px;
	margin: 0 auto;
	position: relative;
	text-align: left;
	min-height: 300px;
	background: #fff;
	}

.containerCenterD {
	width: 960px;
	}
	
	
.containerFooter {
	text-align: center;
	}

.containerFooter .innerWrapper {
	width: 958px;
	margin: 0 auto;
	position: relative;
	text-align: left;
	height: 100px;
	}
	


/* Logo */
#logo {
	position: absolute;
	top: 0;
	right: 1px;
	}
	
	
#keyarea {
	position: absolute;
	top: 0;
	left: 1px;
	}
	
#navigation {
	position: absolute;
	bottom: 0;
	left: 1px;
	height: 42px;
	}
	
#navigation li {
	color: #fffce3;
	float: left;
	padding: 0 2px 0 0;
	}	

#navigation li:last-child {
	padding: 0;
	}

#navigation li a,
#navigation li span {
	width: 170px;
	padding: 5px 10px;
	color: #fffce3;
	font: 700 12px/16px Arial;
	text-transform: uppercase;
	display: block;
	height: 30px;
	background: url(../images/bg-navi.png) left top repeat-x;
	}

#navigation li a.active,
#navigation li span.active {
	color: #111;
	font: 400 16px/20px Arial;
	background: #fff;
	height: 42px;
	}
	


#meta {
	position: absolute;
	top: 10px;
	left: 0;
	display: none;
	}
	
#meta li {
	color: #fff;
	float: left;
	padding: 0 5px 0 6px;
	}	

#meta li:first-child {
	padding: 0 5px 0 0;
	}

#meta li a {
	color: #fff;
	font: 400 12px/16px Arial;
	display: block;
	}



#contact {
	background: #f3a599;
	padding: 10px 30px;
	position: absolute;
	right: 65px;
	top: 0;
	color: #fff;
	font: 700 12px/16px Arial;
	}

#phone {
	font: 700 25px/30px Arial;
	}


	
	
		
	
	
/* General Content Styles */
.textBox {
	font: 400 12px/18px Arial;
	}
	
.containerMain h1 {
	font: 400 22px/30px Arial;
	color: #f3a599;
	padding-bottom: 20px;
	text-transform: uppercase;
	}

.containerMain h2 {
	font: 400 22px/30px Arial;
	color: #666;
	text-transform: uppercase;
	}

.containerMain h2 span {
	color: #111;
	font-weight: 700;
	}
	
.textBox p {
	font: 400 12px/18px Arial;
	padding-bottom: 20px;
	}
	
.textBox ul {
	font: 400 12px/18px Arial;
	padding-bottom: 20px;
	}
	

	


.col {
	width: 280px;
	padding: 20px;
	float: left;
	}