/* slightly enhanced, universal clearfix hack */
.clearfix:after
{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.clearfix { display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }

/* close commented backslash hack */




/* GLOBAL */
html, body, div, img, form, fieldset, ul, ol, li, h1, h2, h3
{
	border: none;
	padding: 0;
	margin: 0;
	font: 11px arial;
	color: #666;
	outline: none;
	vertical-align:bottom;
}

.clearboth {
  clear:both;
}

p { color: #666; }
.hidden { display: none; }

p
{
	font: 10px verdana,arial;
	line-height: 140%;
	color: #666;
}

.red {color:red !important;}

table
{
	border-collapse: collapse;
	border-spacing: 0;
	text-indent: 0;
}

ul,li
{
	list-style-type: none;
	text-indent: 0;
}

abbr { letter-spacing: 0.1em; }
.left { float: left; }
.right { float: right; }
img { border: none; }
.spacing1 { line-height: 160%; }

a:link, a:active, a:hover, a:visited, a:focus {
outline: 0 !important;
border:none !important;
}

ul#jbg-menu li a:focus,
ul#jbg-menu li a:active
{
outline: 0 !important;
border:none !important;
}

/* LAYOUT */
body
{
	background-color: #fff;
	color: #333;
	line-height: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
}

.nobg { background-color: #fff; }

body.projects .thumb
{
	padding: 2px;
	border: 1px solid #ccc;
	margin: 12px 12px 0 0;
}


#container
{
	margin: 0 auto 0 auto;
	
	/* overflow:hidden; */
	text-align: left;
	width: 980px;
	background-color: #fff;
	padding: 0;

}

#header
{
	width: 944px;
	height: 40px;
	background-color: #fff;
	color: #666;
	margin: 0px auto 0 auto;
	padding:22px 0 0 0;
}

#content
{
	position: relative;
	border: 0px solid #111;
	height: auto;
	width: 944px;
	padding: 0;
	margin: 0;
	background-color: #fff;
}



/* FOOTER */
.btm-line
{
	width: 944px;
	margin: 15px auto 3px auto;
	border-bottom: 1px solid #bbb;
	height: 1px;
	clear:both;
}

.headline-outer
{
	float: left;
	width: 590px;
	text-align: left;
	line-height:100%;
	
}

body.projects .btm-line { margin: 6px auto 0 auto; }

#bottom
{
	width: 944px;
	background-color: #fff;
	border-top: 1px solid #bbb;
	font-size:11px;
	height: 40px;
	margin: 0px auto 0 auto;
	padding: 14px 0 0 0;
	color: #444;
	line-height:100%;
}

.btm-left { 
	font: 11px arial;
	height:13px;
    line-height:100%;
    padding:0;
    margin:0px 10px 0 0;
    display:block;
}

.btm-left a { 
	padding:0;margin:0;
    line-height:100%;   
}

ul#newsticker li {
	height:13px !important;
	line-height:100%;
	
}

ul#newsticker li a {
	line-height:100%;
	font-size:11px;
	vertical-align:bottom;
}

ul#newsticker {
	height:13px;
	overflow:hidden;
	vertical-align:bottom;
}

.outer-btm
{
	clear:both;
	margin: 10px  auto 10px auto;
	overflow: hidden;
	text-align: right;
	width: 944px;
	
}

#frameOn, #frameOff{width:14px;height:14px;cursor:pointer;margin-left:6px;}

#frameOn {background: url(images/bg-select-g.gif) no-repeat top left}
#frameOff {background:url(images/bg-select-w.gif) no-repeat top left;}

#frameOn.selected, #frameOff.selected{background-position:0 -20px;}

body.jbg #container 
{
  display:none;
}

/* HEADER */
.navigation
{
	margin: 0;
	top: 0;
	 width:650px;
	 float:left;
	
}

.navigation ul, li.navhome a:link,li.navhome a:visited
{
	padding-top: 0;
	list-style: none;
	font-size: 14px !important;
	position: relative;
	z-index: 3;
	color: #999;
}

.navigation ul {

}


.navigation ul li
{
	float: left;
	font-family: arial,verdana;
	margin-top: 2px;
	padding: 0;
	position: relative;
	font-size: 14px;
	color: #999;
}

.navigation ul li.topnav:hover, li.navhome a:hover
{
	color: #0092cf;
	background-position: 0 -21px;
}

.navigation ul li.active { 
  background-position: 0 -21px;
}




.navigation li.topnav
{
    background-image: url('images/main-site-nav.gif');
	background-repeat: no-repeat;
	cursor: pointer;
}

