img, div, a {
	_behavior: url(../js/iepngfix/iepngfix.htc);
	}

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

.clear { clear:both;}

.highlight {
	font-size: 14px;
	font-weight:bold;
	/*color:#9FD3FB;*/
	color:#CECD00;
}

#inner-right {
	float:right;
	width:100px;
	border-left:1px solid #444;
	padding:0 0 0 20px;
	margin:0 0 20px 20px;
}

#inner-right img { 
	padding:5px;
	border:1px solid #4b4d42;
	float:left;
	clear:both;
}

#inner-right a {
	margin:0 0 10px 0;
	float:left;
	clear:both;
	display:block;
	text-decoration:none;
}

#inner-right a .name {
	display:block;
	clear:both;
	color:#CECD00;
	font-weight:bold;
	font-size:11px;
	margin:5px 0 0 0;
	float:left;
	padding:0;
	border:0;
	width:130px;
}

#inner-right a:hover img {
	border-color:#CECD00;
}

#inner-right a:hover .name {
	text-decoration:underline;
	cursor:pointer;
}

#inner-right ul { 
	float:left;
	clear:both;
	margin:0 0 0 0;
	padding:0;
}

#right #inner-right ul li { 
	display:block;
	margin:0;
	font-size:11px;
	padding:0;
	width:130px;
	line-height:16px;
	color:#999;
}

/* specific divs */

#container { width:980px;
margin:80px auto 0 auto;
position:relative;
z-index:2;}

/* left column */

#left { float:left;
width:310px;
margin:0 10px 0 0;}

#left .logo {background:#232323;}

/* left sidenav */

.sidenav { width: 300px;
font-size: 75%;
padding: 5px 5px 370px 5px;
margin:45px 0 10px 0;
background-image:url(../images/Logo_Section_Pages.jpg);
background-position:bottom left;
background-repeat:no-repeat;
}

.sidenav ul { list-style:none;
margin:0;
padding:0;
width:240px;}

.sidenav li { 
border-bottom:1px dashed #585a52;
background: url(../images/arrow3.gif);
background-repeat:no-repeat;
color:#81827c;}

.sidenav li a { 
display: block;
color: #fff;
font-weight: 500;
line-height: 17px;
text-decoration: none;


padding:2px 0 2px 20px;
width: 200px;

}

.sidenav li a:hover { color: #cecd00;
background-image: url(../images/arrow3-b.gif);
background-repeat:no-repeat; 

}

.sidenav li a#selected { color: #cecd00;
background-image: url(../images/arrow3-b.gif);
background-repeat:no-repeat; 

}

/*.sidenav ul li a.active { color:#4689b3; font-weight:500; background-image: url(/assets/images/sub.gif);}
.sidenav ul li a.active:hover { color:#4689b3;  font-weight:500; background-image: url(/images/sub-over.gif);}
*/

.sidenav ul li ul { display:list; list-style:none; border-bottom:0; padding-left:20px;  }
.sidenav ul li ul li { background-repeat:no-repeat; background-image:none; border:0;}

.sidenav ul li ul li a {  width:100%; color:#fff; text-indent:0; font-weight:500; line-height:19px; text-decoration:none;  padding-left:15px; background-image: url(../images/sub.gif); background-position: top left; background-repeat:no-repeat; }
.sidenav ul li ul li a:hover{ color:#cecd00; font-weight:500;  background-image: url(../images/sub-over.gif); background-position: top left;
background-repeat:no-repeat;  }



/* right column */

#right { float:left;
width:610px;
margin:-50px 0 0 0;
background-image:url(../images/tel-no.png);
background-position:top right;
background-repeat:no-repeat;
position:relative;
padding:50px 0 0 0;
}

#right.alternative {
background-image:url(../images/tel-no-alt.png);
}

#right.compromise {
background-image:url(../images/tel-no-alt2.png);
}

/* main menu top */

#right ul.nav { font-size:90%;
font-weight:bold; 
color:#fff;
margin:10px 0 0 0;
padding:0;
text-align:right;
 }

#right ul.nav li { list-style:none;
display:inline;
margin:0 0 0 16px;

}

#right ul.nav li a { color:#fff; display:inline;}
#right ul.nav li a:hover { color:#fff; }

#right ul.nav li span { visibility:hidden;}

#right ul.nav img { border:none;}

/* images for individual links */

#right ul.nav li.theapproach a { background:url(../images/thetwist.png) no-repeat center left;
text-decoration:none; 
padding:1px 36px 0 0;}
#right ul.nav li.theapproach a:hover { background:url(../images/thetwist-on.png) no-repeat  left;
text-decoration:none;  }
#right ul.nav li.theapproach a.on { background:url(../images/thetwist-on.png) no-repeat left;
text-decoration:none;}

