/* Define position of side menu */
#Page {
  margin: 47px 0 40px 20px;
  padding: 0;
  text-align: left;
}

#Footer {
  font-size: 85%;
  width: 115px;
  position: absolute;
  top: 470px;
  left: 46px;
  margin: 0;
  padding: 0;

}

#footertag	{
  height: 30px;
  width: 480px;
  background: transparent url(../assets/images/tagline.jpg) top left no-repeat;
  margin: 0;
  padding: 0;
  position: relative;
}

#footertag li, #footertag li a  {
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  left: 0;
}

#footertag li a {  
  text-indent: -9999px;
  text-decoration: none;
}

img {
  border: none;
}



/* ndibe.com logo under side menu */
#Logo {
  position: absolute;
  top: 415px;
  left: 23px;  
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 132px;
  height: 32px;
  background: url(../assets/images/logo.png) 0 0 no-repeat;
}
#Logo a, Logo a:hover {
  display: block;
  text-indent: -9999px; 
  text-decoration: none;
  border: none !important;
  width: 132px;
  height: 32px;
}

/* ndibe.com logo under side menu */
#Logo-top {
  position: absolute;
  top: 20px;
  left: 30px;  
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 132px;
  height: 32px;
  background: url(../assets/images/logo.png) 0 0 no-repeat;
}
#Logo-top a, Logo-top a:hover {
  display: block;
  text-indent: -9999px; 
  text-decoration: none;
  border: none !important;
  width: 132px;
  height: 32px;
}
/* Positioning of Image on Home Page */
#ContentHomePage {
  position: absolute;
  top: 47px;
  left: 190px;
  width: 490px;
  padding: 0 0 40px 0;
  margin: 0 0 40px 0;
}

/* This is used for the front page image */

#PhotoFrameImage {
  width: 467px;
  height: 357px;
  margin: 0 0 0 0;
  border: none;
  text-indent: -9999px;
  text-decoration: none;
}
#PhotoFrameImage a {
  border: none;
  display: block;
  text-indent: -9999px; 
  text-decoration: none;
  border: none !important;
  width: 467px;
  height: 357px;
}

/* Positioning of Content on over pages */
#Content {
  position: absolute;
  top: 43px;
  left: 185px;
  width: 570px;
  padding: 0 0 40px 0;
  margin: 0 0 40px 0;
}

#Content ul { 
  padding-left: 0 !important;
}

body {
	margin: 4px; 
	color: #787B6F; 
	background: white;
	text-align: left;
	padding:0;
	line-height: 1.5em;
	font-family: Helvetica, Arial, sans-serif;
	font-size:85%;
}

a {
	border: none;
	text-decoration: none;
}

a:link {
	color: #028594;
}
a:visited {
	color: #039CAE;
}
a:hover {
	color: #028594;
	text-decoration: underline;
}

h1 { font-weight: bold; color:#494E3B;}
h2, h3, h4, h5 { font-weight: bold; color: #787B6F; }

#pagetitle h1 {
  margin: 0;
  padding: 0;
  font-size: 1.10em;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: normal;
  line-height: 1.25em;
  color: #494E3B;
}

h2 {font-size: 1.15em; }
h3 h4 h5 { font-size: 1.05em; }

#Header {
  margin: 0;
  padding: 0;
}
#Header h1, #Header h1 span {
  display: none;
} 


.experience ul { 
  margin: 0 !important;
  list-style: none;
}
.experience li {
  margin: 0 0 1em 0 !important;
  padding: 0 0 0 1em;
  background: url(../assets/icons_folder/bull-round.gif) 0 .2em no-repeat;
  list-style-type: none;
}

	table {width: 100%; margin: 0;}
	table td {padding: 0; border-width: 0; vertical-align: top;
 		 font-family: 90% Helvetica, Arial, sans-serif;}
		 
	td#pagetitle {vertical-align: bottom; color: #6600CC;
  		display: block;
   		background: transparent url(../topbg.gif) top left;
   		font: bold 170% Helvetica, Arial, Verdana, sans-serif;}

td#projecttitlenav {
	position: absolute;
  	display: block;
	height: 100 px;
	vertical-align:top;
}

div.projecttitle2 {
  position: absolute;
  display: inline;
  margin: 6px 10px, 0,20px; padding: 0;
  width:80%;
  font: 120% Helvetica, Arial, sans-serif; color:#494E3B;
  text-align: center;
}

div.projectbenefits {
	background-color:white;border-top: 1px solid #AAA888;
}

div.experience {
	background-color:white; border-bottom: 1px solid #AAA888;
}

.projectbenefits ul { 
  margin: 0 !important;
  list-style: none;
  line-height: 1.25em;
  width: 58%;
}
.projectbenefits li {
  margin: 0 0 0.2em 0 !important;
  padding: 0 0 0 0.8em;
  background: url(../assets/icons_folder/bull-round.gif) 0 .2em no-repeat;
  list-style-type: none;
}



#projecttestimonial {
  display: block;
  margin: 0px 0px 5px 10px;
  padding: 0px 0px 0px 0;
  float: right;
  width: 40%;
}

