body {
   font : normal small "Corbel", "Myriad Pro", Tahoma, "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
   line-height : 35px;
   color : #000;
   background : #ffffff;
	margin-left:auto;
	margin-right:auto;
}

a {
	text-decoration:none;
	color:#666;
}

a:link, a:visited {
   text-decoration : none;
   color : #666;
}

a:hover, a:focus, a:active {
   text-decoration : none;
   color : #fff;
   background-color: #00adef
}

h1, h2, h3, h4 {
   font : normal small "Myriad Pro", Corbel, Tahoma, "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
   font-weight : normal;
   margin-bottom : 0.25em;
   color : #7a6640;
}

h1 {
   font-size : 167%;
}

h2 {
   font-size : 167%;
}

h3 {
   font-size : 12pt;
   margin-bottom : 0.33em;
}

li {
   margin-bottom : 0.5em;
}

ol, p, ul {
   margin-bottom : 1em;
}



ul {
   margin-left : 14px;
   list-style-type : disc;
   clear : both;
}



/* ============ main columns ============ */

#primary {
	
   width : 960px;
   float : left;
   padding : 35px 0;
}

#left {
	
	overflow: hidden;
	float: left;
	width: 48%;
	margin-top: 14px;
}

#right {
	
	overflow: hidden;
	float: right;
	width: 48%;
	margin-top: 14px;
}



.wide #primary, .wide #secondary, .wide #tertiary {
   padding-top : 0;
}

#tertiary {
   width : 177px;
   padding : 24px 0;
}

.extras {
   padding-right : 60px;
}

/* ============ generic container for grid ============ */

.container {
   width : 960px;
   margin : 0 auto;
   display : block;
   position : relative;
}


/* ============ page sections ============ */

#masthead {
   width : 100%;
   height : 170px;
   background : #00adef;
   border-bottom : 0px solid #000000;
}

#masthead a {
   display : block;
   width : 243px;
   height : 106px;
}

#masthead h1, #masthead p {
   padding-top : 32px;
   width : 243px;
   height : 106px;
   position : relative;
   z-index : 2;
}

#content {
   width : 100%;
   float : left;
   background : #fff;
}




/* ============ home page specifics ============ */

.home #primary p, .home #primary ul {
   font-size : 133%;
   line-height : 140%;
}

.home #primary h2 {
   color : #db6f26;
}

.home #secondary h2 {
   margin-bottom : 24px;
}


/* ============ navigation ============ */

#nav {
   position : absolute;
   top : 0;
   left : 0;
   width : 100%;
   font : bold small "Myriad Pro", Corbel, Tahoma, "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
}

#nav h2, p#skip {
   text-indent : -10000em;
   font-size : 0;
   height : 0;
   line-height : 0;
   margin : 0;
}

#nav ul {
   position : absolute;
   right : 0;
   list-style-type : none;
   top : 0;
   margin : 0;
   font-size : 125%;
   text-transform : lowercase;

}

#nav ul li {
   margin : 0 0 0 24px;
   float : left;

}

#nav ul li:first-child {
   margin-left : 0;
}

#nav ul a {
   display : block;
   padding : 114px 0 4px;
   float : left;
   color : #fefdf2;
   border-bottom : 1px solid #fefdf2;
}

#nav ul li.selected a {
   color : #7a6640;
   text-transform : uppercase;
   border-bottom : 1px solid #fefdf2;
   background : #fefdf2;
   font-weight : normal;
}

#nav ul a:hover, #nav ul a:focus, #nav ul a:active {
   text-decoration : none;
   color : #cbc2b2;
   border-bottom : 1px solid #cbc2b2;
}

DIV#employment-history {
	font-size: 40px;
	margin: 0 0 50px 0;
}

.company {
	font-size: 40px;
	color: #666;
}

.role {
	font-size: 40px;
	color: #999;
}

DIV#qualifications, DIV#knowledge-of, DIV.position, DIV#references {
	overflow:hidden;
	margin: 0 0 40px 0;
	
	DIV.left-col {
		overflow: hidden;
		float: left; 
		width:48%;
		margin-top: 14px;
	}
	DIV.right-col {
		overflow: hidden;
		float: right;
		width: 48%;
		margin-top: 14px;
	}
	
	DIV.list-item {
		overflow:hidden;
		margin: 0 0 10px 0;
	}
#list-bullet {
		float:left;
	}
	DIV.list-text {
		margin-left: 14px;
		line-height: 150%;
	}