/**
* JadeLynx CSS StyleSheet 2008
*/

html, body {
	background:						#f3f3f3;	
    margin:             			0px;
    padding:            			0px;		
}

body, p, div {
	font-family:          			Arial;
	font-size:         				12px;
	color:             				#4e505d;
}

/* Page container */
#pageContainer {
	width:							1024px;
    margin:             			0px auto;
    background:						#ffffff;
}

#pageContainer .left {
	padding-left:					36px;
	background:						#ffffff url('../images/page_shade_left.gif') repeat-y left;	
}

#pageContainer .right {
	background:						#ffffff url('../images/page_shade_right.gif') repeat-y right;
	padding-right:					36px;
}

/* Header */
#header {
	padding-top:					38px;
	padding-left:					16px;
	padding-bottom:					17px;
}

/* Navigation */
#nav {
	height: 						36px;
	background:						#ffffff;
}

#links {
	float:							left;
}

#nav span {
	display:						none;
}

/* Navigation - Home */
#nav #home {
	width:							70px;
	height:                 		36px;
	float:							left;
	display:						inline;
	background:						transparent url(../images/nav/btn_home.gif) no-repeat;
}
#nav #home.hover, #nav #home:hover {
	background-position:			0px -36px;	
}
#nav #home.selected  {
	background:						transparent url(../images/nav/btn_home.gif) 0px -36px no-repeat;
}
/* Navigation - Who is JadeLynx */
#nav #who {
	width:							136px;
	height:                 		36px;
	float:							left;
	display:						inline;
	background:						transparent url(../images/nav/btn_who.gif) no-repeat;
}
#nav #who.hover, #nav #who:hover {
	background-position:			0px -36px;	
}
#nav #who.selected{
	background:						transparent url(../images/nav/btn_who.gif) 0px -36px no-repeat;
}

/* Navigation - Services */
#nav #services {
	width:							108px;
	height:                 		36px;
	float:							left;
	display:						inline;
	background:						transparent url(../images/nav/btn_services.gif) no-repeat;
}
#nav #services.hover, #nav #services:hover {
	background-position:			0px -36px;	
}
#nav #services.selected{
	background:						transparent url(../images/nav/btn_services.gif) 0px -36px no-repeat;
}

/* Navigation - Products */
#nav #products {
	width:							86px;
	height:                 		36px;
	float:							left;
	display:						inline;
	background:						transparent url(../images/nav/btn_products.gif) no-repeat;
}
#nav #products.hover, #nav #products:hover {
	background-position:			0px -36px;	
}
#nav #products.selected{
	background:						transparent url(../images/nav/btn_products.gif) 0px -36px no-repeat;
}

/* Navigation - Our Clients */
#nav #clients {
	width:							102px;
	height:                 		36px;
	float:							left;
	display:						inline;
	background:						transparent url(../images/nav/btn_clients.gif) no-repeat;
}
#nav #clients.hover, #nav #clients:hover {
	background-position:			0px -36px;	
}
#nav #clients.selected{
	background:						transparent url(../images/nav/btn_clients.gif) 0px -36px no-repeat;
}

/* Navigation - Our People */
#nav #people {
	width:							102px;
	height:                 		36px;
	float:							left;
	display:						inline;
	background:						transparent url(../images/nav/btn_people.gif) no-repeat;
}
#nav #people.hover, #nav #people:hover {
	background-position:			0px -36px;	
}
#nav #people.selected{
	background:						transparent url(../images/nav/btn_people.gif) 0px -36px no-repeat;
}

/* Navigation - Contact Us */
#nav #contact {
	width:							99px;
	height:                 		36px;
	float:							left;
	display:						inline;
	background:						transparent url(../images/nav/btn_contact.gif) no-repeat;
}
#nav #contact.hover, #nav #contact:hover {
	background-position:			0px -36px;	
}
#nav #contact.selected{
	background:						transparent url(../images/nav/btn_contact.gif) 0px -36px no-repeat;
}

/* Jargon Popups */
#jargon {
	float:							right;
}
#jargon span {
	display:						none;
}
#jargon a {
	width:							141px;
	height:                 		26px;
	float:							left;
	display:						inline;
	background:						transparent url(../images/nav/btn_jargon.jpg) no-repeat;	
}
#jargon a:hover, #jargon a.selected:hover{
	background-position:			0px -26px;	
}
#jargon a.selected{
	background:						transparent url(../images/nav/btn_jargon.jpg) 0px -26px no-repeat;
}

