body {margin-top:60px;
	background-color: #333;
	}
	
/* Controling the height of the page so the bottom nenu is always at the same position*/
/* height is good for begin, services, contactus, marydreblow */
/* height2 is good for profile */
/* height3 is good for clients */
/* height4 is good for portfolio, process mission */
/* height5 is good for portfolios */


td.height {height: 330px;
		}

td.height2 {height: 76px;
		}

td.height3 {height: 171px;
		}

td.height4 {height: 290px;
		}


td.height5 {height: 330px;
		}



/* just to have control over this table. Now it doesn't change much from default */


table.cover {margin-top:1px;
			}


/* so there is a distance between the bar and the photo */

div.photointro {margin-top:30px;
				
			}



/* so there is a distance between the foto and the link */

table.enter {margin-top:20px;
			}







A.home:link {color:#F09F2A;
					text-decoration: none;	
					}
					
A.home:visited {color: #F09F2A;
				text-decoration: none;
					}


A.home:active {color: #ccc;
				text-decoration: none;
					}


A.home:hover {color: #ccc;
			
				text-decoration: none;
				
				
					}
					
					
					
					
A.home2:link {color:#ccc;
					text-decoration: none;	
					}
					
A.home2:visited {color: #ccc;
				text-decoration: none;
					}


A.home2:active {color: #ccc;
				text-decoration: none;
					}


A.home2:hover {color: #A4B04B;
			
				text-decoration: none;
				
				
					}



A.enter:link {color:#ccc;
					text-decoration: underline;	
					}
					
A.enter:visited {color: #ccc;
				text-decoration: underline;
					}


A.enter:active {color: #cccccc;
				text-decoration: underline;
					}


A.enter:hover {color: #A4B04B;
			
				text-decoration: underline;
				
				
					}

/* the tag on the intro page. There is some padding so there is adistance from the picture */
div.introtag {font-family: Georgia, Garamond, Times;
			font-size: 12px;
			color: #F09F2A;
			text-align: left;
			
			padding-top:6px;
			padding-bottom:0px;
			padding-right:0px;
			
			}			


div.enter {font-family: verdana, sans;
			font-size: 9px;
			padding-top:6px;
			color: #fff;
			text-align: right;
			
			}




/* begin (home) page plus BOTTOM NAVIGATION for all */


div.tagline {font-family: Georgia, Garamond, Times;
			font-size: 12px;
			color: #fff;
			text-align: right;
			
			padding-top:0px;
			padding-bottom:4px;
			padding-right:4px;
			
			}
			
			

/* controling the top bar */

td.topbar {background-color: #f09f2a;
			height: 2px;
			}
			
			
td.topbarintro {background-color: #f09f2a;
			height: 2px;
			}



div.homepage {font-family: verdana, sans;
			font-size: 11px;
			line-height:20px;
			color: #ccc;
			text-align: left;
			padding-bottom:10px;
			padding-top:40px;
			}
			
			
b.main {color: #A4B04B;
		font-weight:bold;
		}
		
		
		
p.basic {padding-top:12px;
	}
	
p.bottom {padding-bottom:12px;
	}
	
	
/* Navigation */
/* Two mainnavigations because Home aligns to the RIGHT */

table.mainnavigation {margin-top:20px;
				}

div.mainnavigation  a {text-decoration: none;
					font-family: "Trebuchet MS", Impact, Sans;
				   font-size:11px;
				   color: #fff;
				   font-weight:bold;
				   text-align: left;
				   padding-left:0px;
				   padding-top:0px;
				   padding-bottom:0px;
				   }
				   

div.mainnavigation2 a {display: block;text-decoration: none;
				   font-family: "Trebuchet MS", Impact, Sans;
				   font-size:11px;
				   color: #fff;
				   font-weight:bold;
				   text-align: right;
				   padding-right:0px;
				   padding-top:0px;
				   padding-bottom:0px;

				   }
				   
				   
				   
A.mainnavigation:link {color:#fff;
					text-decoration: none;	
					}
					
A.mainnavigation:visited {color: #fff;
				text-decoration: none;
					}


A.mainnavigation:active {color: #cccccc;
				text-decoration: none;
					}


A.mainnavigation:hover {color: #A4B04B;
				
				text-decoration: none;
				
				
					}
					
					
					
/* *********************************** */

/* Profile. Services. Portfolio. Clients. Contact Us. */


h3.subtitle {font-family: verdana, sans;
			font-size: 12px;
			
			color: #F09F2A;
			text-align: left;
			padding-top:30px;
			}
	
	
div.maintext {font-family: verdana, sans;
			font-size: 11px;
			line-height:20px;
			color: #ccc;
			text-align: left;
			padding-right: 0px;
			
			}
			
div.profile {font-family: verdana, sans;
			font-size: 11px;
			line-height:30px;
			color: #ccc;
			text-align: left;
			padding-left: 114px;
			padding-top: 68px;
			}
			

/* Padding-Top: The goal is to make it paralel to the paragraph on the right */			
			
div.submenu {font-family: verdana, sans;
			font-size: 11px;
			line-height:30px;
			color: #ccc;
			text-align: left;
			padding-left: 88px;
			padding-top: 68px;
			}
			
			
div.submenusub {font-family: verdana, sans;
			font-size: 11px;
			line-height:30px;
			color: #ccc;
			text-align: left;
			padding-left: 0px;
			padding-top: 68px;
			}





div.note {font-family: verdana, sans;
			font-size: 10px;
			line-height:14px;
			color: #ccc;
			text-align: left;
			margin-left: 300px;
			padding-bottom:0px;
			padding-top:6px;
			border-top: solid 2px #999;
			}
			
			
/* links from text */			
			
