@charset "utf-8";

/* common classes */
h1, h2, h3, h4, h5, h6 { margin:0px; padding:0px; font-weight:normal;}
ul, li {
	list-style-image: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 7px;
}
.dropcap:first-letter{font:48px "Times New Roman", Times, serif; color:#586b59;	line-height:40px;}
input, textarea{font:12px/15px Arial, Helvetica, sans-serif; border:1px solid #cccccc; color:#7f7f7f;}
img{border:0px;}
a{color:#666; text-decoration:none; outline:none;}
.float-left{float:left;}
.float-right{float:right;}
.clear-div{clear:both;}


#main { width:980px; margin:0px auto 0px auto; text-align:left; }

/* top */
#top-header { float:left; width:980px; height:78px; margin-bottom:10px;}
       .logo {float:left; width:258px; height:77px; background:url() left top no-repeat; }
	   .logo a{width:258px; height:77px; float:left;}
	   .logo a span{display:none}
	   
	   .
	   
	   .top-nav {float:left; height:30px; background:#7f7f7f url() right no-repeat; width:704px; text-align:right; padding:12px 18px 0px 0px; word-spacing:32px; }
	   .top-nav a { color:#fff; word-spacing:0px; font-size:12px;}
	   .top-nav a:hover, .top-nav a.active { color:#000;}
	   .top-nav span{ color:#000; word-spacing:0px; font-size:12px;}
	     
		 
		.country-flags { float:right; padding:0px 10px 0px 0px; height:35px;}
		.country-flags img { margin:8px 3px 0px 0px;}
/**/
	   
	   
	
#main-content { width:980px; float:left; background:url(images/main-content-bottom.gif) bottom no-repeat;  padding-bottom:12px;}
#page-bg { border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; border-top:1px solid #e1e1e1; float:left; width:978px; padding:15px 0px 20px 0px;}

		

/* right content */
		#right-content {float:right; width:704px;  padding-right:15px; text-align:left;}
		#right-content h1 { display:none;}
			
			
			/* index banner */
			    #horizontal_container {
				  width: 490px;   
				  height: 207px;
				  margin:0px 0px 0px 14px;
				  background:url(http://www.webtyde.com/images/banner-04.gif) no-repeat 0px 0px;
				   }
    
			
				
				.column_two_content {
					height: 206px;
					float: left;
					overflow: hidden;
					color: #444444;
					width:374px;
					border-top:1px solid #AEAEAE;
				}
					
				
	
			/**/
			
			
			/* index recent projects*/     
		   .recent-project-box { float:left; width:704px;  }
		   .recent-project-box .title {float:right; background:url(http://www.webtyde.com/images/title-recent-project.gif) top no-repeat; height:41px; width:678px;}
		   .recent-project {float:right;width:704px; padding-left:7px; margin-bottom:15px; }
		   .recent-project-dispaly { width:232px; float:left; height:209px; border-right:1px solid #dfe0e0; }
			   .project-title {float:left; width:156px; height:40px;  font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; margin:10px 15px 0px 15px; display:inline; background:url(images/recent-pro-title.gif) 4px 3px no-repeat; padding-left:46px; line-height:14px; color:#707070; }
			   .project-title a { color:#707070;}
			   .project-title span a { color:#393939; font-weight:bold;}
			   .project-img { margin:0px 13px 0px 17px; display:inline; background:url(images/recent-pro-img-bg.gif) no-repeat; float:left; text-align:center; width:202px; height:97px; position:relative; }
			   .project-img img { position:absolute; top:8px; left:12px;}
			   .recent-project-dispaly p { clear:both; font-size:11px; color:#7c7c7c; line-height:13px; width:202px; margin:0px 15px 0px 15px; float:left; text-align:left; display:inline; }
		    /**/
			/* index our services */
			.our-services {float:left; width:704px; margin:10px 0px 0px 0px; display:inline;}
			.services-box {float:left; width:352px; height:260px; }
			.services-box .title { float:left; width:337px; text-align:left;  padding:0px 0px 0px 15px;  }
			.services-box .title img { vertical-align:middle; float:left; }
			.services-box .title h1 { margin:0px; font-size:18px; color:#4c4c4c; font-weight:normal; vertical-align:middle; padding:30px 0px 0px 5px;  }
			.services-box .title h1 a { color:#4c4c4c;}
			.services-box .desc {float:left;  width:352px; font-size:11px; text-align:left; }
			.services-box div.desc p { padding:5px 20px 10px 15px; line-height:14px; color:#666666;  text-align:left;}
			/**/
			
			/* banner text */
		   
		   .banner-text { margin:80px 0px 0px 20px; float:left; width:400px; display:inline; }
		   .banner-text p { line-height:20px; font-size:11px;} 
		   /**/
		   
		   /* sublinks tab*/
		   .sublinks { float:right; width:700px; margin:45px 2px 0px 0px; display:inline;  }
		   .sublinks ul { margin:0px; padding:0px; }
		   .sublinks ul li { float:left; list-style:none; height:103px; width:140px; text-align:center; line-height:14px;}
		  	 
   		   
		   /*content*/
		   .content { float:left; width:684px; padding:50px 0px 0px 0px; font-size:12px; color:#666666; margin:0px 10px 0px 10px; display:inline;}
		   .content h3 { font-size:16px; color:#333; margin:0px; padding:0px; border-bottom: 1px solid #f1f1f1; padding-bottom:5px; margin-bottom:10px; clear:both; }
		   .content h4 { font-size:13px; font-weight:bold; font-style:italic; color:#000; padding:0px 0px 10px 0px; clear:both;}
		   .content h4 a {font-size:13px; font-weight:bold; font-style:italic; color:#000; padding:0px 0px 10px 0px; clear:both;}
		   .content h4.org { color:#FF3300;}
		   .content h5 { font-size:13px; font-weight:normal; color:#000;}
		   .content h6 {font-size:12px; color:#000; font-weight:bold; margin:0px; padding:0px; border-bottom: 1px solid #f1f1f1; padding-bottom:3px; margin-bottom:10px; clear:both;}
		   .content p { padding:0px 0px 15px 0px; line-height:17px; clear:both}
		   .content p span { color:#0b498f;}
		   .content ul { margin:0px 0px 10px 0px; padding:0px;}
		   .content ul li { list-style:none;  background:url(images/org-arrow.gif) 0px 8px no-repeat; line-height:22px; padding-left:20px; }  
		   .content ul li span { color:#0b498f;}
		   .content ul li a { font-style:normal;}
		   .content ul li a:hover { font-style:normal; color:#000;} 
		   .content a { color:#0b498f; font-style:italic;}
		   .content a.back-to-top { color:#0b498f; font-style:normal; font-size:11px; float:right; background:url(images/back-to-top-arrow.gif) 0px 7px no-repeat; padding-left:12px;}
		   .gray-box { background:#fdfdfd; border:1px solid #f1f1f1; float:left; width:454px; padding:15px; margin:10px 0px;}
		    ul.normal { margin:0px; padding:0px 0px 10px 20px;}
		    ul.normal  li { list-style:none;  background:url(images/bullet.gif) 0px 9px no-repeat; line-height:22px; padding-left:15px; }  
		    ul.normal  li span { color:#0b498f;}
		   
		   
			p.contact-us-cont-link a { float:left; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#888888; text-decoration:none; width:460px; margin-bottom:10px; font-style:normal; }
			p.contact-us-cont-link span { color:#333333;}
			
			/* sublinks listbox*/
			.sublinks-listbox {float:left; background:url(images/sublink-listbox.gif) no-repeat; width:577px;margin:0px 0px 40px 15px; display:inline; padding:35px 40px 0px 40px;}
			#sublinks-rtml-listbox {background:url(images/sublink-rtml-listbox.gif) no-repeat; padding:35px 20px 0px 40px; width:602px; }
			.sublinks-listbox ul { margin:0px; padding:0px;}
			.sublinks-listbox ul li { list-style:none; float:left; width:265px; line-height:25px; background:none; padding:0px;}
			.sublinks-listbox ul li a { font-size:11px; color:#666666; font-style:normal; background:url(images/features-list-arrow.gif) 0px 2px no-repeat; padding-left:20px; }
			.sublinks-listbox ul li a:hover, .sublinks-listbox ul li a.active{ color:#fe6601; text-decoration:underline; background:url(images/features-list-org-arrow.gif) 0px 2px no-repeat;}
			
			#sublinks-rtml-listbox li {width:200px;}
			
			/* package box */
			.package-img { float:left; width:140px; text-align:left; }
			.package-display {float:left; width:520px; padding-top:20px;  }
			.package-display h2 a {font-size:13px; font-weight:bold; font-style:italic; color:#000;  font-style:italic;}
			.package-details {float:left; width:500px; background:#fafafa; border:1px solid #ebebeb; margin:10px 0px 10px 0px; color:#4a4a4a; padding:10px;}
			.package-display a.review-package {  font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#1063a9; 
			background: url(images/review-package-arrow.gif) right no-repeat; text-decoration:none; float:right; padding-right:14px;  font-style:normal; }
			
		   
		   /**/
		
			
			

/* left content */ 
		#left-content {float:left; width:229px;padding-left:15px;}

		   .left-nav { float:left; width:200px; margin:4px 0px 0px 0px; display:inline; padding:15px 0px 0px 29px; background:url(images/left-nav-bg.gif) top no-repeat; height:420px; margin-bottom:7px;}
		   .left-nav ul { margin:0px; padding:0px; }
		   .left-nav ul li { list-style:none; float:left; line-height:33px; text-align:left; width:184px; }
		   .left-nav ul li a { color:#000000; font-size:12px;}
		   .left-nav ul li a:hover { color:#134879; text-decoration:underline; }
		   .left-nav ul li a.active  { color:#134879; text-decoration:underline; font-weight:bold;}
		   
		   .left-banner {float:left; width:229px; margin-bottom:15px;}