/* CSS Document */

html, body{
	padding: 0;
}

body{
	font-size: 75%;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(img_site/bg_main.jpg);
	background-repeat: no-repeat;
	background-color: #000;
	color: #4B4B4B;
}

#full
{
	margin:0px auto;
	padding:0px;
	width:960px;
}

/********************
/** Misc
/*******************/

hr{
   display:none !important;
}

div.hrGray{ 
  background:none;
  border-bottom: 1px solid #cfcfcf;
  height: 1px;
  margin: 15px 0 15px 0;
}

.clear{
	clear:both;
	height:1px;
	margin-bottom:-1px;
	overflow:hidden;
	position:relative;
}

#topBanner{
	position: relative;
	overflow: hidden;
	height: 72px;
}
#chatlogo{
	margin: -63px 0 0 788px;
	overflow: hidden;
	height: 72px;
}
#container{
	position: relative;
	width: 955px;
	padding: 0 11px 0 0;
	background-image: url(img_site/bg_body.png);
	background-repeat: repeat-y;
	background-position: bottom right;
	z-index: 1;
}

#bgFlash{
	position: absolute;
	width: 100%;
	overflow: hidden;
	z-index: 0;
}


#mainImageContainer{
	background-color: #fff;
}

#contentContainerHome{
	background-color: #f1f1f1;
	width: 910px;
	padding: 0 17px 50px 28px;
}

.sitemapsidehead #contentContainerHome a{
	background-color: #f1f1f1;
	width: 910px;
	padding: 0 17px 50px 28px;
}

#contentContainerContact{
	background-color: #f1f1f1;
	width: 910px;
	padding: 0 17px 50px 28px;
}

a img{
	border: 0;
	text-decoration: none;
}



p, h1, h2, h3{
	margin: 0;
	padding: 0;
}

#mainCol h1{
	color: #4d4d4d;
	font-size: 225%;
	font-weight: normal;
	margin: 0 0 0.35em 0;
}

#mainCol h2{
	font-size: 160%;
	font-weight: normal;
	color: #949494;
	margin: 0 0 1.1em 0;
}

#mainCol h3{
	font-size: 100%;
	font-weight: bold;
	color: #4B4B4B;
}


#rightCol h1{
	font-size: 111%;
	font-weight: bold;
	border-bottom: 1px solid #D3D3D3;
	padding: 0 0 0.2em 0;
}

#rightCol h2{
	font-size: 100%;
	font-weight: bold;
	color: #4B4B4B;
}

.gotolink{
	background-image:url("img_site/orange_arrow.gif");
	background-repeat:no-repeat;
	background-position:right;
	display:block;
	width:120px;
}
/*
#rightCol ul, #showcaseCol ul{	
	padding:0;
	margin:0;
}

#rightCol li, #showcaseCol li{
	padding:0;
	margin:0;
	list-style-type	:none;
	background-image:none;
	border-bottom: 1px #D3D3D3 solid;
	padding-top:15px;	
	padding-bottom:15px;
}
*/

p, h1, h2, h3{
	line-height: 1.3;
}

.smaller{
	font-size: 90%;
}

form{
	margin: 0;
	padding: 0;
}

.black{
	color: #000;
    margin:0 10px;
}

ul, ol{
	margin: 2px 0 0px 0;
	padding: 0;
	list-style:none;
}

li{
	background-image:url(img_site/bullet.gif);
	background-position:0pt 0.55em;
	background-repeat:no-repeat;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0pt;
	padding:0pt 0pt 0pt 9px;
	position:relative;
}

.floatleft{
	float: left;
	padding: 0 14px 6px 0;
}

a.inlineButton{
	position: relative;
	display: block;
	padding: 8px 10px;
	border: none !important;
	background-image: url(img_site/bg_inlineButton.gif);
	background-repeat: repeat-x;
	background-color: #919191;
	float: left;
	font-weight: bold;
}

#contentContainerHome a.inlineButton{
	color: #fff;
}

#contentContainerHome a.inlineButton:hover{
	color: #fff;
	text-decoration: none;
	background-color: #919191;
}



.cornerTL, .cornerBL, .cornerTR, .cornerBR{
	position: absolute;
	width: 5px;
	height: 5px;
	background-repeat: no-repeat;
}

.inlineButton .cornerTL{
	top: 0;
	left: 0;
	background-image: url(img_site/b1_tl.gif);
}

.inlineButton .cornerBL{
	bottom: 0;
	left: 0;
	background-image: url(img_site/b1_bl.gif);
	background-position: bottom;
}


.inlineButton .cornerTR{
	top: 0;
	right: 0;
	background-image: url(img_site/b1_tr.gif);
}


