/*---------------------------------------------------------------------------------------------

	CSS Stylesheet
	
	T.o.C
		=RESET
		=LAYOUT
		=PAGES
			=INDEX
			=TEAM
			=NEWS
			=TESTIMONIALS
			=SERVICES
			=PORTOFOLIO
			=BLOG
			=CONTACT	
					
-----------------------------------------------------------------------------------------------*/


/* =RESET
-----------------------------------------------------------------------------------------------*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}/* tables still need 'cellspacing="0"' in the markup */caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:""""}


/* =GENERAL
-----------------------------------------------------------------------------------------------*/
	html 
	body{ 
	    background-color:#4f4f4f;
		font:12px Arial, sans-serif; 
		line-height:20px;
		color:#666666;
	}
	
		/* =headings
		-------------------------------------------------------------- */
		
		h1,h2,h3,h4,h5,h6{ font-weight: bold; color:#252525; }
		
		h1{ font-size:28px; line-height:30px; margin-bottom:12px; }
		h2{ font-size:24px; line-height:26px; margin-bottom:12px; }
		h3{ font-size:17px; line-height:20px; margin-bottom:8px; color: #cc0000; }
		h4{ font-size:14px/18px;  }
		h5{ font-size:13px; line-height:15px; margin-bottom:8px;  }
		h6{ font-size:13px; line-height:15px; margin-bottom:8px;  }
		
		/*.bgColor {background-color: #f9f9f9;padding: 2px 10px;}*/
		
		/* =text-elements
		-------------------------------------------------------------- */
		
		a{ text-decoration:none; color:#346699; }
		a:hover{ text-decoration:none; color:#cc0000; }
		h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover,h5 a:hover, h6 a:hover{ text-decoration:none; }
		a img{ border:none; }
		
		strong{ font-weight: bold; color:#252525; }
		em{ font-style: italic; }
		
		p, ul, ol, pre, code{ margin-bottom:5px; }
		
			p.last{ margin-bottom:0; }
					
		ul{ list-style-type:circle; list-style-position:inside; }
		
			ul.checklist{ list-style-image:url(/images/bg-checklist.png); }
		
		ol{ list-style-type:decimal; list-style-position:inside; }
		
		blockquote{ padding:5px 20px 5px 60px; line-height:24px; background:url(/images/quote.png) no-repeat top left; color:#999999; }
		blockquote span{ color:#666666; }
		
			.blockquote-left{ width:250px; float:left; }
			.blockquote-right{ width:250px; float:right; }					 
					 
		pre, code{ border:1px solid #efefef; border-left-width:5px; display:block; padding:10px; font-size:11px; font-family: monospace; background-color:#f5f5f5; }

		/* due to IE <HR> margin bugs I had to made classed and apply them to div to achieve the effect of a <HR> */
		hr{ border:none; height:1px; margin:30px 0; background-color:#efefef; color:#efefef; }
		.hr{ border-top:1px solid #efefef; margin:10px 0; }

			

.contacts {
    background:url(/images/contacts.jpg);
    float: right;
    margin-right: 190px;
    width:45px;
    height:13px;}

.contacts:hover {
    background:url(/images/contacts.jpg);
    width:45px;
    height:13px;
    background-position:0 -13px;}		
			
			
		/* =tables
		-------------------------------------------------------------- */
		
		table{ width: 100%; }
		th{ padding:10px 0px; text-transform:uppercase; font-weight:bold; }
		td{ padding:10px 0px;}
		tr.alt{ background-color:#f5f5f5; }


		/* =forms-messages
		-------------------------------------------------------------- */
		
		label{ font-weight:bold; color:#000000; }
			label span.required{ color:#ff0000; }
		
		fieldset{ padding:15px; margin:0 0 20px 0; border:1px solid #efefef; }
		legend{ font-weight: bold; }
		
		input[type=text], input[type=password], input.text, textarea{ background-color:#ffffff; border:1px solid #d0d0d0; }
		input[type=text]:focus, input[type=password]:focus, input.text:focus, textarea:focus{ border-color:#cccccc; }
		select{ border-width:1px; border-style:solid; border-color:#d0d0d0; background-color:#ffffff;  }
		
		input[type=text], input[type=password], input.text, textarea, select{ margin:5px 0; }
		
		input.text{ width:250px; padding:5px; }
		textarea{ width:380px; height:125px; padding:5px; }

		.errormsg, .successmsg, .infomsg, .noticemsg{ padding:10px 10px 10px 40px; margin-bottom:10px; border:1px solid #dddddd; border-left-width:5px; }
		.errormsg{ border-color:#fbc2c4; background:#fbe3e4 url(/images/bg-msg.png) no-repeat 0 0; color:#8a1f11; }
		.errormsg a{ color:#8a1f11; }
		.successmsg{ border-color:#c6d880; background:#e6efc2 url(/images/bg-msg.png) no-repeat 0 -220px; color:#264409; }
		.successmsg a{ color:#264409; }
		.infomsg{ border-color:#92cae4; background:#d5edf8 url(/images/bg-msg.png) no-repeat 0 -72px; color:#205791; }
		.infomsg a{ color:#205791; }
		.noticemsg{ border-color:#ffd324; background:#fff6bf url(/images/bg-msg.png) no-repeat 0 -148px; color:#514721; }
		.noticemsg a{ color:#514721; }


		/* =default-classes
		-------------------------------------------------------------- */
		
		.img-align-left{ margin:5px 10px 0 0; float:left; }
		.img-align-right{ margin:5px 0 0 10px; float:right; }
		
		.text-right{ text-align:right; }
		.text-center{ text-align:center; }
		
		.text-highlight{ padding:2px 5px; background-color:#ffd324; color:#111111; }
		.text-highlight2{ padding:2px 5px; background-color:#c6d880; color:#111111; }

		.bordered{ padding:5px; border:1px solid #efefef; }


		/* =grid
		-------------------------------------------------------------- */

		/* Clear Fix Hack - add  class="fixed"  to div's that have floated elements in them */
		.fixed:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
			.fixed{display:block;}
			/*  \*/
			.fixed{min-height:1%;}
			* html .fixed{height:1%;}
				
		.row{ width:940px; }
			
			.col-700{ width:700px; float:left; margin-right:20px; }
			.col-580{ width:580px; float:left; margin-right:20px; }
			.col-520{ width:520px; float:left; margin-right:20px; }
			.col-460{ width:460px; float:left; margin-right:20px; }
			.col-340{ width:340px; float:left; margin-right:20px; }
			.col-300{ width:300px; float:left; margin-right:20px; }
			.col-220{ width:200px; float:left; margin-right:40px; }
			.col-210{ width:210px; float:left; margin-right:30px; }
			.col-180{ width:180px; float:left; margin-right:20px; }
			.col-160{ width:160px; float:left; margin-right:20px; }
			
		.last{ margin-right:0px; }
		.clear{ clear:both; }
		.block{ display:block; }
		.hide{ display: none; }	
		

/* =LAYOUT
-----------------------------------------------------------------------------------------------*/

	#wrap{ width:940px; padding:0 40px; margin:10px auto 30px; background-color:#ffffff;
		   -moz-box-shadow:0 -10px 10px 0 #333; -webkit-box-shadow:0 -10px 10px 0 #333; box-shadow:0 -10px 10px 0 #333; }
	
	
		#header{ padding-top:30px; padding-bottom:15px;}
		
		
			.dropdown-container{ position:relative; z-index:10; }  /* IE6 and IE7 fix for the dropdown  */
			.slideshow-container{ position:relative; z-index:5; }  /* menu showing below the slider bug */
			.inner-page-title-container{ position:relative; z-index:5; }
			
			/* =logo
			-----------------------------------------------------------------------------------------------*/
			
			a#logo{ display:block; float:left; }
			a#logo img{ display:block; margin-top:-10px;}
			
			/* =getintouch
			-----------------------------------------------------------------------------------------------*/
			
			.get-in-touch{ text-align:right; margin-bottom:40px; }
			.searchbox{ text-align:right; margin-bottom:23px; margin:top:13px;}
			
			
			/* =dropdown-menu
			-----------------------------------------------------------------------------------------------*/
	
			/* level 1 menu */
			
			#dropdown-menu ul { float:right; margin-right:-21px;}		  
				
				
				/* level 2 menu */
				#dropdown-menu ul li ul{ position:absolute; top:100%; left:-100; width:180px; list-style:none; 
									  border:1px solid #efefef; border-bottom:none; background-color:#ffffff; z-index:-35; }	
				#dropdown-menu ul li ul:hover{z-index:35; display: block;visibility: visible;}	
				#dropdown-menu ul li ul li{ width:180px;visibility:inherit;  }				
				#dropdown-menu ul li ul li a{ width:160px; display: inline-block; border:none; padding:5px 10px; text-transform:none; 
										  font-weight:normal; border-bottom:1px solid #efefef; color:#666666; } 		  
				#dropdown-menu ul li ul li a:hover{ background-color:#f5f5f5; } 
			
					/* level 3 menu */
					ul#dropdown-menu ul ul ul{ left:100%; top:-1px; }
					ul#dropdown-menu ul li:hover > ul{ visibility:visible; }
			.arrow{ background:url(/images/bg-sidenav.gif) no-repeat 165px 12px; }
			
			#nav_731244, #nav_731244 ul {padding:0;margin:0;list-style:none;line-height:1.0em;} 
			#nav_731244 a {display:block;font-family:Verdana, Arial;font-size:10pt;text-align:left;color:black;text-decoration:none;text-transform:uppercase;padding:7px 21px 5px 0;} 
			#nav_731244 li {float:left;border-width:0px;border-style:none;border-color:#fff;padding:9px 0 0;} 
			#nav_731244 li:hover, li.sfhover {background-color:#fff;border-width:0px;border-style:none;border-color:#fff;} 
			#nav_731244 li:hover a, #nav_731244 li.sfhover a  {font-family:Verdana, Arial;font-size:10pt;color:black;text-decoration:none;} 
			#nav_731244 li ul {position:absolute; left: -999em;margin-top: 0.0em;width:8em;} 
			#nav_731244 li ul li {border-width:0px;border-style:none;border-color:#ccc;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;width: 180px;} 
			#nav_731244 li ul a {font-family:Verdana, Arial;font-size:10pt;text-align:left;color:black;text-decoration:none;} 
			#nav_731244 li:hover ul, #nav_731244 li.sfhover ul {left: auto;}
			#nav_731244 li ul ul {margin: -0.9em 0 0 10.0em;}
			#nav_731244 li:hover ul ul, #nav_731244 li.sfhover ul ul{ left: -999em; } 
			#nav_731244 li li:hover ul, #nav_731244 li li.sfhover ul{ left: auto; } 
			#nav_731244 li ul li:hover #nav_731244 li ul li.sfhover {border-width:0px;border-style:none;border-color:black;} 
			#nav_731244 li ul li:hover a, #nav_731244 li ul li.sfhover a {font-family:Verdana, Arial;font-size:10pt;color:black;text-decoration:none;} *+html 
			#nav_731244 li hover, *+html #nav_731244 li.sfhover { position: static; } *+html 
			#nav_731244 li:hover ul ul, *+html #nav_731244 li.sfhover ul ul{ position: static; } 
			#nav_731244 li img {vertical-align:top;}

			/* =inner-page
			-----------------------------------------------------------------------------------------------*/	
			
			.inner-page-title-container{ position:relative; height:270px; }
				.inner-page-title{ position:absolute; top:0; left:0; background:url(/images/bg-slider.png) repeat top left; 
								   padding:65px 25px 0 25px; width:170px; height:155px; overflow:hidden; }		
					.inner-page-title h2{ color:#ffffff; }
					.inner-page-title  p{ color:#999999; margin-bottom:0; }								  
					.inner-page-title  a{ color:#F8971C; text-decoration:underline; }


		#content{ }
		
		
			/* =pdf
			-----------------------------------------------------------------------------------------------*/
			.pdf{ background:url(/images/bg-pdf.png) no-repeat 5px 12px; padding:15px 10px 10px 65px; width:125px; min-height:48px; }
			
			/* =side-nav
			-----------------------------------------------------------------------------------------------*/
			
			.side-nav{ list-style-type:none; list-style-position:outside; border-top:1px solid #efefef; width:170px; }
			.side-nav li{ border-bottom:1px solid #efefef; }
			.side-nav li a:hover{ }
			.side-nav li a{ display:block; padding:5px 0 5px 25px; background:#ffffff url(/images/bg-sidenav.gif) no-repeat 10px 12px; }
			.side-nav li.current a{ color:#000000; }
			.side-nav li.current a:hover{ text-decoration:none; }
			
			/* =tabs
			-----------------------------------------------------------------------------------------------*/
			.tabs-menu{ margin-bottom:0; list-style:none; }
			.tabs-menu li{ display:inline; }
			.tabs-menu li a{ float:left; padding:5px 20px; display:block; border-right:1px solid #ffffff; border-top:2px solid #ffffff; }
			.tabs-menu li.current a{ background-color:#f5f5f5; border-top:2px solid #efefef; color:#666; }
			.tabs-content{ padding:30px 20px; background-color:#f5f5f5; margin-bottom:20px; }
			
			/* =accordion
			-----------------------------------------------------------------------------------------------*/
			.accordion { list-style-type: none;  }
			.accordion li { background:#212121; cursor: pointer; float: left; display: block; width:100%; }
			.accordion li.current>a { background: url(/images/bg-accordion.png) no-repeat right 8px; }
			.accordion li div { padding:20px 20px; background:#f5f5f5; }
			.accordion li a{ text-decoration: none; display: block; cursor: pointer; background: url(/images/bg-accordion.png) no-repeat right -55px; 
							 padding:5px; border-bottom:1px solid #ffffff;  padding:5px 20px; color:#fff; }


		#footer{ padding-bottom:30px; }
	

			/* =footer-nav
			-----------------------------------------------------------------------------------------------*/
			
			.footer-nav-1, .footer-nav-2{ list-style-type:none; list-style-position:inside; margin-left:0px; float:left; }
			.footer-nav-2{ margin-left:0px; }

			/* =newsletter-subscribe
			-----------------------------------------------------------------------------------------------*/
			
			#catemaillistform7788 fieldset{ border:none; margin:0; padding:0; position:relative; margin-bottom:5px; }
			#CLFullName{ margin:0; padding:5px; height:12px; width:200px; font-size:12px; border:1px solid #e1e1e1; color:#cccccc; }
			#CLFullName:focus{ border:1px solid #cccccc; color:#666666; }
			#CLEmailAddress{ margin:0; padding:5px; height:12px; width:200px; font-size:12px; border:1px solid #e1e1e1; color:#cccccc; }
			#CLEmailAddress:focus{ border:1px solid #cccccc; color:#666666; }
			#catemaillistform7788 .subscribe-submit-btn{ position:relative; top:-25px; right:-148px; padding:0 5px 0 5px; width:63px;
														 height:18px; cursor:pointer; border: none; background-color:#e1e1e1; color:#666666; }
			
			.ie6 #newsletter-subscribe .subscribe-submit-btn, .ie7 #newsletter-subscribe .subscribe-submit-btn{ top:2px; }
			.ie6 #subscribe-email, .ie7 #subscribe-email, .ie8 #subscribe-email{ border:1px solid #cccccc; }
			
			/* =social-media
			-----------------------------------------------------------------------------------------------*/
			
			#social-media{ list-style-type:none; margin-bottom:0; }
			#social-media li{ float:left; }
			#social-media li img{ display:block; float:left; margin-right:5px; }
			#social-media li a{ display:block; float:left; margin-right:5px; line-height:18px; }


/* =PAGES
-----------------------------------------------------------------------------------------------*/	
				
/* =INDEX
-----------------------------------------------------------------------------------------------*/				
			
	/* =slideshow-index
	-----------------------------------------------------------------------------------------------*/
	
	#slideshow-index{ position:relative; z-index:10; }
	
		#slideshow-index ul{ position:relative; width:940px; height:350px; overflow:hidden; margin-bottom:0; list-style:none; z-index:15; }
		#slideshow-index ul li{ width:940px; height:350px; position:relative; }
		#slideshow-index ul li img{ position:absolute; top:0; left:0; z-index:20; }
		
			#slideshow-index ul li .slidetext{ position:absolute; top:0px; left:0px; z-index:25; overflow:hidden;
											   padding:10px; width:220px; height:380px; background:url(../images/bg-slider.png) repeat top left; }
				.slidetext h2{ color:#fff; border-bottom: 1px solid #4d4d4d;}
				.slidetext p{ color:#999; margin-bottom:0; }								  
				.slidetext a{ color:#fff; text-decoration:underline; }	
									
	#index-slideshow-pager{ width:200px; text-align:left; z-index:35; position:absolute; left:20px; bottom:12px;  }
	.ie7 #index-slideshow-pager{ bottom:15px; }								  
	#index-slideshow-pager a{ text-align:left; background:url(../images/bg-pager.png) no-repeat 0 0; display:inline-block; 
							 width:14px; height:14px; margin-left:1px; outline-style:none; text-indent:-9999px; }
	#index-slideshow-pager .activeSlide{ background:url(../images/bg-pager.png) no-repeat 0 -64px; }
	
	/* =services-overview
	-----------------------------------------------------------------------------------------------*/
	
	#services-overview{ list-style-type:none; list-style-position:outside; margin-bottom:0; }
		#services-overview li{ width:180px; padding:19px; border:1px solid #efefef; float:left; margin-left:20px; overflow:hidden; position:relative; }
		#services-overview li:hover{ cursor:pointer; }
		#services-overview li.first{ margin-left:0;}
		.services-overview-overlay{ position:absolute; top:12px; right:10px; width:30px; height:30px; background:url(../images/bg-fade.png) no-repeat center center; }
	
	/* =news-box
	-----------------------------------------------------------------------------------------------*/
	
	#news-box{ list-style-type:none; list-style-position:outside; margin-bottom:0; }
		#news-box li{ padding:15px 0; border-bottom:1px solid #efefef; }
		#news-box li span{ color:#999999; }
		#news-box li.first{ padding-top:5px;  }
		#news-box li.last{ border-bottom:none; }
	
	/* =clients
	-----------------------------------------------------------------------------------------------*/
	
	#clients-overview{}
	#clients-overview .client{ width:98px; height:75px; border:1px solid #efefef; float:left; margin-right:20px; }
	#clients-overview .last{ margin-right:0; }
	
	
/* =TEAM
-----------------------------------------------------------------------------------------------*/
	
	.team-social-media{ list-style-type:none; margin-bottom:0; }
	.team-social-media li{ float:left; }
	.team-social-media li img{ display:block; float:left; margin-right:5px; }
	.team-social-media li a{ display:block; float:left; margin-right:5px; line-height:14px; }


/* =NEWS
-----------------------------------------------------------------------------------------------*/
	
	.news-picker{}
	.news-picker strong{ width:50px; display:block; float:left; }
	
	.news{}
	.date{ color:#999999; margin-bottom:0;}
			
			
/* =TESTIMONIALS
-----------------------------------------------------------------------------------------------*/
	
	.latest-clients{}
		
	.client{}	
	.client-logo{ width:208px; height:135px; border:1px solid #efefef; margin-bottom:20px; }
	.client p{ color:#999999; }
	
	.latest-clients-list{}
	.latest-clients-list p{ line-height:30px; }
		
	.testimonial{}				
	
			
/* =SERVICES
-----------------------------------------------------------------------------------------------*/

	.services{}
	.services li{ margin-bottom:20px; }			
			
			
/* =PORTOFOLIO
-----------------------------------------------------------------------------------------------*/
	
	.portfolio-item{}
		.portfolio-item-preview{ display:block; background:url(/images/bg-fade.png) no-repeat center center;  }
		.ie6 .portfolio-item-preview{ background:none; }
		
	.pagination{ list-style:none; }
		.pagination li{ display:inline; border:1px solid #efefef; margin-right:7px;  padding:4px 9px; float:left;  }
		.pagination li a{ display:block;  }
		.pagination li.current a{ text-decoration:underline; }


	/* =slideshow-portofolio
	-----------------------------------------------------------------------------------------------*/
		
	#slideshow-portfolio{ position:relative; }
	
		#slideshow-portfolio ul{ position:relative; width:700px; height:300px; overflow:hidden; margin-bottom:0; list-style:none; }
		#slideshow-portfolio ul li{ width:700px; height:300px; position:relative; }
		#slideshow-portfolio ul li img{ position:absolute; top:0; left:0; }

		#portfolio-slideshow-pager{ width:200px; text-align:right; z-index:35; position:absolute; right:20px; bottom:12px;  }
		.ie7 #portfolio-slideshow-pager{ bottom:15px; }								  
			#portfolio-slideshow-pager a{ text-align:left; background:url(/images/bg-pager.png) no-repeat 0 0; display:inline-block; 
										  width:14px; height:14px; margin-left:1px; outline-style:none; text-indent:-9999px; }
			#portfolio-slideshow-pager .activeSlide{ background:url(/images/bg-pager.png) no-repeat 0 -64px; }		
		

/* =BLOG
-----------------------------------------------------------------------------------------------*/
	
	.blog-sidebar{}
	.blog-sidebar .date{ padding-right:0; }

	.blog{}
	.blog-post{}
	
	.comment{ margin-bottom:20px; }
	.comment .who{ margin-bottom:5px; }
	
	/* =search
	-----------------------------------------------------------------------------------------------*/

	#search fieldset{ position:relative; border:none; margin:0; margin-top:0; padding:0; }
	#search-input{ width:208px; padding:5px; margin:0;  font-size:12px; border:1px solid #e1e1e1; color:#cccccc; }
	#search-input:focus{ border:1px solid #cccccc; color:#666666; }
	#search .search-submit-btn{ position:absolute; top:5px; right:5px; height:17px; width:20px; outline:none;
								background:url(/images/bg-search.png) no-repeat top left; cursor:pointer; border:none; }

	.ie6 #search .search-submit-btn{ top:6px; }
	.ie6 #search-input, .ie7 #search-input, .ie8 #search-input{  }


/* =CONTACT
-----------------------------------------------------------------------------------------------*/		
	
	#contact-form{}
	#contact-form fieldset{ margin:0; padding:15px 0 15px 0; }
	#contact-form p{ padding:5px 0 5px 25px; margin:1px; }
	p#formstatus{ border:none; border-bottom:1px solid #efefef; padding-right:25px; margin-bottom:10px; }
		
/* ADDED STYLES 
-----------------------------------------------------------------------------------------------*/

.latestNewscontainer {	width: 700px; border: 1px solid #eaeaea; margin-right: 0px; padding-top: 10px;float: left; margin-bottom: 10px; background-color:#f9f9f9; }
.latestNewsimage {float: left; width: 160px; height: 130px; padding:10px 0px 0px 10px; margin-bottom:20px; overflow: hidden;}
.latestNewstxt {float: left; width: 500px; margin: 0pt 0pt 0pt 25px; font-size: 12px; line-height: 18px; text-align: left;}
.latestNewsimageMain {float: left; width: 180px; height: 190px; overflow: hidden;}
.latestNewstxtMain {float: left; width: 700px; margin: 0pt 0pt 0pt 20px; font-size: 12px; line-height: 17px; text-align: left;}


.latestProjectcontainer {width: 430px; border: 1px solid #eaeaea; margin-right: 20px; padding: 2px 0 30px 15px;float: left; margin-bottom: 20px; background-color:#f9f9f9;}
.latestProjectimage { float: left; width: 130px; height: 80px; overflow: hidden; margin: 0pt 0px;}
.latestProjectimagemid {float: left; width: 130px; height: 80px; overflow: hidden; margin: 0pt 10px;}
.latestProjectimages { float: left; width: 400px; height: 80px; overflow: hidden; margin: 0pt 0px;}
.latestProjecttxt {float: left; margin:10px 0px 0px 0px; font-size: 12px; line-height: 17px; height: 60px; width: 430px;}
.latestProjecttxt a {float: left; margin:0px 0px 10px 0px; font-size: 12px; line-height: 17px; height: 60px; width: 430px;}


.CHservicescontainer {width: 700px; float: right; text-align: center;}
.CHservicesleft {width: 216px; margin: 10px 10px 10px 0pt; border: 1px solid #e8e8e8; background-color: #fafafa; float: left;}
.CHservicesmiddle {width: 217px; margin: 10px 12px; border: 1px solid #e8e8e8; background-color: #fafafa; float: left;}
.CHservicesright {width: 216px; margin: 10px 0px 10px 10px; border: 1px solid #e8e8e8; background-color: #fafafa; float: left;}
.CHservicestitle {font-size:14px; padding: 0px 12px 0px; text-align: left;}
.CHservicesimage {margin: 10px 0pt; height: 170px; display: block;}

.ProjectsImages {float: left; width: 400px;}
.ProjectsimageLeft {float: left; margin: 5px 5px 5px 0px; width: 187px; height: 195px;overflow: hidden; }
.ProjectsimageRight {float: left; margin: 5px 0px 5px 5px; width: 187px; height: 195px;overflow: hidden; }
.ProjectsText {
    /*background-color: #;*/
    float: left;
    padding-right: 30px;
    width: 480px;
}

.projectsgallery { float:left; width: 420px; margin-right:20px; }
.projectscontent { float:right; text-align: left; width:500px; background-color: #F9F9F9; padding:10px; }
table.projectsgalleryTable td {
    padding: 1px; margin:10px; border: 6px solid #f9f9f9;
}
.projectsdetail {float: left; width: 400px;padding:10px 25px;}

table.photogalleryTable td {
    padding: 12px;
}

#gallery{
width:860px;
background-color:#ffffff;
padding:20px 20px 68px 20px;
position:relative;
height:465px;
}
#gallery:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#gallery #gallery-col-1{
float:left;
width:245px;
margin-right:0px;
}
#gallery #gallery-col-2{
float:left;
width:615px;
text-align:center;
}
#gallery #slideshow{
/* large image container */
height:462px;
width:615px;
overflow:hidden;
}
#gallery #slideshow img{
/* large image  */
border-width:4px;
border-color:#556270;
border-style:solid;
}
#gallery a{
text-decoration:none;
}
#gallery #thumbs{
/* thumb image container */
}
#gallery #thumbs ul{
/* thumb image list*/
list-style-type:none;
margin:0;
padding:0;
}
#gallery #thumbs ul li{
/* thumb image list item */
margin:0px 10px 10px 0px;
padding:0;
float:left;
text-align:center;
display:block;
height:68px;
width:68px;
}
#gallery #thumbs ul li a{
outline: 0;
}
#gallery #thumbs ul li a img{
/* thumb image link item */
display:block;
border-width:4px;
border-color:#556270;
border-style:solid;
margin:0 auto;
}
#gallery #thumbs ul li a:hover img{
/* thumb image link item on hover */
border-color:#05acff;
}
#gallery #thumbs ul li.selected a img{
/* selected thumb */
border-color:#cf0202;
}
#gallery .pagination{
display:block;
clear:both;
position:absolute;
bottom:23px;
left:20px;
width:860px;
}
#gallery .pagination a, #gallery .pagination span{
text-decoration:none;
padding:3px 6px 3px 6px;
margin-right:6px;
font-size:12px;
font-weight:bold;
}
#gallery .pagination a{
color:#fff;
background-color:#556270;
text-decoration:none;
outline: 0;
}
#gallery .pagination a:hover{
color:#fff;
background-color:#C44D58;
}
#gallery .pagination span{
color:#fff;
background-color:#4ECDC4;
}
#gallery #caption{
font-size:10px;
color:#556270;
}
.tender{ width: 100%; }

/*td{ padding:0 10px 0px 15px; border:6px solid #fff; vertical-align:top; }*/

/*tr{ background-color:#f9f9f9; }*/

p.contractors, div.project-info {
	padding: 6px 18px 6px 18px;
}

ul.zoneSubscriptions, ul.zoneSubscriptions ul {
	list-style-type:none;
	list-style-position:inside;
	margin-left: 9px;
	padding-left: 0px;
}

div.secure-zone-logout a, span.back-button {
	color: #cc0000;
	background-color: #EEEEEE;
	padding: 4px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: solid 1px #EEEEEE;
}

div.secure-zone-logout a {
	font-size: 14px;
	font-weight:bold;
	text-transform: uppercase;
}

span.back-button {
	font-size: 12px;
	font-weight:bold;
	width: auto;
	cursor: pointer;
}