body {margin: 0px; font-family: tahoma, "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 62.5%; color: #727272; background: #cccccc; }
#border {position:relative; margin: 0 auto; top:8px; width:761px; border: 5px solid #9E9C9C; background-color: #ffffff;}

#logo {position: absolute; top: 1px; left: 1px; display: block; width:199px; height:114px; background: #000000; text-align: center}
#logo img {margin-top: 5px}
#logo h1 {position: relative; float: right; top: 50px; margin-right: 5px; background: transparent url(/images/topstrap.gif) no-repeat top left; width: 161px; height: 12px;}
#logo h1 span {display: none}

#nav, #nav ul { /* all lists */
	position: absolute; top: 0px; left: 200px; width: 570px;
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1; z-index: 100;
}

#nav a {
	display: block;
	width: 106px; /* set as 106 here due to 5px padding right*/
	height: 20px; 
	font-size: 1.2em;
	line-height: 1.5em;
	color: #ffffff;
	background-color: #C40404;
	text-decoration: none; 
	border-bottom: 1px #ffffff solid; border-left: 1px solid #ffffff; text-align: right; padding-right: 5px
}

#nav a:hover {
	background-color: #000000;
}

#nav li { /* all list items */
	float: left;  border-top: 1px solid #ffffff;
	width: 111px; /* width needed or else Opera goes nuts */
	
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: #000000;
	width: 150px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	border-right: 1px solid #ffffff; 
}
#nav li ul a {width: 150px; text-align: left; padding-left: 5px}

#nav li ul li {border-top: 0; }

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto; top: 22px;
}

#nav li ul li a, #nav li.sfhover ul li a {
	background-color: #000000;
}	

#nav li ul li a:hover, #nav li.sfhover ul li a:hover {
	background-color: #C40404;
	color: #ffffff;
}
/*#nav .navend {border-right: 1px solid #ffffff}*/

.headerimg {position: absolute; top: 22px; left: 201px}

