/* Globals -------------------------------------------------------------------- */

body{ padding: 0; margin: 0; font-family: MS Sans Serif, Verdana, Arial, Helvetica, sans-serif; font-size: 100%; line-height: 115%; color: #151515; background-color: #dddddd; text-align: center; }
body { background-image: url("../images/layout/background/default-bg.jpg"); background-repeat:repeat; background-position: 0 1px; }

img {border:none;}

abbr, acronym, .help { border-bottom: 1px dotted #CCCCCC; cursor: help; color:#996633;}
/* abbr, acronym, .help { border-bottom: 1px dotted #5d87ad; cursor: help; } */
  /* to apply this -- <span class="help" title="Most recent browsers show the text in the TITLE attribute as a tool tip or in a message in the browser window.">TITLE attribute</span>
<a href="#" title="example home page">home</a> */

pre { position: relative; display: block; background-color: #ebffff; color: #037088; width: 99% !important; padding: 5px; font-size: 11px; text-align: left; overflow: hidden;}

div#top-wrap{ position: relative; background-image: url("../images/layout/background/default-top-strip.jpg"); background-repeat: repeat-x; background-position: top left; width: 100%;  clear: both;}

div#container{ position: relative; background-image: url(""); background-repeat: no-repeat; background-position: bottom right; width: 990px; border-bottom: 0; border-top: 0; margin: 0 auto; margin-top: 0; text-align: left; }
div#top-login-area { width: 985px; height: 26px; font-size: 11px; font-weight: normal; color:#FFFFFF; text-align: right; }

div.bottom-small-tags { position: relative; width: 580px; float: left; margin-top: 5px; margin-bottom: 0; clear: both; overflow: hidden; text-align:right; color:#999; font-weight:normal; font-size:10px;}
.redtags2 { color:#999; font-weight:normal; font-size:11px; }
div.bottom-small-tags small { width:380px; color:#747373; font-weight:normal; font-size:10px; display:block; margin-bottom:5px; }


div.extra-share-buttons-with-small-tags {position: relative; width: 580px; float: left; margin-top: 5px; margin-bottom: 0; clear: both; overflow: hidden; }
div.extra-share-buttons { position: relative; width: 580px; float: left; overflow:hidden;}
div#orkut-share { position: relative; width: 84px; float: left; overflow:hidden; }



/* /////////////////// MENU //////////////////// */ 
div#menu { width: 990px; margin-bottom: 0; margin-left: 0; font-size: 11px; font-weight: normal;}
div#menu { background-image: url("../images/layout/background/default-menu.jpg"); background-repeat:no-repeat; background-position: top right;}
div#menu-area { width: 645px; margin-bottom: 0; margin-left: 340px; font-size: 11px; font-weight: normal; color: #FFFFFF;}
div#menu-area a{ font-size: 11px; font-weight: normal; color: #FFFFFF; text-decoration: none; padding-right: 12px;}
div#menu-area a:hover{ font-size: 11px; font-weight: normal; color: #FFFFFF; text-decoration: none; padding-right: 12px;}
div#menu-area a:visited{ font-size: 11px; font-weight: normal; color: #FFFFFF; text-decoration: none; padding-right: 12px;}
div#menu-area a:active{ font-size: 11px; font-weight: normal; color: #FFFFFF; text-decoration: none; padding-right: 12px;}
div#menu ul { list-style: none; padding: 0; margin: 0; }
div#menu ul a { color: #FFFFFF; text-decoration: none; font-weight: normal;}
div#menu ul a:hover { color: #FFFFFF; text-decoration: underline; font-weight: normal;}
div#menu li { float: left; margin: 0; }
div#menu ul li.um:hover { /* background: url("../images/upper_menu_bg_over.jpg") top left repeat-x; */ }
div#menu li.um { color: #FFFFFF; float: left; margin: 0; padding: 6px 0 0 0;}
div#menu li.sep { color: #FFFFFF; float: left; margin: 0; padding: 6px 0 6px 0; }
div#menu li#current span{ border-top: #FFFFFF 1px solid; color: #FFFFFF;}
div#menu li span {color: #FFFFFF; text-decoration: none; padding: 6px 8px 6px 8px; }
div#menu li span:hover, #menu li span:visited {color: #FFFFFF; background: #000000; text-decoration: none; padding: 6px 8px 6px 8px;}

/* /////////////////// LOGO //////////////////// */ 
div#top-banner { width: 990px; height: 150px; margin-bottom: 0; }
div#top-banner { background-image: url("../images/layout/background/default-top-banner.jpg"); background-repeat:no-repeat; background-position: top right;}
div#logo { position: relative; width: 325px; height:110px;}
div#logo { background-image: url("../images/logo/logo.jpg"); background-repeat: no-repeat; background-position: top left;}
div#search-area { float: left; width: 660px; margin-bottom: 0; font-weight: normal;}


/* /////////////////// BREADCRUMBS //////////////////// */
div#bread-crumbs { width: 990px; height: 19px; font-size: 9px; color: #666666;} 
div#bread-crumbs { background-image: url("../images/layout/background/default-bread-crumbs-bg.jpg"); background-repeat:repeat-x; background-position: top left;}
div#bread-crumbs a{ font-size: 10px; color: #666666; font-weight: normal; text-decoration: none; }
div#bread-crumbs a:visited{ color: #666666; text-decoration: none; }
div#bread-crumbs a:hover{ color: #000000; text-decoration: underline; }
div#bread-crumbs span.crumb-pointer { padding: 0 3px 0 3px; font-size: 12px; color:#0568a8; font-weight: bold; }
div#bread-crumbs span.current-crumb { font-size: 9px; color: #666666; font-weight: 300;}
div#bread-crumbs h1.current-crumb { display: inline; font-size: 9px; color: #666666; font-weight: 300;}
div#bread-crumbs .crumb-home { text-decoration: none;}

/* /////////////////// CONTENT //////////////////// */
div#content{ position: relative; width: 990px; }
div#content { background-image: url(""); background-repeat:no-repeat; background-position: top center;}

div.content-column-left{ float: left; position: relative; width: 680px; margin-right: 18px; margin-top: 20px;}
div.content-column-right{ float: left; position: relative; width: 290px; float: left; margin-top: 20px;}

/* /////////////////// 1 LEFT ICON CONTENT BOX //////////////////// */
div.content-box-default{ position: relative; width: 680px; float: left; margin-bottom: 20px;}
div.content-box-default-left{ position: relative; width: 40px; float: left; }
div.content-box-default-right{ position: relative; width: 640px; float: left;}
div.content-box-default-top { position:relative; float:left; width:640px; height:15px; background-image: url("../images/layout/content-box/content-box-top.jpg"); background-repeat:no-repeat; background-position: top left;}
div.content-box-default-center { position:relative; float:left; width:640px; background-image: url("../images/layout/content-box/content-box-mid.jpg"); background-repeat:repeat-y; background-position: top left; padding: 10px;}
div.content-box-default-bottom { position:relative; float:left; width:640px; height:15px; background-image: url("../images/layout/content-box/content-box-bottom.jpg"); background-repeat:no-repeat; background-position: top left;}
div.content-box-extra-footer { color: #FFFFFF; position:relative; float:left; width:640px; height:20px; padding-left: 10px; font-size: 9px; background-image: url("../images/layout/content-box/content-box-extra-footer.jpg"); background-repeat:no-repeat; background-position: top left;} 

div.content-box-default-left-ico-default { position:relative; float:left; width:40px; height: 80px; background-image: url("../images/layout/left-content-icons/lc-icon-default.jpg"); background-repeat:no-repeat; background-position: top left;}

div.content-box-default-left-ico-stand-alone { position:relative; float:left; width:40px; height: 40px; background-image: url("../images/layout/left-content-icons/lc-icon-default.jpg"); background-repeat:no-repeat; background-position: top left;}

div.cb-left-ico { position:relative; float:left; width:40px; height: 40px; text-align: center; padding-top: 3px;}
div.cb-left-date { position:relative; float:left; width:40px; height: 40px; font-size: 10px; font-weight: bold; color: #FFFFFF; text-align: center;}
div.cb-left-date-day { position:relative; float:left; width:40px; height: 17px; font-size: 14px; font-weight: bold; font-style: italic; color: #FFFFFF;}
div.cb-left-date-month { position:relative; float:left; width:40px; height: 20px; font-size: 10px; font-weight: bold; color: #FFFFFF;}

div.content-innerbox-default { position:relative; float:left; width:595px; margin-left: 10px; margin-bottom: 10px;}
div.content-innerbox-default-top { position:relative; float:left; width:595px; height:8px; background-image: url("../images/layout/content-box/content-inner-box-top.jpg"); background-repeat:no-repeat; background-position: top left;}
div.content-innerbox-default-center { position:relative; float:left; width:595px; background-image: url("../images/layout/content-box/content-inner-box-mid.jpg"); background-repeat:repeat-y; background-position: top left; padding: 10px 0 10px 17px;}
div.content-innerbox-default-bottom { position:relative; float:left; width:595px; height:10px; margin-bottom: 5px; background-image: url("../images/layout/content-box/content-inner-box-bottom.jpg"); background-repeat:no-repeat; background-position: top left;}

div.content-box-default h1{ font-size: 18px; padding-bottom: 5px;}
div.content-box-default h2{ font-size: 18px; padding-bottom: 5px;}
div.content-box-default h3{ font-size: 16px; padding-bottom: 5px;}
div.content-box-default p{ font-size: 11px;}

div.related-article-box { position:relative; float:left; width:140px; margin: 0 0 0 5px; }
div.related-article-box-img { position:relative; float:left; }
div.related-article-box-title { position:relative; float:left; }
div.related-article-box-title a{ font-size: 9px; color: #000000; font-weight: normal; text-decoration: none; }
div.related-article-box-title a:visited{ color: #000000; text-decoration: none; }
div.related-article-box-title a:hover{ color: #000000; text-decoration: underline; }



div.blog-innerbox-default { position:relative; float:left; width:595px; margin-left: 10px; margin-bottom: 10px;}
div.floatleft { float: left;}
div.floatright { float: right;}

div.blog-innerbox-default-top { position:relative; float:left; width:120px; height:4px; background-image: url("../images/layout/content-box/blog-inner-box-top.jpg"); background-repeat:no-repeat; background-position: top left;}
div.blog-innerbox-default-center { position:relative; float:left; width:120px; background-image: url("../images/layout/content-box/blog-inner-box-mid.jpg"); background-repeat:repeat-y; background-position: top left; padding: 5px 0 5px 10px;}
div.blog-innerbox-default-bottom { position:relative; float:left; width:120px; height:5px; margin-bottom: 5px; background-image: url("../images/layout/content-box/blog-inner-box-bottom.jpg"); background-repeat:no-repeat; background-position: top left;}

div.blog-box-default h1{ font-size: 18px; padding-bottom: 5px;}
div.blog-box-default h3{ font-size: 16px; padding-bottom: 5px;}
div.blog-box-default p{ font-family: Arial; font-size: 11px;}

div.back-button a{ font-size: 12px; color: #0c425b; font-weight: 300; text-decoration: none; }
div.back-button a:visited{ color: #0c425b; text-decoration: none; }
div.back-button a:hover{ color: #0c425b; text-decoration: none; }

div.right-content-box-default{ position: relative; width: 290px; float: left; margin-bottom: 15px;}
div.right-content-box-default-top { position:relative; float:left; width:290px; height:10px; background-image: url("../images/layout/content-box/right-content-box-top.jpg"); background-repeat:no-repeat; background-position: top left;}
div.right-content-box-default-center { position:relative; float:left; width:290px; background-image: url("../images/layout/content-box/right-content-box-mid.jpg"); background-repeat:repeat-y; background-position: top left; padding: 10px 0 0 15px;}
div.right-content-box-default-bottom { position:relative; float:left; width:290px; height:10px; background-image: url("../images/layout/content-box/right-content-box-bottom.jpg"); background-repeat:no-repeat; background-position: top left;}

div.right-ad-link-style a { position: relative; width: 290px; float: left; margin-bottom: 2px; margin-right: 11px; font-size: 10px; color:#F00; font-weight: normal;}

div.box-ad125{ position: relative; width: 125px; float: left; margin-bottom: 10px; margin-right: 10px;}
div.right-box-quote{ position: relative; width: 265px; }
div.right-box-quote { position: relative; width: 265px; float: left; margin-bottom: 2px; background-image: url("../images/layout/background/default-call-for-action-quote.jpg"); background-repeat:no-repeat; background-position: top left;}
div.right-box-quote-button { position: relative; width: 210px; margin: 250px 0 25px 30px;}
div.box-subscribe { position: relative; width: 260px; float: left; margin-bottom: 6px; background-image: url("../images/layout/background/subscribe-bg.jpg"); background-repeat:no-repeat; background-position: top left;} 
div.box-subscribe p{ position: relative; width: 198px; float: left; font-size: 9px; margin-left: 60px;}
div.box-subscribe-formwrap { position: relative; width: 260px; float: left; }
div.box-subscribe-form { position: relative; width: 130px; float: left; margin-bottom: 2px; margin-top: 30px; margin-left: 60px;} 
div.box-subscribe-form INPUT { width: 120px; height: 16px; border: solid 1px #bfbfbf; background-color: #FFFFFF; padding-left: 3px; }
div.newsletters-button { float: left; position: relative; width: 56px; margin: 0 auto; overflow: hidden; margin-top: 28px;}
div.newsletters-button BUTTON { width: 56px; height: 22px; overflow: hidden; border: none; outline: none; background-image: url("../images/layout/buttons/go-button.jpg"); background-repeat: no-repeat; background-position: top left;}
div.newsletters-button BUTTON:hover { width: 56px; height: 22px; overflow: hidden; border: none; outline: none; background-image: url("../images/layout/buttons/go-button.jpg"); background-repeat: no-repeat; background-position: bottom left;}
div.right-box-clients{ position: relative; width: 265px; }
div.right-box-clients { position: relative; width: 265px; float: left; margin-bottom: 2px; background-image: url("../images/layout/clients/clientsBW.jpg"); background-repeat:no-repeat; background-position: top left;}

div.form-fullrow-contact-submit { float: left; position: relative; width: 80px; margin: 0 auto; overflow: hidden; margin-top: 28px;}
div.form-fullrow-contact-submit BUTTON { width: 56px; height: 22px; overflow: hidden; border: none; outline: none; background-image: url("../images/layout/buttons/send-button.jpg"); background-repeat: no-repeat; background-position: top left;}
div.form-fullrow-contact-submit BUTTON:hover { width: 56px; height: 22px; overflow: hidden; border: none; outline: none; background-image: url("../images/layout/buttons/send-button.jpg"); background-repeat: no-repeat; background-position: bottom left;}

div.form-fullrow-contact-reset { float: left; position: relative; width: 56px; margin: 0 auto; overflow: hidden; margin-top: 28px;}
div.form-fullrow-contact-reset BUTTON { width: 56px; height: 22px; overflow: hidden; border: none; outline: none; background-image: url("../images/layout/buttons/reset-button.jpg"); background-repeat: no-repeat; background-position: top left;}
div.form-fullrow-contact-reset BUTTON:hover { width: 56px; height: 22px; overflow: hidden; border: none; outline: none; background-image: url("../images/layout/buttons/reset-button.jpg"); background-repeat: no-repeat; background-position: bottom left;}

div.share-buttons { position: relative; width: 590px; float: left; margin-top: 5px; margin-left: 10px; clear: both;}
div.share-buttons span{ float: left; margin-right: 2px; }
div.content-box-extra-footer span{ float: left; margin-right: 3px; }
div.content-box-extra-footer span a{ font-size: 10px; color:#FFFFFF; font-weight: normal; text-decoration: none;}
span.plusoneb{ width: 80px !important; overflow: hidden !important;}
span.linkedin{ width: 68px !important; overflow: hidden !important;}
span.diggb{ width: 90px !important; overflow: hidden !important;}
span.tweet{ width: 98px !important; overflow: hidden !important;}
span.stumble{ width: 80px !important; overflow: hidden !important;}
span.facebook{ width: 70px !important; overflow: hidden !important;}
span.goobuz{ width: 85px !important; overflow: hidden !important;}




/* /////////////////// SEARCH ENGINE //////////////////// */
div#searchengine { float: left; position: relative; width: 350px; margin: 0 auto; margin-top: 60px; margin-bottom: 0px; text-align: left; overflow: hidden; }
div.searchengine-wrap { float: left; position: relative; width: 347px; margin: 0 auto; margin-left: 0px; overflow: hidden; }
div.searchengine-input { float: left; position: relative; width: 200px; margin: 0 auto; margin-right: 5px; margin-top: 0px; overflow: hidden; }
div.searchengine-input INPUT { width: 200px; height: 22px; border: solid 1px #bfbfbf; background-color: #FFFFFF; padding-left: 3px; }
div.searchengine-button { float: left; position: relative; width: 80px; margin: 0 auto; overflow: hidden; }
div.searchengine-button BUTTON { width: 62px; height: 26px; overflow: hidden; border: none; outline: none; background-image: url("../images/layout/buttons/search-button.jpg"); background-repeat: no-repeat; background-position: top left;}
div.searchengine-button BUTTON:hover { width: 62px; height: 26px; overflow: hidden; border: none; outline: none; background-image: url("../images/layout/buttons/search-button.jpg"); background-repeat: no-repeat; background-position: bottom left;}

div.searchrow { float: left; position: relative; width: 980px; margin: 0 auto; margin-bottom: 5px; text-align: left; overflow: hidden; }
div.searchrow-left { float: left; position: relative; width: 50px; height: 50px; margin: 0 auto; margin-right: 5px; text-align: left; overflow: hidden; }
div.searchrow-right { float: left; position: relative; width: 925px; margin: 0 auto; text-align: left; overflow: hidden; }
div.searchtitle { float: left; position: relative; width: 925px; margin: 0 auto; text-align: left; overflow: hidden; font-size: 12px; font-weight: bold; color: #ff0068;}
div.searchdesc { float: left; position: relative; width: 925px; margin: 0 auto; text-align: left; overflow: hidden; font-size: 10px; color: #666666;}
div.searchurl { float: left; position: relative; width: 925px; margin: 0 auto; text-align: left; overflow: hidden;}
div.searchurl a, div.searchurl a:hover, div.searchurl a:visited, div.searchurl a:active { font-size: 10px; font-weight: normal; color: #3eaad4; }

/* /////////////////// HOMEPAGE SLIDER //////////////////// */ 
#slider1 { float:left; width: 715px; /* important to be same as image width */ height: 300px; /* important to be same as image height */ position: relative; /* important */ overflow: hidden; /* important */
	background-image: url("../images/promo/promo-logo.png"); background-repeat: no-repeat; background-position: 0 0px; }
#slider1 ul, #slider1 ul li { margin: 0; padding: 0; }
#slider1Content { width: 715px; /* important to be same as image width or wider */ position: absolute; top: 0; margin-left: 0; }
.slider1Image { float: left; position: relative; display: none; }
.slider1Image span { position: absolute; font: 10px/15px Arial, Helvetica, sans-serif; padding: 10px 12px 10px 12px; width: 689px; /* background-color: #000000; */ /* CSS3 standard */ /* opacity:0.7; */ color: #fff; display: none; }
.slider1Image span { background-image: url("../images/global/opacity.png"); background-repeat: repeat; background-position: 0 0px; overflow:hidden;}
.clear { clear: both; }
.slider1Image span strong { font-size: 14px; }
.left { top: 0; left: 0; width: 110px !important; height: 290px; }
.right { right: 0; bottom: 0; width: 90px !important; height: 290px; }
.bottom { bottom: 0; left: 0; }
ul { list-style-type: none;}


.bottom a{ font-size: 10px; color: #86e5fd; font-weight: normal; text-decoration: none; }
.bottom a:visited{ color: #86e5fd; text-decoration: none; }
.bottom a:hover{ color: #86e5fd; text-decoration: none; }

/* /////////////////// HOME MODULES //////////////////// */
#home-colA { float: left; position: relative; width: 715px; margin: 0 auto; margin-top: 18px; margin-right: 20px; text-align: left; overflow: hidden;}
#home-colB { float: left; position: relative; width: 255px; margin: 0 auto; margin-top: 18px; text-align: left; overflow: hidden;}
.home-colA-row { float: left; position: relative; width: 715px; margin: 0 auto; text-align: left; overflow: hidden;}
.home-colB-row { float: left; position: relative; width: 255px; margin: 0 auto; text-align: left; overflow: hidden;}

#h-modules { float: left; position: relative; width: 715px; margin: 0 auto; margin-top: 20px; text-align: left; overflow: hidden;}
.h-module { float: left; position: relative; width: 225px; height: 125px; border: 1px solid #e8e8e8; margin: 0 auto; margin-right: 16px; text-align: left; overflow: hidden;} 
.h-module { background-image: url("../images/global/home-module-bg.jpg"); background-repeat: repeat-x; background-position: 0 0px;} 
.h-module-last { float: left; position: relative; width: 225px; height: 125px; border: 1px solid #e8e8e8; margin: 0 auto; text-align: left; overflow: hidden;} 
.h-module-last { background-image: url("../images/global/home-module-bg.jpg"); background-repeat: repeat-x; background-position: 0 0px;} 

.h-module-left { float: left; position: relative; width: 105px; height: 125px; margin: 0 auto; text-align: left; overflow: hidden;} 
.h-module-right { float: left; position: relative; width: 115px; height: 125px; margin: 0 auto; text-align: left; overflow: hidden;} 

.h-module-right h3 { font-size: 12px; padding-top: 30px; color: #fe0466; }
.h-module-right p { font-size: 10px; text-align: justify; } 
.h-module-right span { font-size: 11px; color: #0099FF; font-weight: bold; text-decoration: none; }
.h-module-right a{ font-size: 10px; color: #3A6A87; font-weight: normal; text-decoration: none; }
.h-module-right a:visited{ color: #3A6A87; text-decoration: none; }
.h-module-right a:hover{ color: #0099FF; text-decoration: none; }

.client-box { width:75px; height: 75px; text-align: center; margin: 2px 5px 5px 0; float: left; }

div#floating-quote { float: right; margin: 0 0 15px 15px; width: 270px; height: 325px; overflow: hidden; }
div#floating-quote { background-image: url("../images/global/diesel-call-for-action-quote.jpg"); background-repeat: no-repeat; background-position: 0 0px; }
div#floating-quote-button { margin: 245px 0 0 28px;}
div#section-title-with-phone { width:990px; height: 60px; text-align: left; margin: 15px 0 5px 0; background-repeat: no-repeat; background-position: 0 0px; overflow: hidden;}
div#section-title-phone { float: right; margin-right: 35px; }

div#floating-quote-hor { float: right; margin: 0 0 15px 5px; width: 396px; height: 160px; overflow: hidden; }
div#floating-quote-hor { background-image: url("../images/global/diesel-call-for-action-quote-horizontal.jpg"); background-repeat: no-repeat; background-position: 0 0px; }
div#floating-quote-hor-button { margin: 100px 0 0 85px;}

div.sections-h3-mini-titles h3 { font-size: 18px; font-weight: bold; font-style: italic; color: #ff0066; text-decoration: underline;}
div.columns ul.sections-content-lists { margin-left: 0; margin-left: 20px;}
div.columns ul.sections-content-lists li { margin-left: 0; margin-left: 20px; list-style-type: disc; }

/* /////////////////// clients FADE EFFECT //////////////////// */ 
ul.thumb {
	float: left;
	list-style: none;
	margin: 0; padding: 10px;
	width: 248px;
}
ul.thumb li {
	margin: 0; padding: 5px;
	float: left;
	position: relative;
	width: 60px;
	height: 60px;
}
ul.thumb li img {
	width: 50px; height: 50px;
	border: 1px solid #ddd;
	padding: 5px;
	background: #f0f0f0;
	position: absolute;
	left: 0; top: 0;
	/* -ms-interpolation-mode: bicubic;  */
}
ul.thumb li img.hover {
	background-image: url("../images/global/h_thumb_bg.png"); background-repeat: no-repeat; background-position: center center;
	border: none;
}


ul.thumb-client-page {
	float: left;
	list-style: none;
	margin: 0; padding: 10px;
	width: 960px;
}
ul.thumb-client-page li {
	margin: 0; padding: 5px;
	float: left;
	position: relative;
	width: 60px;
	height: 60px;
}
ul.thumb-client-page li img {
	width: 50px; height: 50px;
	border: 1px solid #ddd;
	padding: 5px;
	background: #f0f0f0;
	position: absolute;
	left: 0; top: 0;
	/* -ms-interpolation-mode: bicubic;  */
}
ul.thumb-client-page li img.hover {
	background-image: url("../images/global/h_thumb_bg.png"); background-repeat: no-repeat; background-position: center center;
	border: none;
}

/* /////////////////// CATEGORIES //////////////////// */ 
ul.categories {
	float: left;
	list-style: none;
	margin: 0; padding: 10px;
	width: 960px;
}
ul.categories li {
	margin: 0; padding: 5px;
	float: left;
	position: relative;
	width: 220px;
	height: 119px;
}
ul.categories li img {
	width: 210px; height: 109px;
	border: 1px solid #ddd;
	padding: 5px;
	background: #f0f0f0;
	position: absolute;
	left: 0; top: 0;
	/* -ms-interpolation-mode: bicubic;  */
}
ul.categories li img.hover {
	background-image: url("../images/global/h_categories_bg.png"); background-repeat: no-repeat; background-position: center center;
	border: none;
}

/* /////////////////// PORTOFOLIO //////////////////// */ 
div.port-categories { float: left; width:980px; text-align: left; margin: 3px 0 3px 0;}
div.port-categories-wrap { float: left; width:452px; text-align: left; margin: 0 0 10px 20px; }
div.port-categories-box {float: left; width:450px; text-align: left; border: #d6d6d6 1px solid; }
div.port-categories-box:hover { border: #ff0061 1px solid; }
div.port-categories-img {float: left; width:440px; text-align: left; border: none; margin: 5px;}
div.port-categories-title {float: left; width:440px; text-align: left; color: #ff0061; margin: 1px 0 10px 0; background-image: url("../images/global/port-shadow.png"); background-repeat: no-repeat; background-position: top center; border: none; padding-top: 3px;}
div.port-categories-wrap a, div.port-categories-wrap a:hover, div.port-categories-wrap a:visited { color: #ff0061; }


div#project-detail-title { float: left; width:990px; text-align: left; padding: 3px 0 10px 10px; }
div#project-detail-title h2 { display: inline; font-size: 26px; color: #ff0066;}
div#project-detail-title h3 { display: inline; font-size: 20px; color: #666666;}
div#project-detail-title span { display: inline; font-size: 20px; color: #63b6d6; padding: 0 8px 0 8px;}
div#project-detail-wrap { width:990px; text-align: left; padding: 20px 0 10px 0; }
div#project-detail-colA { float: left; width:580px; text-align: left; padding: 5px 0 5px 0;}
div#project-detail-colA-showcase { width:560px; text-align: center; margin: 0 0 0 10px; padding-bottom: 50px; overflow: hidden; }
div#project-detail-colA-showcase a:hover { cursor: url("../images/global/Magnifier2.cur"), pointer;}
div#project-detail-colB { float: left; width:400px; text-align: left; padding: 5px 0 5px 10px; }
div#project-detail-colB span { text-align: left; padding: 0 0 5px 0; font-size: 12px; font-weight: bold; color: #09a6e3; text-transform: uppercase;}
div#project-detail-colB p { text-align: justify; padding: 5px 0 5px 0; color: #333333;}


div#project-detail-share { float: right; width:390px; text-align: left; padding: 10px 0 20px 0; overflow: hidden;}
div#project-detail-share-BTN-facebook { float: left; width:75px; text-align: left; padding: 0 0 0 5px; overflow: hidden;}
div#project-detail-share-BTN-digg { float: left; width:80px; text-align: left; padding: 0 0 0 5px; overflow: hidden;}
div#project-detail-share-BTN-tweet { float: left; width:65px; text-align: left; padding: 0 0 0 5px; overflow: hidden;}
div#project-detail-share-BTN-delicious { float: left; width:50px; text-align: left; padding: 0 0 0 5px; overflow: hidden;}
div#project-detail-share-BTN-stumble { float: left; width:80px; text-align: left; padding: 0 0 0 5px; overflow: hidden;}

/* /////////////////// HEADERS //////////////////// */ 
#GA_linkunit { padding-left: 0px; float: left; width: 990px; height: 15px; margin-bottom: 7px; text-align: center; }
#pageHeader { padding-left: 0px; float: left; width: 990px; height: 170px; margin-bottom: 7px; margin-top: 14px; }
#pageHeader3 { padding-left: 0px; float: left; width: 990px; height: 1px; margin-bottom: 7px; margin-top: 14px; }


/* /////////////////// HEADERS //////////////////// */ 
#logo { float: left; position: relative; width: 990px; height: 65px; border-bottom: 5px; border-top: 0; margin: 0 auto; margin-top: 15px; text-align: left; }
#logo-left { float: left; width: 340px; margin: 0 auto; text-align: left; margin-left: 0; margin-right: 10px; }
#logo-right { float: left; width: 620px; margin: 0 auto; margin-top: 0; text-align: right; }
.social-top { float: left; width: 620px; margin: 0 auto; margin-top: 0; text-align: right; }
.social-top-left { float: left; width: 268px; margin: 0 auto; margin-top: 0; text-align: right; margin-left: 65px;}
.social-top-right { float: left; width: 280px; margin: 0 auto; margin-top: 0; text-align: right; }

/* /////////////////// LOGIN FORM //////////////////// */
#login-form { margin: 0 auto; width: 228px; float: right; overflow:hidden; text-align: right; }
.login-form-user-image { margin: 0 auto; width: 15px; float: left; overflow:hidden; margin-right: 4px; }
.login-form-user { margin: 0 auto; width: 80px; float: left; overflow:hidden; margin-right: 5px; }
.login-form-pass { margin: 0 auto; width: 80px; float: left; overflow:hidden; margin-right: 5px; }
.login-form-login { margin: 0 auto; width: 20px; float: left; overflow:hidden; margin-right: 5px; }
.login-form-register { margin: 0 auto; width:20px; float: left; overflow:hidden; padding-bottom: 3px;}
.login-form-logout { margin: 0 auto; width: 20px; float: left; overflow:hidden; }

.login-form-user INPUT { width: 95px; }
.login-form-pass INPUT { width: 95px; }
.login-form-login INPUT { width: 25px; }

div#log-BUTTON { float: left; width: 20px; margin: 0 0 0 0; text-align: left; }
.log-BTN { width: 20px; height: 18px; background-image: url("../images/global/new-login-btn.jpg"); background-repeat: no-repeat; background-position: top left; }
.log-BTN:hover { width: 20px; height: 18px; background-image: url("../images/global/new-login-btn.jpg"); background-repeat: no-repeat; background-position: top left; }
input.log-submit { width: 20px; height: 18px; outline: none; }

div#toplog-BUTTON { float: left; width: 20px; height: 18px; overflow: hidden; text-align: left; border: none; margin: 0 0 0 0;}
div#toplog-BUTTON { background-image: url("../images/global/new-login-btn.jpg"); background-repeat: no-repeat; background-position: top left; }
div#toplog-BUTTON:hover { background-image: url("../images/global/new-login-btn.jpg"); background-repeat: no-repeat; background-position: bottom left; }
div#toplog-BUTTON BUTTON { background-color: transparent; border: none;}
div#toplog-BUTTON BUTTON:hover { cursor: pointer; }

.login-form-row { margin: 0 auto; margin-bottom:15px; width: 615px; float: left; overflow:hidden; }
.warning-message { margin: 0 auto; margin-bottom:5px; width: 990px; float: left; overflow:hidden; color: red;}
.success-message { margin: 0 auto; margin:10px; width: 990px; float: left; overflow:hidden; color: #339900; font-weight: bold;}

/* /////////////////// CONTACT FORM //////////////////// */
#contactcontent { width: 990px; padding-top: 8px; margin: 0px; width: 100%; }
#contactcontentleftcolumn { background: url(../images/vertical_divider2.jpg) top right no-repeat; display: inline; margin: 0px; padding: 0px 10px 0px 0px; width: 610px; float: left; overflow:hidden;}
#contactcontentrightcolumn { font-size:11px; float: left; padding: 0px 0px 0px 20px; width: 320px; display: inline; overflow:hidden;}
#contactcontentrightcolumn a{ color: #3A6A87; font-weight: normal; text-decoration: none; }
#contactcontentrightcolumn a:visited{ color: #3A6A87; text-decoration: none; }
#contactcontentrightcolumn a:hover{ color: #0099FF; text-decoration: none; }

form.c_form { width: 600px; font-family: Arial, Tahoma; font-size: 12px; margin-bottom:10px; float:left;}
.c_form fieldset { border: 1px solid #AAAAAA; padding: 5px;}
.form-row { margin: 0 auto; width: 590px; overflow:hidden; text-align: left; margin-bottom: 5px; float:left; }
.form-left { margin: 0 auto; width: 200px; float: left; overflow:hidden; float:left;}
.form-right { margin: 0 auto; width: 390px; float: left; overflow:hidden; float:left;}

/* /////////////////// CONTACT FORM SECURITY FIELD //////////////////// */
.form-row-securehidden { display: none; }
.form-left-securehidden { display: none;}
.form-right-securehidden { display: none;}

.c_warning-message { margin: 0 auto; margin-bottom:5px; width: 590px; float: left; overflow:hidden; color: red;}
.c_success-message { margin: 0 auto; margin-bottom:5px; width: 590px; float: left; overflow:hidden; color: #339900; }


/* /////////////////// REGISTER FORM //////////////////// */
.register-form { margin: 0 auto; width: 300px; overflow:hidden; text-align: left; margin-bottom: 15px; border-style: solid; border-color:#e8e9e4; border-width: 1px;}
.register-form-row { margin: 0 auto; width: 130px; float: left; overflow:hidden; }
.register-form-row LABEL { margin: 0 auto; width: 100px; float: left; overflow:hidden; text-align: right; margin-right: 5px;}

/* /////////////////// COMMENTS //////////////////// */ 
.diesel-comments {position: relative; width: 580px; float: left; overflow:hidden;}
div#disqus_thread a, div#disqus_thread a:hover, div#disqus_thread a:active, div#disqus_thread a:visited {color:#c40000; font-weight:normal; font-size:11px;}


/* /////////////////// FOOTER //////////////////// */
#footer{ float: left; position: relative; margin: 0 auto; width: 100%; }
#footer a{ font-size: 0.7em; color:#333333; font-weight: 400; text-decoration: none; }
#footer a:visited{ color:#3366CC; text-decoration: none; }
#footer a:hover{ text-decoration: underline; }

#footer-menu { position: relative; margin: 0 auto; width: 990px; height: 20px;}
#footer-menu { background-image: url("../images/layout/background/default-footer-menu.jpg");  background-repeat: no-repeat; background-position: bottom right; overflow:hidden;}
#footer-menu-left{ float: left; position: relative; margin: 0 auto; text-align: left; width: 525px; padding: 2px 0 2px 0; }
#footer-menu-right{ float: left; position: relative; margin: 0 auto; text-align: right; width: 450px; padding: 0 0 5px 0; }
#footer-menu-mid-social { position: relative; margin: 0 auto; width: 990px; height: 20px; }
#footer-menu-mid-social-wrap { float: right; position: relative; margin: 0 auto; text-align: right; width: 990px; padding: 0 0 5px 0; }
#footer-menu a{ font-size: 0.7em; color:#999999; font-weight: 400; text-decoration: none; }
#footer-menu a:visited{ color:#999999; text-decoration: none; }
#footer-menu a:hover{ text-decoration: underline; }

#footer-ext li p{ font-size: 0.7em; color:#111111; font-weight: 400; text-decoration: none; }

#footer-copyright { float: left; position: relative; margin: 0 auto; width: 100%; height: 26px;}
#footer-copyright { background-image: url("../images/layout/background/default-bottom-strip.jpg"); background-repeat: repeat-x; background-position: bottom left; overflow:hidden; }
#footer-copyright-content { position: relative; margin: 0 auto; width: 990px; text-align: right; color:#999999; font-size: 0.7em; line-height: 1.0em; padding-top: 10px; padding-right: 10px;}

#footer-ext { position: relative; margin: 0 auto; text-align: center; width: 990px; margin-top: 5px;}
#footer-ext { background-image: url("../images/global/pre-foo.jpg"); background-repeat: no-repeat; background-position: 0 0px; line-height: 1.2em; overflow:hidden; }
.footer-ext-row { float: left; position: relative; margin: 0 auto; text-align: left; width: 990px; padding: 4px 0 15px 0; }
.footer-ext-col-left { float: left; position: relative; margin: 0 auto; text-align: left; width: 280px;  }
.footer-ext-col-mid { float: left; position: relative; margin: 0 auto; text-align: left; width: 230px;  }
.footer-ext-col-right { float: right; position: relative; margin: 0 auto; text-align: left; width: 180px;  }
.footer-ext-title { font-size: 11px; float: left; position: relative; margin: 0 auto; text-align: left; width: 240px; }
.footer-ext-col-left ul, .footer-ext-col-mid ul, .footer-ext-col-right ul { list-style-type:none; float: left; position: relative; margin: 0 auto; text-align: left; width: 240px; margin: 0; padding: 0; padding-bottom: 2px;}
.footer-ext-col-left li, .footer-ext-col-mid li, .footer-ext-col-right li { float: left; position: relative; margin: 0 auto; text-align: left; width: 240px; margin: 0; padding: 0; }

.footer-ext-col-left li span, .footer-ext-col-mid li span, .footer-ext-col-right li span { font-size: 12px; color:#63b6d6; font-weight: bold; text-decoration: none; }
.footer-ext-col-left a, .footer-ext-col-mid a, .footer-ext-col-right a { font-size: 10px; color:#666666; font-weight: normal; text-decoration: none; }
.footer-ext-col-left a:visited, .footer-ext-col-mid a:visited, .footer-ext-col-right a:visited { color:#666666; text-decoration: none; }
.footer-ext-col-left a:hover, .footer-ext-col-mid a:hover, .footer-ext-col-right a:hover { color:#63b6d6; text-decoration: underline; }
.footer-ext-col-left a:active, .footer-ext-col-mid a:active, .footer-ext-col-right a:active { color:#666666; text-decoration: underline; }




#footer-family-sites{ position: relative; text-align: center; padding: 3px 0 5px 0; }

/* /////////////////// PAGINATION //////////////////// */


.global-pagination { margin: 0 auto; width: 98%; height: 28px; float: left; color: #696969; font-weight: normal; text-decoration: none; font-size: 12px; margin-bottom: 3px; text-align: center; padding-right: 10px;}
/* .global-pagination { background-color: #f6f6f6; border: #f6f6f6 1px solid; } */

.page-numbers, .page-numbers:hover, .page-numbers:visited {width: 25px; height: 25px; color: #FFFFFF; background-image: url("../images/layout/pagination/pagination.gif"); background-repeat: no-repeat; background-position: 0px -25px; overflow:hidden; font-weight: normal; text-decoration: none; font-size: 12px; padding: 5px 8px 5px 8px; font-weight: bold;}
#current-page-number, #current-page-number:hover, #current-page-number:visited {width: 25px; height: 25px; color: #000000; background-image: url("../images/layout/pagination/pagination.gif"); background-repeat: no-repeat; background-position: 0 0px; overflow:hidden; font-weight: normal; text-decoration: none; font-size: 12px; padding: 5px 8px 5px 8px; font-weight: bold;}


.global-pagination-total-of { margin: 0 auto; float: left; color: #696969; font-weight: normal; text-decoration: none; font-size: 12px; margin-bottom: 2px; margin-top: 2px;padding-left: 10px;}

#first-page { width: 25px; height: 25px; color: #7494ba; font-weight: normal; text-decoration: none; font-size: 12px; margin: 3px 0 2px 0; padding: 5px 0 5px 0;}
#prev-page { width: 25px; height: 25px; color: #7494ba; font-weight: normal; text-decoration: none; font-size: 12px; margin: 3px 0 2px 0; padding: 5px 0 5px 0;}
#last-page { width: 25px; height: 25px; color: #7494ba; font-weight: normal; text-decoration: none; font-size: 12px; margin: 3px 0 2px 0; padding: 5px 0 5px 0;}
#next-page { width: 25px; height: 25px; color: #7494ba; font-weight: normal; text-decoration: none; font-size: 12px; margin: 3px 0 2px 0; padding: 5px 0 5px 0;}
#first-page { background-image: url("../images/layout/pagination/pagination.gif"); background-repeat: no-repeat; background-position: 0 -125px; overflow:hidden; }
#prev-page { background-image: url("../images/layout/pagination/pagination.gif"); background-repeat: no-repeat; background-position: 0 -75px; overflow:hidden;}
#last-page { background-image: url("../images/layout/pagination/pagination.gif"); background-repeat: no-repeat; background-position: 0 -100px; overflow:hidden;}
#next-page { background-image: url("../images/layout/pagination/pagination.gif"); background-repeat: no-repeat; background-position: 0 -50px; overflow:hidden;}

#first-page:hover { width: 25px; height: 25px; color: #6090c8; font-weight: bold; text-decoration: none; font-size: 12px; margin: 3px 0 2px 0; padding: 5px 0 5px 0;}
#prev-page:hover { width: 25px; height: 25px; color: #6090c8; font-weight: bold; text-decoration: none; font-size: 12px; margin: 3px 0 2px 0; padding: 5px 0 5px 0;}
#last-page:hover { width: 25px; height: 25px; color: #6090c8; font-weight: bold; text-decoration: none; font-size: 12px; margin: 3px 0 2px 0; padding: 5px 0 5px 0;}
#next-page:hover { width: 25px; height: 25px; color: #6090c8; font-weight: bold; text-decoration: none; font-size: 12px; margin: 3px 0 2px 0; padding: 5px 0 5px 0;}
#first-page:hover { background-image: url("../images/layout/pagination/pagination.gif"); background-repeat: no-repeat; background-position: 0 -125px; overflow:hidden;}
#prev-page:hover { background-image: url("../images/layout/pagination/pagination.gif"); background-repeat: no-repeat; background-position: 0 -75px; overflow:hidden;}
#last-page:hover { background-image: url("../images/layout/pagination/pagination.gif"); background-repeat: no-repeat; background-position: 0 -100px; overflow:hidden;}
#next-page:hover { background-image: url("../images/layout/pagination/pagination.gif"); background-repeat: no-repeat; background-position: 0 -50px; overflow:hidden;}




/* /////////////////// CLIENTS SLIDER //////////////////// */
#listticker { height: 470px; width: 250px; overflow: hidden; padding:0 10px 0 0; }
#listticker li { border: none; margin: 0; padding: 0; list-style-type: none; }
#listticker li { height: 60px; padding: 0 0 8px 0; list-style-type: none; }
#listticker a { color:#000000; margin-bottom: 3px; }
#listticker .news-title { display: block; font-weight: bold; margin-bottom: 4px; font-size: 11px; }
#listticker .news-text { display: block; font-size: 11px; color: #666666; }
#listticker img { float:left; border:solid 1px #DEDEDE; }

/* /////////////////// THUMB OVER EFFECT //////////////////// */
.columns a.portfolio, .columns a.site:visited { width: 240px; height: 123px; display: block; float: left; border: solid 1px #dddddd; position: relative; text-decoration: none; margin: 15px 4px 0px 0px;}
.columns a.portfolio:hover { width: 240px; height: 123px; display: block; float: left; border: solid 1px #ddd;}
.columns a.portfolio span { display: none;}
.columns a.portfolio:hover span {width: 229px; height: 16px;  position: absolute; bottom: 3px; left: 3px; text-decoration: none; padding: 5px 0px 5px 5px;  display: block; text-decoration: none; text-transform: uppercase; /* CSS3 standard */ /* opacity: 0.8; */ font-size: 10px; color: #FFFFFF;}
.columns a.portfolio:hover span { background-image: url("../images/global/opacity.png"); background-repeat: repeat; background-position: 0 0px; overflow:hidden;}


/* /////////////////// PROFILE PAGE //////////////////// */
.profile { margin: 0 auto; width: 990px; float: left; overflow:hidden; margin-bottom: 10px; text-align: left;}
.profile-title { margin: 0 auto; width: 990px; float: left; overflow:hidden; margin-bottom: 10px;}
.l-profile { margin: 0 auto; width: 600px; float: left; overflow:hidden; }
.r-profile { margin: 0 auto; width: 390px; float: left; overflow:hidden; }
.profile-showbig { margin: 0 auto; width: 580px; height: 500px; float: left; overflow:hidden; margin-bottom: 10px; }
.profile-showthumbs { margin: 0 auto; width: 580px; float: left; overflow:hidden; }
.profile-thumb { margin: 0 auto; width: 110px; float: left; overflow:hidden; margin-right: 6px; margin-bottom: 10px;}
.profile-details-wrap { margin: 0 auto; width: 390px; float: left; overflow:hidden; margin-bottom: 15px;}
.profile-details-title { margin: 0 auto; width: 390px; float: left; overflow:hidden; font-size:12px; font-weight: bold; margin-bottom: 5px;}
.profile-details-row { margin: 0 auto; width: 390px; float: left; overflow:hidden; font-size:10px; margin-bottom: 2px;}
.profile-details-row-l { margin: 0 auto; width: 90px; float: left; overflow:hidden; }
.profile-details-row-r { margin: 0 auto; width: 300px; float: left; overflow:hidden; }
.profile-features-wrap { margin: 0 auto; width: 390px; float: left; overflow:hidden; margin-bottom: 15px;}
.profile-features-title { margin: 0 auto; width: 390px; float: left; overflow:hidden; margin-bottom: 5px; font-size:12px; font-weight: bold;}
.profile-features-row { margin: 0 auto; width: 390px; float: left; overflow:hidden; margin-bottom: 2px; font-size:10px;}
.profile-demo-wrap { margin: 0 auto; width: 390px; float: left; overflow:hidden; margin-bottom: 15px; font-size:12px; font-weight: bold;}
.profile-demo-url { margin: 0 auto; width: 390px; float: left; overflow:hidden; margin-bottom: 5px; font-size:14px;}
.profile-demo-admin-url { margin: 0 auto; width: 390px; float: left; overflow:hidden; margin-bottom: 5px; font-size:14px;}
.profile-clients-wrap { margin: 0 auto; width: 390px; float: left; overflow:hidden; margin-bottom: 15px; }
.profile-clients-title { margin: 0 auto; width: 390px; float: left; overflow:hidden; margin-bottom: 5px; font-size:12px; font-weight: bold;}
.profile-clients-row { margin: 0 auto; width: 390px; float: left; overflow:hidden; margin-bottom: 2px; font-size:10px;}
.profile-desc-wrap { margin: 0 auto; width: 390px; float: left; overflow:hidden; margin-bottom: 15px; }
.profile-desc-row { margin: 0 auto; width: 390px; float: left; overflow:hidden; margin-bottom: 2px; font-size:10px;}
.profile-licence-wrap { margin: 0 auto; width: 390px; float: left; overflow:hidden; margin-bottom: 15px; }
.profile-licence-row { margin: 0 auto; width: 390px; float: left; overflow:hidden; margin-bottom: 2px; font-size:10px;}


/* /////////////////// CONTACT/REGISTER FORM SECURITY FIELD //////////////////// */
div#secureform, div#securecontactform {float: left;}
div#securecontactform LABEL {font-size: 12px; font-weight: bold; color: #333333; float: left; margin-top: 10px;}
div#securecontactform .gender-radio-values {font-size: 12px; font-weight: bold; color: #333333; margin-top: 2px;}
.form-row-securehidden { display: none; }
.form-left-securehidden { display: none;}
.form-right-securehidden { display: none;}

.form-row { margin: 0 auto; width: 600px; overflow:hidden; text-align: left; margin-bottom: 5px; float:left; }
.form-row-column { margin: 0 auto; width: 600px; overflow:hidden; text-align: left; margin-bottom: 5px; float:left; }
.form-columnrow-wrap { margin: 0 auto; width: 300px; float: left; overflow:hidden; }

.form-left { margin: 0 auto; width: 300px; float: left; overflow:hidden; }
.form-left-w-ico { margin: 0 auto; width: 300px; float: left; overflow:hidden; }
.form-right { margin: 0 auto; width: 285px; float: left;  }
.form-warning { margin: 0 auto; width: 12px; float: left;  text-align: left;}
.form-fullrow { margin: 0 auto; width: 600px; float: left; overflow:hidden; }
.form-fullrow-submit { margin: 0 auto; width: 580px; float: left; overflow:hidden; text-align: center; margin: 5px 0 5px 0;}

div#securecontactform div.form-row INPUT { color: #06C; }
div#securecontactform SELECT { color: #06C; }
div#securecontactform textarea { color: #06C; }


.form-row2 { margin: 0 auto; width: 600px; overflow:hidden; text-align: left; margin-bottom: 5px; float:left; }
.form-row3 { margin: 0 auto; width: 270px; overflow:hidden; text-align: left; margin-bottom: 5px; float:left; }
.form-left3 { margin: 0 auto; width: 260px; float: left; overflow:hidden; float:left;}
.form-right3 { margin: 0 auto; width: 260px; float: left; overflow:hidden; float:left;}

.c_warning-message { margin: 0 auto; margin-bottom:5px; width: 600px; float: left; overflow:hidden; color: red;}
.c_success-message { margin: 0 auto; margin-bottom:5px; width: 600px; float: left; overflow:hidden; color: #339900; }

div.regtooltip {width:20px; float: left; overflow: hidden;}
div.regtooltip img{width:10px; overflow: hidden; margin: 12px 0 0 5px;}
div.regtooltip span{display:none; padding:2px 3px; margin-left:8px; width:160px; z-index: 100;}
div.regtooltip:hover span{display:inline; position:absolute; border:1px solid #cccccc; color:#992a25;}
div.form-left-w-ico-label {float: left;  width: 178px;}




div.calc-submit-container { float: left; width: 164px; text-align: left; margin: 25px 0 0 25px;}
div#ieff-BUTTON { float: left; width: 142px; height: 22px; overflow: hidden; text-align: left; border: none;}
div#ieff-BUTTON { background-image: url("../images/global/calculate-btn.jpg"); background-repeat: no-repeat; background-position: top left; }
div#ieff-BUTTON:hover { background-image: url("../images/global/calculate-btn.jpg"); background-repeat: no-repeat; background-position: bottom left; }
div#ieff-BUTTON BUTTON { background-color: transparent; border: none;}
div#ieff-BUTTON BUTTON:hover { cursor: pointer; }

div#ieff-BUTTON2 { float: left; width: 142px; height: 22px; overflow: hidden; text-align: left; border: none;}
div#ieff-BUTTON2 { background-image: url("../images/global/calculate-btn.jpg"); background-repeat: no-repeat; background-position: top left; }
div#ieff-BUTTON2:hover { background-image: url("../images/global/calculate-btn.jpg"); background-repeat: no-repeat; background-position: bottom left; }
div#ieff-BUTTON2 BUTTON { background-color: transparent; border: none;}
div#ieff-BUTTON2 BUTTON:hover { cursor: pointer; }


/* /////////////////// SLIMBOX //////////////////// */
#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url("../images/slimbox/loading.gif") no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url("../images/slimbox/prevlabel.gif") no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url("../images/slimbox/nextlabel.gif") no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url("../images/slimbox/closelabel.gif") no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}




/* /////////////////// GRAPHICS\LOGOS THUMBS PAGE RESULT //////////////////// */
.featured {
	padding-top: 16px;
	float: left;
width:244px;
}
.featured p {
	font-size: 10px;
	line-height: 1.0em;
}
.featured p a { text-decoration: none; color: #000000; }


.featured ul { margin: 0px; padding: 0px;  }
.featured ul li {
	list-style-type: none;
	width: 240px;
	float: left;
	padding-bottom: 12px;
}
.shift {
	padding-left: 0px;
}
.featured h3 { margin: 0px; }
.site, .site2 { width: 240px; 
	background-color: #f7f8fa; 
	padding: 6px 0px 5px 8px; 
	margin: 0px; 
	color: #0678a9; 
	border-top: 1px solid #f7f8fa;
	border-right: 1px solid #f7f8fa;
	border-left: 1px solid #f7f8fa;
}
.site3 { width:240px;
	background-color: #FFFFFF;
	padding: 6px 0px 5px 8px;
	margin: 0px;
	color: #0678a9;
	margin-bottom: 10px;
	border-right: 1px solid #f7f8fa;
	border-left: 1px solid #f7f8fa;
}

.site4 { width:240px;
	background-color: #FFFFFF;
	padding: 6px 0px 5px 8px;
	margin: 0px;
	color: #0678a9;
	margin-bottom: 10px;
	border-bottom: 1px solid #f7f8fa;
	border-right: 1px solid #f7f8fa;
	border-left: 1px solid #f7f8fa;
}

.site { margin-top: 4px; }
.site2 { margin-top: 10px; }
.site3, .site4 { margin-top: 0; }
.url, .url a {
	margin: 0px 0px 1.2em 0px;
	color: #0678a9;
}
.featured img {  border: none;}
.shadow { background: url(../images/featured/shadow.gif) no-repeat right bottom; padding-bottom: 22px; margin-bottom: -10px; }
.bTop { border-top: solid 1px #dadada; }




.columns {
    float: left;
	position: relative;
	width: 990px;
	border-bottom: 15px;;
	border-top: 0;
	margin: 0 auto;
	margin-top: 8px;
	text-align: left;
	
}

.columns2 {
    float: left;
	position: relative;
	width: 990px;
	border-bottom: 0;
	border-top: 0;
	margin: 0 auto;
	margin-top: 15px;
	text-align: left;
	background-image: url("../images/global/section-devider-bg.jpg");
	background-repeat: repeat-x;
	background-position: 0 1px;
}

.leftmain {
    float: left;
	width: 320px;
	margin: 0 auto;
    margin-bottom: 10px;
	text-align: left;
	margin-left: 0;
	margin-right: 10px;
}

.centermain {
    float: left;
	width: 320px;
	margin: 0 auto;
    margin-bottom: 10px;
	text-align: left;
	margin-left: 0;
	margin-right: 10px;
}

.rightmain {
    float: left;
	width: 320px;
	margin: 0 auto;
	margin-top: 0;
    margin-bottom: 10px;
	text-align: left;
}

.rightsubwrapper {
	width: 296px;
	margin: 0 auto;
    margin-bottom: 10px;
	text-align: left;
	margin-left: 0;
}

.leftsubwrapper {
    float: left;
	width: 684px;
	margin: 0 auto;
    margin-bottom: 10px;
	text-align: left;
	margin-left: 0;
	margin-right: 10px;
}
	
.leftcolumn_sub {
    float: left;
	width: 337px;
	margin: 0 auto;
    margin-right: 10px;
	text-align: left;
	margin-left: 0;
}

.rightcolumn_sub {
    float: left;
	width: 337px;
	margin: 0 auto;
    text-align: left;	
}

.leftcolumn_sub2 {
    float: left;
	width: 430px;
	margin: 0 auto;
    margin-right: 10px;
	text-align: left;
	margin-left: 0;
}

.rightcolumn_sub2 {
    float: left;
	width: 244px;
	margin: 0 auto;
    text-align: left;	
}

.leftmain3 {
    float: left;
	width: 800px;
	margin: 0 auto;
    margin-bottom: 10px;
	text-align: left;
	margin-left: 0;
	margin-right: 10px;
}

.rightmain3 {
    float: left;
	width: 160px;
	margin: 0 auto;
    margin-bottom: 10px;
	text-align: left;
	margin-left: 0;
	margin-right: 10px;
	padding-top:10px;
}

.leftmain4 {
    float: left;
	width: 610px;
	margin: 0 auto;
    margin-bottom: 10px;
	text-align: left;
	margin-left: 0;
	margin-right: 10px;
}

.rightmain4 {
    float: left;
	width: 360px;
	margin: 0 auto;
    margin-bottom: 10px;
	text-align: left;
	margin-left: 0;
	
	
}

.sub-columns3 {
    float: left;
	position: relative;
	width: 800px;
	border-bottom: 0;
	border-top: 0;
	margin: 0 auto;
	margin-top: 15px;
	text-align: left;
}

.leftmain5 {
    float: left;
	width: 760px;
	margin: 0 auto;
    margin-bottom: 5px;
	margin-top: 10px;
	text-align: left;
	margin-left: 0;
	margin-right: 10px;
}

.rightmain5 {
    float: left;
	width: 210px;
	margin: 0 auto;
    margin-bottom: 5px;
	margin-top: 10px;
	padding-top: 10px;
	text-align: left;
	margin-left: 0;
	
	
}

.sub-columns5 {
    float: left;
	position: relative;
	width: 760px;
	border-bottom: 0;
	border-top: 0;
	margin: 0 auto;
	margin-top: 15px;
	text-align: left;
}

.sub-selection-title-container {
    padding: 5px 0 10px 0;
}
.sub-web-url {
    float: left;
	width: 530px;
	margin: 0 auto;
    margin-bottom: 10px;
	text-align: left;
	margin-left: 0;
	margin-right: 10px;
}

.sub-web-tools-icons {
    float: left;
	width: 260px;
	margin: 0 auto;
    margin-bottom: 10px;
	text-align: left;
	margin-left: 0;
	
}


#pageHeader2 {
	padding-left: 0px;
    float: left;
	width: 990px;
	height: 5px;
	margin-bottom: 10px;
    margin-top: 51px;
	
}

#bookmarks {
    float: left;
	position: relative;
	width: 990px;
	height: 11px;
	border-bottom: 0;
	border-top: 0;
	margin: 0 auto;
	margin-bottom: 4px;
}

.bookmarks_leftcolumn {
    float: right;
	margin: 0 auto;
    margin-right: 10px;
	text-align: right;
	margin-left: 0;
}

.bookmarks_rightcolumn {
    float: right;
	margin: 0 auto;
    text-align: right;	
}

/* tables -------------------------------------------------------------------- */

.TABhbody {
    line-height: 90%;
}

.TABhbody th {
	background-color: #F2FFFF;
	border-style: solid;
	border-color:#CCCCCC;
	border-width: 0px 0px 1px 0px;
}

/* a href LINKS -------------------------------------------------------------------- */

a{
	color: #0081ff;
	font-weight: bold;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

.href-logo img{
     border: none;
}

.href-search img{
     border: none;
}

.main-selection-link-img img {
     border: 1px solid;
	 border-color:#FFFFFF;
}

.main-selection-link-img img:hover {
     border: 1px solid;
	 border-color:#FF0000;
}

.main-selection-link {
	color: #FF0000;
	font-weight: bold;
	text-decoration: underline;
	font-size: 12px;
    padding-bottom: 5px; 
}

.sub-selection-link {
	color: #1167C6;
	font-weight: normal;
	text-decoration: none;
	font-size: 11px;
	padding-bottom: 2px;
}

.sub-selection-linkred {
	color: #FF0000;
	font-weight: normal;
	text-decoration: none;
	font-size: 11px;
	
}

.redlink{
	color: #FF0000;
	font-weight: normal;
	text-decoration: none;
	font-size: 11px;
	line-height: 1em;
}

.redlink:hover{
	color: #FF0000;
	font-size: 11px;
	line-height: 1em;
	font-weight: normal;
	text-decoration: underline;
}

.bluelink {
	color: #0033CC;
	font-weight: normal;
	text-decoration: none;
	font-size: 11px;
	line-height: 1em;
}


.bluelink:hover{
	color: #0033CC;
	font-size: 11px;
	line-height: 1em;
	font-weight: normal;
	text-decoration: underline;
}

.replaceURL a{
	color: #003366;
	font-weight: normal;
	text-decoration: none;
	font-size: 11px;
	line-height: 1em;
}


.replaceURL a:hover{
	color: #003366;
	font-size: 11px;
	line-height: 1em;
	font-weight: normal;
	text-decoration: underline;
}

.subblacklink {
	color: #0033CC;
	font-weight: normal;
	text-decoration: underline;
	font-size: 10px;	
}


.subblacklink:hover{
	color: #0033CC;
	font-size: 10px;
	font-weight: normal;
	text-decoration: underline;
	
}

.thb a{
	color: #FFFFFF;
	font-size: 14px;
    font-style:italic;
	font-weight:bold;
	padding-left: 5px;
	text-decoration: none;
}

.thb a:hover{
	color: #FFFFFF;
	font-size: 14px;
    font-style:italic;
	font-weight:bold;
	padding-left: 5px;
	text-decoration: none;
}

.link02 {
	color: #000000;
	font-size: 11px;
	font-weight:bold;
	text-decoration: underline;
}

.link02:hover{
	color: #000000;
	font-size: 11px;
	font-weight:bold;
	text-decoration: underline;
}

.link03 {
	color: #4a6b89;
	font-size: 11px;
	font-weight:bold;
	text-decoration: none;
}

.link03:hover{
	color: #4a6b89;
	font-size: 11px;
	font-weight:bold;
	text-decoration: underline;
}

.link04 {
	color: #CC0000;
	font-size: 10px;
	font-weight:bold;
	text-decoration: none;
}

.link04:hover{
	color: #CC0000;
	font-size: 10px;
	font-weight:bold;
	text-decoration: underline;
}

.link05 {
	color: #44340a;
	font-size: 10px;
	font-weight:bold;
	text-decoration: none;
}

.link05:hover{
	color: #44340a;
	font-size: 10px;
	font-weight:bold;
	text-decoration: underline;
}

.mul {
	color: #000000;
	font-size: 10px;
	font-weight:normal;
	text-decoration: none;
}

.mul:hover{
	color: #000000;
	font-size: 10px;
	font-weight:normal;
	text-decoration: underline;
}

.rev20 {
	color: #0066FF;
	font-weight: normal;
	text-decoration: none;
	font-size: 10px;
}

.rev27 {
	color: #0066FF;
	font-weight: normal;
	text-decoration: none;
	font-size: 12px;
}
.rev28 {
	font-weight: bold;
	text-decoration: none;
	font-size: 14px;
}

/* global text and fonts -------------------------------------------------------------------- */

p{
	margin: 0 0 5px 0;
}

.black {
    color:#000000;
	font-weight:bold;	
}

.grey {
	color:#666666;
	font-weight:bold;
}

#text p {
	margin: 0 auto;
    padding: 0px 10px 0px 10px;
	text-align: left;
}

.text014{
	color: #333333;
	font-weight: normal;
	text-decoration: none;
	font-size: 11px;
	line-height: 130%;
	padding-top: 10px;
	text-align: center;
}

.text015 {
	color: #000000;
	font-size: 14px;
    font-style:normal;
	font-weight:bold;
	padding-top: 8px;
	padding-bottom: 5px;
	text-align: center;
}

.text016{
	color: #333333;
	font-weight: normal;
	text-decoration: none;
	font-size: 11px;
	line-height: 130%;
	
	text-align: left;
}

.text017 {
	color: #666666;
	font-size: 12px;
	font-style:normal;
	font-weight:bold;
	padding-top: 8px;
	padding-bottom: 5px;
	text-align: left;
}

.text017b {
	color: #1167C6;
	font-size: 11px;
	font-style:normal;
	font-weight:bold;
	padding-top: 8px;
	padding-bottom: 5px;
	text-align: left;
	text-decoration:underline;
}
.sub-selection-title {
	color: #FF0000;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
    padding-bottom: 5px; 
}

.comparecolumns p {
    padding-left: 10px;
	padding-right: 10px;
}

.thb {
	color: #FFFFFF;
	font-size: 14px;
    font-style:italic;
	font-weight:bold;
	padding-left: 5px;
}

.th1 {
	color: #000000;
	font-size: 14px;
    font-style:normal;
	font-weight:bold;
}

.thBLUE {
	color: #0078e9;
	font-size: 14px;
    font-style:normal;
	font-weight:bold;
}

.text003 {
	color: #000000;
	font-size: 10px;
    font-style:normal;
	line-height:normal;
}

.text007 {
	color: #FF6600;
	font-size: 16px;
	font-style:normal;
	font-weight:bold;
	line-height:0.9em;	
}
/* borders -------------------------------------------------------------------- */

hr { height:0px; line-height:0px; font-size:1px; width:100%; margin:4px 0px 4px 0px;  padding:0px 0px 0px 0px; border-style: solid; border-color:#e8e9e4; border-width: 1px 0px 0px 0px; clear:both; }

hr.small { width:94%; text-align:left;}

/* H1,2,3,4,5,6 -------------------------------------------------------------------- */

.h1area {
    float: left;
	width: 990px;
	padding-top:15px;
	position: relative;
	margin: 0 auto;
}

h3{
	color: #000000;
	font-size: 12px;
	margin-top: 0;
	margin-bottom: 0;
}

/* forms -------------------------------------------------------------------- */

#logo-right img{
    float: none;
	padding-top: 4px;
}

.formSelectQa SELECT{
    float: none;
    width: 95px;
	margin-top: 3px;
	font-size: 10px;
}

.formSelectQa INPUT{
    float: none;
    width: 40px;
	margin-top: 3px;
	font-size: 10px;
}
.selectboxessubmitQa {
    float: left;
	width: 100%;
	margin: 0 auto;
	text-align: right;
	margin-top: 13px;
}

.form20a SELECT{
    float: none;
    width: 130px;
	margin-top: 3px;
	font-size: 10px;
}

.form20a INPUT{
    float: none;
    width: 130px;
	margin-top: 3px;
	font-size: 10px;
}
.selectboxes20a {
    float: left;
	width: 100%;
	margin: 0 auto;
	margin-top: 13px;
	font-size: 10px;
}










.lof-slidecontent, .lof-slidecontent a {
	color:#FFF;	
}
.lof-slidecontent a.readmore{
	color:#58B1EA;
	font-size:11px;
	
}
.lof-slidecontent{
	position:relative;
	overflow:hidden;
	border:#F4F4F4 solid 1px;
}
.lof-slidecontent .preload{
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:100000;
	text-align:center;
	background:#FFF
}
.lof-slidecontent .preload div{
	height:100%;
	width:100%;
	background:transparent url(../images/load-indicator.gif) no-repeat scroll 50% 50%;
}
.lof-main-outer{
	position:relative;
	height:100%;
	width:990px;
	z-index:3;
	overflow:hidden;
}

/*******************************************************/
.lof-main-item-desc{
	z-index:100;
	position:absolute;
	bottom:50px;
	left:0px;
	width:350px;
	background:url(../images/bg_trans.png);
	height:100px;
	/* filter:0.7(opacity:60) */
	padding:10px;
}
.lof-main-item-desc p{
	margin:0 8px;
	padding:8px 0;
	font-size: 11px;
}
.lof-main-item-desc h3{
	padding:0;
	margin:0
}
.lof-main-item-desc h2{
	padding:0;
	margin:15px 0 0 0px;
	font-size: 13px;
}
.lof-main-item-desc h3 a{	
	margin:0;
	background:#C01F25;
	font-size: 10px;
	padding:2px 3px;
	font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,sans-serif;
	text-transform:uppercase;
	text-decoration:none
}
.lof-main-item-desc h3 a:hover{

	text-decoration:underline;
}
.lof-main-item-desc h3 i {
	font-size:70%;
}

/* main flash */
ul.lof-main-wapper{
	/* margin-right:auto; */
	overflow:hidden;
	background:transparent url(../images/load-indicator.gif) no-repeat scroll 50% 50%;
	padding:0px;
	margin:0;
	position:absolute;
	overflow:hidden;
}

ul.lof-main-wapper li{
	overflow:hidden;
	padding:0px;
	margin:0px;
	float:left;
	position:relative;
}
.lof-opacity  li{
	position:absolute;
	top:0;
	left:0;
	float:inherit;
}
ul.lof-main-wapper li img{
	padding:0px;	
}

/* item navigator */
.lof-navigator-wapper {
	position:absolute;
	bottom:10px;
	right:10px;
	background:url(../images/transparent_bg.png) repeat;
	padding:5px 0px;
}
.lof-navigator-outer{
	position:relative;
	z-index:100;
	height:180px;
	width:310px;
	overflow:hidden;
	color:#FFF;
	float:left
}

ul.lof-navigator{
	top:0;
	padding:0;
	margin:0;
	position:absolute;
	width:100%;
}
ul.lof-navigator li{
	cursor:pointer;
	list-style:none;
	padding:0;
	margin-left:0px;
	overflow:hidden;
	float:left;
	display:block;

	text-align:center;

}
ul.lof-navigator li img{
	border:#666 solid 3px;	
}
ul.lof-navigator li.active img, ul.lof-navigator li:hover img {
	border:#A8A8A8 solid 3px;
}
.lof-navigator-wapper .lof-next,  .lof-navigator-wapper .lof-previous{
	display:block;
	width:22px;
	height:30px;
	color:#FFF;
	cursor:pointer;

}
.lof-navigator-wapper .lof-next {
	float:left;	
	text-indent:-1040px;
	margin-right:5px;
	background:url(../images/arrow-l.png) no-repeat right center;
}
.lof-navigator-wapper .lof-previous {
	float:left;	
	text-indent:-1040px;
	margin-left:5px;
	background:url(../images/arrow-r.png) no-repeat left center;
}