/*  
Theme Name: Triloxigen BV - 26
*/

*
{
	margin			: 0;
	padding		: 0;
	outline		: none;
}

body
{
	background-color	: #7c9ca7;
	background-image	: url('images/wallpaper.jpg');
	background-attachment: fixed;
	background-repeat	: repeat-x;
	background-position	: center top;
	font-family		: Verdana;
	color			: #919191;
	font-size		: 12px;
}

a, .link
{
	color			: #b6c340;
	cursor			: pointer;
}

table 
{
	border-collapse	: collapse;

}

fieldset,img 
{
	border			: 0;
}

p
{
	/*line-height		: 25px;*/
}

div.c
{
	clear			: both;
}

div.header
{
	width			: 900px;
	padding-left		: 10px;
	padding-right		: 10px;
	margin			: auto;
	height			: 80px;
	position		: relative;
}

	div.header div.logo
	{
		position		: absolute;
		top			: 10px;
		left			: 20px;
	}

	div.header div.nav
	{
		position		: absolute;
		top			: 30px;
		right			: 20px;
	}
	
		div.header div.nav ul
		{
			list-style-type	: none;
		}
		
			div.header div.nav ul li
			{
				float			: left;
				font-size		: 14px;
				font-family		: Arial;
			}
			
				div.header div.nav ul li a
				{
					color			: #FFFFFF;
					text-decoration	: none;
					padding-top	: 3px;
					padding-bottom: 4px;
					width		: 95px;
					display	: block;
					text-align	: center;					
				}
				
				div.header div.nav ul li a:hover, div.header div.nav ul li a.active
				{
					background		: url('http://i40.tinypic.com/2duvz9e.png') no-repeat;
				}

div.body
{
	width			: 880px;
	padding		: 8px;
	background		: url('images/trans.png') repeat;
	margin			: auto;
}

div.container
{
	background		: #000000;
	position		: relative;	
}

	
div.teaser
{
	height			: 220px;
	margin-bottom		: 10px;
	position		: relative;
	color			: #FFFFFF;
}

	div.teaser div.clients
	{
		position		: absolute;
		top			: 25px;
		left			: 20px;
	}
	
		div.teaser div.clients img
		{
			background-color	: #000000;
		}


	div.teaser div.teaser-arrow
	{
		position		: absolute;
		top			: 0;
		bottom			: 0; 
		left			: 200px;
		background-image	: url('images/teaser-arrow-bg.png');
		background-repeat	: no-repeat;
		background-position	: center;
		width			: 45px;
	}

	div.teaser ul.products 
	{
		position		: absolute;
		top			: 0;
		bottom			: 0; 
		left			: 260px;
		right			: 0;
		list-style-type	: none;
		width			: 620px;
	}
	
		div.teaser ul.products li.product 
		{
			width			: 135px;
			height			: 220px;
			position		: relative;
			font-family		: Trebuchet MS;
			float			: left;
			padding-left		: 10px;
			padding-right		: 10px;
			cursor			: pointer;
		}

			div.teaser ul.products li.product:hover
			{
				background-color	: #292929;
			}
			
			div.teaser ul.products li.product span.keyword 
			{
				position		: absolute;
				top			: 15px;
				left			: 10px;
				font-weight		: bold;
				font-size		: 17px;
				font-family		: Arial;
			}

			div.teaser ul.products li.product span.product
			{
				position		: absolute;
				top			: 45px;
				font-weight		: bold;
				font-size		: 25px;
				letter-spacing	: -1px; 
			}

			div.teaser ul.products li.product span.info
			{
				position		: absolute;
				top			: 75px;
				font-size		: 12px;
			}
			
				div.teaser ul.products li.product span.info a
				{
					color			: #FFFFFF;
				}

			div.teaser ul.products li.product span.button
			{
				position		: absolute;
				top			: 180px;
			}
			