div.projectlaunch {
  background-color:white;border-top: 1px solid #AAA888;
  margin: 0px 0px 0px 0px;
  display: block;
}

#projectcasestudy {
  display: block;
  padding: 10px 0px 0px 0;
  float: right;
  width: 40%;
  text-align:right;
}

/* Removed this functionality as it breaks on some browsers */
div.gimmeabreak {
  clear: none;
}

	td#pageoverview {vertical-align: bottom; color: #6F6F6F;
   		background: transparent url(../topbg.gif) top left;
   		font: 90% Helvetica, Arial, Verdana, sans-serif;
		padding: 0.1em 0.2em 0.6em;
		line-height: 1.5em;}

	td#projecttitle {vertical-align: bottom; color: #442200;
   		background: transparent url(../topbg.gif) top left;
   		font: bold 110% Helvetica, Arial, Verdana, sans-serif;}

/* Portfolio Styles for table and table rows */		
	div.projectsummary {background-color:white;border-top: 1px solid #AAA888;}
	
	table.project {border-bottom: 1px solid #AAA888; }
	
	.project td a:link {color: #028594;
		text-decoration: none;}
	.project td a:visited {color: #039CAE;
		text-decoration: none;}			
	.project td {vertical-align: top; color: red;
  		padding: 0.1em 0.2em 0.2em;}


	div.projectbrief {
		background-color:white;border-top: 1px solid #AAA888;
		display: block;
}

	td.projectlink {vertical-align: bottom;
   		background: transparent url(../topbg.gif) top left;
   		font: 85% Helvetica, Arial, sans-serif;
		padding: 0.2em 0.2em 0.4em;}
		
	
	td.projectimage {vertical-align: top; width: 150px;  padding:0.5em}

	td.projecttext {
	vertical-align: top;
	color: #6F6F6F;
	background: white;
	padding: 0em 0.1em 0.1em;
	font: 90% 1.5em Helvetica, Arial, sans-serif;
	margin: 0px;
}
		
div#csheader{
	background-color: white;
  	display: block;
}

div#cslogo {
	background-color: white;
	float: left;
	width: 30%;
	height: 65px;
}

div#cstitle {
	background-color: white;
	text-align: right;
	font: 140% Helvetica, Arial, sans-serif; color:#494E3B;
	width: 100%;
	padding: 0.6em 0.6em 0 0;
	margin: 0 0 0 0;
}

div#csproductlogo {
	background-color: white;
	float: right;
	width: 30%;
	text-align:right;
}

div#cssummary {
	background-color:white;
}

div.cstoprightimage {
	margin: 0.5em 3em 0.5em 0.5em; 
	padding: 0; float: right;
}

div.cstoprightinsetimage {
	margin: 0.5em 0.5em 0.5em 0.5em; 
	padding: 0; float: right;
}

div.cstopleftinsetimage {
	margin: 0.5em 0.5em 0.5em 0.5em; 
	padding: 0; float: left;
}

div.cstopleftimage {
	margin: 1em 0.5em 0em 0.5em; 
	padding: 0; float: left;
}


div.cslefttopcol {
	margin:0 40% 0 0; padding: 0;
	overflow: visible;
}

div.csleftbottomcol {
	margin:0 40% 0 0; padding: 0;
	overflow: visible;
}

div.csrightcol {
	margin: 0 0 0 0; padding: 0; float: right; width: 38%;
	overflow: visible;
}

div.csleftsmallcol {
	margin:0 60% 0 0; padding: 0;
	overflow: visible;
}

div.csrightbigcol {
	margin: 0 0 0 0; padding: 0; float: right; width: 58%;
	overflow: visible;
}


div.csthirdrightcol {
	margin: 0 0 0 0; padding: 0; float: right; width: 30%;
	overflow: visible;
}

div.csmiddlecol {
	margin:0 32% 0 50%; padding: 0;
	overflow: visible;
}

div.csthirdleftcol {
	margin: 0 0 0 0; padding: 0; float: left; width: 48%;
	overflow: visible;
}

div#mainimage {
	padding: 3em 0 0 1em;
}

div#cscontent {
	background-color: #666633;
}

div#csbranding {
	background-color: #66FF99;
}

div#cswireframes {
	background-color: #CCFFFF;
}

div#csimplementation {
	background-color: #CCCC33;
}

div#csaddbenefits {
	background-color:#9900FF;
}

.left {
  float: left;
  padding-right: 10px;
}
.right {
  float: right;
  padding-left: 10px;
}

div.prevarrow {
  float: left; width: 6%;
}

div.nextarrow {
  float: right; width: 6%;
}

.project-tn {
  display: block;
  margin: 10px 1.5em 10px 0;
  padding: 0px 0px 0px 0;
  float: left;
}
.project-page-tn {
  display: block;
  margin: 10px 0 10px 1.5em;
  padding: 0px 0px 0px 0;
  float: right;
}

.floatingpiccie {
  display: block;
  margin: 10px 0px 5px 10px;
  padding: 0px 0px 0px 0;
  float: right;
}

