/* =RESET
=------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family: inherit;vertical-align:baseline}
:focus{outline:0}
body{ background-repeat: repeat-x; height: 720px; background-image: url(images/background.gif); background-color: #0d0d0d; line-height:1; overflow-y: hidden; color:black; width: 100%}
ol,ul{list-style:none}
table{border-collapse:separate;border-spacing:0}
caption,th,td{text-align:left;font-weight:normal}
blockquote:before,blockquote:after,q:before,q:after{content:""}
blockquote,q{quotes:""""}



/* =GENERAL
--------------------- */
	 
strong{ font-weight:700; }
em{ font-style:italic; }

/* Clear Fix Hack - add  class="fixed"  to div's that have floated elements in them */

.fixed:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
	.fixed{display:block;}
	/*  \*/
	.fixed{min-height:1%;}
	* html .fixed{height:1%;}
	
/* =LAYOUT
--------------------- */
table#imagerow {
	position: absolute;
	left: 0px;
	top: 0px;
	margin-left: 40px;	
}
tr#imagespacing td {
	padding-right: 40px;
	padding-top: 80px;
}
tr#imagespacing td img { -webkit-box-shadow: #333 1px 4px 4px;
}

	
		/* =NAVIGATION
		--------------------- */

		#logo {text-indent: -9999px;}

		#logo a { 
		background-image: url(images/logo.gif);
		background-repeat: no-repeat;
		height: 18px;
		width: 294px;
		position: fixed;
		left: 40px;
		top: 14px;
		z-index: 10;
		/* IE6 Hack  as position fixed is not supported */
		_position: absolute;
		_top: expression( ( 14 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
		_left: expression( ( 40 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
		}

		#contact a { 
		background-image: url(images/contact.gif);
		background-repeat: no-repeat;
		height: 18px;
		width: 58px;
		position: fixed;
		right: 40px;
		top: 14px;
		z-index: 10;
		/* IE6 Hack  as position fixed is not supported */
		_position: absolute;
		_top: expression( ( 14 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
		_left: expression( ( 414 + ( ignoreMe3 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
		}
		
		#back a { 
		background-image: url(images/back.gif);
		background-repeat: no-repeat;
		height: 18px;
		width: 127px;
		position: fixed;
		right: 40px;
		top: 14px;
		z-index: 10;
		/* IE6 Hack  as position fixed is not supported */
		_position: absolute;
		_top: expression( ( 14 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
		_left: expression( ( 414 + ( ignoreMe3 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
		}

ul#menu { top: 18px; right: 10px; position: fixed; margin: 0px; white-space:nowrap; z-index: 10; }
ul#menu li, ul#menu li a { text-transform: none; text-decoration: none; color: #b3b3b3; display: inline; margin-right: 4px; font-size: 12px; }
ul#menu li.change { margin-right: 20px; }
ul#menu li a:hover {
	text-decoration:none;
	color: white;
}
#footer { width: 100%; background-color: black; height: 20px; bottom: 0px; left: 0px; position: absolute; z-index: 10;}
ul#footer li, ul#footer li a { text-transform: none; text-decoration: none; color: #b3b3b3; display: inline; margin-right: 4px; font-size: 12px; }
ul#footer li.change { margin-right: 20px; }
ul#footer li a:hover {
	text-decoration:none;
	color: white;
}
a	{ -webkit-transition: color .2s linear; }

		/* =TEXT
		--------------------- */
		ul#container li.text{ 
			float:left; position:relative;  overflow:hidden; 
		 	margin-right:25px; width:270px; 
			height:425px; padding: 45px 30px 30px 30px; /* ! height must be height of the pictures - paddin-top - padding-bottom */ 
			background-color:#EDEFF0; font-size:14px; line-height:22px;
		}
							  
		ul#container li.service{ padding-top:0; height:470px; }	
		ul#container li.service img{ margin-bottom:25px; }				  
	
			ul#container li.text h1{ 
				font-weight: bold; 
				margin-bottom:15px; font-size: 18px;
			}
			
			ul#container li.text h2{ 
				margin-bottom:15px; font-size: 18px;  
			}
			
			ul#container li.text blockquote{ 
				margin-bottom:15px; padding:5px 25px 0 45px;
				background: url(images/bg-quote.jpg) no-repeat top left;
				font-style:italic;  
			}
			
			ul#container li.text p { margin-bottom:15px; }
			ul#container li.text ul{ margin-bottom:15px; list-style: inside; }
			ul#container li.text a { text-transform: none; text-decoration: none; color:#000000; }

	/* =TWITTER
	--------------------- */
		#mytweet .bird { 
		height: 150px;
		width: 150px;
		position: absolute;
		left: 4px;
		top: 560px;
		z-index: 100;}
		#tweet li { 
		font-style: italic; 
		max-width: 800px;
		color: #e6e6e6;
		text-shadow: rgb(50, 50, 50) 0px 1px 0px;
		-webkit-text-stroke: 1px transparent; 
		font-size: 24px; 
		position: absolute;
		left: 155px;
		top: 635px;
		z-index: 10;}
		#tweet li a { 
		font-size: 18px;
		color: #e6e6e6;
		-webkit-text-stroke: 1px transparent;}
		#tweet p { 
		font-style: italic; 
		color: black;
		font-size: 16px; 
		position: absolute;
		left: 138px;
		top: 612px;
		z-index: 10;}
		#tweet .loader { 
		position: absolute;
		background-image: url(images/indicator.gif);
		left: 170px;
		top: 650px;
		height: 16px;
		width: 16px;
		z-index: 10;}
			
	/* =CONTACT-FORM
	--------------------- */
	form{}
	
		form p{
			clear:both; margin-bottom:0;
			text-indent:0px;
		}
		
		label{ width:150px; }
		
		input, textarea{
			width:250px; border:1px solid #ccc; 
			padding:5px; background-color:#fff; 
		}
		
		textarea{ height:78px; }
		
		.btn{ margin-left:133px; width:120px; }	
		
		#formstatus{ font-size:11px;  font-weight:bold; }
		
		.formstatuserror{ color:#FF0000; }
		.formstatusok	{ color:#00CC33; }
		
ul#container{
	position:absolute; top:75px; left:40px;
	
	height:500px; /* ! height must be the same with the height of the pictures you will be using */
	padding:5px 0;  
	list-style:none;  
}
	
	ul#container li{-webkit-box-shadow: #333 1px 4px 4px;}