* {
margin: 0 0 0 0;
padding: 0 0 0 0;
}

body {
background: #EAEDD1;
text-align: center;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
padding: 0 0 20px 0;
behavior:url("/scripts/hover.htc");
}

/*/*/a{}
body {
  font-size: x-small;
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size: small;
}
html>body {
    font-size: small;
}
/* */

p {
color: #666;
margin: 0 0 0.75em 0;
line-height: 1.4em;
}

ul {
margin: 1.12em 0;
margin-left: 40px
}

li {
margin-left: 3em;
line-height: 1.4em;
}

.hidden, .heading-hidden {
display: none;
}

.clear {
clear: both;
height: 0;
font-size: 0;
}

a:link, a:visited {
color: #CC0066;
}

a:hover, a:active {
color: #666;
text-decoration: none;
}


/*************************************************************/

#container {
width: 765px;
margin: 0 auto;
padding: 0;
background: #FFF url(/images/interface/container_background.gif) 0 0 repeat-y;
text-align: left;
border-top: 1px solid #CC0066;
}

/*************************************************************/

#top #main-links {
float: left;
width: 424px;
height: 31px;
background: #CC0066;
border-right: 1px solid #FFF;
}

#top #main-links p {
margin: 4px 0 0 37px;
}

#top #main-links p span {
display: none;
}

#top #main-links p a.fullgraphics {
display: none;
}

#top #main-links p a:link, #top #main-links p a:visited {
color: #D9EE86;
text-decoration: none;
font-size: 0.86em;
/*font-weight: bold;*/
padding: 0 0 0 10px;
margin: 0 1em 0 0;
background: url(/images/interface/linkarrow_small.gif) 0 50% no-repeat;
}

#top #main-links p a:hover, #top #main-links p a:active {
color: #FFF;
}

/*************************************************************/

#top #main-navigation {
float: right;
width: 339px;
height: 40px;
background: #CC0066;
margin-right: 1px;
}

#top #main-navigation:hover, body#company-page #top #main-navigation, body#services-page #top #main-navigation, body#portfolio-page #top #main-navigation, body#webguide-page #top #main-navigation, body#contactus-page #top #main-navigation {
background: #666;
}

#top #main-navigation ul {
list-style-type: none;
	margin: 0 0 0 0;
	padding: 0;
	background: transparent url(/images/interface/navigation_background.gif) top left no-repeat;
	height: 34px;
	width: 339px;
	position: relative;
}

#top #main-navigation ul li {
display: inline;
}

li#company{ top: 0; left: 0; }
li#company a{ position: absolute; width: 72px; height: 34px; text-decoration: none; top: 0; left: 0; }
li#company a span{ display: none; }
li#company a:hover, body#company-page li#company a { position: absolute; background: transparent url(/images/interface/navigation_background.gif) 0 -40px no-repeat; top: 0; left: 0; }

li#services{ top: 0; left: 71px; }
li#services a{ position: absolute; width: 63px; height: 34px; text-decoration: none; top: 0; left: 71px; }
li#services a span{ display: none; }
li#services a:hover, body#services-page li#services a{ position: absolute; background: transparent url(/images/interface/navigation_background.gif) -71px -80px no-repeat; }

li#portfolio{ top: 0; left: 133px; }
li#portfolio a{ position: absolute; width: 61px; height: 34px; text-decoration: none; top: 0; left: 133px; }
li#portfolio a span{ display: none; }
li#portfolio a:hover, body#portfolio-page li#portfolio a{ position: absolute; background: transparent url(/images/interface/navigation_background.gif) -133px -120px no-repeat; }

li#webguide { top: 0; left: 193px; }
li#webguide a{ position: absolute; width: 71px; height: 34px; text-decoration: none; top: 0; left: 193px; }
li#webguide a span{ display: none; }
li#webguide a:hover, body#webguide-page li#webguide a{ position: absolute; background: transparent url(/images/interface/navigation_background.gif) -193px -160px no-repeat; }

li#contactus { top: 0; left: 263px; }
li#contactus a{ position: absolute; width: 76px; height: 34px; text-decoration: none; top: 0; left: 263px; }
li#contactus a span{ display: none; }
li#contactus a:hover, body#contactus-page li#contactus a{ position: absolute; background: transparent url(/images/interface/navigation_background.gif) -263px -200px no-repeat; }

/*************************************************************/

#content-container {
width: 765px;
}

#home-page #content-container {
background: url(/images/interface/left_background_homepage.gif) 0 100% no-repeat;
}