.inlineButton .cornerBR{
	bottom: 0;
	right: 0;
	background-image: url(img_site/b1_br.gif);
	background-position: bottom;
}

#searchform{
	position:relative;
}

.searchfield{
	background-image: url(img_site/searchbox.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	border:none;
	width: 185px;
	height: 22px;
	padding: 4px 32px 0 7px;
	color: #878787;
	margin: 9px 0 0 0;
	font-size: 90%;
}

.searchfield:focus
{
	border:none !important;
}

#os_search{
	margin: 0;
}

#os_search .searchfield{
	background-image: url(img_site/searchbox_white.gif);
	margin: 0;
}

#searchFieldContainer{
	position: relative;
	float: left;
}

#searchButton{
	position: absolute;
	left: 195px;
	top: 10px;
	z-index: 10;
}

.searchButton2{
	position: absolute;
	left: 195px;
	top: 0px;
	z-index: 10;
}


.ltgray{
	color: #9A9A9A;
}


/********************
/** Links
/*******************/

a{
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
	background-color: transparent;
}


#contentContainerHome a{
	color: #E76A1C;
	font-weight: bold;
}

#footer a{
	color: #B4B4B4;
}


/**
* Find a rep
**/
.tworows #mainCol h1{
	padding-top:55px;
	font-size:300%;
}

#slider1_container,
#slider2_container,
#slider3_container,
#slider4_container{
	height:550px;
	border-left: 1px solid #838383;
	float:left;
	background:#F1F1F1;
	padding-right:10px;	
}

#slider1_container{	
	width:203px;	
}

#slider2_container,
#slider3_container{
	width:215px;	
}

#slider4_container{
	width:230px;
}

#continents,
#countries,
#states,
#representatives{
	height:500px;
	overflow: auto;
	overflow-x:hidden;
	
}

#categories,
#products,
#documents{

}

#slider1_container h2,
#slider2_container h2,
#slider3_container h2,
#slider4_container h2{
	background:#838383 none repeat scroll 0%;
	color:#FFFFFF;
	font-size:120%;
	font-weight:bold;
	margin-bottom:20px;
	margin-top:0px;
	padding:3px 2px 3px 12px;
}

#slider4_container .representative h3{
	color: #4B4B4B;
	font-size:100%;
	background:none;
}

.item_selected{
	color:#DA2A2D !important;
	background-image:url(img_site/red_arrow.gif);
	background-position:0% 75%;
	background-repeat:no-repeat;
}

.repsregoin a{		
	padding-left:13px;
	clear:both;
	display:block;
}

.representative{
	padding-left:10px;
	padding-bottom:10px;
}
.representative a.email{
	padding-left:0px;
}
.representative a.website{
	padding-left:0px;
}
.no_reps{
	font-weight:bold;
	display:block;
	color:#838383;
	padding-left:13px;
}


/*
* Support
*/

#support #slider1_container,
#support #slider2_container,
#support #slider3_container{
	height:300px;
}

.support a {
clear:both;
display:block;
padding-left:13px;
}

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

#documents li{
	padding:0px;
	margin-left:0px;
}

#documents h3 {
color:#4B4B4B;
font-size:100%;
font-weight:bold;
}

#documents li a{
	display:inline;
	margin-left:-6px;
}

#documents {
	padding-left:15px;
}

#documents .gotolink{
	margin-left:-10px;
}
/**
* Directroy
****/
#directory{
  width:850px;
}

.project{
	border-bottom:1px solid #D7D7D7;
	width:830px;
}

.showcasename, .productname{
	float:left;
	padding-bottom:8px;
	padding-left:5px;
	padding-top:8px;
}
.showcasename{
	width:215px;
}

.productname{
	margin-left:15px;
	width:550px;
}

#directory h2{
	font-size:125%;
	font-weight:bold;
	background-color:#838383;
	color:#ffffff;
	padding: 3px 2px 3px 12px;
}

#directory .showcasetitle, #directory .producttitle{
	float:left;
	padding-bottom:10px;
}

#directory .showcasetitle{	
	width:215px;
}

#directory .producttitle{
	margin-left:22px;
	width:590px;
}



#directory .showcasename a{	
	display:block;
	width:210px;
}

#directory .nolink{
	color:#575757;
	font-weight:bold;
}
/********************
/** Navigation
/*******************/
#navContainer{
	width: 955px;
}

#navContainer p{
	margin: 0;
	padding: 0;
}

#navTop{
	background: url(img_site/bg_navheader.png);
	background-repeat: repeat-y;
	behavior: url("shiftcmspublic/iepngfix.htc");
	color: #fff;
	padding: 7px 15px 7px 27px;
	width: 913px;
}

