/* ================== */
/* = 960 Fixed Grid = */
/* ================== */

#header{ width:60px; }

.grid_1 { width:60px; }
.grid_2 { width:140px; }
.menu { width:220px; }
.grid_4 { width:300px; }
.grid_5 { width:380px; }
.grid_6 { width:460px; }
.grid_7 { width:540px; }
.grid_8 { width:620px; }
.content-wrap { width:700px; }
.grid_10 { width:780px; }
.grid_11 { width:860px; }
.header { width:940px; }

.column { /* 10px margin on BOTH sides, resulting in a 20px gutter between columns */
	margin: 0 10px;
	overflow: hidden;
	float: left;
	display: inline; /* ie6 double-margin bug fix */
}
.row { /* center the row on the page, clear the interior contents with overflow:hidden hack */
	width: 960px; overflow: hidden;
}


/* BODY
---------------------------*/


body {
	margin: 60px 0 0 20px;
}

.header { 
	height: 71px;
}



/* MENU
---------------------------*/

.menu{
	
}

ul.menu {
	list-style:none;
	margin: 0 0 0 44px;
}

ul.menu li {
	width:155px;
	margin:0;
	padding:0;
	text-align: left;
}

ul.menu	li a {
	display:block;
	text-decoration: none;
	padding: 8px 0 0 11px;
	height: 26px;
	width: 144px;
	margin-bottom: 1px;   
}

ul.menu li a:hover, li a:focus, li a:active {
	background-position: 0 34px;
}

ul.menu a {
	background:url(../images/menu.gif) repeat 0 0;
}

h2.menu_info{
	background-image: url(../images/menu_info.gif);
	width: 155px;
	height: 34px;
	text-indent: -9999px;
	margin-bottom: 0;
	margin-left: 44px;
}

h2.menu_work{
	background-image: url(../images/menu_work.gif);
	width: 155px;
	height: 34px;
	text-indent: -9999px;
	margin-top: 25px;
	margin-bottom: 0;
	margin-left: 44px;
}



/* CONTENT
---------------------------*/

.content{
	width:700px;
	padding-bottom: 0px;
}

.content-bgr{
	float: left;
	width:700px;
	margin-top: 34px;
	padding: 30px 0 30px 50px;
	background-color: #f3f2f2;
}

.col_1{
	float: left;
	width: 285px;
	margin-right: 30px;
}

.col_2{
	float: left;
	width: 285px;
}

.col_new{
	float: left;
	width:700px;
	margin-top: 54px;
	padding: 0 0 0 0;
	background-color: #f3f2f2;
}



/* WORK
---------------------------*/

.content-furthingsfirst{
	float: left;
	width:700px;
	height: 1437px;
	margin-top: 34px;
	padding-left: 50px;
	padding-top: 30px;
	background-image: url(../images/web_design_furthingsfirst.jpg);
}

.content-meetandspeak{
	float: left;
	width:700px;
	height: 1121px;
	margin-top: 34px;
	padding-left: 50px;
	padding-top: 30px;
	background-image: url(../images/web_design_meetandspeak.jpg);
}

.content-arffman{
	float: left;
	width:700px;
	height: 1633px;
	margin-top: 34px;
	padding-left: 50px;
	padding-top: 30px;
	background-image: url(../images/web_design_arffman.jpg);
}

.content-extra-work{
	float: left;
	width:700px;
	height: 4917px;
	margin-top: 34px;
	padding-left: 50px;
	padding-top: 30px;
	background-image: url(../images/extra_work.jpg);
}

.content-kukkakontti{
	float: left;
	width:700px;
	height: 777px;
	margin-top: 34px;
	padding-left: 50px;
	padding-top: 30px;
	background-image: url(../images/web_design_kukkakontti.jpg);
}

.content-albus{
	float: left;
	width:700px;
	height: 1008px;
	margin-top: 34px;
	padding-left: 50px;
	padding-top: 30px;
	background-image: url(../images/web_design_albus.jpg);
}

.content-kajapro{
	float: left;
	width:700px;
	height: 775px;
	margin-top: 34px;
	padding-left: 50px;
	padding-top: 30px;
	background-image: url(../images/web_design_kajapro.jpg);
}

.content-personaltrainingap{
	float: left;
	width:700px;
	height: 629px;
	margin-top: 34px;
	padding-left: 50px;
	padding-top: 30px;
	background-image: url(../images/web_design_personaltrainingap.jpg);
}

.content-uuninmuuraaja{
	float: left;
	width:700px;
	height: 719px;
	margin-top: 34px;
	padding-left: 50px;
	padding-top: 30px;
	background-image: url(../images/web_design_uuninmuuraaja.jpg);
}

.content-fcwimma{
	float: left;
	width:700px;
	height: 714px;
	margin-top: 34px;
	padding-left: 50px;
	padding-top: 30px;
	background-image: url(../images/web_design_fcwimma.jpg);
}

.content-citiusnet{
	float: left;
	width:700px;
	height: 657px;
	margin-top: 34px;
	padding-left: 50px;
	padding-top: 30px;
	background-image: url(../images/web_design_citiusnet.jpg);
}



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

.footer{
	clear: both;
	margin: 0 0 30px 30px;
	padding: 30px 0 80px 0;

}

.f_1{
	width: 150px;
	padding-right: 10px;
	float: left;
}

.f_2{
	width: 135px;
	padding-right: 25px;
	float: left;
}

.f_3{
	width: 135px;
	padding-right: 25px;
	float: left;
}

.f_4{
	float: left;
}



/* CONTACT
---------------------------*/

input, select{
	height: 22px;
}

input, textarea, select{
	width: 285px;
	border-style: solid;
	border-color: #8d8d8d;
	border-width: 1px;

	margin-top: 6px;
	margin-bottom: 10px;
	
	font: 15px/1.50 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
	color: #323636;		
}

input:focus, textarea:focus{
	border-color: #0c5c81;  
}

input.send{
	float: right;
	text-align: center;
	background-image: url(../images/send.jpg);
	background-repeat: no-repeat;
	height: 29px;
	width: 88px;
	border-style: none;
	background-color: transparent;
	text-decoration: none;
	color: #ffffff;
	padding-top: 4px;
}

input.send:hover{
	background-position: 0px -29px;
}

label span.required { color: #0c5c81; font-weight: bold; }

input.validation-failed{ background-color: #a7cbdc; }
textarea.validation-failed{ background-color: #a7cbdc; }