@charset "utf-8";
/* CSS Document */

* html{
	margin:0;
	padding:0;
}

body{
	margin:0;
	padding:0;
}

a{outline-style:none;}

#body-home{
	position:absolute;
	margin:0;
	padding:0;
	background:url(../images/home-top-x-bg.gif) repeat-x;
	width:100%;
	height:384px;
	z-index:-1;
}
#body-pages{
	position:absolute;
	margin:0;
	padding:0;
	background:url(../images/home-top-pages.jpg) repeat-x;
	width:100%;
	height:186px;
	z-index:-1;
}

.clear{clear:both;}

#bg-home{
	margin:0;
	padding:0;
	width:100%;
	background: url(../images/stripes-bg-home.jpg) center top no-repeat;
}

#bg-portfolio{
	margin:0;
	padding:0;
	width:100%;
	background: url(../images/bg-portfolio.jpg) center top no-repeat;
}

#bg-pages{
	margin:0;
	padding:0;
	width:100%;
	background: url(../images/bg-pages.jpg) center top no-repeat;
}


#main{
	width:960px;
	margin:0 auto;
	padding:0;
}



h1#logo{
	float:left;
	width:165px;
	height:50px;
	margin:34px 0 0 0;
	padding:0;
}
	h1#logo a{
		float:left;
		background:url(../images/logo-simbyo.gif) no-repeat;
		width:165px;
		height:50px;
		text-indent:-1000em;
		outline-style:none;
	}

#nav{
	float:right;
	width:570px;
	height:31px;
	margin:27px 0 0 0;
}

	#nav ul {
		list-style:none; 
		margin:0; 
		padding:0;
	}
			#nav ul li {
				float:left;  
				margin:0;
				padding:0;
			}
			
			#nav ul li a {display: block; line-height:31px; text-indent: -50000px; float:left; outline-style:none;}
			#t-home {width:70px; height:31px; background: url(../images/menu-home.gif) left no-repeat; text-indent:-10000em;}
			#t-about {width:96px; height:31px; background: url(../images/menu-about-us.gif) left no-repeat; text-indent:-10000em;}
			#t-services {width:88px; height:31px; background: url(../images/menu-services.gif) left no-repeat; text-indent:-10000em;}
			#t-portfolio {width:104px; height:31px; background: url(../images/menu-portfolio.gif) left no-repeat; text-indent:-10000em;}
			#t-quote {width:110px; height:31px; background: url(../images/menu-free-quote.gif) left no-repeat; text-indent:-10000em;}
			#t-contact {width:92px; height:31px; background: url(../images/menu-contact.gif) left no-repeat; text-indent:-10000em;}
			
			#nav ul li a:hover{background-position:center;}
			#nav ul li a.active {background-position:right;}


#left-col{
	float:left;
	width:360px;
	margin:0;
	padding:0;
}
	h1#pro-web-dev{
		background:url(../images/pro-web-dev.gif) no-repeat;
		width:311px;
		height:23px;
		margin:63px 0 20px 0;
		padding:0;
		text-indent:-1000em;
	}
	
	#left-col p{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:13px;
		color:#FFFFFF;
		padding:0;
		margin:20px 0 0 0;
		line-height:1.5;
	}
		#left-col p a{
			color:#FBF400;
			border-bottom:1px dotted #9DB1DD;
			text-decoration:none;
			padding-bottom:1px;
		}
		#left-col p a:hover{
			color:#FBF400;
			border-bottom:1px solid #9DB1DD;
			text-decoration:none;
			padding-bottom:1px;
		}
		
		h1#list-of-projects{
			width:223px;
			height:38px;
			margin:62px 0 52px 0;
		}
			h1#list-of-projects a{
				float:left;
				background:url(../images/home-btn-complete-list-projects.gif) no-repeat;
				width:223px;
				height:38px;
				text-indent:-1000em;
				outline-style:none;
			}
			
		#how-can-we-help{
			width:235px;
			height:20px;
			background:url(../images/how-can-we-help.gif) no-repeat;
			margin:0;
			text-indent:-1000em;
		}
		
		#left-col  ul{
			margin:15px 0 0 15px;
			padding:0;
		}
			#left-col ul li{
				list-style:url(../images/bullet.gif);
			}
				#left-col ul li h2{
					margin:0;
					padding:0;
					font-weight:normal;
				}
				#left-col ul li a{
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size:13px;
					color:#295FCC;
					border-bottom:1px solid #ccc;
					text-decoration:none;
					line-height:2;
				}
				#left-col ul li a:hover{
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size:13px;
					color:#295FCC;
					border-bottom:1px dotted #295FCC;
					text-decoration:none;
					line-height:2;
				}