#navTopLeft{
	float: left;
	color: #8e8e8e;
}

#navTopRight{
	float: right;
}

#navTopRight a{
	color: #fff;
}


#navMain{
	position: relative;
	padding: 0 15px 0 0;
	width: 940px;
	background-color: #303030;
	color: #fff;
	border-top: 1px solid #505050;
	border-bottom: 1px solid #505050;
}

#navMainLeft{
	float: left;
	position: relative;
}

#navMainRight{
	float: right;
}

#navMainLeft a{
	display: block;
	position: relative;
	color: #fff;
	position: relative;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 115%;
	padding: 5px 20px 5px 20px;
	margin: -5px 1px -1px 0;
	border-left: 1px solid #505050;
}

#navMainLeft{
	margin: 0;
	padding: 0;
}

#navMainLeft li{
	float: left;
	list-style: none;
	background-image: none;
	margin: 0 0 -1px 0;
	padding: 0;
	border-right: 1px solid #000;
	position: relative;
	border-top: 1px solid #505050;
	top: -1px;
}

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

#navMainLeft a:hover img.normal{
	filter: alpha(opacity=100);
	opacity: 1;
}

#navMainLeft span.active a{
	background-color: #434343;
	margin-bottom: -1px;
	border-bottom: 1px solid #424242;
}

#navMainLeft a{
	position: relative;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width:123px;
	height:39px;
	background-image:url(img_site/topnav.gif);
}


#navMainLeft a.approach{
	background-position: 0 0;
}


#navMainLeft a.approach:hover{
	background-position: 0 -39px;
}


#navMainLeft #currenttab a.approach, #navMainLeft #currenttab a.approach:hover{
	background-position: 0 -78px;
}


#navMainLeft a.services{
	background-position: -123px 0;
}


#navMainLeft a.services:hover{
	background-position: -123px -39px;
}


#navMainLeft #currenttab a.services, #navMainLeft #currenttab a.services:hover{
	background-position: -123px -78px;
}


#navMainLeft a.showcase{
	background-position: -246px 0;
}


#navMainLeft a.showcase:hover{
	background-position: -246px -39px;
}


#navMainLeft #currenttab a.showcase, #navMainLeft #currenttab a.showcase:hover{
	background-position: -246px -78px;
}


#navMainLeft a.careers{
	background-position: -369px 0;
}


#navMainLeft a.careers:hover{
	background-position: -369px -39px;
}


#navMainLeft #currenttab a.careers, #navMainLeft #currenttab a.careers:hover{
	background-position: -369px -78px;
}


#navMainLeft a.contact{
	background-position: -492px 0;
}


#navMainLeft a.contact:hover{
	background-position: -492px -39px;
}


#navMainLeft #currenttab a.contact, #navMainLeft #currenttab a.contact:hover{
	background-position: -492px -78px;
}
#mainCol a
{
	float:right;
}

#mainCol p
{
	text-align:justify;
}

#navSub {
	position: relative;
	background-color: #262626;
	color: #fff;
	background-image: url(img_site/bg_subnav.gif);
}


#navSub ul{
	margin: 0;
	height:97px;
}

#navSub ul#contact{
	height:107px;
	padding:0px;

}
#navSub li{
	margin: 0 20px 10px 0;
	padding: 0;
	list-style: none;
	background-image: none;
	float: left;
}

#navSub #contact li{
	margin-bottom:0px;
	padding:0px;
}
#navSub #services a{
	z-index: 10;
	display: block;
	float: left;
	height:97px;
	width:138px;
	background-image:url(img_site/nav_services.jpg);
	clip:rect(200 200 120 120);
	cursor:pointer;
}

#navSub #contact a
{
	z-index: 10;
	display: block;
	float: left;
	height:107px;
	width:150px;
	margin:0px 70px;
	background-image:url(img_site/nav_contact.jpg);
	clip:rect(200 200 120 120);
	cursor:pointer;
}


#navSub a.general
{
	background-position:-100px 0;
}

#navSub a.map
{
	background-position:-420px 0;
}

#navSub a.request
{
	background-position:-740px 0;
}

#navSub a.webappdev
{
	background-position:0 0;
}


#navSub a.ecommint
{
	background-position:-169px 0;
}


#navSub a.webui
{
	background-position:-329px 0;
}


#navSub a.gamdev
{
	background-position:-489px 0;
}


#navSub a.cms
{
	background-position:-649px 0;
}


#navSub a.opnsrc
{
	background-position:-809px 0;
}



#navSub a.webappdev:hover, #navSub #currentsubtab a.webappdev
{
	background-position:0 -106px;
}


