*{
	margin:0;
	padding:0;
}
body{
	background:#fff;
	font:11px/20px Tahoma,Helvetica,sans-serif;
	color:#222;
}
	p{
		font-size:13px;
	}

	#gallery {
	}

	#gallery ul { list-style: none; }
	#gallery ul li { 
	float: left;
	}

/* Portfolio page image description*/
	#gallery h4 {
	background:#e0ecf2;
	font-size:11px;
	margin:10px 0px 0px 0px ;
	padding:10px 20px 10px 20px;
	color:#86B6CC;
	border: 1px solid #e0ecf2;	
	font-weight:normal;
	}


	#gallery li { 
	width:200px;
	background:#F4F9FB;
	border: 1px solid #e0ecf2;	
	margin-right: 22px;
	margin-bottom: 22px;	
	text-decoration:none;
	}

/* Portfolio images*/
	#gallery ul img {
		margin: 19px 0 0 19px;
		border: 1px solid #e0ecf2;
	}

	#gallery a  {
		border:1px;
		text-decoration:none;
	}
	
	#gallery ul a:hover img {
		border: 1px solid #A7C9DA;
		color: #fff;
		background-color:black;
		text-decoration:none;
	}

/* Layout Styles Starts */

#wrapper{
	width:980px;
	margin:0 auto;
}
	#header-top{
		height:88px;
		overflow:hidden;
		padding:0px 31px 0 31px;
	}
		#header-top h1{
			background:url(../images/logo_coges.jpg) no-repeat;
			width:289px;
			float:left;
		}
			#header-top h1 a{
				display:block;
				height:81px;
			}
				#header-top h1 a span{
					display:none;
				}
		#header-top h2{			
			float:right;
			display:block;
			width:422px;
			height:33px;
			margin:2px 0 0 0;
		}
			#header-top h2 span{
				display:block;
				float:right;
				display:block;
				width:247px;
				height:33px;
				margin:2px 0 0 0;
				font-size: 8pt;
			}
	#header{
		background:url(../images/header.jpg) no-repeat;
		width:980px;
		height:281px;
	}
		#banner{
			height:205px;
			padding:13px;
			overflow:hidden;
		}
			#banner .text{
				float:left;
				padding:24px 0 0 31px;
				width:540px;
				color:#fff;
			}
				#banner .text p{
					margin:0 0 10px 0;														
				}
				#banner .text h3{
					font-family: "Myriad Pro Cond" ;
					font-size:32px;
					color:#fff;
					font-weight:bold;
				}
				#banner .readmore{
					float:none;
					padding:0;
				}
			#banner img{
				float:right;
				padding:23px 77px 0 0;
			}
		#menu{
			height:44px;
			margin:0 0 0 50px;
		}
			#menu ul{
				list-style:none;
				margin:12px 0 0 0;
			}
				#menu li{
					margin:0 11px 0 0;
				}
				#menu li, #menu li a, #menu li a span, #menu li a.current, #menu li a.current span{
					display:block;
					float:left;
					height:22px;
					line-height:20px;
					color:#838383;
					cursor:pointer;
					font-size:12px;
				}
					#menu li a, #menu li a.current{
						text-decoration:none;
						padding:0 0 0 10px;
					}
						#menu li a span, #menu li a.current span{
							padding:0 20px 0 10px;						
						}
							#menu li a:hover, #menu li a.current{
								/*background:url(../images/menu-h-left.gif);*/
							
							}
								#menu li a:hover span, #menu li a.current span{
									color:#e95d0f;
									/*background:url(../images/menu-h-right.gif) no-repeat right;*/
								}
	#container-wrapper{
		width:960px;
		margin:0 auto;
	}
		#container{
			padding:30px 0 20px 0;
			width:930px;
			margin:0 auto;
		}
			#mainarea, .mblock1{
				width:464px;
				float:left;
			}
				.mblock1 h4{
					background:url(../images/blue-b.gif) no-repeat left;
					height:43px;
					line-height:35px;
					color:#fff;
					text-indent:17px;
					font-weight:bold;
				}
				.mblock1 div{
					padding:0 10px;
				}
			#sidearea{
				width:232px;
				float:left;
			}
			#abib{
				width:232px;
				float:right;
			}
			mainarea, .mblockstoria{
				width:900px;
				float:left;
			}
				.mblockstoria h4{
					background:url(../images/blue-b.gif) no-repeat left;
					height:43px;
					line-height:35px;
					color:#fff;
					text-indent:17px;
					font-weight:bold;
				}
				.mblockstoria div{
					padding:0 10px;
				}
		#footer{
			background:url(../images/footer-bg.gif) no-repeat;
			padding:26px 8px 0 8px;
			font-size:10px;
		}
			#footer a{
				font-weight:normal;
			}