.jargon_box {
	width:							292px;
	padding:						0px;
	font-size:						11px;
}

.jargon_box .top {
	width:							263px;
	height:							29px;
	background:						transparent url(../images/jargon_top.gif) no-repeat;
	float:							left;
}

.jargon_box .rcorner {
	width:							29px;
	height:							29px;
	background:						transparent url(../images/jargon_rcorner.gif) no-repeat;
	float:							left;
	cursor:							pointer;
}

.jargon_box .content {
	clear:							both;
	background:						#e5fcd3 url(../images/jargon_rbg.gif) right repeat-y;
	border-left:					1px solid #a9a9a9;
	padding:						5px 14px;
	color:							#414141;
}

.jargon_box h1 {
	color:							#00915e;
	font-size:						11px;
	font-weight:					bold;
	margin:							0px 0px 8px 0px;
	text-decoration:				underline;
}

.jargon_box .bottom {
	background:						transparent url(../images/jargon_btm.gif) no-repeat;
	height:							34px;
}

.dots {
	margin-top:						7px;	
	border-top:						1px dotted #2cad5a;
	height:							5px;
}

#marketing_corner  { background: #00905c; z-index: 200; display:none; width: 8px; height: 6px; }

/* Side Navigation */
#side_nav {
    float:                          left;
    width:                          229px;
	padding:						13px 0px 0px 16px;
    padding-left:                   15px;
    font-size:                      11px;
}

#side_nav ul {
    padding:                        10px 0px 8px 0px;
    margin:                         0px;
    color:                          #6b7f8a;
}

#side_nav ul .title {
    padding:                        10px 0px 8px 0px;
    border-bottom:                  1px dotted #d0d0d0;   
    width:                          190px;
    color:                          #6b7f8a;
    font-weight:                    bold;
    cursor:                         pointer;
	font-size:						11px;
}

#side_nav ul .title:hover, #side_nav ul .selected {
    color:                          #459c0f;
}
#side_nav li {
    list-style-type:                none;    
}

#side_nav .list {
    padding:                        0px;
    margin:                         0px;
    overflow:                       hidden;
}

#side_nav .list.selected {
    display:                        block;
}

#side_nav .listWrapper {
    padding:                        0px;
    margin:                         0px;
}

#side_nav li a {
    padding:                        8px 0px 8px 4px;
    margin-left:                    15px;
    list-style-type:                none;
    display:                        block;
    border-bottom:                  1px dotted #d0d0d0; 
    width:                          170px;
    color:                          #6eb101;
    text-decoration:                none;
	font-size:						11px;
}

#side_nav li:hover, #side_nav li.selected {
    color:                          #6faf00;
    font-weight:                    bold;
    background:                     transparent url(../images/green_arrow.gif) 4px 12px no-repeat;                        
}


.breadcrumb {
    color:                          #4e505d;
    font-size:                      11px;
    padding-left:                   27px;
    padding-top:                    9px;
}

.breadcrumb a {
    text-decoration:                none;
    color:                          #028043;
}


/* Marketing Panels */
#marketingPanel { 
	width:							953px;
	height:							225px;
}

/* Marketing Panel 2 */
#marketingPanel2 {
	background:						transparent url(../images/content_top.jpg) no-repeat;
	width:							953px;
	height:							85px;
}

/* Content Area */
#contentArea { 
	background:						#f1f1f1;
	color:							#000;
}

#contentArea .content {
    padding:						9px 15px 10px 15px;
}

#contentArea .rtop, #contentArea .rbottom {
	display:						block;
	background:						#fff; 
}
#contentArea .rtop *, #contentArea .rbottom * {
	display:						block;
	height:							1px;
	overflow:						hidden;
	background:						#f1f1f1;
}
#contentArea .r1 {margin:			0 5px}
#contentArea .r2 {margin:			0 3px}
#contentArea .r3 {margin:			0 2px}
#contentArea .r4 {
	margin:							0 1px;
	height:							2px;
}

/* Panel */
.panel .b1, .panel .b2, .panel .b3, .panel .b4, .panel .b1b, .panel .b2b, .panel .b3b, .panel .b4b {
  display:block; 
  overflow:hidden;
  font-size:1px;
  }
