@charset "utf-8";

body { margin:0; padding:0; width:100%; background:#ebebeb; }

html { padding:0; margin:0;}

.body_resize { margin:0; padding:0;  background:#fff;}

a { text-decoration:none;}

a:hover { text-decoration:underline; text-align: left; }

/* main */

.main { padding:0; margin:0 auto;}

/********** header **********/

.blok_header { margin:0; padding:0; background-color: #333; background-image: url(images/header-back.jpg); background-repeat: repeat-x; background-position: top; }

.header { width:960px; margin:0 auto; padding:0; }

/* logo */

.logo { padding:0 0 0 7px; margin:0; width:195px; float:left;}

.logo2 { padding:0; margin:20px 0px 5px 0px; width:230px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:26px; color:#FFF; font-weight: bold; }

/* menu */	

.menu { padding:30px 0 3px 0; margin:0 auto; width:600px; float:right; }

.menu ul { text-align: right;  padding:0; margin:0; list-style:none; border:0; float:right;}

.menu ul li { float:left; margin:0px 12px; padding:0 0px; border:0; color: #CCC; }

.menu ul li a { float:left; margin:0px; padding:12px 0; color:#a9a8a8; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none; height:35px;}

.menu ul li a span { padding:12px 0px; background:none; margin:0px 9px; height:35px;}

.menu ul li a:hover {  background: url(images/l_menu.gif) repeat-x bottom; height:35px;}

.menu ul li a:hover span {   background:url(images/l_menu.gif) repeat-x right; height:35px;}

.menu ul li a.active {  background:url(images/l_menu.gif) repeat-x bottom; height:35px;}

.menu ul li a.active span {   background:url(images/l_menu.gif) repeat-x right; height:35px;}

.underline { margin:auto; }

/* search */

.search-container { width:320px; float:right; } 

.search { padding:10px 0 5px 0; margin:0 auto; width:300px; float:right; }

.social-icons { width:295px; float:right; margin-top: 5px; margin-right: auto; margin-bottom: 0; margin-left: auto; padding: 10px 0 1px 5px; }

.search form { display:block; float:left; padding:0;}

.search span { display:block; float:left; background: url(images/search_bg.gif) left top no-repeat; width:250px; padding:0 5px 0 0; height:33px; }

.search form .keywords { line-height:20px; height:17px; float:left; background: url(images/search_bg.gif) left top no-repeat; border:0; padding:15px 5px; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#6c6c6c; }

.search form .button { float:left; margin:0 0 0 2px; padding:0; }

/*header_text_bg*/

.header_text_bg { margin:0; height:575px; padding-top: 0px; padding-right: 0; padding-bottom: 0; padding-left: 0; background-color: #FFF; }

.header_text_bg2 { margin:0; padding:0; background: url(images/header_text_bg2.gif) top repeat-x; height:118px; }

.header_text2 { margin:0 auto; padding:20px 10px 5px 10px; width:940px; }

.header_text2 h2 { width:280px; float:left; margin:0; padding:20px 0 0 20px; font: bold 30px Arial, Helvetica, sans-serif; color:#fff;}

.header_text2 p { width:350px; float:right; margin:0; padding:20px 0 0 0; font: normal 12px Arial, Helvetica, sans-serif; color:#686868;}

/*header_text*/

.header_text { margin:0 auto; padding:5px 10px; width:938px; background:#272727; border:1px solid #373737; }

.header_text h2 { font: normal 14px Arial, Helvetica, sans-serif; color:#989797; padding:5px 0; margin:0;}

.header_text h2 span { font: normal 11px Arial, Helvetica, sans-serif; color:#5e5e5e;}

.header_text img { float:right; margin:0; padding:5px 0 0 0;}



/* Ca3er style */

.cu3er_resize { width:960px; background:url(images/banner_bg.png) no-repeat bottom; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; padding-top: 10px; padding-right: 0; padding-bottom: 75px; padding-left: 0; }

#cu3er-container { width:960px; outline:0; margin-bottom: 25px; }



/********** body **********/

.body_resize { margin:0; padding:0;  background:#fff;}

.body { width:960px; padding:0; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; }

.body2 { width:950px; margin:0 auto; padding:10px 5px 0px 5px; text-align: left; }

.body3 { font: bold 18px Arial, Helvetica, sans-serif; color:#2F5A67; margin:0; padding:10px 5px 5px 5px; font-size: 14px; }

.body h2 { font: bold 18px Arial, Helvetica, sans-serif; color:#2F5A67; margin:0; padding:1px 1px; font-size: 22px; text-align: left; }

.body h4 { font-family:Arial, Helvetica, sans-serif; color:#2F5A67; margin:0; padding:1px 1px; font-size: 12px; letter-spacing: 0px; }

.body h2 span { display:block; font: normal 11px/1.6em Arial, Helvetica, sans-serif; color:#7d7d7d;}

.body img { float:left; padding:0; margin:5px 10px 5px 5px;}

.body img.portf { margin:0px auto; padding:0;}

.body img.floated { float:right; padding:0; margin:5px 0px; }

.body p { font:normal 12px Arial, Helvetica, sans-serif; color:#8f8f8f; line-height:1.8em; padding:5px 5px; margin:0;}

.body p div { font:normal 12px Arial, Helvetica, sans-serif; color:#8f8f8f; line-height:1.8em; padding:5px 5px; margin:0;}

.body p.grey { color:#565656;}

.body strong { color:#272727;}

.body p span { color:#4a8094; font: normal 11px Arial, Helvetica, sans-serif; line-height:1.8em;}

.body a { text-decoration:none; color:#4a8094; line-height:1.8em; font: bold 12px Arial, Helvetica, sans-serif;}

.right-foot { width:185px; float:left; padding:5px 10px 5px 15px; margin:0; text-align: justify; }

.right-test { width:230px; float:left; padding:5px 10px; margin:0; text-align: justify; }

.right { width:300px; float:left; padding:5px0px; margin:0; text-align: justify; }

.right3 { width:300px; float:right; padding:5px0px; margin:0; text-align: justify; }

.left { width:603px; float:left; padding:5px 10px; margin:0; }

.left-copy { width:210px; float:right; padding:5px 10px; margin:0;}

.left-web { width:225px; float:left; padding:5px 10px 5px 16px; margin:0;}

.left-foot { width:560px; float:left; padding:5px 10px; margin:0;}

.block { width:222px; float: left; padding:0; margin:0 auto; text-align: center; }

.block33 { width:222px; float:left; padding:0; margin:0 7px 10px 8px; }

.block222 { width:235px; float:left; padding:0; margin:0 auto; }

.block224 { width:235px; padding:0; margin:0 auto; }

.port { padding:0; margin:0;}

.port_resize { width:282px; float:left; margin:0; padding:10px 5px;}

.port_resize2 { width:175px; display:inline-block; padding: 0 3px 0 3px; margin-top: 15px; margin-right: 2px; margin-bottom: 0; margin-left: 3px; }
td h4 { margin:0; padding:1px 1px;}



/*FBG*/

.FBG { margin:0; padding:0; border-top-width: 7px; border-top-style: solid; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: #e4e4e4; border-bottom-width: 0px; border-right-width: 0px; border-left-width: 0px; background-color: #343434; background: url(images/top-back.png) repeat-x;}

.FBG_resize { width:940px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; padding-top: 0px; padding-right: 10px; padding-bottom: 20px; padding-left: 10px; }

.FBG_resize p { font: normal 11px Arial, Helvetica, sans-serif; color:#717171; padding:5px; margin:0; line-height:1.8em;}

.FBG_resize ul { list-style:none; margin:10px auto; padding:0;}

.FBG_resize ul li { padding:3px 0 3px 10px; margin:0; font: normal 11px Arial, Helvetica, sans-serif; color:#717171; background-image: url(images/ul_li.gif); background-repeat: no-repeat; background-position: left; }

.FBG_resize ul li a { padding:3px 0 3px 10px; margin:0; font: normal 11px Arial, Helvetica, sans-serif; color:#5da0bb; }

.FBG_resize ul li a:hover { padding:3px 0 3px 10px; margin:0; font: normal 11px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none }

.FBG_resize ul li a.active { padding:3px 0 3px 10px; margin:0; font: normal 11px Arial, Helvetica, sans-serif; color:#fff; list-style-image:none; text-decoration:none; }

.FBG_resize a { color:#FFF; font: bold 11px Arial, Helvetica, sans-serif; }

.FBG_resize h2 { font: bold 14px Arial, Helvetica, sans-serif; color:#5da0bb; padding:5px; margin:0; }

.FBG_resize h2 title { font: bold 14px Arial, Helvetica, sans-serif; color:#C9A314; padding:5px; margin:0; }

.FBG_resize .right { width:250px; float:right; margin:0; padding:10px 10px; }

.FBG_resize .left { width:175px; float:right; margin:0; padding:10px; }

.FBG_resize .left2 { width:170px; float:right; margin:0; padding:10px 10px 10px 15px; }

/* END_bloga*/

/*************footer**********/

.footer { margin:0; background-image: url(images/bot-grd.jpg); background-repeat: repeat-x; background-position: top; padding-top: 5px; padding-right: 0; padding-bottom: 0; padding-left: 0; height: 90px; }

.footer_resize { width:940px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; padding:10px 10px 10px 10px; }

.footer p { font:normal 11px  Arial, Helvetica, sans-serif; color:#6d6d6d;}

.footer a { font:normal 11px Arial, Helvetica, sans-serif; color:#7a7a7a; text-decoration:none; padding:5px; margin:0;}

.footer img { margin:0; padding:0; float:left;}

.footer p.leftt { text-align:left; width:350px; margin:0; padding:15px 0 0 0; float:right;} 

/********** contact form **********/

#contactform { margin:0; padding:5px 10px;}

#contactform * { color:#F00;}

#contactform ol { margin:0; padding:0; list-style:none;}

#contactform li { margin:0; padding:0; background:none; border:none; display:block; clear:both;}

#contactform li.buttons { margin:5px 0 5px 0;}

#contactform label { margin:0; width:110px; display:block; padding:10px 0; text-align:left; color:#5e5e5e; font: bold 12px Arial, Helvetica, sans-serif; text-transform:capitalize; float:left; }

#contactform label span { color:#F00;}

#contactform input.text { width:200px; border:1px solid #e8e8e8; margin:10px 0; padding:5px 2px; height:16px; background:#fff; float:left;}

#contactform textarea { width:410px; border:1px solid #e8e8e8; margin:10px 0; padding:2px; background:#fff; float:left;}

#contactform li.buttons input { padding:3px 0 3px 110px; margin:0; border:0; color:#FFF; float:left;}

p.response { text-align:center; color:#F00; font: normal 11px  Georgia, "Times New Roman", Times, serif; line-height:1.8em; width:auto;}



p.clr, .clr { clear:both; padding:0; margin:0;}

li.bg, .bg { clear:both; border-bottom:1px solid #dedede; padding:10px 0 0 0; margin:0 0 10px 0; background:none; list-style:none;}

.header-back { height:352px; padding-top: 19px; border-bottom-width: 7px; border-bottom-style: solid; border-bottom-color: #e4e4e4; border-top-width: 0px; border-right-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-left-style: none; padding-bottom: 20px; background-image: url(images/top-back.png); background-repeat: repeat-x; }

/* --- Social Media --- */

.blog { height:34px; border-bottom-width: 5px; border-top-style: none; border-right-style: none; border-bottom-style: solid; border-left-style: none; border-bottom-color: #F60; float:left; width: 100%;}
.footer-widget-1 { margin-top: 10px; }
.widget_rss ul { margin: 0px 0px 0px 15px; padding: 0px; list-style-position:inside; }
.rsswidget {color:#4A8094; font-family:Arial, Helvetica, sans-serif;}

.twitter { height:34px; border-bottom-width: 5px; border-top-style: none; border-right-style: none; border-bottom-style: solid; border-left-style: none; border-bottom-color: #6CF; width: 100%;}
.footer-widget-3 { margin-top: 10px; }

.facebook { height:34px; border-bottom-width: 5px; border-top-style: none; border-right-style: none; border-bottom-style: solid; border-left-style: none; border-bottom-color: #36F; width: 100%;}
.footer-widget-2 { margin-top: 10px; }

.youtube { height:34px; border-bottom-width: 5px; border-top-style: none; border-right-style: none; border-bottom-style: solid; border-left-style: none; border-bottom-color: #F33; width: 100%;}
.footer-widget-4 { margin-top: 10px; }

.quote { margin-top:10px; display: block; }

.text { color:#5da0bb; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; }

.text a { color:#5da0bb; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; }


.text5 { color:#5da0bb; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; border:thin #DCF9FA; }

.text4 { color: #FFF; }

.numbers { font:normal 12px Arial, Helvetica, sans-serif; color:#8f8f8f; line-height:16px; padding:0px; margin:0; }

.social-titles { width:180px; font-family: Verdana, Geneva, sans-serif; font-size:20px; display:block; float:right; padding:3px; }

.social-titles2 { width:170px; font-family: Verdana, Geneva, sans-serif; font-size:20px; display:block; padding:3px; }

.social-titles2b { width:170px; font-family: Verdana, Geneva, sans-serif; font-size:20px; display:block; float:right; padding:3px; }

.social-pics { margin:5px 0px 0px 0px; width:24px; height:24px; float:left;  }

.left-picture { margin:5px 5px 5px 25px;}

/* --- Chat Live Button --- */

.chat-live { height:65px; width:245px; margin:40px 30px 40px 0px; }


/* ----- Wibia test ---- */

.drg-logo-wibiya{
	background-image:url(images/bottom-logo.png);
	background-repeat:no-repeat;
	width:119px;
	height:54px;
	position: relative;
	top:-29px;
	
}

/* For Live Rep Chat */
#postMessage input {
	margin: 3px;
	padding: 3px;
	width: 580px;
	
}
#messageDisplay {
	width: 580px;
	height: 390px;
	overflow:scroll;
	background-color:#e4e4e4;
	border: #333333 1px solid;
	padding: 3px;
	line-height: 20px;
	border-bottom: #999999 1px solid;
}
#messageBox {
	
}
.chatMessage {
	display: block;
}
.chatMessage div {
	display: inline;
}
.chatMessage .name {
	font-weight: bold;
	margin-right: 10px;
}
.chatMessage .name img {
	height: 1em;
}
.noReps {
	width: 300px;
	padding: 5px;
	background-color:#deb2b2;
	border:#c6868e 1px dashed;
}

/* Special CSS for services page 
.servicesButton {
	width: 58px;
	background-image:url(images/background.png);
	background-repeat:repeat-x;
	height: 55px;
	position: relative;
	padding: 0px;
	margin: 0px;
}
.servicesButton img {
	padding: 0px;
	margin: 0px;
}
.servicesButton .serviceIcon {
	position: absolute;
	top: 5px;
	left: 10px;
	z-index: 3;
}
#glow {
	display:none;
}
.servicesButton #glow {
	position: absolute;
	top: 1px;
	left: 1px;
	display: block;
	z-index: 2;
}
.buttonLeftEdge {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}
.buttonRightEdge {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 1;
}


*/

/* New services page */
#tabber {
	text-align:left;
	position: relative;
	margin-top: 20px;
}
#tabs {
	position: absolute;
	top: 15px;
	left: 544px;
}
.tabButton {
	width: 58px;
	background-image:url(images/background.png);
	background-repeat:repeat-x;
	height: 55px;
	position: relative;
	padding: 0px;
	margin: 0px;
}
.tabButton img {
	padding: 0px;
	margin: 0px;
}
.tabButton .serviceIcon {
	position: absolute;
	top: 5px;
	left: 10px;
	z-index: 3;
}
#glow {
	display:none;
}
.tabButton #glow {
	position: absolute;
	top: 1px;
	left: 1px;
	display: block;
	z-index: 2;
}
.buttonLeftEdge {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}
.buttonRightEdge {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 1;
}
#tabs {
	float:right;
	
}
.switcherInstruct {
	position: absolute;
	top: 100px;
	width: 540px;
	color: #303030;
	font-size: 22px;
	font-weight: bold;
}
.switcherInstruct img {
	float:right;

}
.switcher {
	display:none;
	width: 544px;
	height: 472px;
	background-image:url(images/services-box.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
}
.serviceTitle {
	font: bold 18px Arial, Helvetica, sans-serif; 
	color:#2F5A67; 
	margin:5px; 
	padding:5px; 
	font-size: 22px; 
	text-align: left;
}
.serviceBody p {
	text-align: left;
	margin: 5px;
	float: left;
	color: #303030;
}
.serviceBody ol, .serviceBody li{
	color:#303030;
}
.serviceImage {
	position: absolute;
	bottom: 0px;
	left: 10px;
}
object.serviceImage {
	bottom: 5px;
	left: 70px;
}