@charset "UTF-8";
/* CSS Document */

body	{	background-color: #fff;
			margin-top: 10px;
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			border-collapse: collapse;
			background: url(../images/bg.jpg) repeat-x ;
			}

#main		{	width: 803px;
				margin: auto;
				padding-right: 30px;
				}

#logo		{	background-image: url(../images/logotop.png);
				background-repeat: no-repeat;
				background-position: 52.5% 0%;
				height: 120px;
				}

ul#nav li	{	padding: 0;
				display: block;
				margin: 0;
				float: left;
				text-indent: -9999px;
				z-index: 9998;
				}
				
/* Start hide from IE-Mac \*/

	* html #textfield	{	margin-top: 10px;margin-right: 8px;}
	
	* html #logo		{	background-image: url(../images/logotopie.jpg);
							background-repeat: no-repeat;
							background-position: 52.5% 0%;
							height: 120px;
							}
	
	*html #portunder	{	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/p01s.png", sizingMethod="scale");
							background-color: #fff;
							back\ground-color: transparent;
							background-image: url(blank.gif);
							margin-top: 55px;
							}
	
	*html #content	{	background-position: 46% 100%;}
	
	*html #loading	{	margin-top:-100px;}
	
	*html #photorotate	{	margin-top:75px;}

/* End Hide from IE-Mac */


/*-- Beginning of the Navigation --*/

#nav	{	position:relative;}

ul#nav	li a		{	border: 0;
						display: block;
						height: 56px;
						background: url(../images/navbar.png) no-repeat;
						z-index: 9998;
						}

li#home a				{	width: 150px;}

li#home a:link			{	background-position: 0px 0px;}
li#home a:visited		{	background-position: 0px 0px;}
li#home a:hover			{	background-position: 0px -56px;}
li#home a:active		{	background-position: 0px -112px;}
li#homeon a				{	width: 150px;background-position: 0px 0px !important;cursor: default;}

li#about a				{	width: 151px;}

li#about a:link			{	background-position: -153px 0px;}
li#about a:visited		{	background-position: -153px 0px;}
li#about a:hover		{	background-position: -153px -56px;}
li#about a:active		{	background-position: -153px -112px;}
li#abouton a			{	width: 151px;background-position: -153px -168px !important;}

li#portfolio a				{	width: 150px;}

li#portfolio a:link			{	background-position: -304px 0px;}	
li#portfolio a:visited		{	background-position: -304px 0px;}
li#portfolio a:hover		{	background-position: -304px -56px;}
li#portfolio a:active		{	background-position: -304px -112px;}
li#portfolioon a			{	width: 150px;background-position: -304px -168px !important;}

li#clients a			{	width: 150px;}

li#clients a:link		{	background-position: -454px 0px;}
li#clients a:visited	{	background-position: -454px 0px;}
li#clients a:hover		{	background-position: -454px -56px;}
li#clients a:active		{	background-position: -454px -112px;}
li#clientson a			{	width: 150px;background-position: -454px -168px !important;}

li#targeting a				{	width: 150px;}

li#targeting a:link			{	background-position: -604px 0px;}
li#targeting a:visited		{	background-position: -604px 0px;}
li#targeting a:hover		{	background-position: -604px -56px;}
li#targeting a:active		{	background-position: -604px -112px;}
li#targetingon a			{	width: 150px;background-position: -604px -168px !important;}


/*-- Ending of the Navigation --*/

				
#photorotate	{	height: 477px;
					margin-left: -147px;
					display:block;
					background-image:url(../images/loading.gif);
					background-repeat:no-repeat;
					background-position:58% 50%;
					}
				
					
#content	{	background-image: url(../images/bottomfade.png);
				background-position: 92% 100%;
				background-repeat: no-repeat;
				
				}
					
#textfield		{	margin: 5px 16px 0 -320px;
					width: 440px;
					font-size: 14px;
					color: #333;
					line-height: 1.3em;
					float: right;
					}

#textfield h1	{	font-size: 30px;
					color: #333;
					margin: auto;
					margin-top: 10px;
					}

#textfield h2	{	font-size: 19px;color: #933;margin-bottom: -10px;}

#textfield h3	{	font-size: 16px;color: #333;margin-bottom:	-13px;}

