/* Clear Defaults */
* {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: Arial, Verdana, sans-serif;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

html {
	background:url(/images/pin_bg.gif);
}

body {
	font-size: 75%;
	width:780px;
	margin:45px auto;
	background: white;
	border:1px solid #042A55;
}

#header {
	display: block;
	position:relative; /* contain menu */
	height: 40px;
	margin:35px 0 30px 0;
	background:#042A55;
	z-index: 99;
}

h1 a {
	float:left;
	color:white;
}

#menu {
	float:right;
	display:inline; /* eliminate double margin in IE/win */
	position:absolute; /* position w/o having IE/win drag down header box */
	right:0;
	margin-right:3px;
	list-style:none;
	width:373px /* be kind to Opera */
}

#menu li {
	float:left;
	margin-left:6px;
	display:inline; /* eliminate double margin in IE/win */
}

#menu li a {
	padding-top:40px;
	display:block;
	width: auto;
	color: #042A55;
}

#menu li a:hover {background-color:#CDD8D7;}

#menu li.people, #menu li.people a.on {background-color:#51697B; width:39px;} /* People */
#menu li.place, #menu li.place a.on {background-color:#9DA7A1; width:32px;} /* Place */
#menu li.projects, #menu li.projects a.on {background-color:#33506C; width:46px;} /* Projects */
#menu li.play, #menu li.play a.on {background-color:#90ABBC; width:24px;} /* Play */
#menu li.participation, #menu li.pparticipation a.on {background-color:#9DA7A1; width:71px;} /* Participation */
#menu li.philosophy, #menu li.philosophy a.on {background-color:#5B7A95; width:61px;} /* Philosophy */
#menu li.process, #menu li.process a.on {background-color:#BFC8C4; width:46px;} /* Process */

#menu li.people {border-right:4px solid white;}
#menu li.projects {border-right:7px solid white;}
#menu li.philosophy {border-right:1px solid white;}

#bodycontent {
	clear:both;
	margin:0 auto;
	width: 780px;
}

#left {
	position:absolute;
	width:370px;
	margin-left:15px;

}

/*
#left {
	float: left;
	width:370px;
	margin-left:15px;
	display:inline; 
}
*/

.featured {}
.featured img {background:lightgrey;display:block;height:300px;width:780px;}

.leftpad {padding:10px;}

#left ul.simple li {
	width:185px!important;
	float:left;
	list-style:none;
	/* Wrong style above, corrected below for everyone except IE Mac \*/
	list-style:circle;
	/* end hack */
	list-style-position:inside;
}

#left img, blockquote {clear:both}

blockquote {
	padding:0em 1em;
	background: url(http://www.florentzos.com.au/images/quote_bg.gif) no-repeat 1em 0em;
	z-index:99;
}

blockquote p {
	padding:1em 3em;
	font-style:italic;
	font-size: 0.95em;
	background: url(http://www.florentzos.com.au/images/endquote_bg.gif) no-repeat bottom right;
	background-position: bottom right!important;
	height:6.5em;
	padding-top:0em;
	/* \*/
	height:auto;
	padding-top:1em;
	/* */
}

cite {
	font-size:0.9em;
	line-height:1.1em;
	margin:0.5em 10px -2em auto;
	display:block;
	width:11em;
	color:#999;
	background:white;
	padding:5px;
}

#imagenav {
	list-style:none;
}

#imagenav li {
	float:left;
	list-style:none;
	margin:7px 0.5em 0 0;
	background:#042A55;
}

#imagenav li a {
	color:white;
	display:block;
	padding:0.4em;
	text-align:center;
	width:15px
}

#right {
	float:right;
	display:inline;
	width:345px;
	padding:10px 25px;
	position:relative;
	left:25px;
	/* \*/
	position:relative;
	left:0;
	/* */
}

h2 {
	font-size: 1.5em;
	text-transform: lowercase;
	color:#042A55;
	margin-top:1em;
	position:relative;
}

h2 span {color:#999;}

h2 span.completion {position:absolute;right:0;margin-top:0.4em;font-size:0.7em;}

abbr {text-transform: capitalize!important;}
h3 {
	margin-top:1em;
	margin-bottom:-0.5em;
	color:#333;
}

h3.project, h2.project {
	clear:both;
	position:relative;
	padding-bottom:1px;
	border-bottom:1px solid #aaa;
	margin-bottom:0;
	height:1.2em;
}

h3.project a, h2.project a {
	position:absolute;
	right:0;
}

h2.project a {font-size:0.8em;color:#666;top:0;margin-top:0.2em}
h2.project a:hover {color:#333;}

h4 {
	color:#666;
	margin-top:0.7em;
}

p, ul.simple {
	font-size: 0.9em;
	margin-top:1em;
	line-height: 1.6;
	color:#333;
	list-style:inside;
	list-style-type:circle;
}

p.brief {height:120px;}
p.project {margin-top:1em;}
p.project img {display:block; width:100px; height:75px; background:lightgrey;}

p.project a {
	float:left;
	margin-right:14px;
	-moz-opacity:0.5; /* opacity for moz browsers, excludes safari as it flickers w/ transparency */
	filter:alpha(opacity=50); /* opacity for IE Win */
	border-bottom:5px solid white;
	margin-bottom:9px;
}

p.project a:hover {-moz-opacity:1;filter:alpha(opacity=100);border-bottom:5px solid #9DA7A1}

div.recent {height:75px;clear:both}
div.recent img {float:left;margin-right:1em;}
div.recent h4 .completion {position:absolute;right:0;}

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

a {color:#042A55;}
a:hover {color:#5B7A95}

a.download {background:url(/images/download.gif) left no-repeat; padding:5px; padding-left:15px; }

#footer {
	clear: both;
	padding:10px 0px 5px 0px;
	position:relative;
	top:2.5em;
	font-size:0.9em;
	color:#7F7674;
}

#footer span {
	position:absolute;
	right:0;bottom:0;/* \*/bottom:auto;/* */
}

#footer a {
	padding:5px;
}