/* clivejacobson.com styles */

body { background-color: #ffffff; height: 100%; margin: 0; }
img { border: 0; }
a { outline: none; -moz-outline-style: none; }
#main {
	width: 100%;
	text-align: center;
}
#container {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 864px;
	height: 600px;
}
#title_cj { margin: 50px 0 0 129px; width: 155px; float: left; height: 5px; line-height: 8px;}

#menu_approach { margin: 50px 0 0 167px; width: 64px; height: 8px; line-height: 5px; float: left; background: url(images/approach_on.gif) no-repeat top; }
#menu_approach a:hover { visibility: visible } /* necessary for ie */
#menu_approach a:hover img { visibility: hidden }

#menu_projects { margin: 50px 0 0 31px; width: 61px; height: 8px; line-height: 5px; float:left; background: url(images/projects_on.gif) no-repeat top; }
#menu_projects a:hover { visibility: visible } /* necessary for ie */
#menu_projects a:hover img { visibility: hidden }

#menu_ideation { margin: 50px 0 0 32px; width: 55px; height: 8px; line-height: 5px; float:left; background: url(images/ideation_on.gif) no-repeat top; }
#menu_ideation a:hover { visibility: visible } /* necessary for ie */
#menu_ideation a:hover img { visibility: hidden }

#menu_about { margin: 50px 0 0 35px; width: 40px; height: 8px; line-height: 5px; float: left; background: url(images/about_on.gif) no-repeat top; }
#menu_about a:hover { visibility: visible } /* necessary for ie */
#menu_about a:hover img { visibility: hidden }

/* projects */
.project { position: absolute; left: 72px ; top: 70px; text-align: left; display: none;}
.project_on { position: absolute; left: 72px; top: 70px; text-align: left; display: block; }
.project_special { position: absolute; left: 0; top: 0px; text-align: left; display: none;}
.project_special_on { position: absolute; left: 0; top: 0px; text-align: left; display: block; }
.text { position: absolute; width: 127px; top: 290px; left: 0; z-index: 10; line-height: 14px; text-align: left; font-family: helvetica, verdana, sans-serif; font-size: 11px; color: #000000; }
.text_logos { position: absolute; width: 127px; top: 268px; left: 0; z-index: 10; line-height: 14px; text-align: left; font-family: helvetica, verdana, sans-serif; font-size: 11px; color: #000000; }
.text_high { position: absolute; width: 127px; top: 110px; left: 0; z-index: 10; line-height: 14px; text-align: left; font-family: helvetica, verdana, sans-serif; font-size: 11px; color: #000000; }
.image { position: absolute; top: 0; left: 0px; z-index: 0; }
.image_full { position: absolute; top: 0; left: 0px; z-index: 0; }
.image_ideation { position: absolute; top: 0; left: 155px; z-index: 0; }
/* projects */

/* numbers navigation */
#numbers { position:absolute; top: 526px; left: 236px; font-family: helvetica, arial, sans-serif; font-size: 9px; }
#numbers_nav, #numbers_nav ul { margin: 0; padding: 0; list-style: none; line-height: 1;}
#numbers_nav a { display: block; width: 2em; }
#numbers_nav li  { float: left; width: 2em; }
#numbers_nav li a  { text-decoration: none; color: #5c5c56; }
#numbers_nav li a:hover  { font-weight: bold; color: #000000; }
/*#numbers_nav li ul  { position: absolute; width: 2em; margin-top: -29px; left:-999em;}
#numbers_nav li:hover ul { left:auto;}
#numbers_nav li.sfhover ul {left:auto; margin-left: -1em;}
#numbers li ul li  { height: 10px; background: url(images/dot_on.gif) no-repeat top;}
#numbers li ul li a:hover  { visibility: visible; }
#numbers li ul li a:hover img  { visibility: hidden; }*/
/* numbers navigation */

#about { position: absolute; left: 333px; top: 140px; width: 400px; text-align: left; font-family: helvetica, arial, sans-serif; font-size: 11px; line-height: 13px; color: #050500; }
#about a { font-weight: bold; text-decoration: none; color: #050500 }
#location { position: absolute; left: 130px; top: 220px; text-align: left; font-family: helvetica, arial, sans-serif; font-size: 10px; line-height: 17px; color: #050500; }
#location a { color: #050500; text-decoration: none;}
#approach { position: absolute; left: 332px; top: 174px; width: 405px; text-align: left; font-family: helvetica, arial, sans-serif; font-size: 18px; color: #5c5c56; line-height: 22px; }
#logo { position: absolute; left: 153px; top: 353px; }
#blog { position: absolute; left: 130px; top: 393px; text-align: left; font-family: helvetica, arial, sans-serif; font-size: 10px; line-height: 10px; color: #050500; }
#blog a { color: #050500; text-decoration: none; }
#copyright { position: absolute; top: 568px; left:661px; }
#copyright p { font-family: verdana, sans-serif; font-size: 8px; color: #666; padding-left: .5em;}