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

html, body{
	margin: 0px;
}
body{
	background: #1a2533;
}
/*============================================================================================	PLATFORM */
#platform{
	background: #f6f6f6;
	border-bottom: 1px solid #c6cad1;
}
/*============================================================================================	HEADER */
#header{
	height: 100px;
	border-bottom: 1px solid #ebebeb;
	background: #fff;
}
	#header .wrapper{
		width: 800px;
		margin: 0px auto;
	}
	#header .wrapper a{
		float: right;
		margin-top: 11px;
	}
.note{
	display: block;
	position: absolute;
	margin-left: 50%;
	top: 440px;
	left: -478px;
	background: red url(/images/img_note.gif) left top no-repeat;
	width: 163px;
	height: 172px;
	z-index:1000;
}
/*============================================================================================	CONTAINER */
.featured{
	background: url(/images/feat_bg.gif) center top repeat-x;
}
#container{
	width: 856px;
	margin: 0px auto;
	display: block;
	position: relative;
}
#content{
	width: 800px;
	margin-left: 54px;
	border-left: 1px solid #ebebeb;
	border-right: 1px solid #ebebeb;
	padding:0;
	background: white;
	display: block;
	position: relative;
	min-height: 530px; 
	color: #90979f;
	font: 11px Verdana, Geneva, sans-serif;
	line-height: 1.7em;
}
	#content .wrapper{
		padding: 40px;	
	}

.specs{
	color: #90979f;
	font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: right;
	text-transform: uppercase;
	margin-left: -35px;
	height: 135px;
}
	.specs a{
		text-decoration: none;
		color: #90979f;
	}
	.specs a:hover div:hover{
		color: #333;
	}
	.specs div{
		width: 266px;
		float: left;
		line-height: 1.1em;
		padding: 15px 0px;
	}
	.specs span{
		float: right;
		color: #276098;
		font: normal bold 35px Tahoma, Geneva, sans-serif;
		letter-spacing: -1px;
		line-height: 0em;
		margin: 12px 0 10px 8px;
	}
.clear{
	clear: both;	
}
/*============================================================================================	FOOTER */
#footer{
	background: url(/weboffer/images/bg_footer.gif) center top repeat-x;
	height: 150px;
}
	#footer div{
		text-align: center;
		width: 500px;
		margin: 0px auto;
		color: #2b394b;
		font: 10px "Trebuchet MS", Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		padding-top: 50px;
	}
/*============================================================================================	TYPOGRAPHY */
a img{
	border: none;
}
h1{
	color: #2f77bd;
	font: normal normal 15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	letter-spacing: -1px;
}
/*============================================================================================	NAVIGATION */
#Nav{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 55px;
	height: 425px;
	z-index: 999;
}
	#Nav a{
		display: block;
		width: 53px;
		float: left;
		background-position: left top;
		background-repeat: no-repeat;
		z-index: 1000;
		border-top: 1px solid transparent;
		border-left: 1px solid #f6f6f6;
		border-right: 1px solid #ebebeb;
		border-bottom: 1px solid #f6f6f6;
		margin-top: -1px;
	}
	#Nav a:hover{
		background-position: right top;
		background-color: white;
		border-top: 1px solid #ebebeb;
		border-right: 1px solid f6f6f6;
		border-bottom: 1px solid #ebebeb;
		border-left: 1px solid #ebebeb;		
	}
	#Nav a.linkHome{ height: 88px; background-image: url(/weboffer/images/nav_home.gif);}
	#Nav a.linkDetails{ height: 102px; background-image: url(/weboffer/images/nav_details.gif);}
	/*#Nav a.linkPortfolio{ height: 128px; background-image: url(/weboffer/images/nav_portfolio.gif);}
	#Nav a.linkSignup{ height: 102px; background-image: url(/weboffer/images/nav_signup.gif);}*/
	#Nav a.linkContact{ height: 135px; background-image: url(/weboffer/images/nav_contact.gif);}
/*============================================================================================	FORM */
form{
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	color: #555b62;
	font: normal normal 11px Verdana, Geneva, sans-serif;
	line-height: 1.6em;
}
	.inputArea, .textArea{
		border: 1px solid #d6d6d6;
		width: 238px;
		margin: 0px 0 9px 0;
		color: #2f77bd;
		font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
		padding: 2px 0;
	}
	.textArea{
	  width: 498px;
	  height: 70px;
	}
	.button{
		background: url(/weboffer/images/bg-btn.gif) center top repeat-x;
		border: none;
		color: #CCC;
		font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
		padding: 0px 25px;
		text-align: center;
		height: 30px;
		display: block;
	}
	.button:hover{
		background: url(/weboffer/images/bg-btn.gif) center bottom repeat-x;
	}
	.button2{
		background: url(/weboffer/images/bg-btn.gif) center top repeat-x;
		border: none;
		color: #CCC;
		font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
		padding: 0px 12px;
		text-align: center;
		height: 30px;
	}
	.button2:hover{
		background: url(/weboffer/images/bg-btn.gif) center bottom repeat-x;
	}
/*============================================================================================	DETAILS */
.leftColumn{
	width: 180px;
	vertical-align: top;
	text-align: right;
	padding: 35px 30px 0 0;
	font: italic 16px "Myriad Pro", "Trebuchet MS";
	color: #2f77bd;
}
	.leftColumn div{
		display: block;
		font: normal bold 38px Tahoma, Geneva, sans-serif;
		color: #a4a7a9;
		letter-spacing: -2px;
		line-height: normal;
	}
	tr:hover .leftColumn div{
		color: #2f77bd;
	}
.rightColumn{
	vertical-align: top;
	border-left: 1px solid #ebebeb;
	width: 404px;
	padding: 35px 155px 35px 30px;
	display: block;
	position: relative;
}

	.rightColumn a{
		color:#2f77bd;
		text-decoration:none;
		/*border-bottom:1px dotted #2f77bd;*/
	}

	.rightColumn ul li{
		list-style-image: url(/weboffer/images/bg_li.gif);
	}
/*============================================================================================	PORTFOLIO */
.projects{
	
}
	.projects ul{
		margin: 0px;
		padding: 0px;
	}
	.projects ul li{
		margin: 0px;
		padding: 0px;
		list-style: none;
		width: 152px;
		float: left;
		border: 1px solid #ebebeb;
		margin: 0px 13px 25px 13px;
	}
	.projects ul li:hover{
		border: 1px solid #cacaca;
	}
	.projects a{
		width: 140px;
		display: block;
		padding: 6px 6px 10px 6px;
		color: #777;
		text-decoration: none;
		letter-spacing: normal;
		font: italic normal 11px "Trebuchet MS";
		line-height: 1em;
		text-align: center;
		position: relative;
	}
	.projects a:hover{
		color: #0a649c;
	}
	.projects a img{
		border: none;
		margin-bottom: 6px;
	}
	.projects a span{
		position: absolute;
		display: block;
		top: 10px;
		left: 10px;
		padding: 8px 5px 5px 5px;
		background: red;
		color: white;
		font: normal normal 8px Verdana, Geneva, sans-serif;
		line-height: 0px;
		text-transform: uppercase;
	}