ol,ul,li{margin:0; padding:0; list-style-type:none;}
h1,h2,h3,h4,p,a,li,img{text-align:left; margin:0; padding:0;}
span{display:none;}

body{padding:0; margin:0; background-color:#9d9c9c; font:11px verdana, arial; text-align:center;}

h1{background:url(../i/PL_Header.gif) 0 0 no-repeat; height:95px; width:770px; margin:0 0 5px 0; padding:0;}

#pageContainer{width:770px; background-color:#fff; padding:0 5px 5px 5px; margin:0 auto; position:relative;}
	
	#iconNav{position:absolute; top:50px; left:30px; z-index:100;}
		#iconNav ul{float:left; height:38px; width:100%;}
			#iconNav ul li{float:left; height:38px;}
			#iconNav ul li.home{background:url(../i/icon_Home_On.gif) 0 0 no-repeat; width:170px;}
			#iconNav ul li.services{background:url(../i/icon_Services_On.gif) 0 0 no-repeat; width:120px;}
			#iconNav ul li.contact{background:url(../i/icon_Contact_On.gif) 0 0 no-repeat; width:120px;}
				
			#iconNav ul li.homeOn{background:url(../i/icon_Home_On.gif) 0 0 no-repeat;}
			#iconNav ul li.servicesOn{background:url(../i/icon_Services_On.gif) 0 0 no-repeat;}
			#iconNav ul li.contactOn{background:url(../i/icon_Contact_On.gif) 0 0 no-repeat;}
				
				#iconNav ul li a{display:block; width:120px; height:38px; font-weight:700; font-size:1em; color:#b8dce6; text-decoration:none;}
				#pageContainer #iconNav ul li a:hover{background:transparent; color:#fff;}
				
				#iconNav ul li.home a{background:url(../i/icon_Home_Off.gif) 0 0 no-repeat; width:170px;}
				#iconNav ul li.services a{background:url(../i/icon_Services_Off.gif) 0 0 no-repeat;}
				#iconNav ul li.contact a{background:url(../i/icon_Contact_Off.gif) 0 0 no-repeat;}
				#iconNav ul li.homeOn a{background:url(../i/icon_Home_On.gif) 0 0 no-repeat;}
				#iconNav ul li.servicesOn a{background:url(../i/icon_Services_On.gif) 0 0 no-repeat;}
				#iconNav ul li.contactOn a{background:url(../i/icon_Contact_On.gif) 0 0 no-repeat;}
					#iconNav ul li a em{display:block; padding:12px 0 0 40px; font-style:normal;}

	#portfolioHome{background:url(../i/PL_HP_BG_Photo.jpg) 0 0 no-repeat; width:770px; height:537px;}
		#portfolioHome div{background:transparent; height:auto;}
		#portfolioHome div#subNavigation{height:19px; background-color:#AAD0DD; padding:4px 0 0 0;}
		#portfolioHome div#home p {padding:10px 10px 5px 10px; color:#fff;}
			#portfolioHome div#home p a{color:#fff; text-decoration:underline;}
			#portfolioHome div#home p a:hover{text-decoration:none;}


	#mainNavigation{float:left; width:170px; background:#7EBFC5 url(../i/PL_LeftNav_BG_Slice.jpg) 0 0 repeat-x; height:1350px;}
		#mainNavigation ul{}
			#mainNavigation ul li{padding:9px 0 0 12px;}
				#mainNavigation ul li a{color:#fff; text-decoration:none; font-size:1em; font-weight:700;}
				#mainNavigation ul li a:hover{font-weight:700;}
				#mainNavigation ul li ul li a{font-weight:400;}
				#mainNavigation ul li ul li a.current{font-weight:700;}

	#home{width:600px; background:#5AAFB6 url(../i/PL_BG_Slice.jpg) 0 23px repeat-x; float:left; height:1350px; overflow:hidden;}
		#subNavigation{height:19px; background-color:#AAD0DD; padding:4px 0 0 0;}
			#subNavigation h2{color:#2e6878; text-align:left; font-size:1.2em; padding:0 0 0 10px;}
		#work{}	
			#workNavigation{height:19px;}
				#workNavigation li{float:left;}
				#workNavigation li.r{float:right;}
					#workNavigation li a{display:block;}
						#workNavigation li a#scrollLeft{background:url(../i/PL_Button_Back.gif) 0 0 no-repeat; height:19px; width:130px; margin:20px 0 0 10px;}
						#workNavigation li a#scrollRight{background:url(../i/PL_Button_More.gif) 0 0 no-repeat; height:19px; width:130px; margin:20px 10px 0 0;}
			#workThumbs{overflow:hidden; width:580px; height:117px; margin:0 0 0 5px; float:left;}
			div>#workThumbs{margin:0 0 0 10px;}
				#workThumbs ul{width:1750px; background-color:#44A3C1; float:left; height:117px;}
				#workThumbs ul#illustration{width:680px;}
				#workThumbs ul#othersite{width:680px;}
				#workThumbs ul#photos{width:11360px;}
				#workThumbs ul#printdesign{width:1500px;}
				#workThumbs ul#lwork{width:2200px;}
				#workThumbs ul#sportal{width:850px;}
					#workThumbs li{float:left;}
						#workThumbs li a{}
							#workThumbs li a img{border:none; padding:10px 0 0 10px;}

			#rem{color:#fff; padding:10px 10px 0 10px;}
			#visibleWork{float:left; width:580px;}
				#visibleWork div{display:none; width:100%;}
					#visibleWork div h3{color:#fff; padding:10px 0 0 10px; width:100%;}
					#visibleWork div p{color:#fff; padding:10px 10px 0 10px; width:100%;}
						#visibleWork div p a{color:#fff; text-decoration:underline;}
						#visibleWork div p a:hover{text-decoration:none;}
						#visibleWork div p img{margin:10px 0 0 0; border:none;}

		.links{}
			.links h2{padding:25px 0 10px 10px; color:#fff;}
			.links p{padding:1px 10px 10px 10px; color:#fff;}
				.links p a{color:#fff; text-decoration:none; display:block; font-weight:700;}
				.links p a.x{display:inline;}
				.links p a:hover{text-decoration:underline;}

		.contactPage{}		
			.contactPage form{padding:10px; margin:0;}		
			.contactPage p{}		
				.contactPage p label{display:block; width:125px; float:left; clear:left;}		
				.contactPage p input{width:200px;}				
				.contactPage p.b{margin-left:125px;}				
					.contactPage p.b input{width:auto; margin:0 10px 0 0;}				
				.contactPage p textarea{clear:left;}