#textfield h4	{	font-size: 14px;color: #333;margin-bottom:	-7px;}

#leftpix	{	float: left;
				padding: 0 280px 0 40px;
				}
				
#portcontent	{	width: 867px;
					height: 775px;
					margin-left: 38px;
					background-position: 0% 0%;
					}
#portcontent a:hover	{	opacity: .8;
							filter: alpha(opacity=80);
							filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
							}

#portcontent img:hover	{	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
							filter: alpha(opacity=80);
							opacity: .8;
							}

#portunder	{	margin-top: -120px;
				margin-left: 55px;
				width: 795px;
				}

#portunder img	{	margin: 0 61px 0 0;
					}

#portunder a:hover	{	opacity: .8;
						filter: alpha(opacity=80);
						filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
						}

#portunder img:hover	{	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
							filter: alpha(opacity=80);
							opacity: .8;
							}

#footer			{	color: #999;
					font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
					font-size: 12px;
					margin-left: 20px;
					margin-top: -10px;
					padding-bottom: 20px;
					clear: both;
					height: auto;
					}

#footer	 a		{	color: #999;
					font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
					font-size: 12px;
					text-transform: uppercase;
					text-decoration: none;
					}
						
#footer	 a:hover	{	color: #666;
						font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
						font-size: 12px;
						text-transform: uppercase;
						text-decoration: none;
						}

#footer	 p		{	text-align: center;
					line-height: 1.5em;
					}

#tffall	{position:relative;margin-left:-35px;margin-top:-5px;}

ul#tffall	li a		{	border: 0;
							display: block;
							height: 135px;
							background: url(../images/tffbuttons.jpg) no-repeat;
							z-index: 9998;
							}

li#tff1 a				{	width: 153px;}

li#tff1 a:link			{	background-position: 0px 0px;}
li#tff1 a:visited		{	background-position: 0px 0px;}
li#tff1 a:hover			{	background-position: 0px -136px;}
li#tff1 a:active		{	background-position: 0px -271px;}

li#tff2 a				{	width: 149px;}

li#tff2 a:link			{	background-position: -153px 0px;}
li#tff2 a:visited		{	background-position: -153px 0px;}
li#tff2 a:hover			{	background-position: -153px -136px;}
li#tff2 a:active		{	background-position: -153px -271px;}

li#tff3 a				{	width: 149px;}

li#tff3 a:link			{	background-position: -302px 0px;}	
li#tff3 a:visited		{	background-position: -302px 0px;}
li#tff3 a:hover			{	background-position: -302px -136px;}
li#tff3 a:active		{	background-position: -302px -271px;}

li#tff4 a				{	width: 149px;}

li#tff4 a:link			{	background-position: -450px 0px;}
li#tff4 a:visited		{	background-position: -450px 0px;}
li#tff4 a:hover			{	background-position: -450px -136px;}
li#tff4 a:active		{	background-position: -450px -271px;}

li#tff5 a				{	width: 180px;}

li#tff5 a:link			{	background-position: -605px 0px;}
li#tff5 a:visited		{	background-position: -605px 0px;}
li#tff5 a:hover			{	background-position: -605px -136px;}
li#tff5 a:active		{	background-position: -605px -271px;}

ul#tffall li	{	padding: 0;
					display: block;
					margin: 2px 0 0 0;
					float: left;
					text-indent: -9999px;
					z-index: 9998;
					}

li#ccbutton a				{	width: 768px;}

li#ccbutton a:link			{	background-position: 0px 0px;}
li#ccbutton a:visited		{	background-position: 0px 0px;}
li#ccbutton a:hover			{	background-position: 0px -98px;}
li#ccbutton a:active		{	background-position: 0px -197px;}

ul#ccbuttonall li	{	padding: 0;
						display: block;
						margin: 6px 0 0 0;
						float: left;
						text-indent: -9999px;
						z-index: 9998;
						}

ul#ccbuttonall	li a		{	border: 0;
								display: block;
								height: 100px;
								background: url(../images/ccbutton.jpg) no-repeat;
								z-index: 9998;
								}

#ccbuttonall	{position:relative;margin-left:-35px;margin-top:8px;}