.floatingpiccie img {
  margin: 0 0 0 0;
  padding: 0;
}

.project-tn img {
  margin: 0;
  padding: 0;
  width: 150px;
}
.project-page-tn img {
  margin: 0 0 10px 0;
  padding: 0;
}
.project img, .project-tn img, .project-page-tn img { 
  padding: 2px !important; 
}


div.clear {
  clear: both;
  font-size: 0px;
  line-height: 0;
  height: 0;
  border: none;
}

/* Main Navigation Styles */

#MainMenu .pad {
  margin: 0;
  padding: 0;
}

#Menu	{
  height: 327px;
  width: 132px;
  background: transparent url(../assets/images/nav.png) top left no-repeat;
  margin: 0;
  padding: 0;
  position: relative;
}

#BackMenu	{
  height: 45px;
  width: 132px;
  background: transparent url(../assets/images/back.png) top left no-repeat;
  margin: 0;
  padding: 0;
  position: relative;
}

#Menu li {
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  left: 0;
}

#BackMenu li {
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  left: 0;
}

#Menu li, #Menu li a {
  width: 132px;
  display: block;
  border: none !important;
}
  
#Menu li a {  
  text-indent: -9999px;
  text-decoration: none;
}

#BackMenu li, #BackMenu li a {
  width: 132px;
  display: block;
  border: none !important;
}
  
#BackMenu li a {  
  text-indent: -9999px;
  text-decoration: none;
}
#GoBackMenu, #GoBackMenu a	{top:0px; height: 42px;}
#GoBackMenu a:hover {
  background: transparent url(../assets/images/back-over.png) 0 0 no-repeat; 
}

#AboutMenu, #AboutMenu a	{top:0px; height: 42px;}
#BioMenu, #BioMenu a	{top:42px; height: 48px;}
#FolioMenu, #FolioMenu a	{top:90px; height: 48px;}
#ResMenu, #ResMenu a {top:138px; height: 49px;}
#IntMenu, #IntMenu a	{top:187px; height: 47px;}
#StyleMenu, #StyleMenu a	{top:234px; height: 50px;}
#PhotoMenu, #PhotoMenu a	{top:284px; height: 43px;}

#AboutMenu a:hover {
  background: transparent url(../assets/images/nav-over.png) 0 0 no-repeat; 
}
#BioMenu a:hover {
  background: transparent url(../assets/images/nav-over.png) 0 -42px no-repeat;
}
#FolioMenu a:hover {
  background: transparent url(../assets/images/nav-over.png) 0 -90px no-repeat;
}
#ResMenu a:hover {
  background: transparent url(../assets/images/nav-over.png) 0 -138px no-repeat;
}
#IntMenu a:hover {
  background: transparent url(../assets/images/nav-over.png) 0 -187px no-repeat;
}
#StyleMenu a:hover {
  background: transparent url(../assets/images/nav-over.png) 0 -234px no-repeat;
}
#PhotoMenu a:hover {
  background: transparent url(../assets/images/nav-over.png) 0 -284px no-repeat;
}   

#AboutMenuCurrent, #AboutMenuCurrent a	{top:0px; height: 42px;}
#BioMenuCurrent, #BioMenuCurrent a	{top:42px; height: 48px;}
#FolioMenuCurrent, #FolioMenuCurrent a	{top:90px; height: 48px;}
#ResMenuCurrent, #ResMenuCurrent a {top:138px; height: 49px;}
#IntMenuCurrent, #IntMenuCurrent a	{top:187px; height: 47px;}
#StyleMenuCurrent, #StyleMenuCurrent a	{top:234px; height: 50px;}
#PhotoMenuCurrent, #PhotoMenuCurrent a	{top:284px; height: 43px;}

#AboutMenuCurrent {
  background: transparent url(../assets/images/nav-over.png) 0 0 no-repeat; 
}
#BioMenuCurrent {
  background: transparent url(../assets/images/nav-over.png) 0 -42px no-repeat;
}
#FolioMenuCurrent  {
  background: transparent url(../assets/images/nav-over.png) 0 -90px no-repeat;
}
#ResMenuCurrent {
  background: transparent url(../assets/images/nav-over.png) 0 -138px no-repeat;
}
#IntMenuCurrent {
  background: transparent url(../assets/images/nav-over.png) 0 -187px no-repeat;
}
#StyleMenuCurrent {
  background: transparent url(../assets/images/nav-over.png) 0 -234px no-repeat;
}
#PhotoMenuCurrent {
  background: transparent url(../assets/images/nav-over.png) 0 -284px no-repeat;
}   

div.album_pic {
	float: left;
	margin: 10px 5px;
	padding: 3px;
	background: white;
	height: 130px;
	width: 140px;
}

div.album_pic img {
	width: 140px;
	padding: 3px;
	background: white;
	border: 1px solid #AAA;
}

div.album_pic ul {
  list-style: none;
  font: 85% Helvetica, Arial, sans-serif;
  text-align: center;
  margin-left: -35px;
}