@charset "UTF-8";
/* CSS Document */

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

body {
font-size: 100%;
font-family: Helvetica, Arial, sans-serif;
margin: 0 0 0 0;
padding: 0 0 0 0;
background: #E6F0F2;
text-align: center;
}

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

.hidden {
display: none;
}

a:link, a:visited {
text-decoration: none;
color: #C63561;
}

a:hover, a:active {
text-decoration: underline;
}

table {
border-collapse: collapse;
}

/* +++++++++++++++++++++++++++++++++++++++++++ */

#container {
width: 800px;
margin: 41px auto 0 auto;
background: url(/images/interface/container_bg.gif) top left repeat-y;
text-align: left;
}

/* +++++++++++++++++++++++++++++++++++++++++++ */

#navigation {
height: 42px;
width: 794px;
padding: 0 0 0 6px;
background: transparent url(/images/interface/navigation.gif) 0 0 no-repeat;
}

#navigation ul {
height: 42px;
list-style: none;
background: transparent url(/images/interface/navigation_bg.gif) 0 0 no-repeat;
position: relative;
}

#navigation ul li {
position: absolute;
top: 0;
}

#navigation ul li a {
height: 42px;
display: block;
text-indent: -9999px;
text-decoration: none;
}

#navigation #home { left: 0; width: 85px; }
#navigation #services { left: 86px; width: 101px; }
#navigation #portfolio { left: 188px; width: 101px; }
#navigation #clientlist { left: 290px; width: 98px; }
#navigation #contact { left: 389px; width: 87px; }

#navigation #home a:hover, #home-page #home a {background: transparent url(/images/interface/navigation_bg.gif) 0 -42px no-repeat;}
#navigation #services a:hover, #services-page #services a {background: transparent url(/images/interface/navigation_bg.gif) -86px -42px no-repeat;}
#navigation #portfolio a:hover, #portfolio-page #portfolio a {background: transparent url(/images/interface/navigation_bg.gif) -188px -42px no-repeat;}
#navigation #clientlist a:hover, #clientlist-page #clientlist a {background: transparent url(/images/interface/navigation_bg.gif) -290px -42px no-repeat;}
#navigation #contact a:hover, #contact-page #contact a {background: transparent url(/images/interface/navigation_bg.gif) -389px -42px no-repeat;}

/* +++++++++++++++++++++++++++++++++++++++++++ */

#content {
background-position: 0 100%;
background-repeat: no-repeat;
padding: 0 0 80px 0;
height: 670px;
overflow: hidden;
}

#content h1 {
font-size: 1.250em;
text-transform: lowercase;
font-weight: normal;
padding: 0 0 0 0;
margin: 0 0 0 0;
}

#content h2 {
font-size: 1.250em;
text-transform: lowercase;
font-weight: normal;
padding: 1em 0 0.5em 0;
}

#content p {
font-size: 0.6875em;
color: #695C57;
line-height: 1.5em;
padding: 0 0 0.5em 0;
}

#content ul {
font-size: 0.6875em;
list-style: none;
margin: 0 0 0.5em 1em;
}

#content ul li {
color: #695C57;
line-height: 1.5em;
padding: 0 0 0.25em 1em;
background-position: 0 5px;
background-repeat: no-repeat;
}

/* +++++++++++++++++++++++++++++++++++++++++++ */

#content-left {
width: 418px;
float: left;
background: transparent url(/images/interface/content_left_top.gif) 0 0 no-repeat;
padding: 25px 40px 0 35px;
}

/* +++++++++++++++++++++++++++++++++++++++++++ */

#content-right {
width: 257px;
float: right;
background: transparent url(/images/interface/content_right_top.gif) 0 0 no-repeat;
padding: 227px 25px 0 25px;
}

#content-right h2 {
font-size: 1.500em !important ;
padding: 0 0 0.5em 0 !important ;
font-weight: normal !important ;
text-transform: lowercase !important ;
}

