/*////////////////////////*/

/*-- common elements -----*/

/*////////////////////////*/

body {

	margin: 15px 0 0 0;

	padding: 0;

	background-color: #000;

	color: white;

	font-family: Helvetica, Arial, Verdana, sans-serif;

	font-size: 13px;

	line-height: 15px;

}



#sidenav {

	margin: 0;

	padding: 0;

	border-right: 1px solid #efefef;

	position: absolute;

	top: 15px;

	left: 0;

}



#navigation {

	width: 368px;

	height: 171px;

	margin: 0;

	padding: 0;

	position: absolute;

	top: 15px;

	left: 47px;

}



p {

	margin: 0px 0 15px 0px;

	padding: 0px;

}



h1 {

	font-size: 15px;

	font-weight: normal;

	border-bottom: 1px dotted #666;

	padding: 5px;

}



h2 {

	font-size: 15px;

	font-weight: normal;

}



li {

	list-style-type: default;

	list-style-image: url(../images/plus.gif);

	list-style-position: default;

	padding-bottom: 5px;

}



/*////////////////////////*/

/*------ home ------------*/

/*////////////////////////*/

#home {

	background-image: url("../images/background0.jpg");

	background-repeat: no-repeat;

	background-position: 47px 15px;

}

#home_2 {

	/*background-image: url("../images/background0.jpg");*/

	background-repeat: no-repeat;

	background-position: 47px 15px;

}

#home_with_random_background {

	background-image: url("../images/background0.jpg");

	background-repeat: no-repeat;

	background-position: 47px 15px;

}



#home #content {

	position: absolute;

	left: 100px;

	top: 480px;

	width: 450px;

	height: 135px;

	overflow: auto;

}
#home_2 #content {

	position: absolute;

	left: 100px;

	top: 480px;

	width: 450px;

	height: 135px;

	overflow: auto;

}


#bloglaunch {

	position: absolute;

	left: 720px;

	top: 560px;

	z-index: 20;

}





/*////////////////////////*/

/*------ work ------------*/

/*////////////////////////*/

.work1 {

	background-image: url("../images/background1.jpg");

	background-repeat: no-repeat;

	background-position: 47px 15px;

}



.work2 {

	background-image: url("../images/background2.jpg");

	background-repeat: no-repeat;

	background-position: 47px 15px;

}



.work3 {

	background-image: url("../images/background3.jpg");

	background-repeat: no-repeat;

	background-position: 47px 15px;

}



.work4 {

	background-image: url("../images/background4.jpg");

	background-repeat: no-repeat;

	background-position: 47px 15px;

}



.work5 {

	background-image: url("../images/background5.jpg");

	background-repeat: no-repeat;

	background-position: 47px 15px;

}

.work6 {

	background-image: url("../images/background6.jpg");

	background-repeat: no-repeat;

	background-position: 47px 15px;

}


.work7 {

	background-image: url("../images/background7.jpg");

	background-repeat: no-repeat;

	background-position: 47px 15px;

}



#work #content {

	position: absolute;

	left: 540px;

	top: 260px;

	width: 335px;

	height: 231px;

	overflow: auto;

}



#work #content #actions ul {

	width: 250px;

}



#work #content #insights ul {

	width: 250px;

}



#work #content #impact ul {

	width: 250px;

}



#actions {display: none;}

#implications {display: none;}

#impact {display: none;}



#work #workNav {

	position: absolute;

	left: 50px;

	top: 540px;

}



#homeLink {

	width: 150px;

	height: 100px;

	position: absolute;

	left: 550px;

	top: 40px;

	text-indent: -9999px;

	text-decoration: none;

}



.next {

	font-weight: bold;

	text-align: right;

	padding: 5px;

	margin: 10px;

}



.next a,.next a:visited {

	color: #FFF;

	text-decoration: underline;

}



.next a:hover {

	color: #ffc;

	text-decoration: none;

}



#nav li {

	list-item: none;

}



#nav a, #nav a:visited {

	color: #FFF;

	text-decoration: none;

}



#nav a:hover {

	text-decoration: underline;

}