@charset "utf-8";
/* CSS Document for McClaran.com Nov 2009 */
a {
    outline: none;
} 
body {
	background-color:#33302e;
	margin:0;
	padding:0;
	overflow:auto;
}
#wrapper {
width:100%;
min-width:400px;
}
#content {
}
#image {
/* fix IE error where image jumps to next like when window resized. */
position:absolute; /* forces IE to not jump */
left:300px; /* nullifies effect of line above for Firefox */
}
#header {
	background-color:#000000;
	height:80px;
	width:auto;
	min-width:700px;
}
#header_left {
	float:left;
	width:240px;
	height: 0px !important;
}
#header_right {
	float:right;
	width:250px;
	height: 0px !important;
}
/* hide text of nav links and show images only */
a.notext {
	display:block;
	width: 240px;
	text-indent:-9999px;
}
/* rollover states for left nav */

/* NAME */
#nav_name {
	position:relative;
	top:7px;
	left:18px;
	width: 240px;
	height: 16px;
	overflow: hidden;
}
#nav_name a {
	background: url("img/nav/Robbie_McClaran.gif") top left no-repeat;
}
#nav_name a:hover {
	background-position: 0 -16px;
}
#nav_name a:active {
	background-position: 0 -16px;
}
/* PORTRAITS */
#nav_portraits {
	clear:all;
	position:relative;
	top:13px;
	left:60px;
	float:right;
	width: 240px;
	height: 10px;
	overflow: hidden;
}
#nav_portraits a {
	background: url("img/nav/nav_portraits.gif") top left no-repeat;
}
#nav_portraits a:hover {
	background-position: 0 -10px;
}
#nav_portraits a:active {
	background-position: 0 -10px;
}
/* TRAVELOGUE */
#nav_travelogue {
	clear:all;
	position:relative;
	top:19px;
	left:66px;
	float:right;
	width: 240px;
	height: 10px;
	overflow: hidden;
}
#nav_travelogue a {
	background: url("img/nav/nav_travelogue.gif") top left no-repeat;
}
#nav_travelogue a:hover {
	background-position: 0 -10px;
}
#nav_travelogue a:active {
	background-position: 0 -10px;
}
/* PROJECTS */
#nav_projects {
	clear:all;
	position:relative;
	top:26px;
	left:156px;
	float:right;
	width: 240px;
	height: 10px;
	overflow: hidden;
}
#nav_projects a {
	background: url("img/nav/nav_projects.gif") top left no-repeat;
}
#nav_projects a:hover {
	background-position: 0 -10px;
}
#nav_projects a:active {
	background-position: 0 -10px;
}

/* rollover states for nav menu */
#nav_logo {
position:absolute;
	top:13px;
	right:150px;
	float:right;
	width:45px;
	height:30px;
}
#nav_logo a {
	background: url("img/nav/nav_logo.gif") top left no-repeat;
}
/* hide text of logo link and show image only */
#nav_logo a.notext {
	display:block;
	width: 45px;
	height:30px;
	text-indent:-9999px;
}
#nav_thumbs {
	clear:both;
	position:relative;
	top:62px;
	right:186px;
	float:left;
	width:114px;
	height:10px;
	overflow: hidden;
}
#nav_thumbs a {
	background: url("img/nav/nav_thumbs.gif") top left no-repeat;
}
#nav_thumbs a:hover {
	background-position: 0 -10px;
}
#nav_thumbs a:active {
	background-position: 0 -10px;
}
#nav_contact {
clear:right;
	position:relative;
	top:62px;
	right:150px;
	overflow: hidden;
	float:right;
	width:136px;
	height:10px;
}
#nav_contact a {
	background: url("img/nav/nav_contact.gif") top left no-repeat;
}
#nav_contact a:hover {
	background-position: 0 -10px;
}
#nav_contact a:active {
	background-position: 0 -10px;
}

#content {
height:700px;
}
#caption  {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
float:left;
color:#de5d00;
text-align:center;
}
#caption img {
padding-bottom:4px;
}