@charset "UTF-8";

/*
ul { padding:0; margin:20px 0 10px 20px; line-height:13px; }
li { font:13px Arial, Helvetica, sans-serif; color:#333; margin:auto; padding:0 0 8px 0; }
*/

body { margin:0; padding:0; background: url(../images/background.png) repeat-x #FFF; }
.clearer { clear: both; margin: 0px; line-height: 0px; padding: 0px;}

a img {border: none;}
object {outline: none;}

p { margin:0 4px 10px 2px; font:normal 13px Arial, Helvetica, sans-serif; color:#333; line-height:17px; }

a:link, a:visited, a:active {font: inherit; color: inherit;}
a:hover {color: #0060ff;}

/* OPACITY */

	/* HIDE */
		.hide 
		{filter:alpha(opacity=00); -moz-opacity:0.00; opacity:0.00; -khtml-opacity:0.00; border: none; float: left; font: 1px Arial, Helvetica, sans-serif;}

	/* LINK | ACTIVE */
		#galleria a img, #chrome img, #firefox img, #opera img, #photo-gallery a img
		{filter:alpha(opacity=00); -moz-opacity:0.00; opacity:0.00; -khtml-opacity:0.00; border: none;}

	/* HOVER */
		#galleria a:hover img, #chrome:hover img, #firefox:hover img, #opera:hover img, #photo-gallery a:hover img
		{filter:alpha(opacity=100); -moz-opacity:1.00; opacity:1.00; -khtml-opacity:1.00; border: none;}
		
.paragraph p {font: 17px Georgia, "Times New Roman", Times, serif; padding: 10px 10px 0 10px;}

/* OPACITY */

#header {width: 900px; margin: 0 auto;}
	#header h1 {margin:0; padding:0; float: left;}
	#header ul {width: 346px; height: 102px; background: url(../images/nav-bg.png) no-repeat; margin:0; padding:0; float: left;}
		#header li {margin: 0; padding: 0 1px 0 0; list-style: none; float: left;}
		#header li:last-child {padding:0;}
		
		#one a {width: 122px; height: 102px; display: block;}
		#one a:visited {background: none;}
		#one a:hover {background: url(../images/web-on.png) top left;}
		#one a:active {background: url(../images/web-click.png);}
		
		#two a {width: 127px; height: 102px; display: block;}
		#two a:visited {background: none;}
		#two a:hover {background: url(../images/photo-on.png);}
		#two a:active {background: url(../images/photo-click.png);}
		
		#three a {width: 93px; height: 102px; display: block;}
		#three a:visited {background: none;}
		#three a:hover {background: url(../images/contact-on.png);}
		#three a:active {background: url(../images/contact-click.png);}
		

#container {width: 900px; min-height: 300px; margin: 0 auto; background: url(../images/container-bg.png) repeat-x; clear: both; padding: 1px 0;}

	#hello {width: 859px; margin: 20px auto; background: url(../images/shadow-right.png) right repeat-y #fff; clear: both;}
		#hello p {font: 18px Georgia, "Times New Roman", Times, serif; padding: 10px 10px 0 10px;}

	#work {width: 880px; margin: 0 auto;}
		#work h2 {margin:0; padding:0; font: 20px Arial, Helvetica, sans-serif;}
		#galleria {width: 880px; margin:20px 0 0 0; padding:0; clear: both; float: left;}
				#galleria li {width: 168px; height: 108px; margin: 0 10px 0 0; padding:0; float: left; list-style: none;}
					#g1 {background: url(../images/g1-off.png);}
					#g2 {background: url(../images/g2-off.png);}
					#g3 {background: url(../images/g3-off.png);}
					#g4 {background: url(../images/g4-off.png);}
					#g5 {background: url(../images/g5-off.png); margin: 0 !important;}

	#who {width: 859px; margin: 20px auto; clear: both;}
		#who .paragraph {background: url(../images/shadow-right.png) right repeat-y #e9e9e9;}
		#who h2 {margin:0; padding:0 0 20px 0px; font: 20px Arial, Helvetica, sans-serif;}
		
	#why {width: 375px; float: left; margin-left: 20px;}
		#why .paragraph {background: url(../images/shadow-right.png) right repeat-y #e9e9e9; overflow: hidden;}
		#why h2 {margin:0; padding:0 0 20px 0px; font: 20px Arial, Helvetica, sans-serif;}
		#why strong {color: #003ea4;}
		
	#footer {width: 395px; float: right; margin-right: 23px;}
		#footer .paragraph {background: url(../images/shadow-right.png) right repeat-y #e9e9e9; overflow: hidden;}
		#footer h2 {margin:0; padding:0 0 20px 0px; font: 20px Arial, Helvetica, sans-serif;}
		#footer a {text-decoration: none !important;}
		#footer a:hover {text-decoration: underline !important;}
		
		#browsers {width: 206px; height: 51px; background: url(../images/browser-off.png) no-repeat; margin: auto;}
			#chrome {padding: 3px 0 0 1px; float: left;}
			#firefox {padding: 0 0 0 27px; float: left;}
			#opera {padding: 0 0 0 25px; float: left;}
			
			
/* PHOTOGRAPHY PAGE */

#photo-gallery {width: 878px; margin: 20px auto; padding:0;}
	#photo-gallery li {width: 138px; height: 364px; margin:0; padding:0; list-style: none; float: left; margin-right: 10px; _margin-right: 5px;}
	
	#p1 {background: url(../images/p1-off.jpg) no-repeat;}
	#p2 {background: url(../images/p2-off.jpg) no-repeat;}
	#p3 {background: url(../images/p3-off.jpg) no-repeat;}
	#p4 {background: url(../images/p4-off.jpg) no-repeat;}
	#p5 {background: url(../images/p5-off.jpg) no-repeat;}
	#p6 {margin:0 !important; background: url(../images/p6-off.jpg) no-repeat;}