@charset "utf-8";

/* Reset */
* {
	margin: 0;
	padding: 0;
	list-style: none;
}

/*Main Scaffolding*/

body {
    background: #ececec url(img/hedbck.png) repeat-x top;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}

img {
	border: none;
}

#header {
	height: 64px;
	background: url(img/headerbg.png) no-repeat bottom;
	padding: 0 27px 0 32px; 
}


#maincontainer {
	width: 862px;
	margin: 0 auto;
}

#logobox {
    padding: 0 0 0 17px;
	height: 75px;
}

/*Navigation*/

	#navigation {
		float: right;
		position: relative;
		top: 19px;
		text-align: right;
	} 
	
		#navigation .separator{
			position: relative;
			top: 6px;
		}
		
		#navigation a{
			width: 52px;
			height: 60px;
			display: inline-block;
			text-align: center;
		}
		
		#navigation a img{
			position: relative;
			top: 3px;
		}
		
		#navigation a:hover {
			background: url(img/navbg.png) no-repeat;
		}
		
		#navigation .active{
			background: url(img/navbg.png) no-repeat;
		}
	
	#catimg {
		top: 24px;
		position: relative;
	}

/*Main Content Container*/
#contentcontainer {
	background: #fdfdfd url(img/footerbg.png) no-repeat bottom;
	margin: 0 6px;
	padding: 8px 25px 30px;
	line-height: normal;
}

/*Categories Navigation*/

#categorieslinks {
	text-align: center;
	margin-top: 12px;
}

	#categorieslinks a{
		background: url(img/button.png) no-repeat top;
		height: 20px;
		width: 140px;
		display: inline-block;
		font-size: 11px;
		padding: 2px 0 0 0;
		text-align: center;
		color: #4f4f4f;
		margin: 0 3px 0 2px; 
		text-decoration: none;
	}
	
	#categorieslinks a:hover{
		background: url(img/button.png) no-repeat bottom;
		color: #FDFDFD;
	}
	
	#categorieslinks .active {
		background: url(img/button.png) no-repeat bottom;
		color: #FDFDFD;
	}

/*General - Typo*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	line-height: 1.7em;
}	

h1 {
    font-size: 18px;   
}


/*Boxes*/

#boxes {
	margin-top: 12px;
}

	#boxes .web{
		width: 800px;
		height: 170px;
		margin: 30px 0;
	}
	
		#boxes .web .info {
			float: right;
			background: url(img/boxes/webbg.png);
			display: block;
			padding: 5px;
			width: 247px;
			height: 160px;
			position: relative;
			text-align: left;
		}
		
			#boxes .web .info h1 {
				text-align: center;
				font-size: 20px;
				font-weight: normal;
				text-shadow: 0px 1px 1px #e0e0e0; 
			}
			
			#boxes .web .info .client {
				font-size: 12px;
				color: #ed0000;
				margin-top: 6px;
			}
			
				#boxes .web .info .client span{
					color: #7a7a7a;
				}

			#boxes .web .info .description {
				margin-top: 6px;
				font-size: 12px;
				color: #3d3d3d;
			}

			#boxes .web .info .link {
				position: absolute;
				bottom: 10px;
				right: 10px;
			}
			
				#boxes .web .info .link a{
					text-decoration: none;
					color: #3d3d3d
				}

				#boxes .web .info .link a span, #boxes .web .info .link span{
					color: #e00000;
				}
				
	#boxes .logo {
		height: 280px;
		width: 246px;
		display: inline-block;
		margin: 9px;
	}
	
		#boxes .logo .info {
			height: 31px;
			width: 246px;
			background: url(img/boxes/logoinfo.png);
			text-align: center;
			padding: 4px 0 0 0;
		}
		
			#boxes .logo .info h1 {
				font-weight: normal;
				font-size: 20px;
				text-shadow: 0px 1px 1px #fff; 
			}
			
	#boxes .identity {
		width: 380px;
		height: 239px;
		float: left;
		margin: 9px;
	}
	
		#boxes .identity .info {
			background: url(img/boxes/idbg.png) no-repeat;
			width: 181px;
			height: 229px;
			padding: 5px 10px;
			color: #474747;
			margin-left: 179px;
		}
		
		#boxes .identity .single_image {
			float: left;
		}
		
			#boxes .identity .info h1 {
				text-align: center;
				font-size: 20px;
				font-weight: normal;
				text-shadow: 0px 1px 1px #e0e0e0; 
			}
			
			#boxes .identity .info .type {
				font-size: 11px;
				color: #797979;
				margin: 5px 0;
			}
		


/*Copyright*/
#copyright {
	font-size: 11px;
	color: #cdcdcd;
	text-shadow: 0px 1px 1px #fff;
	text-align: center;
	margin-bottom: -10px;
	clear: both;
}
	

/*The Little Logo*/
#smalllogo {
	margin: 0 auto 5px;
	display: block;
}