body {
	margin:0px 0px; padding:0px;
	text-align:center;
	font-family: "Arial Narrow", "Tahoma";
	background: url(../images/bg.jpg) repeat;
	font-size: 14px;
	color: #fff;
}

.hiddenPic {display:none;}
	
#main {
	width:1000px;
	margin:0px auto;
	margin-top: 0px;
	text-align:left;
	padding:15px;
	padding-top: 0px;
}

.logo {
	float: left;
	display: inline;
	margin-top: 50px;
	margin-left: 50px;
}

.clear {
	float: left;
	display: inline;
	width: 1000px;
	height: 1px;
}

.banner_txt {
	float: left;
	display: inline;
	width: 400px;
	text-align: justify;
}

.projects_txt {
	float: left;
	display: inline;
	width: 600px;
	text-align: justify;
}

.banner {
	float: left;
	display: inline;
	width: 797px;
	height: 480px;
	margin-top: 3px;
}

.banner_design {
	float: left;
	display: inline;
	width: 797px;
	height: 480px;
	margin-top: 3px;
	background: url(../images/banner_design.jpg) no-repeat;
	padding-top: 130px;
	padding-left: 24px;
	font-size: 15px;
}

.banner_projects {
	float: left;
	display: inline;
	width: 797px;
	height: 480px;
	margin-top: 3px;
	background: url(../images/banner_projects.jpg) no-repeat;
	padding-top: 130px;
	padding-left: 24px;
	font-size: 15px;
}

.banner_dev {
	float: left;
	display: inline;
	width: 797px;
	height: 480px;
	margin-top: 3px;
	background: url(../images/banner_dev.jpg) no-repeat;
	padding-top: 130px;
	padding-left: 24px;
	font-size: 15px;
}

.banner_brand {
	float: left;
	display: inline;
	width: 797px;
	height: 480px;
	margin-top: 3px;
	background: url(../images/banner_brand.jpg) no-repeat;
	padding-top: 130px;
	padding-left: 24px;
	font-size: 15px;
}

.banner_contact {
	float: left;
	display: inline;
	width: 797px;
	height: 480px;
	margin-top: 3px;
	background: url(../images/banner_contact.jpg) no-repeat;
	padding-top: 110px;
	padding-left: 44px;
	font-size: 15px;
}

.banner_login {
	float: left;
	display: inline;
	width: 797px;
	height: 480px;
	margin-top: 3px;
	background: url(../images/banner_login.jpg) no-repeat;
	padding-top: 130px;
	padding-left: 24px;
	font-size: 15px;
}

.menu {
	float: left;
	display: inline;
	width: 130px;
	margin-top: 15px;
}

.menu a{
	float: left;
	display: inline;
	background: url(../images/menu.jpg) no-repeat;
	width: 130px;
	height: 36px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	padding-top: 7px;
	margin-top: 0px;
}

.menu a.first{
	float: left;
	display: inline;
	background: url(../images/menu.jpg) no-repeat;
	width: 130px;
	height: 36px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	padding-top: 7px;
	margin-top: 50px;
}

.menu a.firstactive{
	float: left;
	display: inline;
	background: url(../images/menuactive.jpg) no-repeat;
	width: 130px;
	height: 36px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	padding-top: 7px;
	margin-top: 50px;
}

.menu a.login {
	float: left;
	display: inline;
	background: url(../images/menu.jpg) no-repeat;
	width: 130px;
	height: 36px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	padding-top: 7px;
	margin-top: 40px;
}

.menu a.loginactive {
	float: left;
	display: inline;
	background: url(../images/menuactive.jpg) no-repeat;
	width: 130px;
	height: 36px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	padding-top: 7px;
	margin-top: 40px;
}


.menu a:hover{
	background: url(../images/menuhover.jpg) no-repeat;
}

.menu a.active {
	background: url(../images/menuactive.jpg) no-repeat;
}

.footer {
	float: right;
	display: inline;
	color: #fff;
	font-size: 10px;
	text-align: right;
	margin-right: 120px;
}

.project_minka a{
	float: left;
	display: inline;
	background: url(../images/projects_minka.jpg) no-repeat;
	width: 128px;
	height: 168px;
	text-decoration: none;
	color: #fff;
	padding-top: 130px;
	text-align: left;
	font-size: 12px;
}


.project_minka a:hover{
	background: url(../images/projects_minkahover.jpg) no-repeat;
}

.project_radio a{
	float: left;
	display: inline;
	background: url(../images/projects_radiotime.jpg) no-repeat;
	width: 128px;
	height: 168px;
	margin-left: 10px;
	text-decoration: none;
	color: #fff;
	padding-top: 130px;
	text-align: left;
	font-size: 12px;
}

.project_radio a:hover{
	background: url(../images/projects_radiotimehover.jpg) no-repeat;
}

.project_bigfish a{
	float: left;
	display: inline;
	background: url(../images/projects_bigfish.jpg) no-repeat;
	width: 128px;
	height: 68px;
	margin-left: 10px;
	text-decoration: none;
	color: #fff;
	padding-top: 130px;
	text-align: left;
	font-size: 12px;
}

.project_bigfish a:hover{
	background: url(../images/projects_bigfishhover.jpg) no-repeat;
}

.project_compass a{
	float: left;
	display: inline;
	background: url(../images/projects_compass.jpg) no-repeat;
	width: 128px;
	height: 168px;
	margin-left: 10px;
	text-decoration: none;
	color: #fff;
	padding-top: 130px;
	text-align: left;
	font-size: 12px;
}

.project_compass a:hover{
	background: url(../images/projects_compasshover.jpg) no-repeat;
}

.project_view a{
	float: left;
	display: inline;
	background: url(../images/btn_view.jpg) no-repeat;
	width: 56px;
	height: 59px;
}

.project_view a:hover{
	background: url(../images/btn_viewhover.jpg) no-repeat;
}

#contactarea {
	width:550px;
	margin:0px auto;
	text-align:left;
	padding:15px;
}

#inputbox {
	width: 220px;
	padding: 2px;
}

#inputlabel {

}

#textarea {
	padding: 2px;
	width:272px;
}

#submitbutton {
	border: 1px solid #eee;
	background-color: #ccc;
	color: #333;
	margin-top: 5px;
}