#right-col{
	float:right;
	width:570px;
	margin:-7px 0 0 0;
	padding:0;
}

.home-project{
		background:url(../images/project-home-bg.gif) no-repeat;
		width:570px;
		height:322px;
		margin:0;
		padding:20px 0 0 0;
}
.home-testimonial-top{
	width:570px;
	height:84px;
	margin:5px 0 0 0;
	padding:0;
	background:url(../images/box-home-top-bg.gif) no-repeat;
}	
	.home-testimonial-top h1{
		
	}
.home-testimonial-content{
	width:530px;
	margin:0;
	padding:0 20px;
	background:url(../images/box-home-y-bg.gif) repeat-y;
}

.home-testimonial-bottom{
	width:530px;
	height:48px;
	margin:0;
	padding:10px 20px;
	background:url(../images/box-home-bottom-bg.gif) no-repeat;
}


.footer{
	color:#888888;
	float:left;
	font-size:11px;
	height:13em;
	background-color:#ebebeb;
	border-top:1px solid #d6d6d6;
	margin-top:120px;
	padding-top:30px;
	text-align:center;
	width:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
	.footer a{
		font-weight:bold;
		font-size:12px;
		color:#3d3d3d;
		text-decoration:none;
	}
	.footer a:hover{
		font-weight:bold;
		font-size:12px;
		color:#3d3d3d;
		text-decoration:underline;
	}
	
	
	#footer-contents {
		margin:0 auto;
		text-align:left;
		width:960px;
	}
		#footer-col1{
			float:left;
			width:420px;
		}
		#footer-col2{
			float:right;
			width:500px;
			text-align:right;
		}

p.testimonial{
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3d3d3d;
	line-height:1.5;
}

p.client{
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#3d3d3d;
	line-height:1.5;
}

#left-col-pages{
	float:left;
	width:600px;
	margin:30px 0 0 0;
	padding:0;
}
#right-col-pages{
	float:right;
	width:320px;
	margin:115px 0 0 0;
	padding:0;
}

#portfolio-project{
		background:url(../images/project-portfolio-bg.gif) no-repeat;
		width:600px;
		height:341px;
		margin:0;
		padding:20px 0 0 0;
}
	#portfolio-project img{
		border:none;
	}

#portfolio-testimonial-top{
	width:600px;
	height:84px;
	margin:10px 0 0 0;
	padding:0;
	background:url(../images/box-portfolio-top-bg.gif) no-repeat;
}	
	#portfolio-testimonial-top h1{
		margin:0;
		padding:40px 0 0 20px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:23px;
		color:#3d3d3d;
		font-weight:normal;
	}
#portfolio-testimonial-content{
	width:560px;
	margin:0;
	padding:0 20px;
	background:url(../images/box-portfolio-y-bg.gif) repeat-y;
}

	#portfolio-testimonial-content h1{
		margin:0;
		padding:20px 0 0 0px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:23px;
		color:#3d3d3d;
		font-weight:normal;
	}
	
	
#portfolio-testimonial-bottom{
	width:600px;
	height:48px;
	margin:0;
	padding:10px 20px;
	background:url(../images/box-portfolio-bottom-bg.gif) no-repeat;
}

h1#project-id{
	margin:10px 0 40px 0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:30px;
	color:#fff;
	font-weight:normal;
}
	h1#project-id a{
			color:#fff;
			border-bottom:1px dotted #9DB1DD;
			text-decoration:none;
			padding-bottom:1px;
	}
	h1#project-id a:hover{
			color:#fff;
			border-bottom:1px solid #9DB1DD;
			text-decoration:none;
			padding-bottom:1px;
	}	
h1#ptf-project-list{
	margin:20px 0 0 0;
	padding:0;
	text-indent:-10000em;
	background:url(../images/complete-project-list.jpg) no-repeat;
	height:38px;
}

.project-list{
	background:url(../images/bullet-project.gif) no-repeat;
	height:54px;
	width:320px;
	border-bottom:1px solid #e0e0e0;
}
	.project-title{
		float:left;
		width:230px;
		margin:10px 0 0 18px;
		padding:0;
	}
		.project-title a{
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:13px;
			color:#296ACC;
			text-decoration:none;
			font-weight:bold;
			margin:0;
			padding:0;
		}
		.project-title a:hover{
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:13px;
			color:#296ACC;
			text-decoration:underline;
			font-weight:bold;
			margin:0;
			padding:0;
		}
		.project-title p{
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:11px;
			color:#7a7a7a;
			margin:0;
			padding:3px 0 0 0;
		}
	.project-date{
		float:right;
		width:60px;
		margin:10px 5px 0 0;
	}
		.project-date p{
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:11px;
			color:#7a7a7a;
			margin:0;
			padding:0;
		}	
	
