@charset "utf-8";
/* listings */
a:hover {border-bottom:0;}

.hide {	visibility:hidden;}
hr { clear:both; border:0; margin:0;}
/*******titles*********/
    .bold, h2.subtitle, h2.subtitle2 {
		font-weight:bold;
		color:#3a647c;}
	h2.subtitle {
		font-size:14px;
		margin-bottom:18px;
		line-height:14px;}
	h2.subtitle2 {
		font-size:12px;
		margin-bottom:5px;
		line-height:12px;}
	h3.subtitle2 {
	font-weight:normal;}
	.title-content {
		background:url(../images/title-tagcloud.gif) no-repeat;
		float:left;
		margin:20px 0 20px 40px;
		height:51px;
		padding-left:40px;
		display:inline;
		font-size:19px;
		}
	.title-content h1 {
		font-size:19px;
		height:39px;
		background:url(../images/title-tagcloud.gif) right -51px no-repeat;
		padding:12px 50px 0pt 0pt;
		margin:0pt;
		font-family:arial !important;
		float:left;
		font-weight:normal;
		color:#777777;
		}
	.title-content h2 {
		font-size:19px;
		height:39px;
		background:url(../images/title-tagcloud.gif) right -51px no-repeat;
		padding:12px 50px 0pt 0pt;
		margin:0pt;
		font-family:arial !important;
		float:left;
		font-weight:normal;
		color:#777777;
		}
	.title-content span {
		color:#fff;
		padding:0px;
		}
	
		
	/** added by Janjoe **/	
	/** This style is use for SEO content **/	
	.seo-title-content {
	height:51px;
	margin:20px 0pt 20px 40px;
	padding-left:0px;
	}
	.seo-title-content h1 {
	font-family:arial !important;
	font-size:22px;
	height:39px;
	margin:0pt;
	padding:12px 50px 0pt 0pt;
	}	
	.seo-title-content span {
	color:#48849E;
	}
     /** end of SEO content style **/
		
			
	.title2 {
		font-size:21px; float:left;
		background:#e4e4e4;
		padding:5px 9px;}	
	.layouts h1.title {
		color:#48849e;
		font-size:18px; font-family:Arial;
		font-weight:normal;}
	.layouts p {
		margin:5px 0 25px 0;
		line-height:22px;}	
	.layouts h1 {
		font-weight:normal;		font-size:19px;		font-family:"Times New Roman";		}
	.layouts .grow {
		font-size:28px; font-weight:bold;}	
	/****link normalize****/
	h2.subtitle2 a {
		color:#3a647c; 
		line-height:inherit;}
	.decor-none, .our-clients a, .pic a, .paginate a:hover, .newslist ul li a:hover, a.bt-archive:hover {
		text-decoration:none !important; border:none !important;
		outline:none;}
		
/********list layouts********/
ul.inline li, ul.inline {
	display:inline;
	float:left;	}
ul.arrowsblue li {
	list-style-image:url(../images/arrow.gif);
	list-style-position:outside;
	margin-left:15px;
	}
ul.thumblist {
	padding:20px 0 0 70px;}
.disc li {
	list-style-type:disc;
	list-style-position:inside;}	
	/***mini thumblist****/
ul.thumblist2 {
	padding:10px 0 0 0px;
	}	
	ul.thumblist2 .pic {
		width:85px; text-align:right;}
	ul.thumblist2 .det {
	width:213px;
	padding:20px 0 0 10px;}
	ul.thumblist2 p {
	padding:0;}
	
ul.thumblist2, ul.thumblist2 li {
	float:left;
	}	
ul.thumblist2 {	
	width:315px;
	height:100px; height:auto !important; min-height:100px;}
	/***large thumblist***/
ul.thumblist3 {
	padding:10px 0 10px 0px;
	display:block; float:left;	}
	ul.thumblist3 .pic {
		width:375px;
		float:left;}
	ul.thumblist3 .det {
	width:195px;
	background:url(../images/detbg2.gif) bottom no-repeat;
	padding:5px 0 15px 15px;
	float:left;}
	ul.thumblist3 .pic a {
	border:5px #e3e3e3 solid !important;
	float:left;}
	ul.thumblist3 .pic a img {
	border:2px #fff solid;}
	
/***colors***/
.darkblue, #services ul.arrowsblue li a, #site-hosted .subtitle2 a, .layouts .grow {
	color:#194264;}
.blue, .title2 span {
	color:#5089a2;}
.lightblue, #search-category h4, .newslist ul li.current a, .newslist ul li.current b {
	color:#34baf5 !important;}
.grey, .paginate a, h2.subtitle2 {
	color:#9b9b9b !important;}	
.darkgrey, #ourcompany-subnav ul a {
	color:#686461;}
.white, .title2 {
	color:#fff;}
/****texts*******/
.txt18, .paginate a.current {
	font-size:18px;}
/****borders input ******/
.b1s, #newsletter input {
	border:1px #000 solid;
	padding:3px 5px; font-size:13px;}
input.med {
	width:160px;}
/******backgrounds********/
.ico-cart {
	background:url(../images/icons/cart.gif) top left no-repeat;}
.ico-ps	{
	background:url(../images/icons/ps-feather.gif) top left no-repeat;}
.ico-lcd {
	background:url(../images/icons/lcd.gif) top left no-repeat;}	
.ico-barchart {
	background:url(../images/icons/bar-chart.gif) -5px top no-repeat;}
.ico-email {
	background:url(../images/icons/mail.gif) top left no-repeat;}	
.ico-cd {
	background:url(../images/icons/cd.gif) top left no-repeat;}
.ico-paper {
	background:url(../images/icons/phil-paper.gif) top left no-repeat;}	
.ico-calendar {
	background:url(../images/icons/calendar.gif) top left no-repeat;}
.ico-dom-host {
	background:url(../images/icons/dom-host.gif) top left no-repeat;}
.blue-round-btm {
	background:url(../images/blu-round-btm.gif) bottom no-repeat;	height:5px;}	
.bt-go {
	background:url('../images/buttons/bt-go.gif') no-repeat;
	border:0; cursor:pointer; height:21px;width:28px;}
.ico-search {
	background:url('../images/icons/ico-search.gif') 0px 25px no-repeat;
	padding:5px 10px 5px 35px !important;}
.coffeebg {
	background:url('../images/background/subcont-bgcoffee.jpg') no-repeat;}
.bg-dirt, #our-company {
	background:url('../images/background/cont-bgdirt.jpg') bottom no-repeat;}
.bg-news {
	background:url('../images/icons/ico-news.jpg') left bottom no-repeat;
	padding:80px 0pt 25px 64px;}
.min-fold, .newslist {
	background:#a3d7e4 url('../images/background/news-foldtop.gif') no-repeat;}
.bg-newsletter {
	position:absolute; z-index:430;
	height:210px; width:170px; padding:85px 30pt 0px 10px;
	background:url('../images/background/subcont-bgnewsletter.jpg') no-repeat;}
/******xxxxxxxxxxxxxxxxxxxxxxxxxxx CUSTOM CONTENT xxxxxxxxxxxxxxxxxxxxxxxxx******/
#services {
	margin:30px 0 20px 30px;
	clear:both;
	padding:20px 0;}
#services ul.thumblist {
	width:230px;
	float:left;
	margin:5px 0px 20px;	}
#portfolio {
	margin:10px 0 20px 40px;}
#body-subpagemenu {
	margin-top:15px;}
