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

body {
margin:10px 0px 40px 0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
}

#wrap {
margin:auto;
width:897px;
background-image:url(../images/bg-wrap.gif);
background-repeat:no-repeat;
background-position:top;
background-position:0px 235px;
}

body.index #wrap {
background-image:none;
}

body.index #campaign {
background-image:none;
}

body.sitemap {
background:none;
}

/* --- UTILITY NAVIGATION --- */

#utility {
font-size:10px;
font-weight:bold;
text-transform:uppercase;
padding-right:32px;
}

#utility ul {
margin:0px 0px 8px 0px;
padding:0px;
float:right;
}

#utility li {
float:left;
list-style:none;
padding-left:12px;
margin-left:6px;
}

.sitemap,
.home {
background-image:url(../images/utility.gif);
background-repeat:no-repeat;
background-position:0px 3px;
}

#utility a {
color:#909090;
text-decoration:none;
}

#utility a:hover {
text-decoration:underline;
color:#666;
}





/* --- HEADER IMAGE --- */

#logo {
margin:0px;
clear:both;
float:left;
position:relative;
width:897px;
height:71px;
border-bottom:1px solid #fff;
}

#logo h1 {
padding:0px;
margin:0px;
font-size:24px;
}

#logo span {
background-image:url(../images/bg-h1.jpg);
background-repeat:no-repeat;
display:block;
position:absolute;
width:100%;
height:100%;
}

h1 a {
text-decoration:none;
}

h1 a:hover {
text-decoration:underline;
}





/* --- NAVIGATION --- */

#navigation {
clear:both;
background-image:url(../images/bg-navigation.gif);
background-repeat:repeat-x;
height:30px;
margin:0px;
border-bottom:1px solid #fff;
}

#navigation ul {
margin:0px;
padding:0px;
}

#navigation li {
float:left;
list-style:none;
position:relative;
}

#navigation a {
text-decoration:none;
height:30px;
display:block;

font-family:Arial, sans-serif;
font-size:11px;
line-height:18px;
color:#e76634;
}

#navigation span {
margin:0px;
padding:0px;
display:block;
position:absolute;
width:100%;
height:100%;
/margin-top:-2px;
}

/*  NAVIGATION PRELOADER  */
.nav-about {background-image:url(../images/nav-about-on.gif); width:122px;}
.nav-services {background-image:url(../images/nav-services-on.gif); width:160px;}
.nav-clients {background-image:url(../images/nav-clients-on.gif); width:147px;}
.nav-qualifications {background-image:url(../images/nav-qualifications-on.gif); width:134px;}
.nav-careers {background-image:url(../images/nav-careers-on.gif); width:94px;}
.nav-contact {background-image:url(../images/nav-contact-on.gif); width:113px;}

/*  NAVIGATION OFF STATES  */
.nav-about span {background-image:url(../images/nav-about-off.gif);}
.nav-services span {background-image:url(../images/nav-services-off.gif);}
.nav-clients span {background-image:url(../images/nav-clients-off.gif);}
.nav-qualifications span {background-image:url(../images/nav-qualifications-off.gif);}
.nav-careers span {background-image:url(../images/nav-careers-off.gif);}
.nav-contact span {background-image:url(../images/nav-contact-off.gif); margin-right:0px;}

/* NAVIGATION ON STATES */
.nav-about span:hover {background-image:url(../images/nav-about-on.gif);}
.nav-services span:hover {background-image:url(../images/nav-services-on.gif);}
.nav-clients span:hover {background-image:url(../images/nav-clients-on.gif);}
.nav-qualifications span:hover {background-image:url(../images/nav-qualifications-on.gif);}
.nav-careers span:hover {background-image:url(../images/nav-careers-on.gif);}
.nav-contact span:hover {background-image:url(../images/nav-contact-on.gif);}

/*  NAVIGATION ACTIVE STATES  */

/*
body.about .nav-about span {background-image:url(../images/nav-about-on.gif);}
body.services .nav-services span {background-image:url(../images/nav-services-on.gif);}
body.clients .nav-clients span {background-image:url(../images/nav-clients-on.gif);}
body.qualifications .nav-qualifications span {background-image:url(../images/nav-qualifications-on.gif);}
body.careers .nav-news span {background-image:url(../images/nav-careers-on.gif);}
body.contact .nav-contact span {background-image:url(../images/nav-contact-on.gif);}
*/

/*  IMAGE OFF ACTIVE PAGE STATE  */
body.about .nav-about,
body.services .nav-services,
body.clients .nav-clients,
body.qualifications .nav-qualifications,
body.careers .nav-careers,
body.contact .nav-contact {}






#navigation ul {
margin:0px 0px 0px 0px!important;
padding:0px 0px 0px 0px!important;
position:absolute;
z-index:20;
list-style:none;
}

#navigation ul li {
margin:0px;
float:left;
z-index:25;
position:relative;
}

#navigation ul li a {
margin:0px;
padding:0px;
display:block;
text-decoration:none;
}

#navigation ul li ul {
display:none;
position:absolute;
top:30px;
right:0px;
padding:0px;
list-style:none;
margin-left:0px;
z-index:3;
border-left:1px solid #fff;
border-right:1px solid #fff;
}

