/* CSS by nmsolutions.biz [marinof]

colour
------

pink #ec008c
grey #dcddde

text colour #212121

*/
* { 
 padding: 0;
 margin: 0; 
 } 

html {
 border-top: 3px solid #ec008c;
 text-align: center;
 }
 
	body {
	font: 11px tahoma, sans-serif;
	background: #fff;
	color: #212121;
	
	width: 818px;
	margin: 18px auto;
	text-align: left;
	}
		
/* HEADER
--------------------------------------------------- */			
#header {
 position: relative;
 
 width: 100%;
 height: 121px;	
 }

	#logo {
	position: absolute;
	top: 0px; 
	left: 0px;
	
	width: 200px; 
	height: 121px;
	
	background: url("../img/logo.gif") no-repeat;
 	}
 
		#logo h1, #logo a {
		text-indent: -9999px;
		
		display: block;
		width: 200px; 
		height: 121px;
		
		background: none;
		text-decoration: none;
			} 
			
/* NAVIGATION
--------------------------------------------------- */	

#nav {
 position: relative;
 float: right;
 margin-top: 65px;
 border-top: 2px dotted #dcddde;
 border-bottom: 2px dotted #dcddde;
 padding:  4px 0;
 }
	#nav li {
	display: inline;
	list-style-type: none;
	padding-right: 15px;
	}
	#nav a {
	color: #212121;
	text-decoration: none;
	padding: 2px;
	
	}
	#nav a:hover {
	color: #fff;
	text-decoration: underline;
	background-color: #ec008c;
	padding: 2px;
	}
#nav-activ {
 background-color: #ec008c;
 padding: 2px;
 }
#nav span {
 color: #fff;
 text-decoration: underline;
 }

	
/* CONTENT
--------------------------------------------------- */
#content {
 margin-top:13px;
 position: relative;
 width: 100%;
 height:500px;
 }
	#content h2{
	margin-top:13px;
	font: 19px tahoma, sans-serif;
	/*color: #ec008c;*/
 	}
	#content h3{
	margin:13px 0 0 10px;
	font: 19px tahoma, sans-serif;
	/*color: #ec008c;*/
 	}
	#image  img {
	 border: 5px solid #dcddde;
	 float: left;
 	}
 	.colright {
	 float: right;
	 width: 370px;
	 /* border-bottom: 5px solid #dcddde;
	 margin: -18px 0;
	 /*padding-right: 32px;*/
	 min-height:210px;
 	}
		.colright h2{
		margin:0 0 20px 0;
		font: 19px tahoma, sans-serif;
	 	}
		.colright a{
		color: #ec008c;
		}
		.colright a:hover{
		color: #1F97A8;
		}
	.colright-press {
	 float: right;
	 width: 570px;
	 min-height:210px;
 	}
		.colright-press h2{
		margin:0 0 20px 159px;
		font: 19px tahoma, sans-serif;
	 	}
		.colright-press a{
		color: #ec008c;
		}
		.colright-press a:hover{
		color: #1F97A8;
		}
		.colright-press img{
		margin: 0 42px;
		}
		.colright-press p{
		margin: 0 0 40px 0;
		}
	.colright-portf {
	 float: right;
	 width: 410px;
	 }		
		.colright-portf img{
		margin: 18px 18px 0 0;
		}

	.column {
	 float: left;
	 width: 270px;
	 border-right: 5px solid #dcddde;
	 margin: -2px 0;
	 min-height:210px;
 	}
		.column p{
		padding: 12px;
		}
		.column a{
		color: #ec008c;
		}
		.column a:hover{
		color: #1F97A8;
		}
	.colend {
	 float: left;
	 width: 260px;
	 margin: -2px 0;
 	}
		.colend p{
		padding: 12px;
		}
		.colend a{
		color: #ec008c;
		}
		.colend a:hover{
		color: #1F97A8;
		}
		.colend ul{
		padding: 2px 0 0 24px;
		}
		.colend li{
		padding: 3px 0;
		}
		
	.colimage {
	 float: left;
	 margin: 0 13px 0 -12px;
	 /*border: -5px;*/
	 }
	 .midcolimage {
	 float: left;
	
	 margin: 0 13px 7px 0;
	/*border: -5px;*/
	 }
	.spacer {
	 margin: 10px 0;
	 }
	 .catsuit {
	 border:none;
	 margin: 10px 0 0 20px;	 
	 }
 .clear{
 clear:both;
 }
	
/* FOOTER
--------------------------------------------------- */			
#footer {
 margin: 50px 0 0 0;
 padding: 10px 0 10px 0;
 border-top: 2px dotted #dcddde;
 border-bottom: 2px dotted #dcddde;
 }
 	#footer a{
	 color: #212121;
	 text-decoration:none;
	 }
	 #footer a:hover{
	 color: #ec008c;
	 text-decoration:underline;
	 }
		 
	 
/* NMSOLUTIONS
--------------------------------------------------- */		 
#nm {
 color:#888;
 font-size: 10px;
 width: 280px;
 }
	#nm a{
	 color:#888;
	 text-decoration:none;
	 }
	#nm a:hover{
	 color:#8FD400;
 	 text-decoration:none;
	 }
#standards {
 margin: -22px 0 0 565px;
 text-align:right;
 }
 #standards img{
 border:none;
 }