div.menu
{
	float			: right;
	width			: 292px;
	margin-right		: 10px;
}

	div.menu div.s
	{
		height			: 10px;	
	}
	
	div.menu div.block
	{
		padding		: 15px;
		position		: relative;				
	}
	
	div.menu div.block-show
	{
		background	: url('images/wallpaper.jpg') no-repeat 0px;
		padding		: 15px;
		color			: #FFFFFF;
		position		: relative;				
	}

		
		div.menu div.block-show span.title
		{

			font-size		: 18px;
			font-family		: Arial;
			display		: block;
			margin-bottom		: 10px;
			font-family		: Trebuchet MS;
		}
		
		div.menu div.block-show label.form
		{
			float			: left;
			width			: 50px;
		}
		
		div.menu div.block-show input.text, div.menu div.block-show textarea.text
		{
			border			: 0;
			margin-bottom		: 4px;
			width			: 210px;
		}
		
		div.menu div.block-show textarea.text
		{
			width			: 260px;
			margin-top		: 5px;
		}
		
		div.menu a span.title
		{
			color			: #FFFFFF;
			text-decoration	: none;
		}
		
		div.menu div.quick-contact textarea.text
		{
			height			: 100px;
		}	
		
	div.menu div.cloud
	{
		text-align		: center;
	}		
	
		div.menu div.cloud a
		{
			color			: #5d6771;
			text-decoration	: none;
		}
		
		
	div.search
	{
		padding	: 5px;
		padding-top	: 0;
		color		: #FFFFFF;
	}
	
	div.search span.search
	{
		background-color	: #FFFFFF;
		height			: 21px;
		position		: relative;
		margin			: auto;
		width			: 60%;
		border-color		: #000000;
		border-style		: solid;
		border-width		: 1px;
	}
	
		div.search input.text
		{
			border			: 0;
			height			: 20px;	
		}
		
		div.search input.button
		{
			position		: absolute;
			right			: 5px;
		}
			
			
			
div.main
{
	background		: #ebebeb;
	width			: 565px;
	padding-top		: 8px
}
	div.main div.block
	{
		padding		: 15px;
		background-image	: url('images/main-block-bg.png');
		background-repeat	: repeat-x;
		background-position	: top;
		position		: relative;	
		min-height		: 275px;			
	}
	
	div.main ul
	{
		margin-left		: 35px;
	}	
			
			
	div.main ul.clients
	{
		list-style-type	: none;
		margin			: 0;
	}
	
		div.main ul.clients li.split
		{
			float			: left;
			width			: 10px;
		}
			
		div.main ul.clients li.client
		{
			float			: left;
			margin-bottom		: 10px;
			background-color	: #ededed;
			width			: 133px;
			height			: 150px;
			position		: relative;
		}
		
			div.main ul.clients li.client div.logo
			{
				margin			: auto;
				position		: absolute;
				left			: 15px;
				top			: 10px;
			}
			
			div.main ul.clients li.client div.title
			{
				font-weight		: bold;
				position		: absolute;
				left			: 0;
				right			: 0;
				top			: 120px;
				text-align		: center;
			}
			
				div.main ul.clients li.client div.title a
				{
					color			: #000000;
					text-decoration	: none;
				}
				
	div.main div.screenshots img
	{
		height			: 120px;
	}
			
div.project
{
		background-image	: url('images/main-block-bg.png');
		background-repeat	: repeat-x;
		background-position	: top;

	position		: relative;
	margin-bottom		: 30px;
	padding		: 10px;	
}

	div.project div.info
	{
		position		: absolute;
		right			: 10px;
		top			: 50px;
		bottom			: 0;
		width			: 200px;
	}
	
		div.project div.info span.client
		{
			font-weight		: bold;
			display		: block;
		}
		
			div.project div.info span.client a
			{
				text-decoration	: none;
				color			: #0861b5;
				font-size		: 15px;
			}
			
		div.project div.info span.text
		{
			position		: absolute;
			top			: 35px;
			overflow		: hidden !important;
			height			: 101px;
		}
		
		div.project div.info ul.products
		{
			position		: absolute;
			bottom			: 30px;
			margin			: 0;
			margin-left		: 15px;
			list-style-type	: square;
		}
		
			div.project div.info ul.products li a
			{
				color			: #4c777d;
				text-decoration	: none;
			}
		
		div.project div.info span.website
		{
			position		: absolute;
			bottom			: 10px;
			
		}

	div.project div.screenshot
	{
		min-height			: 250px;
	}

		div.project div.screenshot img
		{
			width			: 330px;
		}
	