#navSub a.ecommint:hover, #navSub #currentsubtab a.ecommint
{
	background-position:-169px -106px;
}


#navSub a.webui:hover, #navSub #currentsubtab a.webui
{
	background-position:-329px -106px;
}


#navSub a.gamdev:hover, #navSub #currentsubtab a.gamdev 
{
	background-position:-489px -106px;
}


#navSub a.cms:hover, #navSub #currentsubtab a.cms
{
	background-position:-649px -106px;
}


#navSub a.opnsrc:hover, #navSub #currentsubtab a.opnsrc
{
	background-position:-809px -106px;
}

#navSub a.general:hover, #navSub #currentsubtab a.general
{
	background-position:-100px -107px;
}


#navSub a.map:hover, #navSub #currentsubtab a.map 
{
	background-position:-420px -107px;
}


#navSub a.request:hover, #navSub #currentsubtab a.request
{
	background-position:-740px -107px;
}

#navShowcase{
	background-color: #262626;
	color: #fff;
	font-size: 95%;
	overflow: hidden;
	position: relative;
	width: 909px;
	padding: 0 23px 0px 23px;
	background-image: url(img_site/bg_subnav.gif);
	background-repeat: repeat-x;
}




#navShowcase #navScroll{
	position: relative;
	height: 100px;
	margin: 0;
	padding: 0 0px 0 10px;
	width: 10000px;
	z-index: 1;
	overflow: hidden;
}

#navShowcase a{
	display: block;
	position: relative;
	width: 100%;
	/*margin: 0 4px 0 4px;*/
	color: #cbcbcb;
	text-align: center;
	text-decoration: none;
	overflow: hidden;
}

#navShowcase a:hover{
	color: #fff;
}

#navShowcase .subnavactive a{
	color: #fff;
}


#navShowcase .subnavactive a .wrapshowcase img, #navShowcase .subnavactive a:hover .wrapshowcase img{
	top: -1px;
	left: -1px;
	margin-bottom: 3px;
	border: 2px solid #FFF;
	color: #fff;
}

#navShowcase a:hover .wrapshowcase img{
	border: 1px solid #FFF;
	color: #fff;
}

#navShowcase .wrapshowcase{
	position: relative;
	z-index: 10;
}

#navShowcase .wrapshowcase img{
	position: relative;
	border: 1px solid #ACACAC;
	margin-top: 12px;
	margin-bottom: 5px;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0 ;
    /*margin-left: 10px;*/
	overflow: visible;
    position: relative;
	width: 890px !important;
}



#navShowcase li{
	list-style: none;
	background-image: none;
	float: left;
	padding: 0 5px 0 4px;
	width: 80px;
	height: 80px;
}


#navShowcase #btnPrevious, .jcarousel-prev{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}


#navShowcase #btnNext, .jcarousel-next{
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
}

.jcarousel-prev-disabled, .jcarousel-next-disabled{
	display: none !important;
}

a .jcarousel-prev:hover a .jcarousel-next:hover{
	border-color: #fff;
}


#navShowcase span.wrap{
	top: 2px;
	left: 1px;
	position: absolute;
	display: none;
	z-index: 0;
}

#navShowcase span.wrap img{
	width: 80px !important;
	height: 60px !important;
}





/********************
/** Home page - home.php
/*******************/
.home #contentContainerHome{
	background-color: #0f0f0f;
	color: #ccc;
	border-top: 1px solid #a1a1a1;
	padding-top: 26px;
}

.home #mainCol{
	float: left;
	width: 215px;
	margin: 18px 0 0 0;
}


#other #mainCol{
	width: 815px;
	margin: 25px;
	float:none;
}

#other #mainCol p
{
	text-align:justify;
	font-size:14px;
	line-height:1.8em;
	font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana,sans-serif;
	margin-bottom:45px;
}

.home .categoryBlock{
	position: relative;
	float: left;
	display: inline;
	width: 217px;
	margin: 0 0 0 14px;
	padding: 205px 0 0 0;
	overflow: hidden;
	background-color: #282828;
	background-image: url(img_site/home_cat_bg.jpg);
	background-repeat: repeat-y;
}

.home .categoryBlock img.cap{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 20;
}

.home .categoryImage{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}

.home .categoryText{
	position: relative;
	margin: 0px 18px 20px 18px;
	width: 180px;
	overflow: hidden;
	text-align: center;
	z-index: 10;
}

.home #mainCol h1{
	font-size: 170%;
	color: #8b8b8b;
}



/********************
/** Plain page with right column - plain.php
/*******************/

.plain #contentContainerHome{
	padding-top: 57px;
}