#content-right img {
margin: 15px 0 15px 0;
border-bottom: 1px solid #CFDCBE;
}

#content-right p.more-link {
float: right;
width: 43px;
height: 31px;
}

#content-right p.more-link a {
display: block;
text-indent: -9999px;
width: 43px;
height: 31px;
background: url(/images/interface/link_arrow_magenta.gif) 0 0 no-repeat;
}


/* +++++++++++++++++++++++++++++++++++++++++++ */

#home-page #content {
background-image: url(/images/homepage/homepage_content_bottom.gif);
}

#home-page #content h1 {
text-indent: -9999px;
width: 412px;
height: 151px;
background: url(/images/homepage/homepage_h1.gif) 0 0 no-repeat;
}

#home-page #content h2 {
color: #77B0BD;
}

#home-page #content-right img a {
border: 0;
}

/* +++++++++++++++++++++++++++++++++++++++++++ */

#services-page #content {
background-image: url(/images/services/services_content_bottom.gif);
}

#services-page #content h1 {
color: #AAC987;
}

#services-page #content h2 {
color: #695C57;
font-size: 0.6875em;
text-transform: none;
font-weight: bold;
padding: 2em 0 0.5em 0;
}

#services-page #content ul li {
background-image: url(/images/services/services_bullet.gif);
}

#services-page #content-right h2 {
color: #AAC987;
}

#services-page #content-right p {
font-weight: bold;
}

/* +++++++++++++++++++++++++++++++++++++++++++ */

#portfolio-page #content {
background-image: url(/images/portfolio/portfolio_content_bottom.gif);
}

#portfolio-page #content h1 {
color: #C63561;
}

#portfolio-page #content ul {
margin: 0 0 0.5em 0;
}

#portfolio-page #content ul li {
background-image: url(/images/portfolio/portfolio_bullet.gif);
}


#portfolio-page #content-left img {
border-bottom: 1px solid #CCC;
}

#portfolio-page #content-right h2 {
color: #C63561 !important ;
font-size: 1.125em !important ;
}

#portfolio-details-left {
float: left;
width: 230px;
}

#portfolio-page #content h2 {
color: #695C57;
font-size: 0.6875em;
text-transform: none;
font-weight: bold;
padding: 2em 0 0.5em 0;
}

#portfolio-details-right {
float: right;
width: 172px;
}

#portfolio-page .item {
clear: left;
margin: 0 0 0 0;
border-top: 1px dotted #CCC;
}

#portfolio-page #content-right h3 {
color: #695C57;
font-size: 0.6875em;
text-transform: none;
font-weight: bold;
padding: 10px 0 0.5em 0;
margin: 0 0 0 87px;
}

#portfolio-page #content-right img {
float: left;
border: 0;
margin: 0 0 0 0;
padding: 10px 0 0 0;
}

#portfolio-page #content-right p {
margin: 0 0 0 87px;
}

#portfolio-page #content #content-right .item p.pdf-link a {
color: #C63561;
background: url(/images/interface/pdf_icon.gif) 0 0 no-repeat;
padding: 2px 0 3px 20px;
}

#portfolio-page #content #content-right .item p.pdf-link a strong {
color: #695C57;
}

/* +++++++++++++++++++++++++++++++++++++++++++ */

#clientlist-page #content {
background-image: url(/images/clientlist/clientlist_content_bottom.gif);
}

#clientlist-page #content h1 {
color: #77839D;
}

#clientlist-page #content-right h2 {
color: #77839D;
}

#clientlist-page #content-right h3 {
color: #593013;
font-size: 0.6875em;
line-height:1.5em;
text-transform: none;
font-weight: bold;
padding: 1em 0 0.1em 0;
margin-top: 0;
background: url(/images/interface/quote_close.gif) top right no-repeat;
}

#clientlist-page #content-right p {
text-indent:15px;
font-size:1em;
margin-bottom: 0;
padding-bottom: 0;
background: url(/images/interface/quote_open.gif) 0 0 no-repeat;
}