#site-hosted, #support {
	margin:10px 0 20px 16px;
	clear:both;
	padding:20px 0;}
#newsletter {
	clear:both;
	height:300px;	}
.sh-standalone {
	
	}
.sh-standalone #share-inside {
	height:37px; width:217px;
	padding:2px 0px 5px 0px;}
	/********login-content********/
#login {
	width:140px;height:152px;
	background:url('../images/loginbg.jpg') no-repeat;
	padding:53px 30px 0px;
}
#login input {
	border:0;
	background-image:url('../images/inputbg.jpg');
	margin:2px 0pt 7px;
	padding:4px 4px 2px;	
	width:124px;
	font-size:12px;
	border:1px #000 solid;
	height:15px;
}
#login label {
	color:#000;
	font-size:12px;
	line-height:18px;
}
	/*******pagination content*******/
	.paginate {
		font-size:13px; 
		padding:10px 0;}
	.paginate a {
		padding:0 3px;}
	.paginate .prev img, .paginate .next img {
		margin:0px 7px -3px;}
	/*******search category********/
	#search-category {
		background:#0e5c7e url(../images/blu-round-top.gif) top no-repeat;
		width:608px;clear:both;
		margin:0px 0pt 0px 39px;}
	#search-category select {
	width:155px;}
	#search-category ul.inline, #search-category ul.inline li {
	padding:5px 10px;}
	#search-category input {
	border:1px #002839 solid;
	padding:2px 4px; width:130px;}
	
	/******subnav subpage on ourcompany*********/
	#ourcompany-subnav {
		padding:30px 5px 10px 10px;
		float:left;
		position:relative;
		margin:25px 0 0 -10px;
		height:300px;
		width:200px;}
	#ourcompany-subnav ul {
		float:left;
		padding:10px 0 10px 20px;}	
	#ourcompany-subnav ul a:hover {
		border-bottom:3px #9ee3ff solid; }
	#our-company {
		padding:30px 33px 10px;}
	.newslist { 
		width:570px;
		padding:20px 0px 20px 30px; margin:20px 0;}
	.newslist ul li, .newslist ul li a, .newslist ul li b  {
		float:left; color:#fff !important;}	
	.newslist ul li a {
		width:326px;	}	
	.newslist ul li b {
		font-weight:normal;
		display:inline}
	.newslist ul li.current {
		background:#c9e7ef;}
	.newslist ul li strong, .newslist ul li b {
		border-bottom:1px #fff dashed;}	
	.bt-archive {
		float:right;
		margin:-40px 0 -20px 0;}
	/*********spacing********/
.space, #login {
	margin:20px 0 15px;}
.space2, .services p {
	padding:10px 0px 20px 40px;
	clear:both;}
.our-clients {
	min-height:500px;
	padding:50px 0;}
.our-clients img {
	margin:0 20px;}
.pH10, .det ul.disc, .det p, .layouts h1.title {
	padding:5px 0 15px;}
.pH5, #ourcompany-subnav ul li, .newslist ul li, #newsletter p {
	padding:5px;}
.pT30, #newsletter {
	padding:40px 0px 20px;}