#contact-left{
	margin:84px 0 0 0;
}
	#contact-left h1{
		margin:0;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:23px;
		color:#3d3d3d;
		font-weight:normal;
		border-bottom:1px solid #e0e0e0;
		padding:0 0 5px 0;
	}
	#contact-left p{
		font-family:Verdana,Arial,Helvetica,sans-serif;
		font-size:12px;
		color:#3D3D3D;
		line-height:1.5;
		margin:0;
		padding:15px 0 0 0;
	}
	#contact-left p a{
		text-decoration:none;
		color:#3D3D3D;
		border-bottom:1px solid #ccc;
		line-height:2;
	}
	#contact-left p a:hover{
		text-decoration:none;
		color:#3D3D3D;
		border-bottom:1px dotted #295FCC;
		line-height:2;
	}
	.mandatory{
		color:#FF0000;
	}
	.exception{
		color:#A899AA;
	}
	#contact-left input{
		width:300px;
		height:20px;
		background:#fff url(../images/input-bg.jpg) repeat-x;
		border:1px solid #8D9BA8;
		vertical-align:middle;
	}
	#contact-left input:hover, #contact-left input:focus{
		border:1px solid #000;
	}
	
	#contact-left select{
		width:300px;
		height:23px;
		background: url(../images/input-bg.jpg) repeat-x;
		border:1px solid #8D9BA8;
	}
	#contact-left select:hover, #contact-left select:focus{
		border:1px solid #000;
	}
	
	#contact-left textarea{
		width:400px;
		height:150px;
		background: url(../images/input-bg.jpg) repeat-x;
		border:1px solid #8D9BA8;
		overflow:auto;
	}
	#contact-left textarea:hover, #contact-left textarea:focus{
		border:1px solid #000;
	}
	
#contact-right{
	margin:0;
}
	#contact-right h1{
		margin:0;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:23px;
		color:#3d3d3d;
		font-weight:normal;
		border-bottom:1px solid #e0e0e0;
		padding:0 0 5px 0;
	}
	p.cinfo{
		font-family:Verdana,Arial,Helvetica,sans-serif;
		font-size:12px;
		color:#3D3D3D;
		line-height:1.5;
		margin:0;
		padding:15px 0
	}
	
#cinfo{
	background:url(../images/cinfo.gif) no-repeat;
}

#cinfo p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-indent:60px;
	padding:6px 0 8px 0;
}
	#cinfo p a{
		font-weight:bold;
		text-decoration:none;
		color:#000;
	}
	#cinfo p a:hover{
		font-weight:bold;
		text-decoration:underline;
		color:#000;
	}
	
#send-message{
	width:120px !important;
	height:30px !important;
	background:url(../images/btn-submit.gif) no-repeat !important;
	border:none !important;
	cursor:pointer;
	outline-style:none;
}

.colleagues{
	font-weight:bold;
	line-height:50px !important;
}
.colleagues img{
	vertical-align:bottom;
	border:1px solid #CCCCCC;
	padding:2px;
}
.people{
	margin:30px 0 0 0 !important;
}


#contact-left #about-left .noborder{border:none;}
#contact-left #about-left .noborder:hover{border:none;}

#img{
	float:left;
	width:235px;
}
#no-image{
	float:left;
	width:350px;
	margin:0 0 0 10px !important;
}

#about-left{
	float:left;
	width:235px;
	margin:20px 5px 0 0;
}
	#about-left a img{
		border:1px solid #ccc;
		padding:2px;
	}
	#about-left a img:hover{
		border:1px solid #295FCC;;
		padding:2px;
	}

#about-right{
	float:left;
	width:360px;
	margin:0;
}


		#contact-left ul#services-list{
			margin:10px 0 0 45px;
			padding:0;
		}
			#contact-left ul#services-list li{
				list-style:url(../images/bullet.gif);
			}
				#contact-left ul#services-list li h2{
					margin:0;
					padding:0;
					font-weight:normal;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size:13px;
					color:#295FCC;
					line-height:2;
				}
				
#why-us{
	margin:20px 0 0 0 !important;
}

.success{
	font-size:14px;
	font-weight:bold;
}

.error{
	color:#FF0000 !important;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}