@CHARSET "UTF-8";
/*
Theme Name: CincoCapital WP Theme
Theme URI: http://cincocapital.com/
Description: The CincoCapital WordPress Theme by Demian Grandt
Version: 1.6
Author: Demian Grandt
Author URI: http://bitstyle.de
Tags: tig, tak, tag
*/



	/** main page and layout setup **/

	*, all {
		font-family: verdana, arial, sans-serif;
		
		font-size: 11px;
		line-height: 16px;
		color: #00447b;
	}
	
	html {
		height: 100%;
	}
	
	body {
		margin: 0;
		background-color: #f2f5f8;
	}
	
	#flashContainer {
		width: 100%;
		height: 100%;
		position: fixed; /** absolute **/
		left: 0;
		top: 0;
	}
	
	body.noflash {
		background-image: url('img/nojs.flashcontainer.background.jpg');
		background-repeat: no-repeat;
		background-position: top center;
	}
	
	#flashContainer.noflash {
		background-image: url('img/nojs.body.background.png');
		background-repeat: repeat-x;
	}
	
	#page {
		width: 770px;
		position: absolute;
		top: 102px;
		left: 50%;
		margin-left: -385px;
		padding-bottom: 25px;
	}
	
	#page .header {
		height: 50px;
		Xbackground-color: blue;
	}
	
	#page .content {
		background-image: url('img/page.background.png');
		padding-top: 48px;
		padding-bottom: 22px;
		Xbackground-color: red;
		min-height: 430px;
	}
	
	#page .footer {
		background-image: url('img/page.background.png');
		background-position: bottom;
		height: 20px;
	}
	
	#page .content .margin {
		margin-left: 48px;
		margin-right: 20px;
	}
	
	
	/** navigation and logo **/
	
	a.logo {
		float: left;
		margin-left: 38px;
		margin-right: 45px;
	}
	
	ul.navigation {
		list-style-type: none;
		padding:0;
		margin:0;
	}
	
	ul.navigation li {
		padding:0;
		margin:0;
		display: inline-block;
		margin-top: 28px;
		cursor: pointer;
	}
	
	ul.navigation li a {
		height: 23px;
		display: inline-block;
		cursor: pointer;
	}
	
	ul.navigation li a span {
		display: none;
	}
	
	#nav_about {
		width: 65px;
		background-image: url("img/navi.backgrounds.png");
	}
	#nav_about:hover, #nav_about.at {
		background-position: 0 -23px;
	}
	
	#nav_portfolio {
		width: 90px;
		background-image: url("img/navi.backgrounds.png");
		background-position: -65px 0;
	}
	#nav_portfolio:hover, #nav_portfolio.at {
		background-position: -65px -23px;				
	}
	
	#nav_contact {
		width: 80px;
		background-image: url("img/navi.backgrounds.png");
		background-position: -155px 0;
	}
	#nav_contact:hover, #nav_contact.at {
		background-position: -155px -23px;				
	}
	
	/** general typo **/
	
	h1, h2, h3 {
		margin: 0;
		color: #e52f7a;
	}
	
	p {
		margin-top: 0;
		margin-bottom: 16px;
		margin-right: 115px;
	}
	
	a:hover {
		color: #e52f7a;
	}
	
	a:focus, a:active {
		outline: none;
	}
	
	.cpink {
		color: #e52f7a;
	}
	
	.cblue {
		color: #00447b;
	}
	
	ul.pinkdots {
		padding: 0;
		padding-left: 17px;
		margin-bottom: 16px;
	}
	
	ul.pinkdots li span {
		color: #00447b;				
	}
	
	/** further elements **/
	
	div.dotline {
		background-image: url('img/div.dotline.background.gif');
		background-repeat: repeat-x;
		height: 1px;
		margin-right: 115px;
	}
	
	
	/** portfolio **/
	div.portfolio {
		margin-top: 18px;
		margin-bottom: 18px;
	}
	
	div.portfolio div.img {
		float: left;
	}
	
	div.portfolio div.info {
		display: block;
		margin-left: 154px;
	}
	
	div.portfolio div.info span {
		display: inline-block;
		width: 55px;
	}
	
	#scrollpane {
		margin-right: 27px;
		height: 364px;
		overflow: auto;
	}
	
	/** contact **/
	
	div#map {
		width: 447px;
		height: 421px;
		float: left;
	}
	
	div#data {
		float: left;
		height: 421px;
		width: 240px;
		Xborder: 1px solid red;
	}
	
	div#data div.credits {
		height: 246px;
		text-align: right;
		
		Xborder: 1px solid red;
	}
	
	div#data #creditshidden {
		height: 7px;
		overflow: hidden;		
		color: #7fa1bd;
	}
	
	div#data #creditshidden span.linespacer {
		line-height: 8px;
		height: 8px;
		display: block;
	}
	
	div#data #creditshidden:hover {
		height: 110px;
	}
	
	div#data a.credits {
		height: 7px;
		width: 43px;
		display: block;
		background-image: url('img/credits.bg.gif');
		margin-bottom: 17px;
		float: right;
	}
	
	div#data #creditshidden:hover a.credits {
		background-position: 0 7px;
	}
	
	div#data div.contact {
		margin-left: 17px;		
	}
	
	div#data div.contact h1 {
		margin-bottom: 16px;
	}
	
	div#data div.contact p {
		margin-right:0;	
	}
	
	/**
	div#data div.contact span {
		color: #e52f7a;
	}
	**/
	
	/** div#data div.contact **/ 
	span.tab {
		display: inline-block;
		width: 36px;
		color: #e52f7a;
	}
	
	/** imprint **/
	
	div.imprintdata1 {
		width: 250px;
		Xborder: 1px solid red;
		float: left;
	}
	
	div.imprintdata2 {
		width: 400px;
		Xborder: 1px solid blue;
		float: left;
		padding-left: 37px;
	}
	
	div.dotlinevertical {
		background-image: url("img/div.dotline.vertical.background.gif");
		background-repeat: repeat-y;
	}
	
	
	
	/** jScrollPane **/
	
	.jScrollPaneContainer {
		position: relative;
		overflow: hidden;
		z-index: 1;
		outline: none;
	}
	
	.jScrollPaneTrack {
		position: absolute;
		cursor: pointer;
		right: 0;
		top: 0;
		height: 100%;
		background: #00447b;
	}
	.jScrollPaneDrag {
		position: absolute;
		background: #f2f5f8;
		cursor: pointer;
		overflow: hidden;
		
		background-image: url("img/scrollpane.drag.background.gif");
	}
	.jScrollPaneDragTop {
		position: absolute;
		top: 0;
		left: 0;
		overflow: hidden;
	}
	.jScrollPaneDragBottom {
		position: absolute;
		bottom: 0;
		left: 0;
		overflow: hidden;
	}
	a.jScrollArrowUp {
		display: block;
		position: absolute;
		z-index: 1;
		top: 0;
		right: 0;
		text-indent: -2000px;
		overflow: hidden;
		/*background-color: #666;*/
		height: 9px;
	}
	a.jScrollArrowUp:hover {
		/*background-color: #f60;*/
	}
	
	a.jScrollArrowDown {
		display: block;
		position: absolute;
		z-index: 1;
		bottom: 0;
		right: 0;
		text-indent: -2000px;
		overflow: hidden;
		/*background-color: #666;*/
		height: 9px;
	}
	a.jScrollArrowDown:hover {
		/*background-color: #f60;*/
	}
	a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
		/*background-color: #f00;*/
	}