#client-list-tbl {
width: 400px;
border: 0;
padding: 0 15px 0 0;
}

#client-list-tbl td {
text-align: left;
vertical-align:top;
}

#client-list-tbl h3 {
color: #593013;
font-size: 0.6875em;
text-transform: none;
font-weight: bold;
padding: 0.8em 0 0.1em 0;
}

#client-list-tbl p {
font-size: 0.6875em;
padding: 0.08em 0 0 0;
margin: 0 0 0 0;
}

#client-list-tbl a:link {
color: #77839D;
text-decoration:none;
}

#client-list-tbl a:visited {
color: #77839D;
text-decoration:none;
}

#client-list-tbl a:hover {
color: #695C57;
text-decoration:underline;
}

#client-list-tbl a:active {
color: #77839D;
text-decoration:none;
}

#client-list-tbl img {
border: 0;
}

/* +++++++++++++++++++++++++++++++++++++++++++ */

#contact-page #content {
background-image: url(/images/contact/contact_content_bottom.gif);
}

#contact-page #content h1 {
color: #9D7F68;
}

#contact-page #content h2 {
color: #695C57;
font-size: 0.6875em;
text-transform: none;
font-weight: bold;
padding: 1em 0 0.2em 0;
}

#contact-page #content-right h2 {
color: #9D7F68;
}

/* +++++++++++++++++++++++++++++++++++++++++++ */

#content .page-navigation {
height: 31px;
margin: 25px 0 25px 0;
}

#content .page-navigation p {
margin: 0 0 0 0;
padding: 0 0 0 0;
line-height: 1em;
}

#content .page-navigation .page-nav-left {
float: left;
}

#content .page-navigation .page-nav-left p a.previous {
width: 43px;
height: 31px;
display: block;
text-indent: -9999px;
background: url(/images/interface/page_nav_previous.gif) 0 0 no-repeat;
}

#content .page-navigation .page-nav-right {
float: right;
color: #FFF;
}

#content .page-navigation .page-nav-right ul {
margin: 0 0 0 0;
padding: 0 0 0 0;
}

#content .page-navigation .page-nav-right ul li {
display: inline;
float: left;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

#content .page-navigation .page-nav-right ul li a {
width: 16px;
height: 12px;
display: block;
color: #C63561;
background: #FFF;
font-weight: bold;
line-height: 100%;
text-align: center;
padding: 3px 0 0 0;
margin: 0 2px 0 0;
border: 1px solid #C63561;
}

#content .page-navigation .page-nav-right ul li a:hover {
text-decoration: none;
background: #C63561;
color: #FFF;
}

#content .page-navigation .page-nav-right ul li strong {
width: 16px;
height: 12px;
display: block;
background: #C63561;
color: #FFF;
font-weight: bold;
line-height: 100%;
text-align: center;
padding: 3px 0 0 0;
margin: 0 2px 0 0;
border: 1px solid #C63561;
}

#content .page-navigation .page-nav-right p a.next {
width: 43px;
height: 31px;
display: block;
text-indent: -9999px;
background: url(/images/interface/page_nav_next.gif) 0 0 no-repeat;
border: 0;
margin-left: 10px;
}

/* +++++++++++++++++++++++++++++++++++++++++++ */

#clientlist-page #content {
background-image: url(/images/clientlist/clientlist_content_bottom.gif);
}

/* +++++++++++++++++++++++++++++++++++++++++++ */

#contact-page #content {
background-image: url(/images/contact/contact_content_bottom.gif);
}

/* +++++++++++++++++++++++++++++++++++++++++++ */

#footer {
background: #E6F0F2;
text-align: center;
padding: 10px 0 0 0;
}

#footer p {
color: #77B0BD;
font-size: 0.6875em;
}

/* +++++++++++++++++++++++++++++++++++++++++++ */

#keywords {
background: #E6F0F2;
}

#keywords p {
color: #E6F0F2;
font-size: 0.6875em;
}