#company-page #content-container {
background: url(/images/interface/left_background_company.jpg) 277px 100% no-repeat;
}

/*************************************************************/

#left-content {
float: left;
width: 424px;
padding-bottom: 50px;
}

/*#left-content h1 {
width: 154px;
height: 45px;
background: url(/images/interface/speckledfrog_small.gif) 0 0 no-repeat;
text-indent: -9999px;
margin: 16px 0 0 37px;
padding: 0 0 0 0;
}

body#home-page #left-content h1 {
width: 221px;
height: 72px;
background: url(/images/interface/speckledfrog_large.gif) 0 0 no-repeat;
}*/

#left-content h2 {
font-size: 1.9em;
color: #C03;
font-family: "Geometric Slabserif 703 Medium BT", Georgia, Times, serif;
font-weight: normal;
margin: 40px 37px 15px 37px;
line-height: 1.1em;
}

#left-content h3 {
font-size: 1.5em;
font-family: "Geometric Slabserif 703 Medium BT", Georgia, Times, serif;
color:#999;
font-weight:normal;
margin: 0 40px 0.75em 37px;
padding: 0.75em 0 0 0;
}

#left-content h4 {
font-size: 1em;
margin: 1em 40px 0.3em 37px;
color: #666;
padding: 1em 0 1em 0;
background: url(../images/interface/h4_bg.gif) repeat-x;
}
#left-content h5 {
font-size: 1em;
margin: 0 40px 0.75em 37px;
color: #96A468;
font-style: italic;
font-weight: normal;
padding: 0 0 0 0;
}

#left-content ul {
color: #666;
font-size: 1em;
list-style: none;
margin-right: 30px;
}

#left-content ul li {
background: url(/images/interface/list_bullet.gif) 0 5px no-repeat;
margin-left: 0;
padding-left: 1em;
}

#left-content p {
font-size: 1em;
margin: 0 30px 0.75em 37px;
padding: 0 0 0 0;
line-height: 1.5em;
}

#left-content p.img-caption {
color: #7A8A49;
font-size: 0.85em;
}

#left-content dl.guide {
font-size: 1em;
margin: 0 20px 0.75em 0;
padding: 0 0 0 0;
color: #666;
}
#left-content dl.guide dt {
margin: 0 20px 0.2em 37px;
padding: 7px 0 15px 20px;
background: url(/images/interface/guide_bullet.gif) no-repeat;

}
#left-content dl.guide dd {
margin: 0 20px 1em 57px;
padding: 0 0 0 20px;

}

#left-content img.screengrab {
float: right;
margin: 3px 37px 1em 1em;
padding: 0 0 0 0;
border: 0;
}

#left-content img {
margin: 16px 0 0 37px;
padding: 0 0 0 0;
}

body#home-page #left-content img {
margin: 0 0 0 37px;
padding: 0 0 0 0;
}

#left-content div.img-caption-left {
float-left
}

#left-content div.caption-right {
background: #F0F1ED url(/images/caption_right.gif) no-repeat top left;
margin: 0 30px 10px 37px;
width: 328px;

}
#left-content div.caption-right p {
background: url(/images/caption_bottom.gif) no-repeat bottom left;
font-size: 0.85em;
padding: 45px 20px 15px 20px;
margin: 0 0 0 0;
}

#left-content div.caption-left {
background: #F0F1ED url(/images/caption_left.gif) no-repeat top left;
margin: 0 30px 10px 37px;
width: 328px;

}
#left-content div.caption-left p {
background: url(/images/caption_bottom.gif) no-repeat bottom left;
font-size: 0.85em;
padding: 45px 20px 15px 20px;
margin: 0 0 0 0;
}

acronym {
border-bottom: 1px #CCCCCC dotted;
cursor:help;
}


/*************************************************************/

#right-content {
float: right;
width: 340px;
}

#right-content p {
font-size: 0.85em;
margin: 0 20px 0.75em 37px;
}

#right-content #pullquote {
border-top: 1px solid #FFF;
margin: 1em 1px 0 0;
padding: 1em 0 0 0;
}

#right-content #pullquote p {
font-size: 1.5em;
color: #CC0033;
font-family: "Geometric Slabserif 703 Medium BT", Georgia, "Times New Roman", Times, serif;
margin: 0 37px 0 37px;
line-height: 1.2em;
}

#right-content #pullquote p.author {
font-size: 0.85em;
color: #CC0033;
font-family: Arial, Helvetica, sans-serif;
margin: 0.75em 37px 0 37px;
line-height: 1em;
}

