@charset "utf-8";
/* CSS Document for McClaran.com Landing Page Only - Nov 2009*/
a {
    outline: none;
} 
body {
	background-color:#33302e;
	margin:0;
	padding:0;
	height:100%;
}
#wrapper {
	min-width:1270px;
    overflow:hidden; 
}
#header {
	background-color:#000000;
	height:80px;
	width:auto;
}
#header_left {
	float:left;
	width:240px;
	height: 0px !important;
}
#content {
position:relative;
left:270px;
}
/* hide text of nav links and show images only */
a.notext {
	display:block;
	height:30px;
	text-indent:-9999px;
}
/* NAME */
#landing_name {
	position:relative;
	top:10px;
	left:45px;
	width: 500px;
	height: 60px;
	overflow: hidden;
	background: url("img/nav/landing-name.png") top left no-repeat;
	text-indent:-9999px;
}

#portraits {
position:absolute;
top:133px; 
left:45px;
width:230px;
overflow: hidden;
}
#portraits a {
	background: url("img/nav/landing-portraits.png") top left no-repeat;
}
#portraits a:hover {
	background-position: 0 -30px;
}
#travelogue {
position:absolute;
top:208px;
left:45px;
width:220px;
text-indent:-9999px;
}
#travelogue a {
	background: url("img/nav/landing-travelogue.png") top left no-repeat;
}
#travelogue a:hover {
	background-position: 0 -30px;
}
#projects {
position:absolute;
top:284px;
left:45px;
width:200px;
text-indent:-9999px;
}
#projects a {
	background: url("img/nav/landing-projects.png") top left no-repeat;
}
#projects a:hover {
	background-position: 0 -30px;
}
#mcbloggie {
position:absolute;
top:358px;
left:45px;
width:200px;
text-indent:-9999px;
}
#mcbloggie a {
	background: url("img/nav/landing-mcbloggie.png") top left no-repeat;
}
#mcbloggie a:hover {
	background-position: 0 -30px;
}
#contact {
position:absolute;
top:438px;
left:45px;
width:200px;
overflow: hidden;
}
#contact a {
	background: url("img/nav/landing-contact.png") top left no-repeat;
}
#contact a:hover {
	background-position: 0 -30px;
}
#email {
position:absolute;
top:515px;
left:45px;
width:225px;
text-indent:-9999px;
}
#email a {
	background: url("img/nav/landing-email.png") top left no-repeat;
}
#email a:hover {
	background-position: 0 -30px;
}
h1 {
	font-family:  Arial, sans-serif;
	font-size:12px;
	color:#0b0a0a;
position:absolute;
top: 650px;
left:45px;
width:225;
text-indent:-9999px;
}
p {
	font-family:  Arial, sans-serif;
	font-size:12px;
	color:#0b0a0a;
position:absolute;
top: 700px;
left:45px;
width:225;
text-indent:-9999px;
}