.navigation li#nav-projects
{
    width: 65px;
    background-position:0 0px;
    height:32px;
}

.navigation #nav-projects.active,.navigation li#nav-projects:hover { 
  background-position: 0 -41px;
}

.navigation li#nav-services
{
	width: 89px;
    background-position:-65px 0px;
    height:32px;
}

.navigation li#nav-services.active,.navigation li#nav-services:hover { 
  background-position: -65px -41px;
}

.navigation li#nav-sb
{
	width: 142px;
    background-position:-154px 0px;
    height:32px;
}

.navigation li#nav-sb.active,.navigation li#nav-sb:hover
{
	width: 142px;
    background-position:-154px -41px;
}

.navigation li#nav-inside
{
	width: 80px;
    background-position:-296px 0px;
    height:32px;
}

.navigation li#nav-inside.active,.navigation li#nav-inside:hover
{
	width: 80px;
    background-position:-296px -41px;
}

body.home .navigation li#nav-inside {
  width:60px;
}

.navigation li#nav-home
{
	width: 142px;
    background-position:-376px 0px;
    height:32px;
}

.navigation li#nav-home.active,.navigation li#nav-home:hover
{
	width: 142px;
    background-position:-376px -41px;
}

.navigation li { cursor: pointer; }

.navigation ul li a:link,.navigation ul li a:visited
{
	color: #777;
	font-family: arial,verdana;
	font-size: 10px;
	font-weight: normal;
}

.navigation ul li ul li:hover,.navigation ul li a:hover,.navigation .selected
{
	color: #0092cf !important;
	background-color: #fbfbfb;
}

.navigation ul li ul li.navblank:hover { background-color: #fff; }

.navigation ul ul{width:160px;display:none;position:absolute;top:30px;left:18px;cursor:pointer;z-index:13;}
.navigation ul ul.first { left: -4px; }

/* 
.navigation ul li:hover ul { display: block; }
*/

.navigation ul ul li
{
	float: none;
	margin: 0;
	padding: 0;
	background-color: #fff;
	border: none;
	position: relative;
	height: 16px;
	
}

.navigation li.navfirst
{
	height: 13px;
	border-left: 1px solid #fff;
	padding-bottom: 0px;
	border-bottom: 0px solid #dedede;
}


.navigation ul ul li.break
{
	border-top: 2px solid #1f1f1f;
	padding-bottom: 5px;
	height: 2px;
}

.navigation ul ul li a
{
	margin: 0;
	padding: 0 5px 3px 15px;
	font-size: 10px;
	line-height: 16px;
}

.navigation li.navSecond{border-top:1px solid #ededed;margin:0px 0 0 0;padding-top:6px;}

.navigation ul ul li a,.navigation ul ul li p {margin:0;padding:0 5px 0 15px;font-size:10px;line-height:10px;}
#header .mfancy_bg{position:absolute;display:block;z-index:2;border:0;}
.mdrop {margin-top:0px;padding:0px 13px 0 0 !important;border-left:1px solid #dedede;background:transparent url('css/fancy_shadow_e.png') repeat-y;background-position:160px 0;}

#header .mfancy_bg_e{top:-0px;right:-13px;height:100%;width:13px;background:transparent url('css/fancy_shadow_e.png') repeat-y;}

#searchform {
background-color:#fff;
float:right;
font-size:11px;
height:24px;
margin:0;
padding:0;
float:right;

width:190px;
}

#searchform #s {
background:#f7f7f7;
border:1px solid #ddd;
border-left:1px solid #bbb;
border-top:1px solid #bbb;
color:#666;
float:left;
font-size:12px;
line-height:16px;
height:17px;
margin:0;
padding:0;
width:160px;
z-index:4;
}

#searchform #s:focus {
background:#fff;
}

#searchform #searchsubmit
{
background: url(images/search-button-g.gif) no-repeat;
border:0;
cursor:pointer;
float:right;
height:24px;
line-height:1px;
margin:0;
padding:0;
text-indent:-999%;
width:18px;
}

#backto
{
	float: right;
	margin: 7px 0px 5px 0;
}

div.print { cursor: pointer; }

body.projects #main-inside
{
	min-height: 220px;
	height: auto;
	position: relative;
	background: #fff;
}

body.projects div.left-col
{
	float: right;
	margin: 12px 12px 12px 0px;
	width: 350px;
	border-right: 1px solid #ddd;
}

body.projects div.left-col p {width: 94%;line-height:130%;}