#right ul.nav li.theapproach { margin:0;}
#right ul.nav li.thespark { margin:2px 0 0 0;}
#right ul.nav li.thefamily {}
#right ul.nav li.aboutyou {}
#right ul.nav li.news {}
#right ul.nav li.contact {}

#right ul.nav li.thespark a { background:url(../images/solutions.png) no-repeat top left;
padding-right:16px;
text-decoration:none;}
#right ul.nav li.thespark a:hover { background:url(../images/solutions-on.png) no-repeat top left;
text-decoration:none;}
#right ul.nav li.thespark a.on { background:url(../images/solutions-on.png) no-repeat top left;
text-decoration:none;}

#right ul.nav li.thefamily a { background:url(../images/theteam.png) no-repeat  left;
padding-right:14px;
padding-top:1px;
text-decoration:none;}
#right ul.nav li.thefamily a:hover { background:url(../images/theteam-on.png) no-repeat  left;
text-decoration:none;}
#right ul.nav li.thefamily a.on { background:url(../images/theteam-on.png) no-repeat left;
text-decoration:none;}

#right ul.nav li.aboutyou a { background:url(../images/about-you.png) no-repeat  left;
padding-right:16px;
padding-top:2px;
text-decoration:none;}
#right ul.nav li.aboutyou a:hover { background:url(../images/aboutyou-on.png) no-repeat left;
text-decoration:none;}
#right ul.nav li.aboutyou a.on { background:url(../images/aboutyou-on.png) no-repeat  left;
text-decoration:none;}

#right ul.nav li.news a { background:url(../images/news.png) no-repeat  left;
text-decoration:none;
padding-right:10px;

}
#right ul.nav li.news a:hover { background:url(../images/news_on.png) no-repeat top  left;
text-decoration:none;}
#right ul.nav li.news a.on { background:url(../images/news_on.png) no-repeat top left;
text-decoration:none;}

#right ul.nav li.contact a { background:url(../images/connect.png) no-repeat top left;
text-decoration:none;
padding-right:5px;}
#right ul.nav li.contact a:hover { background:url(../images/connect-on.png) no-repeat top left;
text-decoration:none;}
#right ul.nav li.contact a.on { background:url(../images/connect-on.png) no-repeat top left;
text-decoration:none;}


#right .line { background:url(../images/nav-underline.jpg) no-repeat;
margin:10px 0 0 0;}

/* right content */

#right h1 { color:#cecd00;
font-size:100%;
margin:10px 0 0 0;
padding:0;
}

#right h2 { color:#cecd00;
font-size:140%;
font-weight:normal; 
margin:15px 0px 0 0;
padding:0;
}

#right h2 a{  text-decoration:none; color:#cecd00;}
#right h2 a:hover{  text-decoration:underline; color:#cccc1c;}

#right p { color:#fff;
font-size:74%;
margin:10px 10px 10px 0px;
line-height:20px;

}

#right p a { color:#cecd00;)
font-weight:500; 
text-decoration:none;

}

#right p a:hover { 
text-decoration:underline;
}

#right p.maintext {
	color: #fff;
	margin: 0;
}

.white { color:#fff; }

#right ul { 
font-size:75%;
color:#fff;}

#right ul li { line-height:20px; }

#right ul ul li { font-size:130%;}

#right ul p{ font-size:100%;}

#right ul.content { list-style:none;
font-size:74%;
color:#fff;}

#right ul.content  li { background: url(../images/arrow.gif) center left no-repeat;
padding:0 0 0 20px;
line-height:20px;}

#right #flash { margin:40px 0 0 0px;}

.content-img { margin:20px 10px 10px 10px;
padding:5px;
border:1px solid #4b4d42;
width:180px;
height:180px;}

/* contact form */

#right form { margin:20px 0 0 10px;
width:300px;}

#right form label { color:#fff;
font-size:74%;
width:80px;
float:left;
margin:0 0 0px 0;}

#right form input.text_box { font-size:74%;
float:left;
margin:0 0 5px 0;
width:200px;
border:1px solid #32342a;
padding:2px;
background-color:#5c6050 !important;
color:#fff;}

#right form textarea { font-size:90%;
float:left;
margin:0 0 5px 0;
width:200px;
padding:2px;
border:1px solid #32342a;
background-color:#5c6050 !important;
color:#fff;}

#right form input.btn { font-size:74%;
float:left;
margin:0 0 5px 0;
width:205px;
border:1px solid #32342a;
font-weight:bold;
padding:2px;
background:url(../images/form-btn.jpg) repeat-x;
color:#fff;}

/* footer */

