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

body{
	padding: 0;
	margin: 0;
	font-family: "MS Trebuchet", Verdana, Geneva, Arial, Helvetica, sans-serif;	
	font-size: 75%;
	line-height: 135%;
	color:  #424242;
	text-align: center;
}

body#theme-h { background-image: url("../images/global/home-bg.jpg"); background-repeat: repeat-x; background-position: 0 1px; }
body#theme-p { background-image: url("../images/global/body-bg.jpg"); background-repeat: repeat-x; background-position: 0 1px; }

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> */


img {border:none;}

/* DIV boxes -------------------------------------------------------------------- */

#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; }
#content{ margin-left: 0px; padding-right: 0px; font-size: 90%; }


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

/* /////////////////// 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: 58px; margin-right: 20px; text-align: left; overflow: hidden;}
#home-colB { float: left; position: relative; width: 255px; margin: 0 auto; margin-top: 58px; 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; mergin-left: 20px;}
div.columns ul.sections-content-lists li { margin-left: 0; mergin-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;
}

/* /////////////////// BREADCRUMBS //////////////////// */ 
div#crumbs { float: left; width:990px; text-align: left; padding: 3px 0 3px 10px; }
div#crumbs a{ font-size: 10px; color: #666666; font-weight: normal; text-decoration: none; }
div#crumbs a:visited{ color: #666666; text-decoration: none; }
div#crumbs a:hover{ color: #ff0066; text-decoration: underline; }
div#crumbs span.crumb-pointer { padding: 0 3px 0 3px; font-size: 12px; color:#63b6d6; font-weight: bold; }
div#crumbs span.current-crumb { font-size: 10px; color: #ff0066;}
div#crumbs h1.current-crumb { display: inline; font-size: 10px; color: #ff0066;}
div#crumbs .crumb-home { text-decoration: none;}


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; 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: 56px; }
#pageHeader3 { padding-left: 0px; float: left; width: 990px; height: 1px; margin-bottom: 7px; margin-top: 58px; }


/* /////////////////// 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; }

.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;}

/* /////////////////// FOOTER //////////////////// */
#footer-main{ float: left; position: relative; margin: 0 auto; text-align: center; width: 100%; }
#footer-main { background-image: url("../images/global/foo_gradient.jpg"); background-repeat: repeat-x; background-position: 0 0px; overflow:hidden; }
#footer{ position: relative; margin: 0 auto; text-align: center; width: 990px; padding: 3px 0 5px 0; }
#footer-left{ float: left; position: relative; margin: 0 auto; text-align: left; width: 100px; padding: 0 0 6px 0; }
#footer-social{ float: left; position: relative; margin: 0 auto; text-align: left; width: 540px; padding: 0 0 6px 0; }
#footer-right{ float: left; position: relative; margin: 0 auto; text-align: right; width: 350px; padding: 0 0 6px 0; }

#footer span{ color:#999999; font-size: 0.9em; line-height: 1.2em; margin-bottom: 2px;}
#footer p{ color:#999999; font-size: 0.9em; line-height: 1.0em; margin-bottom: 2px; text-align:justify;}
#footer a{ color:#333333; font-weight: bold; text-decoration: none; }
#footer a:visited{ color:#3366CC; text-decoration: none; }
#footer a:hover{ text-decoration: underline; }

#footer-ext { float: left; 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 //////////////////// */
#footer-family-sites{ position: relative; text-align: center; padding: 3px 0 5px 0; }

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

#page-numbers, #page-numbers:hover, #page-numbers:visited {color: #7494ba; font-weight: normal; text-decoration: none; font-size: 12px; padding: 1px;}
#current-page-number, #current-page-number:hover, #current-page-number:visited {color: #FFFFFF; background: #000000; font-weight: normal; text-decoration: none; font-size: 12px; padding: 1px;}

.page-numbers, .page-numbers:hover, .page-numbers:visited {color: #7494ba; font-weight: normal; text-decoration: none; font-size: 12px; padding: 1px;}
#current-page-number, #current-page-number:hover, #current-page-number:visited {color: #FFFFFF; background: #000000; font-weight: normal; text-decoration: none; font-size: 12px; padding: 1px;}


.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: 15px; height: 15px; color: #7494ba; font-weight: normal; text-decoration: none; font-size: 12px; margin: 3px 0 2px 0;}
#prev-page { width: 15px; height: 15px; color: #7494ba; font-weight: normal; text-decoration: none; font-size: 12px; margin: 3px 0 2px 0;}
#last-page { width: 15px; height: 15px; color: #7494ba; font-weight: normal; text-decoration: none; font-size: 12px; margin: 3px 0 2px 0;}
#next-page { width: 15px; height: 15px; color: #7494ba; font-weight: normal; text-decoration: none; font-size: 12px; margin: 3px 0 2px 0;}
#first-page { background-image: url("../images/global/first.png"); background-repeat: no-repeat; background-position: 0 0px; overflow:hidden; }
#prev-page { background-image: url("../images/global/prev.png"); background-repeat: no-repeat; background-position: 0 0px; overflow:hidden;}
#last-page { background-image: url("../images/global/last.png"); background-repeat: no-repeat; background-position: 0 0px; overflow:hidden;}
#next-page { background-image: url("../images/global/next.png"); background-repeat: no-repeat; background-position: 0 0px; overflow:hidden;}

#first-page:hover { width: 15px; height: 15px; color: #6090c8; font-weight: bold; text-decoration: none; font-size: 12px; margin: 3px 0 2px 0;}
#prev-page:hover { width: 15px; height: 15px; color: #6090c8; font-weight: bold; text-decoration: none; font-size: 12px; margin: 3px 0 2px 0;}
#last-page:hover { width: 15px; height: 15px; color: #6090c8; font-weight: bold; text-decoration: none; font-size: 12px; margin: 3px 0 2px 0;}
#next-page:hover { width: 15px; height: 15px; color: #6090c8; font-weight: bold; text-decoration: none; font-size: 12px; margin: 3px 0 2px 0;}
#first-page:hover { background-image: url("../images/global/first-over.png"); background-repeat: no-repeat; background-position: 0 0px; overflow:hidden;}
#prev-page:hover { background-image: url("../images/global/prev-over.png"); background-repeat: no-repeat; background-position: 0 0px; overflow:hidden;}
#last-page:hover { background-image: url("../images/global/last-over.png"); background-repeat: no-repeat; background-position: 0 0px; overflow:hidden;}
#next-page:hover { background-image: url("../images/global/next-over.png"); background-repeat: no-repeat; background-position: 0 0px; 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; 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;}

/* /////////////////// 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;
}