.plain #mainCol{
	float: left;
	width: 650px;
	padding: 0 29px 0 0;
	margin: 0 14px 0 0;
}

.plain #rightCol{
	float: left;
	margin-top: 59px;
	width: 217px;
}

.plain #mainCol h1{
	font-size: 300%;
}

.plain #mainCol h2{
	margin-top: -7px;

}




/********************
/** FAQ page  - faq.php
/*******************/

.faq #contentContainerHome{
	padding-top: 57px;
}

.faq #mainCol{
	position: relative;
	width: 750px;
	padding: 0 29px 0 0;
	margin: 0 14px 0 0;
}


.faq #mainCol h1{
	font-size: 300%;
}



.faq #mainCol a{
	background-color: transparent;
	position: relative;
}

.faq a p{
	display: inline;
	position: relative;
	margin: 0;
}

.faq #mainCol h2 {
	background-color: #838383;
	color: #FFFFFF;
	font-size: 125%;
	font-weight: bold;
	margin-bottom: 20px;
	margin-top: 20px;
	padding: 3px 2px 2px 5px;
}

.faq #answers a{
	font-weight: bold;
	color: #575757;
	text-decoration: none;
}

.faq .faqRow{
	border-bottom: 1px solid #D7D7D7;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
}

.faq .faqRow .faqQuestion{
	float: left;
	display: inline;
	width: 280px;
	padding: 0 0 0 8px;
	background-image: url(img_site/bullet.gif);
	background-repeat: no-repeat;
	background-position:0pt 0.55em;
}

.faq .faqRow .faqAnswer{
	margin: 0 0 0 20px;
	width: 425px;
	float: left;
	display: inline;
}



/********************
/** Product naviation
/*******************/

.category #contentContainerHome,
.product #contentContainerHome{
	padding-left:0px;
	width:938px;
	background-image:url(img_site/nav_template_back.gif);
}

#leftCol{
	padding-top:35px;
	float: left;
	width: 155px;
	background-color: #DCDCDC;
}

#leftCol a{
	display:block;
}

#leftCol a{
	color: #11569D;
	font-weight:normal;
	font-size:95%;
	text-transform: uppercase;
	display:block;
	margin:0 10px 10px 10px;
}

#leftCol a:hover{
	background:url(img_site/menu_arrow.gif);
	background-repeat:no-repeat;
	background-position:0% 35%;
}

#leftCol a.active{
	background:url(img_site/menu_arrow.gif);
	background-repeat:no-repeat;
	background-position:0% 35%;
}

#leftCol span{
	display:block;
	background:url(img_site/gr_border.gif);
	background-repeat:no-repeat;
	margin-left:10px;
	padding-bottom:6px;
	background-position: 0% 100%;	
}



/********************
/** Showcase Page
/*******************/

.showcase #contentContainerHome{
	padding-top: 15px;
}

.showcase #mainCol h1{
	color:#4D4D4D;
	font-size:225%;
	font-weight:normal;
	padding-top: 30px;
	margin-bottom:0px;
}

.showcase #mainCol h2{
	font-size: 100%;
	color:#4B4B4B;
	font-weight: bold;
	border-bottom: 1px solid #D3D3D3;
	padding:20px 0 3px 0;
}

.showcase #mainCol{
	float:left;
	width: 435px;
	margin: 0 15px 0 0;
	padding-right:10px;
}
.showcase #rightCol{
	float:left;
	width: 450px
}

/* dtr for product items */
.productitem{
	width:85px;	
	float:left;
	padding-bottom:30px;
	padding-right:10px;	
}

#categoryproducts .productitem{
	padding-right: 0;
}

.productitem a{
	display:block;
	padding-bottom: 1px;
}

.productitem .img{
	border:1px solid #DFDFDF;
}

/* dtr for showcase items */
.showcaseitem{
	width:85px;
	height:96px;
	float:left;
	padding-bottom:10px;
	padding-right:10px;
}

.showcaseitem a:hover,
.productitem a:hover{
	text-decoration: none;
}

.showcaseitem a:hover .name,
.productitem a:hover .name{
	text-decoration: underline;
}

.showcaseitem img,
.productitem img{
	border:1px solid #DFDFDF;
}

/********************
/** category tempalte - category_template.php
/*******************/
.category #mainImageContainer{
	background-color:none;
}

.category #leftCol{
	padding-top:35px;
	float: left;
	width: 155px;
	background-color: #DCDCDC;
}

.category #leftCol a{
	display:block;
}


.category #mainCol{
	float: left;
	width: 765px;
	position:relative;
	left:15px;
	margin-top:15px;
}