div.footer
{
	text-align		: center;
	margin-top		: 15px;
	padding-top		: 30px;
	padding-bottom	: 30px;
	color			: #000000;
	font-size		: 10px;
}

	div.footer a
	{
		color			: #000000;
	}
			
			
			

a.product-button
{
	color			: #FFFFFF;
	background-repeat	: no-repeat;
	background-position	: center;
	display		: block;
	width			: 133px;
	text-align		: center;
	font-size		: 16px;
	font-family		: Arial;
	text-decoration	: none;
	font-weight		: bold;
	padding-top		: 2px;
	padding-bottom	: 2px;
}

.product-1
{
	color			: #ce1d23;
}

	a.product-button-1
	{
		background-image	: url('images/product-1.png');	
	}

.product-2
{
	color			: #216cb9;
}

	a.product-button-2
	{
		background-image	: url('images/product-2.png');	
	}

.product-3
{
	color			: #7ac33f;
}

	a.product-button-3
	{
		background-image	: url('images/product-3.png');	
	}

.product-4
{
	color			: #6c969b;
}

	a.product-button-4
	{
		background-image	: url('images/product-4.png');	
	}






/* corners */
div.corner-tl
{
	background-position	: top left;
	top			: 0;
	left			: 0;
}

div.corner-tr
{
	background-position	: top right;
	top			: 0;
	right			: 0;
}

div.corner-bl
{
	background-position	: bottom left;
	bottom			: 0;
	left			: 0;
}

div.corner-br
{
	background-position	: bottom right;
	bottom			: 0;
	right			: 0;
}




h1, h1 a
{
	font-weight		: bold;
	font-size		: 28px;
	font-family		: Trebuchet MS;
	color			: #026970;
	text-decoration	: none;
	margin-bottom		: 15px;
}

	h2
	{
		margin-top		: 20px;
		margin-bottom		: 5px;
		font-size		: 18px;
	}



/* contact form*/
	div.contact-form label
	{
		float			: left;
		width			: 200px;
	}

	div.contact-form input, div.contact-form textarea
	{
		width			: 250px;
	}


/* table */
table.data
{
	width			: 100%;
}

	table.data td.label
	{
		width			: 150px;
	}

	table.data td
	{
		padding-top		: 2px;
		padding-bottom	: 2px;
	}	
	



/* wysiwyg editor */
.alignright
{
	float			: right;
	margin-left		: 15px;
}

.alignleft
{
	float			: left;
	margin-right		: 15px;
}



.footer_menu .menu ul
{
	list-style-type	: none;
}

.footer_menu .menu li
{
	float		: left;
	margin-right	: 5px;
}
	
		
		
/* contact form */
#wpcf { text-align: left; }
#wpcf fieldset { padding: 10px; border: 1px solid #666666; width: 400px; margin: auto }
#wpcf legend { font-weight: bold: border: 1px solid #666666; padding: 3px }
#wpcf label { display: block; float: left; text-align: right; width: 140px; padding-right: 10px; font-size: 100% }
#wpcf p { margin: 0 0 7px 0 }
#wpcf .field { font-size: 100%; width: 240px; padding: 0; margin: 0 }
#wpcf p.button { text-align: right; padding: 0 5px 0 0; }
#wpcf textarea { font-size: 100%; width: 240px; height: 50px }
#wpcf .error { background-color: #FFFF00 }
#wpcf .challenge { font-size: 100%; display: inline-block; display: -moz-inline-stack; text-align: left; width: 240px }
#wpcf p.alert { color:#FF0000; font-weight: 700; text-align: center; padding: 5px 0 10px 0 }