@charset "utf-8";
/* CSS Document */
/*
  @font-face {
    font-family: Rabiohead;
    font-style:  normal;
    font-weight: normal;
    src: url(RABIOHE0.eot);
  }
*/
	body{padding:0px;border:0px;margin:0px;}

	#page-wrapper {width:940px; margin:10px auto; padding:0px; font-family:Calibri; background-color:#FFF; padding:0px 15px;}
	
	div.hmenu ul {font-size:1em; margin:0px; padding:0px;}
	div.hmenu ul li{display:inline;}
	div.hmenu ul li a {text-decoration:none;}
	div.hmenu ul li a:hover{text-decoration:underline;}
	

	#header {background-color:#231f20; border-top:10px solid #464646; margin-bottom:15px; background-image:url('bg-combination.png'); background-repeat:no-repeat; background-position:700px  bottom;}
	body.web #header {background-color:#00ADEE;}
	body.print #header {background-color:#FFd000;}
	body.content #header {background-color:#EC297B;}
	
	img#logo {margin:30px;float:left;}
	
	#menu-top {float:right;margin-top:3px;}
	#menu-top-right {float:right; margin:5px 15px 0px 15px;}
	

	#header a:active,#header a:link,#header a:visited {color:#FFF; font-size:0.8em; text-transform:lowercase;text-decoration:none;}
	body.web #header a:active,body.web #header a:link,body.web #header a:visited {color:#FFF;}
	body.print #header a:active,body.print #header a:link,body.print #header a:visited {color:#FFF;}

	#header a:hover{text-decoration:underline;}
	
	#header .combination { font-weight:normal;text-transform:lowercase; font-size:3em; float:right;color:#FFF;margin-bottom:-20px;margin-top:52px;display:none;}
	body.web #header .combination	{color:#fff;}	
	body.print #header .combination	{color:#fff;}
	
	#header div.hmenu ul li{ margin:2px 5px;}
	
	
	
	#content-wrapper {clear:both; color:#000;}
	
	#content-wrapper .portfolio {width:515px; height:320px; background-color:#999999;}
	
	#content .righter {float:right; margin: 15px 0px 15px 15px;}
	#content .lefter {float:right; margin: 15px 15px 15px 0px;}
	
	#content h1, #content h2, #content h3,
	#content h4, #content h5, #content h6,
	#content p, #content li
	{margin:0px 0px 10px 0px;}
	
	#content h1 {font-size:2.8em;
				line-height:0.8em;
				font-weight:normal;
				letter-spacing:-0.07em;
				margin-bottom:0.5em;}
				
	#content h2 { /*font-family:Rabiohead;*/
				font-size:1.5em;
				line-height:1.3em;
				font-weight:700;}
								
	#content h3 {font-size:1.1em;
				line-height:1.3em;
				font-weight:bold;}
								
	#content p {font-size:0.9em; line-height:1.4em;}
	

	#content a:active,#content a:link,#content a:visited
	{color:#000;text-decoration:underline;}
	#content a:hover{text-decoration:underline;}	


	#footer
	{font-size:0.8em;}

	#footer a:active,#footer a:link,#footer a:visited
	{color:#666;text-decoration:underline;}
	#footer a:hover{text-decoration:underline;}	

	
	.tube5 {border-top:1px solid #231F20;
			border-bottom:1px solid #231F20;
			text-align:center;
			padding-bottom:1em;}
			
	.tube5 a:active,.tube5 a:link,.tube5 a:visited
	{font-size:0.8em;color:#000;text-decoration:none !important;}
	
	.tube5 div.hmenu ul li{display:inline; padding:0px 70px; text-align:center;}


		
	.box5 {width:160px; height:340px; padding:8px; float:left; margin:15px 15px 15px 0px; overflow:hidden;}
	.box5last {margin-right:0px;}

	.box5 p {line-height:1em;}
	
	.g1 {background-color:#231F20;}
	.g2 {background-color:#E6E6E6;}
	.g3 {background-color:#EDEDED;}
	.g4 {background-color:#F2F2F2;}	
	.g5 {background-color:#FFF;}	
	
	img.hl-web,img.c,
	img.hl-print,imc.y,
	img.hl-content,img.m,
	img.hl-black,img.k
	{display:block; text-align:center;}

	a.hl-web,a.c,
	a.hl-print,a.y,
	a.hl-content,a.m,
	a.hl-black,a.k
	{text-decoration:none !important;}
	
	a.hl-web:hover,a.c:hover,
	a.hl-print:hover,a.y:hover,
	a.hl-content:hover,a.m:hover,
	a.hl-black:hover,a.k:hover
	{text-decoration:underline !important;}	
	
	
	.hl-web,.hl-print,.hl-content,.hl-black
	{display:inline; padding:0px 3px;}
	
	.c {color:#00ADEE;}
	.y {color:#FFE600;}	
	.m {color:#EC297B;}		
	.k {color:#231F20;}
	.g {color:#666;}


	.hl-web {background-color:#00ADEE;}
	.hl-print{background-color:#FFE600;}	
	.hl-content{background-color:#EC297B;}		
	.hl-black {background-color:#231F20; color:#FFF;}
	

.box1 {}
.box1 .mid { padding:0px 12px 0px 5px; border:2px solid #EDEDED;} 
.box1 .portifolio {text-align:center; height:330px;width:460px}

.box1 img.tag {margin-top:-25px;}

.s500px {width:480px;}
.box1 .mid p {margin:0px !important; padding:0px;}

.benefits-block { margin:25px 0px;}
.benefits-block img {float:left; vertical-align:middle; clear:left; margin:10px 20px 10px 0px; }

.clear { height:0px; clear:both;}

.portfolio-rotator {margin:0px auto;}