.category #categorycontent{
	float: left;
	width:525px;
	padding-right:20px;
}

.category #categorycontent h2{
	font-size:125%;
	margin-right:75px;
	color:#4B4B4B;
}

.category #categorycontent p{
	
}

.category #showcaseCol{
	float: left;
	width:213px;
}

.category #showcaseCol{
	font-size:90%;
}

.category #mainCol #showcaseCol h1{
	margin-bottom:15px;
	font-size: 111%;
}


.category #mainCol h1 {	
	font-size:175%;
	padding-top:25px;
}


/* round corder to list products in a category */
div#categoryproducts{
	padding-top:5px;
	background-image: url(img_site/product_box_top.gif);
	background-repeat:no-repeat;	
}

#categoryproducts_inner{
	background-image:url(img_site/product_box_bottom.gif);
	background-position:0% bottom;
	background-repeat:no-repeat;
	padding-bottom:5px;
}

	#categoryproducts_content{
	background-image: url(img_site/product_box_mid.gif);
	background-repeat:repeat-y;	
	HEIGHT: 100%;
	padding:10px 5px 10px 0px;
}
/* end of round corner */

/* dtr for product items */
#categoryproducts .productitem{
	width:150px;	
	padding-left:18px;	
	padding-bottom:20px;
}

#categoryproducts .productitem a{
	font-size:120%;
	color:#92106E;
}

#categoryproducts .productitem a:hover{
	text-decoration: none;
}

#categoryproducts .productitem .name{
	padding-top:10px;
	padding-bottom:5px;	
	display:block;
}

#categoryproducts .productitem a:hover .name{
	text-decoration: underline !important;
}


#showcaseCol h1{
	border-bottom:1px solid #D3D3D3;
	color:#4B4B4B;
	font-size:111%;
	font-weight:bold;
	padding-top:20px;
}

/********************
/** product tempalte with left nav - product_template.php
/*******************/
.product #contentContainerHome{
	padding-left: 0px;	
}


.product #mainCol{
	background-color:#F1F1F1;
	float:left;
	margin-left:0px;
	padding-left:0px;
	width:765px;
}

.product #whitecontainer{
	background-color:#FFFFFF;
	padding: 0 0 30px 0;
	width:800px;
}

.product #productInfo{
	margin: 10px 25px 0pt 15px;	
	width: 400px;
	display: inline;
	float: left;
}

.product #productThumbnail{
	margin: 10px 25px 0pt 0;	
	float: left;
	width: 300px;
	overflow: hidden;
	display: inline;
}

.product #productThumbnail .cmsDivbordercontainer{
	margin: 5px 0 0 0;
}


.product #mainCol h2{
	background:#4B4B4B;
	color:#FFFFFF;
	font-size:125%;
	font-weight:bold;
	margin-bottom:20px;
	margin-top:20px;	
	padding:3px 2px 2px 5px;
}
.product #contentContainerHome{
	padding-right:0px;
	width:955px;
}

.product #mainCol h3{
	width: 230px;
}

.product #mainCol #bottomcontainer{
	padding-left:10px;
	width:707px;
}

.product #mainCol .sectioncontent{
	margin-left:5px;
}

.col2{
	float:left;
	width:230px;
	padding-left:5px;
	padding-right:10px;
}

.col3{
	float:left;
	width:215px;
	padding-left:5px;
	padding-right:10px;
}

.col4{
	float:left;
	width:215px;
	padding-left:5px;
}
/********************
/** Two columns - twocol.php
/*******************/

.twocol #contentContainerHome{
	padding-top: 33px;
}

.twocol #mainCol{
	float: left;
	width: 570px;
	padding: 0 0px 0 0;
	margin: 0 35px 0 0;
}

.twocol #rightCol{
	font-size: 90%;
	float: left;
	width: 295px;
	margin: 16px 0 0 0;
}

/**
* News page news_template.php
**/

.news #mainCol h1{
	font-size:160%;
	padding-bottom:10px;
	padding-top:10px;
}

.news #contentContainerHome{
	padding-top: 47px;
}

.news #mainCol{
	float:left;
	margin:0pt 14px 0pt 0pt;
	padding:0pt 80px 0pt 0pt;
	width:600px;
}

.news #rightCol{
	float: left;
	margin-top: 59px;
	width: 215px;
}

.news #mainCol h2{
	margin-top: -7px;

}

.news .gotolink{
	background-position:left;
	padding-left:10px;
	display:block;
}



/********************
/** Search
/*******************/

#os_main h3{
	margin: 0 0 0 8px;
}

#os_search{
	margin: 10px 0 0 0;
}

#os_main blockquote{
	margin: 0 0 0em 8px;
}