#navigation ul li:hover ul,
#navigation ul li.over ul {
display:block;
z-index:6000;
z-index:4;
border-bottom:1px solid #fff;
}

#navigation ul li.nav-about:hover ul, #navigation ul li.nav-about.over ul {width:95px;}
#navigation ul li.nav-services:hover ul, #navigation ul li.nav-services.over ul {width:160px;}
#navigation ul li.nav-clients:hover ul, #navigation ul li.nav-clients.over ul {width:147px;}
#navigation ul li.nav-qualifications:hover ul, #navigation ul li.nav-qualifications.over ul {width:160px;}


#navigation ul li ul li {
clear:both;
display:block;
text-align:left;   
z-index:5; 
}

#navigation ul li ul li a {
padding:5px 10px 5px 10px;
background-color:#dfdfdf;
height:auto;
z-index:6;
text-decoration:none;
}

#navigation ul li.nav-about ul li a {width:75px;}
#navigation ul li.nav-services ul li a {width:140px;}
#navigation ul li.nav-clients ul li a {width:127px;}
#navigation ul li.nav-qualifications ul li a {width:140px;}
#navigation ul li.nav-news ul li a {width:150px;}
#navigation ul li.nav-contact ul li a {width:150px;}


#navigation ul li ul li a:hover {
text-decoration:none;
height:auto;
background-color:#c8c8c8;
z-index:7;
}

#navigation ul li.nav-about ul {left:26px;}
#navigation ul li.nav-services ul {left:26px;}
#navigation ul li.nav-clients ul {left:23px;}
#navigation ul li.nav-qualifications ul {left:22px;}
#navigation ul li.nav-news ul {left:26px;}
#navigation ul li.nav-news ul {contact:26px;}






/* --- CAMPAIGN FLASH / INTERIOR IMAGE --- */

#campaign {
width:897px;
height:170px;
border-bottom:1px solid #fff;
}

#campaign {background:top center no-repeat;}

body.about #campaign {background-image:url(../images/interior-about-varia.jpg);}
body.services #campaign {background-image:url(../images/interior-services-products.jpg);}
body.clients #campaign {background-image:url(../images/interior-clients-projects.jpg);}
body.qualifications #campaign {background-image:url(../images/interior-qualifications.jpg);}
body.careers #campaign {background-image:url(../images/interior-careers.jpg);}
body.contact #campaign {background-image:url(../images/interior-contact-us.jpg);}
body.sitemap #campaign {background-image:url(../images/interior-sitemap.jpg);}




/*
body.about #campaign {background-image:url(../images/interior-.jpg);}
body.services #campaign {background-image:url(../images/interior-.jpg);}
body.clients #campaign {background-image:url(../images/interior-.jpg);}
body.qualifications #campaign {background-image:url(../images/interior-.jpg);}
body.news #campaign {background-image:url(../images/interior-.jpg);}
body.contact #campaign {background-image:url(../images/interior-.jpg);}
*/



/* --- MAIN CONTENT --- */

#column-left {
margin-bottom:1px;
width:170px;
padding:25px 10px 5px 30px;
font-family:Arial, sans-serif;
font-size:10px;
line-height:15px;
color:#333;
float:right;
/* min-height:492px; */
}


#column-left h3 {
margin:0px 0px 10px 5px;
padding:0px;
color:#E76634;
font-family:Arial, sans-serif;
font-weight:normal;
font-size:15px;
}

#column-left h4 {
margin:0px;
padding:15px 0px 5px 10px;
color:#e76634;
font-size:19px;
font-family:Arial, sans-serif;
font-weight:normal;
}

#column-left p {
margin:5px 0px 5px 10px;
padding:0px;
}

.office-name {
font-size:12px;
}

#column-center {
font-family:Arial, sans-serif;
font-size:11px;
line-height:18px;
color:#333;
float:right;
width:450px;
padding:25px 5px 25px 0;
}

#column-center h2 {
margin:0px;
padding:0px 0px 5px 0px;
color:#e76634;
font-size:19px;
font-family:Arial, sans-serif;
font-weight:normal;
}

#column-center h3 {
font-size:14px;
text-transform:uppercase;
color:#666;
}

#column-center a {
color:#666666;
}

#column-center a:hover {
color:#999999;
}

span, span a {
color:#e76634;
}

span strong {
font-size:14px;
text-transform:uppercase;
}

.bread-crumbs {
padding:0px;
margin:0px;
}

.bread-crumbs a {
color:#333;
text-decoration:none;
}

.bread-crumbs a:hover {
text-decoration:underline;
}


#column-right {
float:left;
width:190px;
}



#assistance {
margin:0px;
float:left;
position:relative;
width:201px;
height:62px;
border-bottom:1px solid #fff;
}

#assistance h3 {
margin:0px;
padding:0px;
color:#405457;
font-size:14px;
}

#assistance span {
background-image:url(../images/bg-assistance.gif);
background-repeat:no-repeat;
display:block;
position:absolute;
width:100%;
height:100%;
}