.footerhomeleft
{
    width: 400px;
    float: left;
}
.footerhomeright
{
    width: 400px;
    float: right;
}

#footer { float:right;
margin:50px 50px 0 0;}

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

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

#footer ul { color:#70706e;
font-size:70%;}

#footer li { display:inline;
border-right:1px solid #70706e;
padding:0 5px 0 5px;}

#footer img { margin:5px 0;}

/* tree background-image */
/* 
#tree {  background:url(../images/tree.png) no-repeat; 

left:0; 
bottom:0; 
width:344px;
height:309px;
position:fixed;
z-index:0;}
*/

/* family page images */

.family {
	width:90%;
	text-align:left;
	padding:60px 0 0px 0;
	margin:0;
} 

#dhtmltooltip{ position: absolute;
left: -300px;
width: 150px;
border: 1px solid #fff;
padding: 2px;
background-color: #cecd00;
font-size:75%;
visibility: hidden;
padding:5px;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);}

#dhtmlpointer { position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;}

.family img { padding:5px;
margin-left:0px;
margin-right:5px;
margin-top:5px;
margin-bottom:5px;
border:1px solid #4b4d42;}

/* news page article */

#article { border-bottom:1px dashed #585a52;
padding:0 0 20px 0;
margin:0;}

#article img { float:right;
width:100px;
height:100px;
padding:5px;
margin-left:5px; 
margin-top:4px; 
border:1px solid #4b4d42;}

#article .date { font-style:italic;
color:#a1a498;}

/* paging */

.pages { font-size:74%;
color:#fff;
padding-top:1px; padding-bottom:1px;
margin:22px 0 0px 0;
float:left;}

a.pageslink {text-decoration: none;
text-align: center;
min-width: 75px;
padding:0 4px ;
border: 1px solid #fff;
margin:0 2px 2px 3px;
font-weight: normal;
color:#fff;
}

a.pageslink:hover { background-color: #5a5d50; color:#fff;}

.pagesbot { 
margin: 0 0 0 0;
padding: 10px 0 20px 0;
border-bottom:1px dashed #585a52; text-align:left;

}

/* select date form */

#right form.news-form { float:left;
width:400px; text-align:left; margin-left:0; padding:0;}

form.news-form label#date { width:50px; text-align:left; margin:0; padding:0;}

form.news-form select { font-size:74%;
float:left;
margin:0 0 0 5px;}

form.news-form input#btn { width:40px;
font-size:74%;
margin:0 0 5px 5px;
border:1px solid #32342a;
font-weight:bold;
padding:2px;
background:url(../images/form-btn.jpg) repeat-x;
color:#fff;
float:left;}

/* documents table */

#document-layout { border:1px solid #8f8e1d;
border-bottom:none;
margin:40px 0 0 0;}

#document-layout .heading { color: #256161;
margin: 0 0 10px 0;
background:url(../images/table-bg.jpg) repeat-x #86850e;
padding: 5px 5px 5px 5px;
border-bottom: 1px solid #8f8e1d;
font-weight: bold;
height:15px;}

#document-layout .row { color: #256161;
margin: 0 0 10px 0;
padding: 5px 5px 10px 5px;
border-bottom: 1px solid #8f8e1d;
height:15px;}

#document-layout p { margin:0;
padding:0;}

#document-layout .type { float:left;
width:60px;}

#document-layout .name { float:left;
width:300px;}

#document-layout .file-size { float:left;
width:65px;}

#document-layout .date { float:left;
width:65px; text-align:left;}

#document-layout .download { float:left;
width:100px;}

.document-btn { font-size: 100%;
background: url(../images/table-bg.jpg) repeat-x left bottom #86850e;
color: #ffffff;
border:none;
padding:2px;
width: 100px;}

/* breadcrumb */

ul.breadcrumb { 
font-weight:normal; 
list-style:none;
font-size:72%;
margin:10px 0 0 0px;
padding:0;

}

ul.breadcrumb li { 

display:inline;
padding:0 0px 0 0px;
color:#fff;
}

ul.breadcrumb li a { font-weight:normal; color:#fff; text-decoration:none;}
ul.breadcrumb li a:hover { color:#cccc1c;}

.oncolor  { color:#cecd00; }
.nobold { font-weight:normal; }
.nomargin {margin:0; padding:0; }


.title { font-weight:bold;}

h3 {float:left; color:#fff; margin:0 0 10px 0; padding:0;font-size:115%; }

h3.clients {float:left; color:#fff; margin:0 0 40px 0; padding:0;font-size:95%; }

.address_right { 

width: 150px;
color: #fff;
font-size: 75%;
position: relative;
left: 800px;
top: -300px;
font-weight: bold;

}


.textalt {color: #FFFFFF}

.green{color:#cccc1c;}