.mL10, .country strong, ul.thumblist3 .det, .paginate, .bt-go  {
	margin-left:10px;}
.mL20, #ourcompany-news  {
	margin-left:20px;}
.i-reject { width:auto !important; border:0 !important; padding:0 !important;}
.input-bt {margin:0 2px -5px}

.pT10 { padding-top:10px;} .pT20 { padding-top:20px;}

/*********** portfolio view ***********/
#portfolio-view p { padding-right:40px; line-height:1.6em}
.port-thumb { background:url(../images/portfolio-mainthumb.jpg) top left no-repeat; padding-top:18px; height:271px; width:336px; float:left; text-align:center;}
.port-det { float:left; padding:5px 5px 10px 5px;}
.port-side { padding:15px 0;}
.port-side li { list-style-image:url(../images/grey-arrow.gif); margin:3px 0 3px 20px;}
.port-det ul.pag a { float:left; background:url(../images/portfolio-sbt.gif); height:26px; width:31px; color:#656565; font-size:18px; text-align:center; padding:7px 2px 0 0; margin:5px;}
.port-det ul.pag a:hover, .port-det ul.pag a.active, #portfolio-view a:hover { border:0; color:#0f6e97;}
.port-tab  {float:right; clear:right; margin-right:-48px; position:relative}

.rightsub-holder-r-btm {background:transparent url(../images/rightsub-holder-r-btm.jpg) no-repeat scroll right bottom;padding-bottom:20px;}

#supportpage .rightsub-holder-r-btm { width:200px;} 

/***** support *******/

.forms2 { padding:5px 10px;}
.forms2 input, .forms2 select { border:1px #686868 solid; width:100px; padding:2px 5px; }
.forms2 p { clear:both; margin:5px 0px;}
.forms2 textarea { border:1px #686868 solid; width:175px;}
.forms2 label { float:left; width:55px;}

.pL40 {padding-left:40px;}
.callback-wrapper{
	background:transparent url(../images/callbackrequest-bg.jpg) no-repeat right bottom;
	overflow: hidden; 
	margin:0px 4px 20px 4px;
	position: absolute;
	width:190px; 
	left: 0px; 
	top: -301px;
	padding-bottom:10px
}
.callback-content{
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	padding:5px;
}