p, h2#slogan, h1.pagetitle { 		
	padding-left: 0em;
	padding-right: 0em;
	width: 950px; 
	margin-right: auto; 
	margin-left: auto;
	max-width: 1008px; 
	}
h1.pagetitle {
	margin-left: 28px;
	font-size: 1.33em;
	position: relative;
	bottom: 1em;
	}

p.fact {position: relative;
	bottom: 2em; font-size: .93em; font-weight: 500	}

body {
	font-size: 1em;
	font-family: "Book Antiqua", "Palatino", "Sans-Serif";
	color: F10000;
	background-image: url(outbg.gif);
	background-repeat: repeat-x;
	}
div#navegation {
	width: 1008px;
	height: 84px;
	border: 0;
	margin-top: -15px;
	}

img#logo {position: relative; z-index: 0;} 

/* NAVEGATION BTNS */
	/* HOME BTN */
		/* Set the <div> size and background. */
		#homebtn { width: 75px; height: 84px; background: url(navegation/homehover.gif); position: relative; left: 390px; bottom: 84px;}
		/* Set the <a> size. */
		#homebtn a { display: block; width: 75px; height: 84px; }
		/* Suppress the nested <img> border. */
		#homebtn a img { border: 0px;}
		/* Hide the <img> onmouseover. */
		#homebtn a:hover img { visibility: hidden; }
	
	/* SERVICES BTN */
		/* Set the <div> size and background. */
		#servicebtn { width: 94px; height: 84px; background: url(navegation/servicehover.gif); position: relative; left: 464px; bottom: 168px;}
		/* Set the <a> size. */
		#servicebtn a { display: block; width: 94px; height: 84px; }
		/* Suppress the nested <img> border. */
		#servicebtn a img { border: 0px;}
		/* Hide the <img> onmouseover. */
		#servicebtn a:hover img { visibility: hidden; }
	
	/* PORTFOLIO BTN */
		/* Set the <div> size and background. */
		#portfoliobtn { width: 91px; height: 84px; background: url(navegation/portfoliohover.gif); position: relative; left: 557px; bottom: 252px;}
		/* Set the <a> size. */
		#portfoliobtn a { display: block; width: 91px; height: 84px; }
		/* Suppress the nested <img> border. */
		#portfoliobtn a img { border: 0px;}
		/* Hide the <img> onmouseover. */
		#portfoliobtn a:hover img { visibility: hidden; }
		
	/* ESTIMATE BTN */
		/* Set the <div> size and background. */
		#estimatebtn { width: 95px; height: 84px; background: url(navegation/estimatehover.gif); position: relative; left: 648px; bottom: 336px;}
		/* Set the <a> size. */
		#estimatebtn a { display: block; width: 95px; height: 84px; }
		/* Suppress the nested <img> border. */
		#estimatebtn a img { border: 0px;}
		/* Hide the <img> onmouseover. */
		#estimatebtn a:hover img { visibility: hidden; }
	
	/* TEAM BTN */
		/* Set the <div> size and background. */
		#teambtn { width: 71px; height: 84px; background: url(navegation/teamhover.gif); position: relative; left: 742px; bottom: 420px;}
		/* Set the <a> size. */
		#teambtn a { display: block; width: 71px; height: 84px; }
		/* Suppress the nested <img> border. */
		#teambtn a img { border: 0px;}
		/* Hide the <img> onmouseover. */
		#teambtn a:hover img { visibility: hidden; }

	/* CONTACT BTN */
		/* Set the <div> size and background. */
		#contactbtn { width: 112px; height: 84px; background: url(navegation/contacthover.gif); position: relative; left: 812px; bottom: 504px;}
		/* Set the <a> size. */
		#contactbtn a { display: block; width: 112px; height: 84px; }
		/* Suppress the nested <img> border. */
		#contactbtn a img { border: 0px;}
		/* Hide the <img> onmouseover. */
		#contactbtn a:hover img { visibility: hidden; }
	
	/* CONTACT BTN */
		/* Set the <div> size and background. */
		#careersbtn { width: 89px; height: 84px; background: url(navegation/careershover.gif); position: relative; left: 919px; bottom: 588px}
		/* Set the <a> size. */
		#careersbtn a { display: block; width: 89px; height: 84px; }
		/* Suppress the nested <img> border. */
		#careersbtn a img { border: 0px;}
		/* Hide the <img> onmouseover. */
		#careersbtn a:hover img { visibility: hidden; }


h1#navtitle {
      margin:0; padding:0;
      position:relative;
      width:390px; height:84px;
      overflow:hidden;
      }
#navtitle span {
      display:block;
      position:absolute; left:0; top:0; z-index:1;
      width:390px; height:84px;
      margin:0; padding:0;
      background:url("navegation/logo.gif") top left no-repeat;
      }

div#client {
	margin-right: auto; 
	margin-left: auto;
	height: 216px;
	width: 900px;
	border: 2pt outset;
	margin-bottom: 1em;
	}


.logos, .rowtwo {padding: 0.7em; margin: auto; vertical-align: middle; position: relative; z-index: 1; border: 0}

.rowtwo {padding-right: 1.3em}


div#photos { padding: 0px; margin-bottom: 25px; max-height: 1200px; margin-right: auto; margin-left: auto; width: 900px; border: 2pt outset; vertical-align: middle}
div.inbox {
		border-width: 2px;
		border-style: ridge;
		margin-top: 15px;
		margin-right: auto; 
		margin-left: auto;
		background: transparent url(portfolio/noend.gif) scroll top left; 
		width: 1008px;
		}

p.alignright {
		text-align: right; 
		max-width: 1007px; 
		}



img.alignmiddle {vertical-align: middle; padding-left: 1px}


	/* LOCATION BAR */
	span.location {
	color: #004080;
	border-style: inset;
	border-color: #c9353a;
	border-width: 2px;
	background-color: #F9C7C2; 
	padding-left: 5px; 
	padding-right: 2px; 
	}
	
	
	
	.location a {text-decoration: none; color: black }
	
	.location a:visited {text-decoration: none;}
	
	.location:hover { color: white; background-color: maroon; text-decoration: none; position: relative; z-index: 1}


	
	/* END LOCATION BAR */

span.bold {
	font-weight: 900;}

h2.port {text-align: center; font-size: 16pt; font-style: oblique}


.lowlinks {text-shadow: 0px 0px 2em black; text-decoration: none; padding-right: 1em; font-size: small; font-weight: 600; position: relative; top: 25px; z-index: 15; color: black}
.lowlinks:hover {text-decoration: none; color: #4c4c4c}

#client {border: 0}

#iwebdiv {top: -70px; position: relative;}