/*--------------------  CSS Document ---------------------*/



body {
	padding: 0;
	margin: 0;
	background: url(../images/body-bg.jpg);
	font: 10px Arial, Helvetica, sans-serif;
	color: #d6d6d6;
	}

	h1 {
		font-size: 1.8em; 
		margin: 0 0 5px 0; 
		padding: 0; 
		color: #d6d6d6;
		font-weight: bold;
		text-transform:uppercase;
		}
	
	h2 {
		font-size: 1.4em; 
		margin: 0;  
		padding: 0; 
		color: #d6d6d6;
		font-weight: normal;
		}
	
	h3 {
		font-size: 1.3em; 
		margin: 0 0 15px 0;  
		padding: 0; 
		color: #003f5e;
		font-weight: bold;
		}
	
	p,table {
		font-size: 1.2em; 
		margin: 0;
		padding: 0; 
		color: #d6d6d6;
		line-height: 1.4em;
		}
	
	a {
		font-size: 1.0em; 
		margin: 0; 
		padding: 0; 
		color: #d6d6d6;
		text-decoration: underline;
		}
	
	a:hover {
		color: #ca006c;
		}
	input, textarea{
		font: 12px Arial, Helvetica, sans-serif;
		color: #444;
		padding: 3px;
		border: solid 1px #444;
	}
	input[type="submit"],input[type="reset"] {
		padding: 3px 10px;
	}
	table em{
		color:#CD5D99;
		font-size: 1.4em;
	}

#container {
	background: url(../images/container-bg.jpg) repeat-x;
	overflow:hidden;_zoom:1;
	}


/*--------------------  HEADER ---------------------*/

#header {
	background:#e2e2e2 url(../images/header-bg.jpg) no-repeat center;
	border-bottom:1px solid #242424;
	height:162px;
	position:relative;
	margin:0 auto;
	}

	#header .inner {
		width:960px;
		margin:0 auto;
		position:relative;
		overflow:hidden;_zoom:1;
		}
	
		#header .inner a.logo {
			background: url(../images/header-logo-i-innovate.png) no-repeat;
			position:absolute;
			left:0;
			top:0;
			width:474px;
			height:118px;
			display:block;
			text-indent:-9999px;
			}


		/*--------------------  STATUS BLOCK ---------------------*/
				
		#header .inner .status {
			background: url(../images/status-bg.png) no-repeat;
			position:absolute;
			top:0;
			right:0;
			height:66px;
			width:306px;
			}
		
		#header .inner .status .offline img.online, #header .inner .status .offline h2.online, #header .inner .status .offline p.online {
			display:none;
			}
		
		#header .inner .status .online img.offline, #header .inner .status .online h2.offline, #header .inner .status .online p.offline {
			display:none;
			}
		
		#header .inner .status h2 {
			color:#fff;
			text-transform:uppercase;
			font-size:14px;
			font-weight: bold;
			padding:6px 0 4px 0;
			margin:0;
			}
		
		#header .inner .status p {
			color:#fff;
			font-size:11px;
			padding:0;
			margin:0;
			}
		
		#header .inner .status .online p.online span {
			color:#b2d234;
			text-decoration:underline;
			font-weight:bold;
			}

		#header .inner .status .offline p.offline span {
			color:#cd5d99;
			text-decoration:underline;
			font-weight:bold;
			}
		
		#header .inner .status .online img.online {
			float:left;
			margin:0px 5px 0 10px;
			}
		
		#header .inner .status .offline img.offline {
			float:left;
			margin:0px 5px 0 10px;
			}


		/*--------------------  MENU ---------------------*/
		
		ul.menu {
			padding:0;
			margin:135px 0 0 0;
			position:relative;
			overflow:hidden;_zoom:1;
			float:left;
			}
		
			ul.menu li {
				float:left;
				background: url(../images/menu-divider.gif) no-repeat;
				background-position:right;
				list-style:none;
				list-style-position:outside;
				height:28px;
				padding:0;
				}
			
			ul.menu li.last {
				background:none;
				}
			
				ul.menu li a {
					text-transform:uppercase;
					color:#231f20;
					text-decoration:none;
					font-size:12px;
					padding:5px 17px 0;
					display:block;
					}
				
				ul.menu li a.active {
					background:url(../images/menu-hover.png) no-repeat bottom;
					display:block;
					height:26px;
					color:#ca006c;
					padding:2px 17px 0;
					}
		
				ul.menu li a:hover {
					color:#ca006c;
					}
	
		
/*--------------------  CONTENT ---------------------*/	

