@import url("styles.css");

/* Main Content */

#leftContentNav {
	width: 389px;
	padding: 25px 0 0 53px;
}

#leftContentNav li {	
	background: url(../images/leftContentNav.png) no-repeat;
	text-indent: -9999px;
	display: block;
}

#leftContentNav li:hover {
	cursor: pointer;
}

#leftContentNav li.webDeveloper {
height: 56px;
}

#leftContentNav li.webDeveloper:hover {
	background-position: 0 -172px;
}

#leftContentNav li.photographer {
	height: 58px;
	background-position: 0 -56px;
}

#leftContentNav li.photographer:hover {
	background-position: 0 -228px;
}

#leftContentNav li.friend {
	height: 58px;
	background-position: 0 -114px;
}

#leftContentNav li.friend:hover {
	background-position: 0 -286px;
}

#leftContentNav a {
	display: block;
	height: 55px;
}

#mainContent {
	background: url(../images/home-top-bg.jpg);
	height: 463px;
}

#mainContent img {
	position: absolute;
	right: 43px;
	top: 138px;
}

#leftContent h1 {
	font-size: 22px;
	color: #96bde4;
	border-top: 1px solid #4a484b;
	border-bottom: 1px solid #4a484b;
	padding: 10px 0;
	margin: 25px 0 25px 53px;
	line-height: 30px;
	width: 410px;
}

#strengths {
	font-size: 17px;
	color: #f4f5f5;
	padding: 0 0 0 53px;
}

#strengths li {
	height: 40px;
	background: url(../images/bullet.png) no-repeat;
	padding-left: 25px;
}

/* Bottom Content */

#bottomContent {
	background: url(../images/home-bottom-bg.jpg) no-repeat;
	height: 235px;
	padding: 20px 0 0 1px;
}

#bottomContent a.more {
	padding-left: 10px;
	color: #9c451a;
	font-size: 14px;
}

#bottomContent a:hover {
	color: #3c7098;
}

#flickrFeed a.more {
	padding: 0;
}

#recent {
	float: left;
	padding: 0 53px 0 53px;
	width: 214px;
}

#recent ul, #services ul, #flickrFeed ul {
	color: #727272;
	font-size: 17px;
	padding-bottom: 5px;
}

#flickrFeed ul {
	padding-bottom: 10px;
}

#recent li, #services li {
	padding: 0 0 10px;
	background: url(../images/bullet_silver_sm.jpg) no-repeat 0 6px;
	padding-left: 10px;
}

#recent ul a {
	color: #727272;
}

#services {
	float: left;
	padding: 0 29px 0 53px;
	width: 238px;
}

#bottomContent h1 {
	color: #9c451a;
	font-size: 22px;
	padding-bottom: 15px;
}

#flickrFeed {
	float: left;
	padding: 0 0 0 53px;
	width: 250px;
}

#flickrFeed li {	
	float: left;
	padding: 0;
	margin: 0;
}

#flickrFeed img {
	padding: 1px;
	margin: 0 3px 0px 0;
	border: 1px solid #dadada;
	width: 65px;
	height: 65px;
}

#flickrFeed img:hover {
	border: 1px solid #3c7098;
}