* {zoom:1;}

	body {behavior: url(csshover2.htc);}
  
  html, body {margin:0; padding:0;}
	body {font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif; font-size:95%; background:#16476B url(images/style/body.png) top repeat-x; color:#fff;}
	
	h1, h2, h3, h4, h5, h6 {color:#C8DF41;}
	h1 {font-size:190%;}
	h2 {font-size:160%; margin-top:0.3em; margin-bottom:0.4em;}
	h3 {font-size:140%; margin-bottom:0.3em;}
	h4 {font-size:110%;}
	h5, h6 {font-size:100%;}
	
	p {line-height:140%;}
	
	li {line-height:140%;}
	
	strong {color:#C8DF41;}
	
	a {color:#8EC7CF;}
	a:visited {color#C0E0E4;}
	a:hover {color:#C8DF41;}
	
	a img {border:0;}
	
	sub, sup {vertical-align:baseline; position:relative;}
	sub {top:0.4em;}
	sup {bottom:0.4em;}
	
	abbr, acronym {cursor:help;} 
	
	/* classes */
	
	.invisible {display:none;}
	div.cleaner {clear:both; height:1px; font-size:1px; overflow:hidden;}
	img.photo-right {float:right; display:block; margin:15px 0 20px 20px;}
	
	/* basic */
	
	div#page-1 {width:900px; margin:0 auto; position:relative;}
	
	/* header */
	
	div#header {height:216px; background:url(images/style/header.png) top left no-repeat;}

	div#header h1 {margin:0 auto; width:340px; height:165px; position:absolute; top:0; left:0;}
	div#header h1 a {text-decoration:none;}
	div#header h1 span {display:block; cursor:pointer; width:340px; height:165px; position:absolute; top:0; left:0; background:url(images/style/header.png) top left no-repeat;}

	div#header h2 {margin:0 auto; width:115px; height:80px; position:absolute; top:79px; left:603px;}
	div#header h2 span {display:block; width:115px; height:80px; position:absolute; top:0; left:0; background:url(images/style/header.png) -603px -79px no-repeat;}
	
	/* part 1 */
	
	div#part-1 {margin-top:-26px; background:url(images/style/heading-1.png) top left no-repeat; padding-top:115px; position:relative;}
	
	div#part-1-inner {background:url(images/style/wing-1.png) bottom left no-repeat;}
	
	div#part-1 h2#webdesign-heading {margin:0; position:absolute; left:0; top:35px; width:179px; height:34px; overflow:hidden;}
	div#part-1 h2#webdesign-heading span {display:block; position:absolute; left:0; top:0; width:179px; height:34px; background:url(images/style/heading-1.png) 0px -35px no-repeat;}
	
	div#part-1 h2#graphics-heading {margin:0; position:absolute; left:465px; top:35px; width:179px; height:34px; overflow:hidden;}
	div#part-1 h2#graphics-heading span {display:block; position:absolute; left:0; top:0; width:179px; height:34px; background:url(images/style/heading-1.png) -465px -35px no-repeat;}
	
	div#part-1 p {margin-top:0;}
	
	div#part-1 ul {padding:0; margin:30px 0 30px 30px;}
	div#part-1 ul li {list-style:none; text-transform:uppercase; background:url(images/style/bullet-green.gif) left 2px no-repeat; padding:0 0 0 25px; margin:0.4em 0;}
	div#part-1 ul li:hover {background-image:url(images/style/bullet-blue.gif); color:#C8DF41;}
	
	div#webdesign {width:435px; float:left;}

	div#graphics {width:435px; float:right;}
	
	/* part 2 */
	
	div#page-2 {background:url(images/style/page-2.png) top repeat-x;}
	
	div#part-2 {width:900px; margin:0 auto; position:relative; background:url(images/style/heading-2.png) top left no-repeat; padding-top:135px;}
	
	div#part-2 h2#portfolio-heading {margin:0; position:absolute; left:0; top:35px; width:229px; height:34px; overflow:hidden;}
	div#part-2 h2#portfolio-heading span {display:block; position:absolute; left:0; top:0; width:229px; height:34px; background:url(images/style/heading-2.png) 0px -35px no-repeat;}
	
	div.slide {cursor:pointer; float:right; text-align:right; height:24px; margin:0 0 30px 0; text-transform:uppercase; color:#8EC7CF; text-decoration:underline; background:url(images/style/arrow-down-green.gif) right top no-repeat; padding-right:32px;}
	div.slide:hover {color:#fff; text-decoration:none; background-image:url(images/style/arrow-down-blue.gif);}
	
	div.view {clear:both; padding-bottom:30px;}
	
	div.reference {width:202px; height:151px; overflow:hidden; position:relative; float:left; margin:0 30px 30px 0; background:url(images/style/reference-blank.png) top left no-repeat;}
	div.reference.right {margin-right:0;}
	div.reference img {position:absolute; top:0; left:0;}
	div.reference:hover img {display:none;}
	div.reference a.reference-image {cursor:pointer; display:block; width:202px; height:151px; position:absolute; top:0; left:0;}
	div.reference p {margin:10px 20px 0 20px; padding-left:26px; color:#16476B; font-size:90%; background:url(images/style/bullet-white.gif) left 2px no-repeat;}
	div.reference h3 {margin:20px 20px 0 20px; color:#16476B; text-transform:uppercase; font-size:100%;}
	
	/* part 3 */

	div#page-3 {background:url(images/style/page-2.png) top repeat-x; clear:both; padding-bottom:50px;}

	div#part-3 {width:900px; margin:0 auto; position:relative; background:url(images/style/heading-3.png) top left no-repeat; padding-top:110px;}
	
	div#part-3-inner {background:url(images/style/wing-2.png) top left no-repeat; padding-top:10px;}

	div#part-3 h2#contact-heading {margin:0; position:absolute; left:0; top:35px; width:229px; height:34px; overflow:hidden;}
	div#part-3 h2#contact-heading span {display:block; position:absolute; left:0; top:0; width:229px; height:34px; background:url(images/style/heading-3.png) 0px -35px no-repeat;}
	
	div#part-3 h2#about-heading {margin:0; position:absolute; left:465px; top:35px; width:179px; height:34px; overflow:hidden;}
	div#part-3 h2#about-heading span {display:block; position:absolute; left:0; top:0; width:179px; height:34px; background:url(images/style/heading-3.png) -465px -35px no-repeat;}
	
	div#contact {width:435px; float:left;}

	div#about {width:435px; float:right;}
	
	div#about p {*position:relative; *top:5px; margin:0.7em 0;}

	/* contact */
	
	div#contact h3 {font-size:140%; margin-top:10px; margin-bottom:0.6em;}
	
	p.phone {margin:0.6em 0; height:31px; font-size:130%; background:url(images/style/icon-phone.png) 5px top no-repeat; padding-left:43px; font-weight:bold;}
	p.e-mail {margin:0.6em 0; height:32px; font-size:130%; background:url(images/style/icon-mail.png) top left no-repeat; padding-left:43px; font-weight:bold;}
	p.e-mail a {color:#fff; text-decoration:none;}
	p.e-mail a:hover {text-decoration:underline;}
	
	div#contact ul {padding:0; margin:30px 0 30px 30px;}
	div#contact ul li {list-style:none; background:url(images/style/bullet-green.gif) left 2px no-repeat; padding:0 0 0 25px; margin:0.4em 0;}