* { outline: none; }

img { margin: 0; border: 0; }
a { color: #353535; outline: none; text-decoration: none; }
a:hover { color: #000; outline: none; text-decoration: none; }
.margin_top { margin-top: 40px !important; }
.clearfix { clear: both; }

h1 {
	margin: 0 0 10px 0;
	font-family: 'Droid Sans', Arial, Sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #111;
}

h2 {
	margin: 0 0 10px 0;
	font-family: 'Droid Sans', Arial, Sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #111;
}

h3 {
	margin: 0 0 10px 0;
	font-family: 'Droid Sans', Arial, Sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #111;
}

.box_size2 {
	width: 430px;
	margin: 0 20px 20px 0;
	float: left;
}

.split_content {
	background: url(../images/split_content.png) top left repeat-y !important;
}

.leftside {
	float: left;
	width: 600px;
}

.rightside {
	float: left;
	width: 300px;
}

/**********KEZDÕLAP**********/

#carousel_container {
	position: relative;
	width: 938px;
	height: 260px;
	margin: -19px -19px 0 -19px;
}

	#carousel_container .header {
	    position: absolute;
	    top: 10px;
	    right: -10px;
	    width: 167px;
	    height: 33px;
	    background: url(../images/kezdolap/latest_works.png);
	    text-indent: -1000em;
	    z-index: 50;
	}
	
	#carousel_container .navi {
		position: absolute;
		bottom: 20px;
		right: 20px;
		z-index: 50;
	}
	
		#carousel_container .navi a {
			float: left;
			display: block;
			width: 10px;
			height: 10px;
			margin: 0 0 0 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			background: #777;
		}
		
		#carousel_container .navi a.active {
			background: #FEC400; /* old browsers */
			background: -moz-linear-gradient(top, #FEC400 0%, #E49403 100%); /* firefox */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FEC400), color-stop(100%,#E49403)); /* webkit */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FEC400', endColorstr='#E49403',GradientType=0 ); /* ie */
			background: -o-linear-gradient(top, #FEC400 0%,#E49403 100%); /* opera */
		}

	.scrollable {
		position: relative;
		overflow: hidden;
		width: 938px;
		height: 260px;
	}
	
		.scrollable .items {
			position: absolute;
			clear: both;
			width: 20000em;
		}
		
			.items .item {
				float: left;
				width: 938px;
			}
			
				.items .item a {
					display: block;
					height: 210px;
				}
				
				.items .item div {
					height: 50px;
					background: rgba(0,0,0,0.7);
				}
				
					.items .item div p {
						margin: 0;
						padding: 0 0 0 20px;
						line-height: 50px;
						text-shadow: 0 1px 3px #000;
						font-size: 14px;
						color: #fff;
					}
					
						.items .item div p span {
							color: #ff9c00;
						}
						
#home_services {
	width: 940px;
	margin: 0 -20px -20px -20px;
}

	#home_services article {
		float: left;
		width: 234px;
		border-left: 1px solid #bbb;
		border-bottom: 1px solid #bbb;
		text-align: center;
	}
	
	#webdevelopment, #td {
		width: 235px !important;
		border-left: 0 !important;
	}
	
	#td, #graphics, #marketing, #it {
		border-bottom: 0 !important;
	}
	
		#home_services article a {
			display: block;
			height: 170px;
			padding: 20px 20px 30px 20px;
			color: #444 !important;
		}
		
		#home_services article a:hover {
			background: #F8F8F8; /* old browsers */
			background: -moz-linear-gradient(top, #F8F8F8 0%, #EEEEEE 100%); /* firefox */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F8F8F8), color-stop(100%,#EEEEEE)); /* webkit */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F8F8F8', endColorstr='#EEEEEE',GradientType=0 ); /* ie */
			background: -o-linear-gradient(top, #F8F8F8 0%,#EEEEEE 100%); /* opera */
		}
		
			#home_services article a h2 {
				margin-top: 5px;
			}
			
			#home_services article a span {
				display: block;
				font-weight: bold;
			}
			
			#home_services article a:hover span {
				color: #ff9c00;
			}
			
			#home_services article a span:hover {
				text-decoration: underline;
			}
		
/**********PORTFOLIO**********/

#sub_nav {
	width: 940px;
	height: 46px;
	margin: -20px -20px 20px -20px;
	background: transparent url(../images/portfolio/menu.jpg) top left repeat-x;
}
	
	#sub_nav ul {
		width: 910px;
		height: 46px;
		margin: 0;
		padding: 0 0 0 20px;
		overflow: hidden;
		list-style-type: none;
		font-family: arial, sans-serif;
		font-size: 13px;
		font-weight: bold;
	}
		
		#sub_nav li {
			_width: 10px;
			_white-space: nowrap;
			height: 46px;
			line-height: 46px;
			float: left;
			background: transparent url(../images/portfolio/menuBorder.jpg) top right no-repeat;
		}
			
			#sub_nav li a {
				display: block;
				padding: 0 15px 0 15px;
				height: 46px;
			}
				
			#sub_nav .active {
				background: #fff url(../images/portfolio/menuBorder.jpg) top right no-repeat;
			}
			
			#sub_nav .last {
				background: none;
			}
				