#os_results li{
	list-style: none;
	background-image: none;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #D7D7D7;
}

#os_resultbar{
	background-color: #838383;
	padding: 5px 10px 2px 8px;
	margin: 0 0 15px 0;
	color: #fff;
	font-weight: normal;
}

.os_msg{
	font-weight: normal;
}

#os_main #headLeft{
	font-weight: bold;
	float: left;
}

#os_main #headRight{
	float: right;
}


/* ***** Pagination ***** */
#os_pagination {
  width: 425px;
  float: left;
}
#os_pagination div#os_pagin1 {
  float:left;
  white-space:nowrap;
}
#os_pagination div#os_pagin2 {
  margin:0px 5px;
  text-align:center;
  float: left;
}
#os_pagination div#os_pagin3 {
  float:left;
  width:15%;
  white-space:nowrap;
  text-align:left;
}




/********************
/** Footer
/*******************/
#footer{
	position: relative;
	padding: 12px 25px 12px 12px;
	background-color: #303030;
	color: #777;
}

#footerNav{
	position: relative;
	float: right;
}



ul.normal
{
	font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana,sans-serif;
	font-size:14px;
	line-height:1.8em;
	margin-bottom:25px;
}

ul.normal li
{
	margin-left:45px;
	padding-left:5px;
	list-style-image:url(img_site/jh-bullet.png);
	background:none;
}

img.floatimage
{
	float:right;	
}
img.lfloat
{
	float:right;
	margin:0px 175px 0px 15px;
}

table#careers {
margin:-17px 0 20px;
width:100%;
font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana,sans-serif;
font-size:14px;
}

table#careers th {
background-color:#222021;
color:#E4E4E4;
font-weight:normal;
padding:7px;
text-align:left;
text-transform:uppercase;
}

table#careers td.date {
width:75px;
}
table#careers td {
border-collapse:collapse;
padding:8px 10px 8px 7px;
}

table#careers td.description {
color:#FFFFFF;
}

table#careers td.description a
{
	float:none;	
}

table#careers td {
border-collapse:collapse;
padding:8px 10px 8px 7px;
}

table#careers td.separator {
background-image:url(/img_site/dottedrule.gif);
background-repeat:repeat-x;
height:1px;
overflow:hidden;
padding:0;
}
table#careers td {
border-collapse:collapse;
padding:8px 10px 8px 7px;
}

#portfolio
{
	width:100%;
	height:660px;
	display:block;
}

#portfolio img
{
	filter:alpha(opacity=45);
	-moz-opacity:.45;
	opacity:.45;
}
#portfolio .mainthumb img
{
	filter:alpha(opacity=95);
	-moz-opacity:.95;
	opacity:.95;
}
#portfolio img:hover
{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

#portfolio .project
{
	width:240px;
	margin:15px;
	float:left;
	border:none;
}

#portfolio .project li
{
	padding:3px 0px;
	display:inline;
	width:70px;
	list-style:none;
	background-image:none;
	margin:3px 1px;
	text-align:center;
}

#portfolio .project li a
{
	float:none;
	margin-top:5px;
}

div #img
{
text-align:center;
}

div #contacthead
{
	color:#FF6600;
	font-family:verdana;
	font-size:15px;
}

div #contactsub
{
	font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana,sans-serif;
	line-height:1.8em;
	color:#CCCCCC;
	font-size:12px;
	text-align:left;
	width:900px;
	padding:5px 0px 0px 28px;
}

div #contactsubtitle
{
	font-family:arial;
	font-size:10px;
	text-align:left;
	color:#FF6600;
}

#contactinputBox
{
	background-color:black;
	color:#666666;
	border-color:#FF6600;
}

#submit
{
	background-color:#666666;
}

.general{
	width:250px;
}

div #contactrequesthead
{
	color:#CCCCCC;
	font-size:15px;
}

input.styled {
display:none;
}

select.styled {
opacity:0;
position:relative;
width:190px;
z-index:5;
}

element.style {
background-position:0 -50px;
}

span.checkbox {
background:transparent url("img_site/checkbox.png") no-repeat scroll 0 0;
clear:left;
display:block;
float:left;
height:25px;
padding:0 5px 0 0;
width:19px;
}
li#checkboxbutton {
background:transparent url("img_site/checkbox.png") no-repeat scroll 0 0;
clear:left;
display:block;
float:left;
height:25px;
padding:0 5px 0 0;
width:19px;
}
li#radioboxbutton {
background:transparent url("img_site/icons_radio.gif") no-repeat scroll 0 0;
clear:left;
display:block;
float:left;
height:25px;
padding:0 5px 0 0;
width:19px;
}