#right-content h3 {
text-indent: -9999px;
margin: 13px 0 15px 37px;
padding: 0 0 0 0;
height: 25px;
}

#right-content h4 {
font-size: 0.85em;
margin: 0 20px 0.75em 37px;
color: #CC0066;
font-weight: bold;
}

#right-content h5 {
font-size: 0.85em;
margin: 0 20px 0.75em 37px;
color: #666;
font-weight: normal;
font-style: italic;
}

#home-page #right-content h3 {
width: 216px;
background: url(/images/interface/whatshappening.gif) 0 0 no-repeat;
}

#right-content h2 {
width: 240px;
height: 50px;
text-indent: -9999px;
margin: 23px 0 10px 34px;
padding: 0 0 0 0;
}

#company-page #right-content h2 {
background: url(/images/interface/company.gif) 0 0 no-repeat;
}

#portfolio-page #right-content h2 {
background: url(/images/interface/portfolio.gif) 0 0 no-repeat;
}

#services-page #right-content h2 {
background: url(/images/interface/services.gif) 0 0 no-repeat;
}

#webguide-page #right-content h2 {
background: url(/images/interface/webguide.gif) 0 0 no-repeat;
}

#contactus-page #right-content h2 {
background: url(/images/interface/contactus.gif) 0 0 no-repeat;
}

#accesskeys-page #right-content h2 {
width: 260px;
background: url(/images/interface/accesskeys.gif) 0 0 no-repeat;
}

#right-content ul {
list-style: none;
margin: 0 1px 0 0;
padding: 0 0 0 0;
}

#right-content ul {
list-style: none;
margin: 0 0 0 0;
padding: 0 0 0 0;
border-bottom: 0;
}

#right-content ul li {
padding: 0 0 0 0;
margin: 0 0 0 0;
display: inline;
}

#right-content ul li a:link, #right-content ul li a:visited {
color: #666;
text-decoration: none;
display: block;
padding: 0 0 0 37px;
font-size: 0.86em;
}

#right-content ul li a:hover, #right-content ul li a:active {
color: #CC0066;
}

#right-content ul li a:link, #right-content ul li a:visited {
font-size: 0.85em;
color: #666;
background: url(/images/interface/linkarrow_large.gif) 0 1px no-repeat;
padding: 0 0 0.75em 20px;
display: block;
line-height: 1.3em;
margin: 0 0 0 37px;
text-decoration: none;
width: 253px;
}

#right-content ul li a:hover, #right-content ul li a:active {
color: #CC0066;
}

#right-content ul.bullet-list {
font-size: 0.85em;
list-style: none;
margin: 1.12em 0;
margin-left: 40px
}

#right-content ul.bullet-list li {
display: list-item;
background: url(/images/interface/list_bullet.gif) 0 6px no-repeat;
margin-left: 0;
padding-left: 1em;
margin-right: 2em;
margin-bottom: 0.5em;
}


#right-content img {
float: right;
margin: 4px 37px 1em 1em;
border: 0;
}

#home-page #right-content img {
float: none;
margin: 0 0 0 0;
}

#right-content div.display-item {
border-top: 1px solid #FFF;
margin: 1em 1px 0 0;
padding: 1em 0 0 0;
}

/*************************************************************/

#footer {
height: 98px;
background: url(/images/interface/footer_background.gif) 0 0 no-repeat;
}

#home-page #footer {
background: url(/images/interface/footer_background_homepage.gif) 0 0 no-repeat;
}

#footer-contact {
float: left;
width: 424px;
height: 98px;
}

#footer-contact p {
font-size: 0.86em;
color: #96A468;
line-height: 1.3em;
padding: 30px 0 0 37px;
}

#footer-contact p a:link, #footer-contact p a:visited {
color: #96A468;
text-decoration: none;
}

#footer-contact p a:hover, #footer-contact p a:active {
color: #CC0066;
}

#home-page #footer-contact p {
padding: 30px 0 0 261px;
}

#footer-jump {
float: right;
width: 340px;
height: 98px;
background: url(/images/interface/footer_jump.gif) 191px 30px no-repeat;
}

#footer-leap {
float: right;
width: 340px;
height: 98px;
background: url(/images/interface/footer_leap.gif) 206px 26px no-repeat;
}

#footer-hop {
float: right;
width: 340px;
height: 98px;
background: url(/images/interface/footer_hop.gif) 207px 26px no-repeat;
}