/* Home Page Styles Starts */

.block1{
	width:232px;
}
	.block1.nomargin{
		margin:0;
	}
	.block1 h4{
		width:232px;
		height:43px;
		color:#fff;
		line-height:35px;
		text-indent:17px;
		background:url(../images/blue.gif) no-repeat;
		font-weight:bold;
		font-size:15px;
	}
		.block1 h4.acqua{
			background:url(../images/acqua.gif) no-repeat;
		}
		.block1 h4.orange{
			background:url(../images/orange.gif) no-repeat;
		}
		.block1 h4.fucsia{
			background:url(../images/fucsia.gif) no-repeat;
		}		
		.block1 div{
			width:208px;
			padding:0 10px !important;
			padding:0 5px;
		}
		.block1 img{
			border:1px solid #bfbfbf;
			padding:3px;
			margin:0 0 8px 0;
		}
		.block1 a{
			font-weight:normal;
			text-decoration:underline;
			color:#1370a9;
		}
			.block1 a:hover{
				color:#222;
				text-decoration:none;
			}
		.recent-works{
			width:270px;
			padding:0 10px !important;
			padding:0 5px;
		}
			.recent-works img{
				border:1px solid #d1d1d1;
				background:#fff url(../images/recent-works-bg.jpg) repeat-x top;
				padding:6px;
			}
	

/* Home Page Styles Ends */

/* Attivitą Styles Start */
			.mblock2{
				width:960px;
				float:left;
			}
				.mblock2 h4{
					background:url(../images/blue-b.gif) no-repeat left;
					height:43px;
					line-height:35px;
					color:#fff;
					text-indent:17px;
					font-weight:bold;
				}
				.mblock2 div{
					padding:0 10px;
				}
/* Attivitą Styles End */



/* Layout Styles Ends */




/* Form Styles */

.input{
	border:1px solid #a5a5a5;
	background:none;
	cursor:text;
	margin:5px 0;
	padding:2px;
	width:200px;
}
textarea.input{
	width:415px;
	height:100px;
}
.input:focus, .textarea:focus{
	border:1px solid #1d88b4;
}
.signin-btn, .button1{
	background:#1d88b4 url(../images/btn.html) repeat-x top;
	line-height:20px;
	margin:8px 0;
	padding:2px 10px !important;
	padding:2px 0;
	color:#fff;
	font-weight:bold;
	border:none;
	outline:none;
	cursor:pointer;
	border:1px solid #1d88b4;
}

/* Form Styles */


/* Paragraph and list Styles */

#container p.hr{
	border:solid #d3d3d3;
	border-width:1px 0 0 0;
	margin:0;
	outline:none;
}
#container p{
	margin:0 0 15px 0;
}
#container form p{
	margin:0 0 5px 0;
}
#container p img.floatleft{
	margin:0 20px 0 0;
}
#container p img.floatright{
	margin:0 0 0 20px;
}
#mainarea img.floatleft, #mainarea p img.floatleft{
	margin:10px 10px 10px 0;
}
#mainarea img.floatright, #mainarea p img.floatright{
	margin:10px;
}
#container ul, #container ol{
	margin:0 0 0 20px;
}
#container ol{
	margin:0 0 0 30px;	
}
ul#portfolio{margin:0;list-style:none;}
#container dt, #container1 dt{
	font-weight:bold;
	margin:20px 0 10px 0;
}

/* Paragraph Styles */

/* Genric Styles Starts */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
a {
	color:#222;
	text-decoration:none;
	font-weight:bold;
}
a:hover {text-decoration:underline;color:#1370a9;}
h1{font-size:32px;}
h2{font-size:22px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5, h6{font-size:14px;}
h1,h2,h3,h4,h5,h6{margin:0 0 15px 0; color:#5c5b5b;font-family:"Trebuchet MS";font-weight:normal;}
img{border:none;}
.clear{clear:both;}
.floatleft{float:left;}
.floatright{float:right;}
.center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.normal, .normal a{font-weight:normal;}
.textbold{font-weight:bold;}
#container .nomargin, .nomargin{margin:0;}
#container.nobg, .nobg{background:none;}
.padding15{padding:15px;}

/* Genric Styles Ends */