span.radio {
background:transparent url("img_site/icons_radio.gif") no-repeat scroll 0 0;
clear:left;
display:block;
float:left;
height:25px;
padding:0 5px 0 0;
width:19px;
}

p {
font-family:arial,sans-serif;
font-size:1em;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.7em;
}

ul.sitemaphead 
{
	margin-left:45px;
	padding-left:5px;
	list-style-image:url(img_site/jh-bullet.png);
	background:none;
}
ul.sitemapsidehead
{
padding:0 5px 0 30px;
list-style-type:circle;
}

div#contact{
position:absolute;
float:left;
width:150px;
z-index:1;
left:60px;
top:250px;
}

div#call{
position:absolute;
float:left;
width:150px;
z-index:1;
left:60px;
top:400px;
}

div#link{
position:absolute;
float:left;
width:150px;
z-index:1;
left:60px;
top:550px;
}

div.leftcontact{
 float:left;
 width:455px;
 height:500px;
 color:#fff;
}

div.rightcontact{
position:absolute;
top:250px;
left:550px;
 width:455px;
 color:#fff;
 height:500px;
 float:left;
}

.sitemapsidehead a{
color:#cccccc;
}

#contentContainerHome ul li{
	line-height:2em;
}

#contentContainerHome ul li div{
}

div.aa {
color:#FFFFFF;
float:left;
height:500px;
left:28px;
position:absolute;
top:205px;
width:455px;
}
div.bb {
color:#FFFFFF;
float:left;
height:500px;
left:28px;
position:absolute;
top:330px;
width:455px;
}
div.cc {
color:#FFFFFF;
float:left;
height:500px;
left:28px;
position:absolute;
top:396px;
width:455px;
}
div.dd {
color:#FFFFFF;
float:left;
height:500px;
left:28px;
position:absolute;
top:588px;
width:455px;
}
div.ee {
color:#FFFFFF;
float:left;
height:500px;
left:28px;
position:absolute;
top:828px;
width:455px;
}
div.ff {
color:#FFFFFF;
float:left;
height:500px;
left:28px;
position:absolute;
top:1024px;
width:455px;
}
div.gg {
color:#FFFFFF;
float:left;
height:500px;
left:28px;
position:absolute;
top:700px;
width:455px;
}
span.special
{
	color:#FF6600;
	font-size:24px;
	font-weight:bold;
}


#portfolio_nav
{
	background: url(images/portnav.jpg) no-repeat;
	margin:0 -22px;
	width:943px;
	height:200px;
}

/*************START OF SCROLLABLE*********************/
div.scrollable {

    /* required settings */
    position:relative;
    overflow:hidden;
    width: 940px;
    height:155px;
}

/*
    root element for scrollable items. Must be absolutely positioned
    and it should have a super large width to accomodate scrollable items.
    it's enough that you set width and height for the root element and
    not for this element.
*/
div.scrollable div.items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
}

/*
    a single item. must be floated on horizontal scrolling
    typically this element is the one that *you* will style
    the most.
*/
div.scrollable div.items div {
    float:left;
}

a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:18px;
	height:18px;
	background:url(images/left.png) no-repeat;
	float:left;
	margin:50px 5px;
	cursor:pointer;
	font-size:1px;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -18px;
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;
}

/* next button uses another background image */
a.next, a.nextPage {
	background-image:url(images/right.png);
	clear:right;
}



/*********** navigator ***********/


/* position and dimensions of the navigator */
div.navi {
	width:200px;
	height:20px;
	padding:25px 0 10px 330px;
}


/* items inside navigator */
div.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(images/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
div.navi a:hover {
	background-position:0 -8px;
}

/* active state (current page state) */
div.navi a.active {
	background-position:0 -16px;
}

/*************END OF SCROLLABLE*********************/

#portfolio_nav .items .panel
{
	background: url(images/portpanel.jpg) no-repeat;
	width:208px;
	height:133px;
	float:left;
	margin:0 15px;

}

#portfolio_nav .items div.active
{
	background: url(images/portpanel_active.jpg) no-repeat;
}

#portfolio_nav .panel:hover
{
	background: url(images/portpanel_hover.jpg) no-repeat;
}
#portfolio_nav .panel img
{
	width:176px;
	height:101px;
	padding:16px;
}

#portfolio_nav a.back ,#portfolio_nav a.forward
{
	background: url(images/prev.gif) center no-repeat;
	float:left;
	width:26px;
	margin:0 0 0 10px;
	display:block;
	height:130px;
	cursor:pointer;
}
#portfolio_nav a.forward
{
	background: url(images/next.gif) center no-repeat;
}