body  {
	background: #fff;
	background-image: url(../images/header_bg.gif);
	background-repeat: repeat-x;
	color: #444;
	font-family: Tahoma, Geneva, sans-serif;
	}


/* Structure adjustments */

.structure #header {
	background-color: #cea;
	background-image: url(../images/header_bg.gif);
	background-repeat: repeat-x;
	}

/* Navigation */

#navigation ul {
	margin: -90px 0 0 394px;
	font-size: 100%;
	font-weight: bold;
	list-style: none;
	}

#navigation li {
	float: left;
	margin: 0 4px 0 0;
	}
	
#navigation a:link, #navigation a:visited {
	display: block;
	padding: 34px 20px 0 20px;
	color: #000;
	text-decoration: none;	
	}

#navigation a:hover, #navigation a:active {
	background-image: url(../images/nav_hover.gif);
	background-repeat: no-repeat;
	background-position: top center;
	text-decoration: none;
	}
	
#navigation li.selected {
	background-image: url(../images/nav_selected.gif);
	background-repeat: no-repeat;
	background-position: top center;
	} 	

/* General typography */

h2 {
	font-size: 180%;
	font-weight: normal;
	margin-bottom: 20px;
	letter-spacing: 0.1em;
	color: #000;
	background-color: #fff;
	}
	
h3 {
	font-size: 120%;
	color: #1e4963;
	margin-bottom: 6px;
	}	
	
p {
	font-size: 120%;
	line-height: 140%;
	margin-bottom: 20px; 
	}

p.last {
	margin-bottom: 30px; 
	}

#rightcol h2, #rightcol h3, #rightcol p {
	margin-left: 20px;
	}
	
#portfolio {
	margin: 46px 0 20px 0;
	}

ul.mainlinks {
	font-size: 120%;
	line-height: 200%;
	list-style: disc;
	margin-left: 18px;
	}
	
ul.bodylinks {
	font-size: 120%;
	line-height: 200%;
	list-style: disc;
	margin-left: 18px;
	margin-top: -10px;
	}

/* Document highlight blocks */

.docblock {
	background-color: #daeffc;
	width: auto;
	height: 120px;
	padding: 16px 20px 16px 0;
	margin-bottom: 16px;
	}

.docblock:hover {
	background-color: #cea;
	cursor: pointer;
	}

.docblock h3 a:link, .docblock h3 a:hover, .docblock h3 a:visited, .docblock h3 a:active{
	font-size: 96%;
	color: #1e4963;
	margin-bottom: 6px;
	text-decoration: none;
	}

.docblock p {
 	margin-bottom: 0;
	width: 265px;
	}
	
.operational {
	background-image: url(../images/power.gif);
	background-repeat: no-repeat;
	background-position: top right;
	} 
	
.forward {
	background-image: url(../images/start.gif);
	background-repeat: no-repeat;
	background-position: top right;
	} 

.procedures {
	background-image: url(../images/tick.gif);
	background-repeat: no-repeat;
	background-position: top right;
	} 
	

/* Contact me */

#frmMessage {
	margin-top: 36px;
	}

#frmMessage label, #frmMessage input, #frmMessage textarea, #frmMessage submit {
	display: block;
	font-size: 120%;
	margin-bottom: 4px;
	}
	
#frmMessage div {
	margin: 10px 0 16px 0;
	}	

#frmMessage div.controls {
	margin-top: 16px;
	}
		
#frmMessage input#submit {
	width: 120px;
	}	
	
#frmMessage label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: #f00;
	font-style: italic;
	}
	
div.error, div.success {
	/*display: none;*/
	background-color: #daeffc;
	padding: 12px;
	font-size: 120%;
	line-height: 120%;
	margin-top: 45px;
	width: auto;
	}

div.error {
	color: #f00;
	}

input.error, textarea.error {
	border: 2px solid #f00;
	}

/* Links */	

#linkblock {
	margin-left: 130px;
	}
	
#linkblockRightcol {
	margin-left: 0px;
	}	
	
.chunkylink {
	font-size: 110%;
	margin: 6px 0;
	width: 210px;
	}
	
.chunkylink a:link, .chunkylink a:visited {
	display: block;
	height: 32px;
	padding: 14px 20px 0 50px;
	color: #000;
	text-decoration: none;	
	}

.chunkylink a:hover, .chunkylink a:active {
	background-color: #cea;
	text-decoration: none;
	}

.designbylink {
	width: auto;
	}
	
.designbylink a:link, .designbylink a:visited {
	display: block;
	height: 32px;
	padding: 14px 46px 0 12px;
	color: #000;
	text-decoration: none;	
	}

.designbylink a:hover, .designbylink a:active {
	background-color: #cea;
	text-decoration: none;
	}

.download {
	background-image: url(../images/download.gif);
	background-repeat: no-repeat;
	background-position: left;
	}
	
.apestart {
	background-image: url(../images/apestart.gif);
	background-repeat: no-repeat;
	background-position: left;
	}

.linkedin {
	background-image: url(../images/linkedin.gif);
	background-repeat: no-repeat;
	background-position: left;
	}
	
.designby {
	background-image: url(../images/wireframe_tick.gif);
	background-repeat: no-repeat;
	background-position: right;
	}	

#portfolio a:link, #portfolio a:visited {
	display: block;
	width: 222px;
	border-top: 12px solid #daeffc;
	border-right: 19px solid #daeffc;
	border-bottom: 12px solid #daeffc;
	border-left: 19px solid #daeffc;
	}

#portfolio a:hover, #portfolio a:active {
	border-top: 12px solid #cea;
	border-right: 19px solid #cea;
	border-bottom: 12px solid #cea;
	border-left: 19px solid #cea;
	}

.mainlinks a:link, .mainlinks a:visited, .bodylinks a:link, .bodylinks a:visited {
	padding: 4px;
	color: #000;
	text-decoration: underline;	
	}

.mainlinks a:hover, .mainlinks a:active, .bodylinks a:hover, .bodylinks a:active {
	background-color: #cea;
	text-decoration: none;
	}