.panel .b1, .panel .b2, .panel .b3, .panel .b1b, .panel .b2b, .panel .b3b {
  height:1px;
  }
.panel .b2 {
  background:#dfdfdf; 
  border-left:1px solid #dfdfdf; 
  border-right:1px solid #dfdfdf;
  }
.panel .b3 {
  background:#fff; 
  border-left:1px solid #dfdfdf; 
  border-right:1px solid #dfdfdf;
  }
.panel .b4 {
  background:#fff; 
  border-left:1px solid #dfdfdf; 
  border-right:1px solid #dfdfdf;
  }
.panel .b4b {
  background:#fff; 
  border-left:1px solid #dfdfdf; 
  border-right:1px solid #dfdfdf;
  }
.panel .b3b {
  background:#fff; 
  border-left:1px solid #dfdfdf; 
  border-right:1px solid #dfdfdf;
  }
.panel .b2b {
  background:#fff; 
  border-left:1px solid #dfdfdf; 
  border-right:1px solid #dfdfdf;
  }
.panel .b1 {
  margin:0 5px; 
  background:#f1f1f1
  }
.panel .b2, .panel .b2b {
  margin:0 3px; 
  border-width:0 2px;
  }
.panel .b3, .panel .b3b {
  margin:0 2px;
  }
.panel .b4, .panel .b4b {
  height:2px; margin:0 1px;
  }
.panel .b1b {
  margin:0 5px; background:#dfdfdf;
  }
.panel .b {
  display:							block;  
  background:						#fff; 
  border-left:						1px solid #dfdfdf; 
  border-right:						1px solid #dfdfdf;
  padding:							3px 10px 0px 5px;
}
#contentArea .content .panel .content {
  color:							#4d4f5e;
  background:						#fff; 
  padding:							16px 0px 13px 15px;
}

.panel .content h1 {
    font-weight:                    bold;
	padding:						0px 0px 23px 2px;
    margin:                         0px;
    color:                          #6a7e89;
    font-size:                      17px;
}

.panel .content h2 {
    font-weight:                    bold;
    padding:                        15px 0px 10px 0px;
    margin:                         0px;
    color:                          #6db000;
    font-size:                      14px;
}
.panel a {
    color:                          #fe8100;
}
.panel a:hover {
    text-decoration:                none;
}
.panel .column {
    background:                     transparent url(../images/sep.gif) center right no-repeat;
    width:                          176px;
	float:							left;
    height:                         155px;
    padding-right:                  29px;
    padding-left:                   23px;
}
.panel .noBg {
    background:                     none;
}
.panel .links {
    width:                          175px;
	float:							left;
	padding-right:					29px;
	padding-left:					25px;
}
.panel .pl0 {
	padding-left:					0px;
}
.panel .pr0 {
	padding-right:					0px;
}
.panel .link1 {
	color:							#06a958;
}
.panel .link2 {
	color:							#6db000;
}
.panel .link3 {
	color:							#ff8001;
}
.panel .link4 {
	color:							#0099d2;
}
.panel .links a:hover {
	text-decoration:				none;
}
.panel .column div {
    padding-top:					15px;
}
.panel .first {
	padding-left:					0px;
}
.panel .last {
	background:						none;
	padding-right:					0px

}

/* Section overview */
.section_overview {
	height:							158px;
}
.section_overview .row {
	height:							75px;
}
.section_overview .col1 {
	margin-right:					44px;
}
.section_overview .col1, .section_overview .col2 {
	float:							left;
	width:							289px;
}
.section_overview .link1 {
	float:							left;
	width:							332px;
}
.section_overview .link2 {
	float:							left;
}
.section_overview .col1 h1, .section_overview .col2 h1 {
	color:							#82ba00;
	font-weight:					bold;
	font-size:						14px;
	padding:						0 0 12px 0;
}
.panel .section_overview a {
	color:							#82ba00;
	text-decoration:				none;
}
.panel .section_overview a:hover {
	color:							#82ba00;
	text-decoration:				underline;
}

/* Contact Details */
#companyName {
	font-weight:					bold;
	padding-top:					20px;
}

#companyAddress {
	padding-top:					12px;
}

#companyContact {
	padding-top:					22px;
}

#companyContact a {
	color:							#6fb000;
}