body.projects div.right-col
{
	float: right;
	margin: 12px 12px 12px 14px;
	width: 360px;
	min-height: 212px;
}

ul.project-buttons { margin: 12px 0 0 0; }
ul.project-buttons li { margin: 0 0 3px 0; }

#v-switch
{
	position: absolute;
	bottom: 0;
	right: 1px;
	width: 85px;
}

#v-text
{
	display: inline;
	margin: 0 12px 0 0;
}

img.v-switch-off,img.v-switch-on {margin-left:2px;}

img.v-switch-off
{
	padding: 2px;
	border: 1px solid #aaa;
}

img.v-switch-on
{

	padding: 2px;
	border: 1px solid red;
}

#p-details ul { margin: 12px 0 32px 0; }
#p-details ul li { margin: 3px 0; }


table, td,th
{
	text-align: left;
	font-size: 11px;
	font-family: arial,verdana;
	color: #666;
	font-weight: normal;
}

body.project div.left-col
{
	float: left;
	margin: 0;
	width: 410px;
	border-right: 0px solid #ddd;
}

body.project div.right-col
{
	float: right;
	margin: 0 0 0 10px;
	width: 478px;
}

/* TYPE */
.btm-left a:link,div.btm-right a:link { color: #666666; }
.btm-left a:visited,div.btm-right a:visited { color: #666666; }
.headline a { display: none; }

a:link,a:visited,a:hover,.headline a:link
{
	color: #559aac;
	text-decoration: none;
}



h1
{
	font-size: 180%;
	font-weight: normal;
	margin: 0;
	padding: 20px;
}

h3
{
	font-size: 140%;
	font-weight: normal;
}

h2
{
	margin: 0;
	padding: 0;
	color: #666;
	font-size: 11px;
	font-family: verdana,arial,sans-serif;
	font-weight: bold !important;
}

h2.page-title { margin: 2px 0 14px 0; }

.content h1
{
	font-size: 18px;
	margin: 0;
	padding: 0 0 0 10px;
}

h5
{
	font-weight: normal;
	margin: 4px 0 12px 0;
	padding: 1px 0;
	font-size: 10px;
	color: #444;
}

th { background-color: #fff; }

.r1b,.r1 { width: 60px; }
.r2 { width: 200px; }
th.r2 { border-left: 1px solid #ccc; }
td.r2 { width: 220px; }
td.r3 { width: 380px; }
td.r4 { width: 90px; }
th.r4 { width: 103px; }

th.r3
{
	width: 350px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.searchBox input {border:1px solid #bbb;background-color:#dedede;margin:8px 3px 8px 0;}
.searchBox input:focus {background-color:#fff;margin:8px 3px 8px 0;}
a.title {font-size:160%;}
.searchBox {padding:2px 0;margin:2px 0 8px 15px;border-bottom:1px solid #bbb;border-top:1px solid #bbb;width:777px;}

.over { background-color: #fff !important; }
.over a { text-decoration: underline; }
.r1 img { border: 2px solid #fff;}
.over .r1 img { border: 2px solid #ff0000; }

body #main-inside
{
	margin: 0;
	padding: 15px 0 0 0;
	border-top: 1px solid #ccc;
}

body.home #content
{
	text-align: center;
	margin: 0 auto;
}

/* Easy Slider */
#slider
{
	margin: 0 auto;
	text-align: right;
	width: 944px;
	height: 583px;
	overflow: hidden;
	clear: both;
}

#slider2
{
	margin: 0 0 0px 194px;;
	text-align: left;
	width: 478px;
	height: 390px;
	overflow: hidden;
	clear: both;
}

#slider ul, #slider li, #slider2 ul, #slider2 li
{
	margin: 0;
	padding: 0;
	list-style: none;
}

#slider2 li  {height:390px;}

li.c1 { height: 40px; }

#slider li li
{
	/* 
efine width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/
	width: 944px;
	height: 583px;
	overflow: hidden;
}

#slider ul li a img
{

	width: 944px;
	height: 583px;
	
}

p#controls, p#controls2
{
	margin: 0;
	position: relative;
}


body.mission ul {
margin:0;
padding:0;
}

body.mission #main-inside ul li {
  list-style-type:disc;
  margin-left:14px;
  line-height:100%;
  padding:0;
  list-style-position:outside;
}

#prevBtn, #nextBtn, #prevBtn2, #nextBtn2
{
	display: block;
	margin: 0;
	overflow: hidden;
	text-indent: -8px;

	position: absolute;
	top: 260px;
	left: 10px;
	z-index: 2;
	
	
}

body.home #nextBtn, body.home #nextBtn2 { left: 898px; }

body.home #prevBtn a, body.home #nextBtn a,body.projects #nextBtn a,body.projects #prevBtn a
{
	display: block;
    background: transparent;
}

body.projects #nextBtn { left: 40px;top: 325px;}
body.projects #prevBtn { left: 40px;top: 278px;}

body.projects #nextBtn a
{
	height: 36px;
	width: 75px;
	background: transparent url(images/arrow-v2.gif) no-repeat;
	
}

body.projects #prevBtn a
{
	height: 36px;
	width: 75px;
	background: transparent url(images/arrow-v1.gif) no-repeat;
}


body.home #nextBtn a
{
	height: 75px;
	width: 36px;
	background: transparent url(images/arrow-r2.gif) no-repeat;
}

body.home #prevBtn a
{
	height: 75px;
	width: 36px;
	background: transparent url(images/arrow-l2.gif) no-repeat;
}


body.home #nextBtn a:hover,body.home #prevBtn a:hover
{
     background-position:0 -106px;
     
}

body.projects #nextBtn a:hover, body.projects #prevBtn a:hover
{
     background-position:-106px 0px; 
}

body.services #main-inside a:hover {text-decoration:underline}

h2.line {border-bottom:1px solid #ccc;padding-bottom:3px;}

/* // Easy Slider */
.pagination
{
	height: 20px;
	overflow: hidden;
	float: right;
	margin: 10px 0 0 0;
	cursor: default;
	text-align: right;
	z-index: 2;
}

body.home #captions
{
	height: 12px;
	overflow: hidden;
	float: left;
	margin: 12px 0 0 0;
	cursor: default;
	text-align: left;
	z-index: 2;
	
}

body.projects #captions
{
	width:170px;
	
	overflow: hidden;
	position:absolute;
	display:inline;
	margin: 130px 0 0 0;
	cursor: default;
	text-align: left;
	z-index: 2;
	background-color:#fff;
	padding:8px 2px 0 0;
	color:#666;
	z-index: 2;
	
}

.hcaption
{
	
	font-family: arial,verdana;
	font-size: 10px;
}

body.projects .hcaption
{
	
	font-family: verdana,arial;
	font-size: 11px;
}

#captions .hcaption { display: none; }

#captions .hcaption.selected
{
	
	display: block;
}

body.home .hcaption a:link,.hcaption a:visited { color: #333; }
body.home .hcaption a:hover { color: #666; }
.hcaption a:active { color: #ff0000;}


.hcaption a
{
	background: transparent url(images/up-arrow.gif) 0px -1px no-repeat;
	padding: 0px 0 0 12px;
}

body.projects .hcaption a
{
	background-image: none;
	padding: 0;
}

p.caption{
	padding:0px 0 0 0;
	margin:8px 0 0 0;
}

p.credentials {
margin:4px 0;
}

.pagination .promoBullet
{
	float: left;
	background: #fff url(images/bullet-off.gif) 0px 0px no-repeat;
	height: 16px;
	width: 10px;
	padding: 2px 0 2px 2px;
	margin: 2px 0 2px 9px;
	cursor: pointer;
}

.pagination .promoBullet.selected
{
	background: #fff url(images/bullet-on.gif) 0px 0px no-repeat;
	height: 16px;
}

.pagination img { margin-right: 3px; }

.fullscreen {
	background: #fff url(images/bull-fullscreen.gif) 0px 0px no-repeat;
	height: 15px !important;
	width: 16px !important;
	padding: 0px 0 0px 0px !important;
	margin: 3px 0 2px 9px;
	cursor: pointer;
	float:left;
}

a#open_gallery {
	height: 20px;
	width: 16px;
}

.scroll
{
	overflow: hidden;
	width: 460px;
	margin: 0 auto;
	position: relative;
}

.scrollContainer { position: relative; }

.scrollContainer div.panel
{
	padding: 0px;
	width: 460px;
	height: 300px;
}

#left-shadow
{
	position: absolute;
	top: 0;
	left: 0;
	width: 12px;
	bottom: 0;
	background: url(images/leftshadow.png) repeat-y;
}

#right-shadow
{
	position: absolute;
	top: 0;
	right: 0;
	width: 12px;
	bottom: 0;
	background: url(images/rightshadow.png) repeat-y;
}

.inside
{
	padding: 10px;
	border: 1px solid #999;
}

.inside img
{
	display: block;
	border: 1px solid #666;
	margin: 0 0 10px 0;
	width: 250px;
}

.inside h2
{
	font-weight: normal;
	color: #111;
	font-size: 16px;
	margin: 0 0 8px 0;
}

.inside p
{
	font-size: 11px;
	color: #ccc;
}

.scrollButtons
{
	position: absolute;
	top: 127px;
	cursor: pointer;
}

.scrollButtons.left { left: -45px; }
.scrollButtons.right { right: -45px; }
.hide { display: none; }

.caption
{
	font-style: italic;
	color: #887;
	font-size: 9px;
}

.gallery1
{
	height: 40px;
	overflow: hidden;
}

.galleria { margin: 0 0 0 -3px; }
.galleria li div .caption { font: italic 0.7em/1.4 georgia,serif; }

#main_image
{
	margin: 0;
	height: 408px;
	width: 478px;
	background: #fff;
	overflow: hidden;
}

#main_image img { margin-bottom: 0; }
.galleria { list-style: none; }

.galleria li
{
	display: block;
	width: 36px;
	margin: 0 3px 0 0;
	height: 36px;
	overflow: hidden;
	float: left;
	border: 2px solid #fff;
}

.galleria li a { display: none; }

.galleria li div
{
	position: absolute;
	display: none;
	top: 0;
}

.galleria li div img { cursor: pointer; }
.galleria li.active div img,.galleria li.active div { display: block; }

.galleria li img.thumb
{
	cursor: pointer;
	top: auto;
	left: auto;
	display: block;
	width: auto;
	height: auto;
}

.galleria li .caption
{
	display: block;
	padding-top: .5em;
}

.galleria li.hover,.galleria li.active { border: 2px solid #589199; }
* html .galleria li div span { width: 500px; }

/* MSIE bug */
#pvplayer
{
	width: 480px;
	height: 408px;
	overflow: hidden;
}

.projects-holder
{
	
	margin:0px 0 0 0;
	padding:0;
	height: 365px;
	overflow: auto;
}

a.jScrollArrowUp { background: url('images/basic_arrow_up.gif') repeat-x 0 0; }
a.jScrollArrowUp:hover { background-position: 0 -15px; }
a.jScrollArrowDown { background: url('images/basic_arrow_down.gif') repeat-x 0 0; }

.jScrollPaneContainer
{

	margin:8px 0 0 0;
	position: relative;
	overflow: hidden;
	z-index: 2;
}

.jScrollPaneTrack
{
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 16px !important;
	height: 333px !important;
	background: #ddd;
}

.jScrollPaneDrag
{
	position: absolute;
	
	left: -1px;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	cursor: pointer;
	overflow: hidden;
	background: #fefefe url(images/drag_grab.gif) no-repeat 50% 50%;
}

.jScrollPaneDragTop
{
	position: absolute;
	top: 16px !important;
	left: 0;
	overflow: hidden;
}

.jScrollPaneDragBottom
{
	position: absolute;
	bottom: 6px;
	left: 0;
	overflow: hidden;
}

a.jScrollArrowUp
{
	display: block;
	position: absolute;
	z-index: 1;
	top: 6px;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}

a.jScrollArrowUp:hover { /*background-color: #f60;*/ }

a.jScrollArrowDown
{
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}

a.jScrollArrowDown:hover { /*background-color: #f60;*/ }
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { /*background-color: #f00;*/ }

#header .mfancy_bg
{
	position: absolute;
	display: block;
	z-index: 2;
	border: 0;
	padding: 0;
	margin: 0;
}

#header .mfancy_bg_n
{
	top: -18px;
	width: 100%;
	height: 16px;
	background: transparent url('css/fancy_shadow_n.png') repeat-x;
}

#header .mfancy_bg_ne
{
	top: -18px;
	right: -13px;
	width: 13px;
	height: 16px;
	background: transparent url('css/fancy_shadow_ne.png') no-repeat;
}

#header .mfancy_bg_e
{
	top: -0px;
	right: -13px;
	height: 100%;
	width: 13px;
	background: transparent url('css/fancy_shadow_e.png') repeat-y;
}

#header .mfancy_bg_s
{
	bottom: -16px;
	width: 100%;
	left: -1px;
	height: 16px;
	background: transparent url('css/fancy_shadow_s.png') repeat-x;
}

#header .mfancy_bg_sw
{
	bottom: -18px;
	left: -13px;
	width: 13px;
	height: 16px;
	background: transparent url('css/fancy_shadow_sw.png') no-repeat;
}

#header .mfancy_bg_se
{
	bottom: -16px;
	right: -12px;
	width: 13px;
	height: 16px;
	background: transparent url('css/fancy_shadow_se.png') no-repeat;
}

/* tables */
table.tablesorter
{
	font-family: arial;
	margin: 0;
	width: 100%;
	text-align: left;
}

table.tablesorter thead tr th, table.tablesorter tfoot tr th
{
	background-color: #fff;


	padding: 0 4px;
	height:28px;
	text-transform: uppercase;
	
}

.sortable {	
border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;}
	
	table.tablesorter thead tr .header
{
	background-image: url('css/bg.gif');
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

table.tablesorter tbody td
{
	color: #3D3D3D;
	padding: 0 4px;
	margin: 0;
	vertical-align: middle;
	height:46px;
}

table.tablesorter thead tr .headerSortUp { background-image: url('css/asc.gif'); }
table.tablesorter thead tr .headerSortDown { background-image: url('css/desc.gif'); }
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp { background-color: #fff; }

img.p-thumb
{
	width: 36px;
	height: 36px;
}

/* For Link Indication plugin */
a.liexternal
{
	padding: 0px 0 0 16px;
	background: url(images/link-images/link-icon_external_18.png) no-repeat 0 2px;
}

a.liwikipedia
{
	padding-left: 16px;
	background: url(images/link-images/link-icon_wikipedia.gif) no-repeat left;
}

a.liwp
{
	padding-left: 16px;
	background: url(images/link-images/link-icon_wordpress.png) no-repeat left;
}

a.liftp
{
	padding-left: 16px;
	background: url(images/link-images/link-icon_ftp.png) no-repeat left;
}

a.limailto
{
	padding-left: 16px;
	background: url(images/link-images/link-icon_mail.gif) no-repeat left;
}

a.lipdf
{
	line-height: 22px;
	padding-left: 18px;
	background: url(images/link-images/link-icon_pdf_04.png) no-repeat left;
}

a.lizip
{
	padding-left: 18px;
	background: url(images/link-images/link-icon_zip.png) no-repeat left;
}

li.addthis { margin: 0 0 0 1px; }

div.addthis
{
	margin: 12px 0 0 0;
	position: absolute;
	bottom: 65px;
}

.loader1 { margin: 170px 220px; }

p.see-more
{
	margin: 18px 0 2px 0;
	border-bottom: 1px solid #bbb;
	color: #333 !important;
}

.p-quote
{
	margin-top: 0%;
	font-size: 11px;
	font-family:arial;
}

#clientList-nav { margin: 10px 0 20px 0; }
.ln-letters { overflow: hidden; }

.ln-letters a
{
	color: #777;
	font-weight: bold;
	font-size: 1em;
	display: block;
	float: left;
	padding: 2px 4px;
	border: 0px solid silver;
	border-right: none;
	text-decoration: none;
	line-height:170%;
}


.ln-letters a.ln-last { border-right: 0px solid silver; }

.ln-letters a:hover
{
	background-color: #464646;
	color: #f7f7f7;
}

.ln-letters a.ln-selected
{
	background-color: #8ebedc;
	color: #eee;
}

.ln-letters a.ln-disabled { color: #bbb; }

.ln-letters a.ln-disabled:hover
{
	background-color: #fff;

}


.ln-letter-count
{
	text-align: center;
	font-size: 0.8em;
	line-height: 1;
	margin-bottom: 3px;
	color: #336699;
}

#clientList li { margin: 0 0 16px 0; }

.tipsy
{
	padding: 5px;
	font-size: 10px;
	opacity: 0.8;
	/* 
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 (and 9, 10, 11?). Don't miss the added quotes 
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; */
	background-repeat: no-repeat;
}

.tipsy-inner
{
	padding: 4px 5px;
	background-color: black;
	color: white;
	max-width: 200px;
	text-align: center;
}

.tipsy-north
{
	background-image: url(images/tipsy-north.gif);
	background-position: top center;
}

.tipsy-south
{
	background-image: url(images/tipsy-south.gif);
	background-position: bottom center;
}

.tipsy-east
{
	background-image: url(images/tipsy-east.gif);
	background-position: right center;
}

.tipsy-west
{
	background-image: url(images/tipsy-west.gif);
	background-position: left center;
}

.blue {color:#559aac;}

a#sorter-project.selected {
  color:#111 !important;
}

a#sorter-date.selected {
  color:#111 !important;
}

.listpad {
  padding:0 0 10px 0;
}