#content {
	position:relative;
	height:auto;
	}

	#content .inner {
		width:961px;
		margin:0 auto;
		position:relative;
		}
	
	#content .inner .full {
		width:961px;
		}

	#content .inner .left {
		width:634px;
		float:left;
		margin-right:20px;
		margin-bottom: 40px;
		min-height: 500px;
		}

	#content .inner .left .row {
		margin-top:20px;
		}
	
	#content .inner .full .row {
		margin:0;
		}
			
	#content .inner .left .first {
		padding-top:20px;
		margin-top:0;
		}
	
	#content .inner .left .row .block, #content .inner .full .row .block {
		margin:0;
		}
		
	#content .inner .left .row .block ul {
		font-size: 1.2em; 
		margin: 0;
		margin-left: 20px;
		padding: 0; 
		color: #d6d6d6;
		line-height: 1.4em;
	}
	#content .inner .left .row .block li {
		margin-bottom: 10px;
	}

	#content .inner .left .row .col, #content .inner .full .row .col {
		float:left;
		width:307px;
		margin-right:20px;
		}
	
	#content .inner .left .row .last, #content .inner .full .row .last {
		margin-right:0px;
		}
	
	#content .inner .left .row .col .block-heading, #content .inner .full .row .col .block-heading {
		background: url(../images/block-left-trans-top.jpg) no-repeat;
		height:35px;
		position:relative;
		}

	#content .inner .left .row .col .block-heading h2, #content .inner .full .row .col .block-heading h2 {
		text-transform:uppercase;
		font-size:1.5em;
		height:24px;
		margin:0;
		padding:14px 0 0 34px;
		float:left;
		position:absolute;
		top:-3px;
		left:10px;
		}
	
	#content .inner .left .row .col .block-heading h2.hotpink, #content .inner .full .row .col .block-heading h2.hotpink {
		background: url(../images/block-heading-icon-hotpink.png) no-repeat;
		}

	#content .inner .left .row .col .block-heading h2.blue, #content .inner .full .row .col .block-heading h2.blue {
		background: url(../images/block-heading-icon-blue.png) no-repeat;
		}

	#content .inner .left .row .col .block-heading h2.lightblue, #content .inner .full .row .col .block-heading h2.lightblue {
		background: url(../images/block-heading-icon-lightblue.png) no-repeat;
		}
				
	#content .inner .left .row .col .block, #content .inner .full .row .col .block {
		background: url(../images/block-left-trans-bg.jpg) repeat-y;
		padding:0 10px;
		}

	#content .inner .left .row .col .block a.read-more, #content .inner .full .row .col .block a.read-more {
		background: url(../images/block-left-trans-button.png) no-repeat;
		display:block;
		height:16px;
		width:67px;
		color:#000;
		font-size:1.1em;
		margin:0 0 0 210px;
		text-decoration:none;
		padding:2px 0 0 9px;
		}
	
	#content .inner .left .row .col .block a.read-more:hover, #content .inner .full .row .col .block a.read-more:hover {
		background-position:0 -18px;
		color:#fff;
		}
		
	#content .inner .left .row .col .block-bottom, #content .inner .full .row .col .block-bottom {
		background: url(../images/block-left-trans-bottom.jpg) no-repeat;
		margin:0 0 20px 0;
		height:8px;
		}


	/*--------------------  SLIDER ---------------------*/
	
		#content .inner .left .row .block .slider {
			background: url(../images/slider-bg.png) no-repeat;
			width:634px;
			height:173px;
			margin-top:51px;
			position:relative;
			}
	
		#content .inner .left .row .block .slider .slide {
			height:154px;
			}
	
		#content .inner .left .row .block .slider .slide .img-holder {
			background: url(../images/slider-img-holder.png) no-repeat;
			width:348px;
			height:199px;
			position:absolute;
			top:-45px;
			left:6px;
			}
	
		#content .inner .left .row .block .slider .slide .img-holder img {
			position:absolute;
			top:28px;
			left:12px;
			}
		
		#content .inner .left .row .block .slider .slide h2 {
			font-size:1.4em;
			margin:0px 10px 5px 360px;
			padding-top:20px;
			font-weight: bold;
			text-transform:uppercase;
			}
		
		#content .inner .left .row .block .slider .slide p {
			margin:0 10px 0 360px;
			}
	
		#content .inner .left .row .block .slider .slide a.read-more {
			background: url(../images/slider-sticker.png) no-repeat;
			display:block;
			height:59px;
			width:82px;
			color:#fff;
			font-size:1.2em;
			position:absolute;
			top:5px;
			right:-18px;
			text-decoration:none;
			padding:20px 0 0 0;
			cursor:pointer;
			text-align:center;
			text-transform:uppercase;
			font-weight:bold;
			}
		
		#content .inner .left .row .block .slider .slide a.read-more:hover {
			background-position:0 -79px
			}
		
		#content .inner .left .row .block .slider a.next-project {
			background: url(../images/slider-next-button.png) no-repeat;
			width:101px;
			height:17px;
			display:block;
			float:right;
			text-decoration:none;
			text-align:center;
			font-size:11px;
			padding:1px 0 0 0;
			margin-top:1px;
			}
		
		#content .inner .left .row .block .slider a.next-project:hover {
			background-position:0 -18px;
			color:#fff;
			}
	
		#content .inner .left .row .block .slider a.prev-project {
			background: url(../images/slider-prev-button.png) no-repeat;
			width:101px;
			height:17px;
			display:block;
			float:left;
			text-decoration:none;
			text-align:center;
			font-size:11px;
			padding:1px 0 0 0;
			margin-top:1px;
			}
		
		#content .inner .left .row .block .slider a.prev-project:hover {
			background-position:0 -18px;
			color:#fff;
			}
			
		#content .inner .left .row .block .slider ul.controls {
			margin:0;
			padding:0;
			overflow:hidden;_zoom:1;
			float:right;
			}
	
		#content .inner .left .row .block .slider ul.controls li {
			list-style:none;
			list-style-position:outside;
			float:left;
			}		
	
		#content .inner .left .row .block .slider ul.controls li a {
			background: url(../images/slider-next.gif) no-repeat;
			display:block;
			height:13px;
			width:13px;
			text-indent:-9999px;
			margin:2px 3px 0 0;
			}
		
		#content .inner .left .row .block .slider ul.controls li a.active {
			background-position:0 -13px;
			}
	
		#content .inner .left .row .block .slider ul.controls li a:hover {
			background-position:0 -13px;
			}



	/*--------------------  right content ---------------------*/
		
				
	#content .inner .right {
		float:left;
		width:306px;
		margin-top:-56px;
		}
	
	#content .inner .right .block-heading {
		background: url(../images/block-right-top.png) no-repeat;
		height:64px;
		position:relative;
		margin:0 -4px;
		}

	#content .inner .right .block-heading h2 {
		text-transform:uppercase;
		color:#1c1c1c;
		height:37px;
		float:left;
		padding:18px 0 0 72px;
		font-size:14px;
		font-weight:bold;
		position:absolute;
		top:-5px;
		left:13px;
		margin:0;
		}
	
	#content .inner .right .block-heading h2.news {
		background: url(../images/icon-news.png) no-repeat;
		}

	#content .inner .right .block-heading h2.info {
		background: url(../images/icon-info.png) no-repeat;
		height:44px;
		top:-8px;
		left:13px;
		padding:21px 0 0 72px;
		}

	#content .inner .right .block-heading h2.portfolio {
		background: url(../images/icon-portfolio.png) no-repeat;
		height:46px;
		top:-10px;
		left:13px;
		padding: 23px 0 0 72px;
		}
		
	#content .inner .right .block {
		background: url(../images/block-right-bg.gif) repeat-y;
		padding:3px 10px 5px;
		margin:-12px 0 0 0;
		position:relative;
		}
		
	#content .inner .right .block ul.content{
		font-size: 1.2em; 
		margin: 0;
		margin-left: 20px;
		padding: 0; 
		line-height: 1.4em;
		color: #231F20;
	}
	
	#content .inner .right .block ul.content li{
		margin-bottom: 10px;
	}

	#content .inner .right .bottom-block {
		background: url(../images/block-right-bottom.gif) no-repeat;
		margin:0 0 20px 0;	
		height:3px;
		}	
	
	#content .inner .right .block ul.news {
		margin:0;
		padding:0;
		}

	#content .inner .right .block ul.news li {
		list-style:none;
		list-style-position:outside;
		}
	
	#content .inner .right .block ul.news li {
		border-top:1px solid #444444;
		padding:5px 0;
		position:relative;
		}
	
	#content .inner .right .block ul.news li.first {
		border-top:none;
		}
	
	#content .inner .right .block ul.news li a {
		text-transform:uppercase;
		text-decoration:none;
		font-weight:bold;
		color:#231f20;
		font-size:1.1em;
		}
	
	#content .inner .right .block ul.news li a:hover {
		color:#ca006c;
		}
	
	#content .inner .right .block ul.news li span.date {
		background: url(../images/block-right-date.png) no-repeat;
		float:left;
		margin:0 10px 5px 0;
		width:60px;
		height:36px;
		font-weight:bold;
		font-size:1.1em;
		text-transform:uppercase;
		padding:4px 0 0 10px;
		position:absolute;
		left:-16px;
		}
	
	#content .inner .right .block ul.news li span.date span {
		font-size:1.3em;
		display:block;
		}

	#content .inner .right .block h3 {
		text-transform:uppercase;
		color: #231f20;
		font-size:1.4em;
		font-weight:bold;
		margin:0;
		}
		
	#content .inner .right .block h3 {
		text-transform:uppercase;
		color: #231f20;
		font-size:1.2em;
		font-weight:bold;
		margin:5px 0 10px;
		*margin:-8px 0 10px 0;
		padding:0 0 0 60px;
		min-height: 30px;
		}
	
	#content .inner .right .block p {
		color: #231f20;
		clear:both;
		}
	
	#content .inner .right .block a.read-more {
		background: url(../images/block-right-solid-button.png) no-repeat;
		display:block;
		height:16px;
		width:67px;
		color:#000;
		font-size:1.1em;
		margin:0 0 0 210px;
		text-decoration:none;
		padding:2px 0 0 9px;
		text-transform:none;
		font-weight:normal;
		}
	
	#content .inner .right .block a.read-more:hover {
		background-position:0 -18px;
		color:#fff;
		}
	
	#content .inner .right .block ul.news li a.read-more {
		text-transform:none;
		font-weight:normal;
		}

	#content .inner .right .block ul.news li a.read-more:hover {
		color:#fff;
		}

	
	/*--------------------  portfolio right block ---------------------*/

	#content .inner .right .block ul.portfolio {
		padding:0;
		margin:0;
		}	
		
	#content .inner .right .block ul.portfolio li {
		list-style:none;
		list-style-position:outside;
		position:relative;
		margin-bottom:10px;
		}

	#content .inner .right .block ul.portfolio li span.active {
		background: url(../images/block-right-heading-active.png) no-repeat;
		display:block;
		height:21px;
		width:247px;
		text-transform:uppercase;
		color:#e2e2e2;
		font-size:1.4em;
		padding:8px 0 0 16px;
		margin:0 0 10px 0;
		font-weight:bold;
		position:absolute;
		left:-14px;
		}

	#content .inner .right .block ul.portfolio li.closed span.active {
		display:none;
		}

	#content .inner .right .block ul.portfolio li.closed a.inactive {
		background: url(../images/block-right-heading-button.png) no-repeat;
		display:block;
		height:21px;
		width:247px;
		text-transform:uppercase;
		color:#e2e2e2;
		font-size:1.4em;
		padding:8px 0 0 16px;
		margin:0 0 0 -16px;
		font-weight:bold;
		text-decoration:none;
		clear:both;
		}
	
	#content .inner .right .block ul.portfolio li a.inactive {
		display:none;
		}

	#content .inner .right .block ul.portfolio li.closed a.inactive:hover {
		background-position: 0 -29px;
		}

	#content .inner .right .block ul.portfolio li ul.showcase {
		margin:0 0 0 4px;
		padding:43px 0 0 0;
		overflow:hidden;_zoom:1;
		*padding:33px 0 0 0;
		clear:both;
		}

	#content .inner .right .block ul.portfolio li.closed ul.showcase {
		display:none;
		}
		
	#content .inner .right .block ul.portfolio li ul.showcase li {
		list-style:none;
		list-style-position:outside;
		float:left;
		margin:0 14px 14px 0;
		}
	
	#content .inner .right .block ul.portfolio li ul.showcase li.last {
		margin-right:0;
		}
	
	#content .inner .right .block ul.portfolio li ul.showcase li a {
		overflow:hidden;_zoom:1;
		display:block;
		height:59px;
		width:59px;
		}
	
	#content .inner .right .block ul.portfolio li ul.showcase li a img {
		border:1px solid #585858;
		}
	
	#content .inner .right .block ul.portfolio li ul.showcase li a:hover img {
		border:1px solid #ca006c;
		}



/*--------------------  FOOTER ---------------------*/

#footer {
	position:relative;
	overflow:hidden;_zoom:1;
	width:960px;
	background: url(../images/footer-bg.jpg) repeat-x;
	background-position:center;
	height:42px;
	margin:0 auto 20px;
	padding:5px 0;
	}

	#footer .logo {
		background: url(../images/footer-logo-i-innovate.png) no-repeat;
		width:136px;
		height:52px;
		position:absolute;
		top:0;
		left:10px;
		text-indent:-9999px;
		}
	
	#footer ul {
		padding:0;
		overflow:hidden;_zoom:1;
		position:absolute;
		top:19px;
		right:20px;
		float: right;
		margin:0;
		}
	
		#footer ul li {
			list-style:none;
			list-style-position:outside;
			float:left;
			margin-left:20px;
			color:#a9a9a9;
			}
		
			#footer ul li a {
				text-decoration:underline;
				color:#a9a9a9;
				}
			
			#footer ul li a:hover {
				text-decoration:none;
				}
				
				
	/*--------------------------*/
	
	div.left div.block img {
		border-color: #585858;
	}
	
	a.project_image img{
		width:300px;
		float:left;
		margin: 0px 20px 20px 0;
		border:solid 1px #ca006c;
	}