/*********************************
 * html elements
 *********************************/

body {
	color:#444;	
	background-image:url('../images/body-bg.png');
	background-repeat:repeat;
	background-color: #d8d8c8;	
	font-family:‘Palatino Linotype’, Palatino, Palladio, ‘URW Palladio L’, ‘Book Antiqua’, Baskerville, ‘Bookman Old Style’, ‘Bitstream Charter’, ‘Nimbus Roman No9 L’, Garamond, ‘Apple Garamond’, ‘ITC Garamond Narrow’, ‘New Century Schoolbook’, ‘Century Schoolbook’, ‘Century Schoolbook L’, Georgia, serif;
	font-size:0.8em;
}

h1, h2, h3, h4, h5 {
	clear:both;
	letter-spacing:0.04em;	
}

dt {
	font-size:1.1em;
	margin-top:10px;
}

a {
	color:#585837;
}

/*********************************
 * defined DIVs
 *********************************/

#main {
	position:relative;
	width:960px;
	margin:0 auto;
	background-color:#d8d8c8;
}

/*********************************
 * left column elements
 *********************************/

#left-col {
	position:fixed;
	top:0;
	width:346px;
	height:100%;
	margin-right:50px;
	background-color:#EEE;
	border-left:1px solid #AAA;
	border-right:1px solid #AAA;
	z-index:1;
}

#photo {
	position:relative;
	width:272px;
	height:329px;
	background-image:url('../images/photo-bg.png');
	background-repeat:no-repeat;
	background-position:0 0;
	margin:30px 0 0 35px;
	z-index:3;
}

#photo img {
	margin-top:26px;
	margin-left:37px;
}

#overlay {
	position:absolute;
	width:200px;
	height:280px;
	margin-top:26px;
	margin-left:37px;
	background-image: url('../images/photo-overlay.png');
	background-repeat:no-repeat;
	z-index:4;
}


#name {
	width:222px;
	margin:10px 0 0 60px;
}

#name h2, #name h4 {
	text-align:center;
	margin:0;
	padding:0;
}

#contact-details {
	position:relative;
	width:222px;
	margin:10px 0 0 55px;
}

#contact-details table {
	margin-top:20px;
	border-collapse:separate;
	border-spacing:0 5px;
}

#contact-details table tr td {
	vertical-align:top;
	border-bottom:1px dashed #CCC;
}

.cd-item {
	padding:10px;
	font-weight:bold;
}

.cd-info {
	padding:10px;
}

/*********************************
 * right column elements
 *********************************/

#actions {
	position:fixed;
	background-image:url('../images/actions-bg.png');
	background-repeat:no-repeat;
	width:560px;
	height:30px;
	z-index:4;
	font-size:.9em;
	line-height:20px;
}

#actions ul {
	position:relative;
	top:5px;
	margin-left:0;
	padding-left:0;
	text-align:center;
}

#actions ul li {
	display:inline;
	margin-left:40px;
}

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

#actions ul li img {
	vertical-align:middle;
	margin-right:5px;
}

#right-col {
	position:relative;
	width:560px;
	float:right;
	background-color:#FFF;
	border-left:1px solid #AAA;
	border-right:1px solid #AAA;
	z-index:3;
}

#right-col h2 {
	clear:both;
	padding:10px;
	background-color:#d8d8c8;
}

#content {
	position:relative;
	margin:50px;
	z-index:2;
}



hr.clear {
	visibility:hidden;
	clear:both;
	margin:0;
	padding:0;
}

.col2-1 {
	float:left;
	width:40%;
	margin-right:10px;	
}

.col2-2 {
	float:left;
	width:40%;
	margin-right:10px;
}

.col3-1 {
	float:left;
	width:30%;
	margin-right:10px;
}

.col3-2 {
	float:left;
	width:30%;
	margin-right:10px;
}

.col3-3 {
	float:left;
	width:30%;
}