A.text:link {color:#ccc;
					text-decoration: underline;	
					}
					
A.text:visited {color: #ccc;
				text-decoration: underline;
					}


A.text:active {color: #ccc;
				text-decoration: underline;
					}


A.text:hover {color: #ccc;
			background-color:#444;
				text-decoration: underline;
				
				
					}
			
			




A.profile:link {color:#ccc;
					text-decoration: underline;	
					}
					
A.profile:visited {color: #ccc;
				text-decoration: underline;
					}


A.profile:active {color: #ccc;
				text-decoration: underline;
					}


A.profile:hover {color: #ccc;
			background-color:#444;
				text-decoration: underline;
				
				
					}
					
					
					
A.portfolio:link {color:#ccc;
					text-decoration: underline;	
					}
					
A.portfolio:visited {color: #ccc;
				text-decoration: underline;
					}


A.portfolio:active {color: #ccc;
				text-decoration: underline;
					}


A.portfolio:hover {color: #ccc;
			background-color:#444;
				text-decoration: underline;
				
				
					}
	

/* A margin separating text from listing */


table.clients {margin-top:10px;
			}
			
			
			

/* services Photo */

div.services {
			padding-top: 68px;
			}






/* Portfolio Pages */			

div.portfolio {font-family: verdana, sans;
			font-size: 11px;
			line-height:20px;
			color: #ccc;
			text-align: left;
			padding-right: 46px;
			}

div.collage {padding-top: 44px;

			}

div.portafoliomenu {font-family: verdana, sans;
			font-size: 10px;
			line-height:30px;
			color: #ccc;
			text-align: left;
			padding-left: 112px;
			padding-top: 68px;
			}

div.portafoliomenuInt {font-family: verdana, sans;
			font-size: 10px;
			line-height:30px;
			color: #ccc;
			text-align: left;
			padding-left: 12px;
			padding-top: 68px;
			}
			
			
			
			
div.submenusub {font-family: verdana, sans;
			font-size: 11px;
			line-height:30px;
			color: #ccc;
			text-align: left;
			padding-left: 0px;
			padding-top: 68px;
			}
			
			
			

			
/* Clients */

div.clients {font-family: verdana, sans;
			font-size: 11px;
			line-height:20px;
			color: #ccc;
			text-align: left;
			padding-right: 0px;
			}




div.clientlist {font-family: verdana, sans;
			font-size: 11px;
			
			color: #ccc;
			text-align: left;
			padding-left: 12px;
			padding-top: 0px;
			}
			
/* Deep Level */

div.subtitleDeep {font-family: verdana, sans;
			font-size: 12px;
			
			color: #F09F2A;
			text-align: left;
			padding-top:30px;
			font-weight:bold;
			}

			



/* so the image (collage and others) aligns vertically with subtitle */

div.portfolioImage {padding-top:48px;

					}
					
div.portfolioImageLeft {padding-top:48px;

					}
					
					
					


/* so the nenu aligns vertically and Horizontally */
			
div.portfoliomenuDeep {font-family: verdana, sans;
			font-size: 10px;
			line-height:30px;
			color: #ccc;
			text-align: left;
			padding-left: 36px;
			padding-top: 46px;
			padding-bottom:0px;
			}
			
			
			
			
			
/* Links on Mayo Pages to othe section WITHIN MAYO */			


div.portfolioMayolink {font-family: verdana, sans;
			font-size: 10px;
			line-height:30px;
			color: #ccc;
			text-align: left;
			padding-left: 36px;
			padding-top: 0px;
			padding-bottom:0px;
			}
			
			
			
			
			
A.mayolink:link {color:#F09F2A;
					text-decoration: underline;	
					}
					
A.mayolink:visited {color: #F09F2A;
				text-decoration: underline;
					}


A.mayolink:active {color: #ccc;
				text-decoration: underline;
					}


A.mayolink:hover {color: #ccc;
			background-color:#444;
				text-decoration: underline;
				
				
					}
			











div.link {font-family: verdana, sans;
			font-size: 10px;
			line-height:30px;
			color: #ccc;
			text-align: left;
			padding-left: 0px;
			padding-top: 60px;
			padding-bottom:0px;
			}
			
			
			




/* Both clients are the same now, but we could differentiate between the
Portfolio ones and those with just ONE photo */




A.clients:link {color:#F09F2A;
					text-decoration: underline;	
					}
					
A.clients:visited {color: #F09F2A;
				text-decoration: underline;
					}


A.clients:active {color: #ccc;
				text-decoration: underline;
					}


A.clients:hover {color: #ccc;
			background-color:#444;
				text-decoration: underline;
				
				
					}
					

A.clientsPort:link {color:#F09F2A;
					text-decoration: underline;	
					}
					
A.clientsPort:visited {color: #F09F2A;
				text-decoration: underline;
					}


A.clientsPort:active {color: #ccc;
				text-decoration: underline;
					}


A.clientsPort:hover {color: #ccc;
			background-color:#444;
				text-decoration: underline;
				
				
					}
					
					



div.form {font-family: verdana, sans;
			font-size:10px;
			color: #cccccc;
			text-align:left;
			padding-top:12px;
			padding-left:20px;
			padding-right:0px;
			line-height:16px;
			border: solid thin #cccccc;
			margin-top: 50px;
			margin-bottom:20px;
			margin-left:40px;
		}	


input:focus {background: #cccccc;}

input {background: #cccccc;}

textarea {background: #cccccc;}

					
					
/* NO LONGER NEEDED */


div.pie {font-family: verdana, sans;
			font-size: 11px;
			line-height:20px;
			color: #ccc;
			text-align: left;
			padding-right: 4px;
			padding-top:12px;
			}