#testimonials {
width:160px;
clear:both;
font-family:Arial, sans-serif;
font-size:11px;
line-height:16px;
color:#666666;
padding:10px 20px 0px 20px;
display:table;
}

#testimonials img {
float:left;
padding:5px 10px 5px 0px;
}

#testimonials h3 {
margin:10px 0px 10px 0px;
padding:0px;
color:#E76634;
font-family:Arial, sans-serif;
font-weight:normal;
font-size:15px;
}



#footer {
clear:both;
background-color:#878787;
border-top:1px solid #fff;
border-bottom:1px solid #8f8f8f;
color:#fff;
padding:5px 12px 5px 12px;
text-transform:uppercase;
font-size:10px;
position:fixed;
*:position:static;
bottom:0;
left:0;
right:0;
width:873px;
margin:auto;
}

#footer a {
color:#fff;
text-decoration:none;
}

#footer a:hover {
text-decoration:underline;
}

#disclaimer {
float:left;
}

#credits {
float:right;
}






/* --- INDEX STYLES --- */

body.index #campaign {
height:342px;
}


body.index #column-left {
width:490px;
padding:29px 27px 25px 30px;
font-size:11px;
line-height:18px;
float:left;
}

body.index #column-center {
width:155px;
font-family:Arial, sans-serif;
font-size:10px;
line-height:15px;
color:#333;
padding:25px 0px 25px 25px;
float:left;
}

body.index #column-center p {
padding-left:25px;
border-left:1px solid #a8a8a8;
}


body.index #column-right {
margin-bottom:1px;
width:130px;
padding:25px 0px 25px 25px;
font-family:Arial, sans-serif;
font-size:10px;
line-height:15px;
color:#333;
float:left;
}

body.index #column-left, body.index #column-center, body.index #column-right {
/* min-height:180px; */
}


.button {
padding:5px 10px;
width:100px;
color:#FFFFFF!important;
background-color:#E76634;
border:1px solid #c64a1b;
text-decoration:none;
text-align:center;
margin:auto;
}

.button:hover {
color:#E76634!important;
background-color:#ffffff;
border:1px solid #c64a1b;
text-decoration:underline;
}



/*
			Vertical Accordions
		*/
		
		.accordion_toggle {
			display: block;
			height: 28px;
			background: #e9e9eb;
			padding: 0 0 0 10px;
			line-height: 30px;
			font-weight: bold;
			font-family:Arial, Helvetica, sans-serif;
			text-decoration: none;
			outline: none;
			font-size: 8.5pt;
			color: #252525;
			cursor: pointer;
			margin: 0px 0px 7px 0px;
			background:url(../images/accordion-off.gif) no-repeat;
		}
		
		h1.accordion_toggle {
			
		}
		
		#int_content h1.accordion_toggle a.ac_link:link, #int_content h1.accordion_toggle a.ac_link:visited, #int_content h1.accordion_toggle a.ac_link:active {
			background: #e9e9eb;
			color: #666666;
			display:block;
			width:auto;
			text-decoration:none;
		}
		
		#int_content h1.accordion_toggle a.ac_link:hover {
			color:#ff4800;
			text-decoration:none;
		}
		
		.accordion_toggle:hover {
			 color: #252525;
			background:url(../images/accordion-hover.gif) no-repeat;
		}
		
		.accordion_toggle_active {
			background:url(../images/accordion-hover.gif) no-repeat;
			color: #252525;
		}
		
		.accordion_toggle_active:hover {
			background:url(../images/accordion-hover.gif) no-repeat;
			color: #252525;
		}
		
		.accordion_content {
			background-color: #ffffff;
			overflow: hidden;
			margin-bottom:7px;
			width:444px;
		}
			
			.accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}
			
			.accordion_content p {
				padding: 0px 10px 0px 20px;
				margin-bottom:5px;
			}
			
			.accordion_content ul {
				margin:10px 20px 10px 0px;
			}
			
			.accordion_content ul li {
				*margin:0 20px 0 35px;
			}
			
		.vertical_accordion_toggle {
			display: block;
			height: 30px;
			width: 600px;
			background:#a9d06a;
			padding: 0 10px 0 10px;
			line-height: 30px;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			color: #000000;
			border-bottom: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}

		.vertical_accordion_toggle_active {
			background:#e0542f;
			color: #ffffff;
			border-bottom: 1px solid #f68263;
		}

		.vertical_accordion_content {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
		}

			.vertical_accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}

			.vertical_accordion_content p {
				line-height: 150%;
				padding: 0px 10px 15px 10px;
			}

.accordion-top {
background:url(../images/accordion-content-top.gif) left top;
width:444px;
height:5px;
*:height:14px;
/height:14px;
}

.accordion-bottom {
background:url(../images/accordion-content-bottom.gif) left top no-repeat;
width:444px;
height:5px;
}

.accordion-middle {
/* border-left:1px solid #e86b28;
border-right:1px solid #e86b28; */
background:url(../images/accordion-content-middle.gif) left repeat-y;
width:444px;
display:table;
margin-top:0px;
padding: 0px 10px 10px 0px;
*:margin-top:0px;
/margin-top:-9px;
}

body:first-of-type .accordion-middle {
width:444px;
}