#content {position: relative; margin-top: 118px; left: 0px; background: white; font-size: 1.2em; overflow: auto;}
#content a {color: #C40404}
.left {font-size: 1.2em; float: left; width: 180px; padding: 8px; margin: 0px 10px 0px 1px;  margin-top: 118px; border: 1px solid #6C6B6B; background-color: #D8D6D6; color: #000000}
.left span {display: block; width: 180px; text-align: right;}
#content p {padding: 0px 10px 10px 10px}

.red {color: #cc0000;}

#content h2 {position: relative; display: block; margin: 5px 0px 10px 0px; background: transparent url(/images/strap_shameless.gif) no-repeat; width: 284px; height: 32px;}
#content h2 span {display: none}
#content h2.solutions {position: relative; display: block; margin: 5px 0px 10px 0px; background: transparent url(/images/strap_solutions.gif) no-repeat; width: 285px; height: 34px;}
#content h2.solutions span {display: none}
#content h2.accessibility {position: relative; display: block; margin: 5px 0px 10px 0px; background: transparent url(/images/strap_accessibility.gif) no-repeat; width: 341px; height: 33px;}
#content h2.accessibility span {display: none}
#content h2.branding {position: relative; display: block; margin: 5px 0px 10px 0px; background: transparent url(/images/strap_branding.gif) no-repeat; width: 354px; height: 33px;}
#content h2.branding span {display: none}
#content h2.design {position: relative; display: block; margin: 5px 0px 10px 0px; background: transparent url(/images/strap_design.gif) no-repeat; width: 478px; height: 34px;}
#content h2.design span {display: none}
#content h2.ecommerce {position: relative; display: block; margin: 5px 0px 10px 0px; background: transparent url(/images/strap_ecommerce.gif) no-repeat; width: 529px; height: 33px;}
#content h2.ecommerce span {display: none}
#content h2.emarketing {position: relative; display: block; margin: 5px 0px 10px 0px; background: transparent url(/images/strap_emarketing.gif) no-repeat; width: 372px; height: 33px;}
#content h2.emarketing span {display: none}
#content h2.lookinggood {position: relative; display: block; margin: 5px 0px 10px 0px; background: transparent url(/images/strap_lookinggood.gif) no-repeat; width: 227px; height: 33px;}
#content h2.lookinggood span {display: none}
#content h2.multimedia {position: relative; display: block; margin: 5px 0px 10px 0px; background: transparent url(/images/strap_multimedia.gif) no-repeat; width: 288px; height: 33px;}
#content h2.multimedia span {display: none}
#content h2.seo {position: relative; display: block; margin: 5px 0px 10px 0px; background: transparent url(/images/strap_seo.gif) no-repeat; width: 271px; height: 33px;}
#content h2.seo span {display: none}
#content h2.webdev {position: relative; display: block; margin: 5px 0px 10px 0px; background: transparent url(/images/strap_webdev.gif) no-repeat; width: 326px; height: 33px;}
#content h2.webdev span {display: none}
#content h2.portfolio {position: relative; display: block; margin: 5px 0px 10px 10px; background: transparent url(/images/strap_portfolio.gif) no-repeat; width: 300px; height: 34px;}
#content h2.portfolio span {display: none}
#content h2.portfoliowhat {position: relative; display: block; margin: 5px 0px 10px 10px; background: transparent url(/images/strap_portfoliowhat.gif) no-repeat; width: 275px; height: 24px;}
#content h2.portfoliowhat span {display: none}
#content h2.portfoliowho {position: relative; display: block; margin: 5px 0px 10px 10px; background: transparent url(/images/strap_portfoliowho.gif) no-repeat; width: 356px; height: 25px;}
#content h2.portfoliowho span {display: none}
#content h2.portfoliowhatsaid {position: relative; display: block; margin: 5px 0px 10px 10px; background: transparent url(/images/strap_portfoliowhatsaid.gif) no-repeat; width: 318px; height: 33px;}
#content h2.portfoliowhatsaid span {display: none}
#content h2.contact {position: relative; display: block; margin: 5px 0px 10px 10px; background: transparent url(/images/strap_contact.gif) no-repeat; width: 342px; height: 34px;}
#content h2.contact span {display: none}
#content h2.sitemap {position: relative; display: block; margin: 5px 0px 10px 10px; background: transparent url(/images/strap_sitemap.gif) no-repeat; width: 111px; height: 32px;}
#content h2.sitemap span {display: none}
#content h2.feedback {position: relative; display: block; margin: 5px 0px 10px 10px; background: transparent url(/images/strap_feedback.gif) no-repeat; width: 123px; height: 25px;}
#content h2.feedback span {display: none}

#content h3 {font-size: 1.2em; margin-left: 10px}

#content ul {position: relative; list-style: disc; left: 30px; margin-right: 40px}
#content ul a {text-decoration: none}
#content ul a:hover {text-decoration: underline}

ul.homepage li {list-style-type: disc; margin: 0px 0px 5px 13px; position: relative;}

#footer {position: relative; display: block; clear: left; margin: 10px 0px 1px 1px; width: 759px; background-color: #C40404; line-height: 20px; color: #ffffff; text-align: center}


#portfoliotable a {text-decoration: none}
#portfoliotable a:hover {background-position:0 0; text-decoration: underline; } /*added for ie*/
#portfoliotable a span {position: absolute; left: -9999px}
#portfoliotable a:hover span {display: block; position: absolute; top: 260px; left: 10px; width: 719px; height: 150px; padding: 10px; border: 1px solid #6C6B6B; background-color: #D8D6D6; color: #000000; text-decoration: none}
#portfoliotable a img {position: absolute; left: -9999px;}
#portfoliotable a:hover img {position: absolute; left: 585px; top: 55px; border: 0; z-index: 999}

.quote {position: relative; width: 700px; height: 70px; border: 1px solid black; padding: 12px; margin: 10px; color: #C40404; background: transparent url(/images/quoteback.gif) no-repeat top left}
.quoteperson {float: right}