#companyContact a:hover {
	text-decoration:				none;
}

.viewMap {
	width:							107px;
	height:                 		27px;
	background:						transparent url(../images/view_map.jpg) no-repeat;
	display:                        block;
}

.viewMap span {
    display:none;
}

.viewMap:hover {
	background-position:			0px -27px;
}

.viewMoreProjects {
	width:							139px;
	height:                 		27px;
	background:						transparent url(../images/view_more_projects.jpg) no-repeat;
	display:                        block;
	margin-top:						-11px;
	padding-right:					13px;
}

.viewMoreProjects span {
    display:                        none;
}

.viewMoreProjects:hover {
	background-position:			0px -27px;
}

.project1 div, .project2 div {
	height:							110px;

}

.project1 a, .project2 a {
	color:							#6fb000;
}

.project1 a:hover, .project2 a:hover {
	text-decoration:				none;
}


.project1 {
    float:                          left;
    width:                          287px;
    padding-right:                  20px;
}

.project1 h1, .project2 h1 {
    font-size:                      12px;
    font-weight:                    bold;
    color:                          #70af00;
    padding:                        15px 0px 5px 0px;
    margin:                         0px;
    display:                        block;
}

/* Jargon Links */
.panel .jargon, .panel .jargon:hover, .panel .jargon a:hover {
	color:							#459C0F;
	border-bottom:					1px double #459C0F;
	padding-bottom:					1px;
	text-decoration:				underline;
}

.pageBreak {
	clear:							both;
	height:							14px;
}

/* Sitemap */
.sitemap {
	float:							left;
	width:							300px;
}

.sitemap .item h1 a {
	text-decoration:				none;
    color:                          #6a7e89;
}

.sitemap .item h1 a:hover {
    text-decoration:				underline;
}

.sitemap .item h1 {
    color:                          #6a7e89;			
	font-size:						12px;
	padding:						0px 0px 5px 0px;
}

.sitemap .item ul {
	margin:							0px 1px 8px;
	padding-bottom:					5px;
	padding-left:					23px;
}

.sitemap .item ul li {
   font-size:						11px;
}

.sitemap .item ul li a {
    color:                          #6db000;
	text-decoration:				none;				
}

.sitemap .item ul li a:hover {
    text-decoration:				underline;					
}

/* Footer */
#footer {
	margin:							0 auto;
	clear:							both;
}

#footer div {
	margin-top:						20px;
	padding:						20px;
	background: 					url(../images/footer_bg.gif) no-repeat top;
}

#footer span {
	padding-left:					40px;
	font-size:						11px;
}

#footer a {
	color:							#44ae3b;
}

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

.footer_fade {
	background:						url(../images/footer_fade.jpg) no-repeat;
	z-index:						200;
    margin:             			0px auto;
	width:							1024px;
	height:							42px;
}

/* Heights */
.h25 {
    height:                         25px;
}
.h20 {
	height:							20px;
}

.h15 {	
	height:							15px;
}

.h5 {
	height:							5px;
}

/* Widths */
.w15 {
    width:                          15px;
}

/* Floats */
.fl {
	float:							left;
}

.fr {
    float:                          right;
}

/* Clears */
.cb {
	clear:							both;
}

.cl {
    clear:                          left;
}

.cr {
    clear:                          right;
}

/* Paddings */
.p0 {
	padding:						0px;
}


/* Joomla Fixes */
.componentheading {
	display:						none;
}

.image_preloader {
	background: url(../images/nav/btn_home.gif);
	background: url(../images/nav/btn_contact.gif);
	background: url(../images/nav/btn_clients.gif);
	background: url(../images/nav/btn_jargon.gif);
	background: url(../images/nav/btn_people.gif);
	background: url(../images/nav/btn_products.gif);
	background: url(../images/nav/btn_services.gif);
	background: url(../images/nav/btn_who.gif);
	background: url(../images/nav/left_border.png);
	background: url(../images/nav/right_border.png);
	background: url(../images/nav/bottom_border.png);
	background: url(../images/nav/right_corner.png);
	background: url(../images/nav/left_border.png);
	background: url(../images/nav/left_border.png);
	visibility: hidden;
   position: absolute;
   overflow: hidden;
   left: -9999px; 
   top: -9999px;
   height: 1px;
   width: 1px;
}