.folio {
	width: 897px;
	margin: 0 0 0 -10px;
}
				
	.folio .thumb {
		width: 282px;
		margin: 0 0 30px 17px;
		overflow: hidden;
		float: left;
	}
		
		.folio .thumb a {
			position: relative;
			display: block;
			width: 282px;
			height: 194px;
			background: transparent url(../images/portfolio/workBorder.jpg) top left no-repeat;
		}
		
			.folio .thumb a img {
				position: absolute;
				top: 11px;
				left: 11px;
				width: 260px;
				height: 172px;
				z-index: 1;
			}
			
			.folio .thumb a div {
				position: absolute;
				top: 11px;
				left: 11px;
				width: 260px;
				height: 172px;
				background: rgba(0,0,0,0.5);
				opacity: 0;
				z-index: 5;
				overflow: hidden;
				cursor: pointer;
			}
			
				.folio .thumb a div span {
					position: absolute;
					top: -30px;
					left: 50%;
					display: block;
					width: 120px;
					height: 30px;
					margin: 0 0 0 -60px;
					-moz-border-radius: 15px;
					-webkit-border-radius: 15px;
					border-radius: 15px;
					background: #FFFFFF; /* old browsers */
					background: -moz-linear-gradient(top, #FFFFFF 0%, #DDDDDD 100%); /* firefox */
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#DDDDDD)); /* webkit */
					background: -o-linear-gradient(top, #FFFFFF 0%,#DDDDDD 100%); /* opera */
					line-height: 30px;
					text-align: center;
					font-size: 14px;
					color: #333;
					cursor: pointer;
				}
				
				.folio .thumb a div span:hover {
					background: #FFFFFF; /* old browsers */
					background: -moz-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%); /* firefox */
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#EEEEEE)); /* webkit */
					background: -o-linear-gradient(top, #FFFFFF 0%,#EEEEEE 100%); /* opera */
				}
			
/**********KAPCSOLAT**********/

label {
	display: block;
	margin: 0 0 5px 0;
	font-weight: bold;
}

.input {
	width: 300px;
	height: 18px;
	margin: 0 0 20px 0;
	padding: 5px 10px;
	border: 1px solid #999;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #fff url(../images/input_background.png) top left repeat-x;
}

.input:focus {
	padding: 4px 9px;
	border: 2px solid #ff9c00;
	-moz-box-shadow: 1px 1px 5px #ffe5bc, -1px -1px 5px #ffe5bc;
	-webkit-box-shadow: 1px 1px 5px #ffe5bc, -1px -1px 5px #ffe5bc;
	box-shadow: 1px 1px 5px #ffe5bc, -1px -1px 5px #ffe5bc;
}

textarea {
	width: 500px;
	height: 130px;
	margin: 0 0 20px 0;
	padding: 10px;
	border: 1px solid #999;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #fff url(../images/input_background.png) top left repeat-x;
}

textarea:focus {
	padding: 9px;
	border: 2px solid #ff9c00;
	-moz-box-shadow: 1px 1px 5px #ffe5bc, -1px -1px 5px #ffe5bc;
	-webkit-box-shadow: 1px 1px 5px #ffe5bc, -1px -1px 5px #ffe5bc;
	box-shadow: 1px 1px 5px #ffe5bc, -1px -1px 5px #ffe5bc;
}

.submit {
	clear: both;
	padding: 7px 20px;
	border: 1px solid #333;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #666666; /* old browsers */
	background: -moz-linear-gradient(top, #666666 0%, #333333 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#333333)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#333333',GradientType=0 ); /* ie */
	background: -o-linear-gradient(top, #666666 0%,#333333 100%); /* opera */
	font-size: 14px;
	color: #fff;
	cursor: pointer;
}

.submit:hover {
	background: #333;
}

.checkbox_list div {
    float: left;
    width: 180px;
}

    .checkbox_list div input {
    	float: left;
    }
    
    .checkbox_list div label {
    	font-weight: normal !important;
    }
		
.error {
	margin: -15px 0 20px 0;
	font-weight: bold;
	font-size: 11px;
	color: #cc0000;
}

.failed {
	font-weight: bold;
	color: #cc0000;
}

.success {
	font-weight: bold;
	color: #337700;
}
			
/**********SITEMAP**********/

.sitemap {
	padding: 0 0 0 45px;
	margin: 0;
}
	
	.sitemap li {
		margin: 0 0 5px 0;
		font-size: 13px;
	}
		
		.sitemap ul {
			margin: 5px 0 5px 0;
		}
		
			.sitemap ul li {
				font-size: 12px;
			}