@charset "UTF-8";
/* CSS Document */
html, body{ background:#d7f2f9; -webkit-text-size-adjust: none;}
html,body,#bg,#bg table,#bg td, #cont{height:100%; overflow:hidden; width:100%;}
* {border:0 solid #EEEEEE; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0;}
body, div, ul, ol, li, h1, p, #cont{margin:0; padding:0; font-family:Arial,Helvetica,sans-serif;}
#menu {bottom:30px;left:300px;position:absolute;width:100%;z-index:80;}
#menu div {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:#ffffff none repeat scroll 0 0;height:80px;margin:0 0 0 7px;padding:0 0 0 7px; border:solid 1px #ab937f;}

.contclear{clear:both;}
#footer {position:absolute; z-index:90; right:20px; bottom:45px; margin:0; padding:0; font:Arial, Helvetica, sans-serif; font-size:9px; text-transform:uppercase; letter-spacing:0.01em; color:#572700; line-height:1.5em;}
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active{ text-decoration:none; color:#572700; outline:none;}
#toppic {position:absolute; z-index:60; left:60px; top:30px; height:500px; width:300px; margin:0; padding:0;}
#bottompic {position:absolute; z-index:60; left:250px; bottom:130px; height:250px; width:250px; margin:0; padding:0;}

#cont {left:0; overflow:auto; position:absolute; top:0; z-index:70;}
.box {padding-bottom:150px; position:absolute; right:4%; top:20%; width:640px;}
.box div {-moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:none repeat scroll 0 0; line-height:1.3em; padding:10px 0;}

.otherbox {padding-bottom:150px; position:absolute; right:4%; top:20%; width:640px;}
.otherbox div {-moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:none repeat scroll 0 0; line-height:1.3em;}


h1 {left:-300px;margin-bottom:-30px;position:absolute;width:300px; background:#ffffff; border:solid 1px #ab937f;}
h2 {font-size:11px; color:#572700; padding-bottom:10px; margin-left:-3px;}
h3 {font-size:14px; color:#572700; padding:5px 0 10px 0;font-weight:normal; width:598px; border-top:dashed 1px #572700;}
h4 {font-size:10px; color:#572700; letter-spacing:0.01em; font-weight:normal; text-transform:uppercase; padding:0 0 20px 3px; margin:0;}
p{ font-size:11.5px; color:#572700; /*color:#666666;*/ line-height:1.8em; padding:0 0 15px 0; width:470px;}
.aboutp{width:450px;}
.galleryp{width:560px; padding-bottom:30px;}

/* SIFR TEST... IF ONE DAY I CHOOSE TO GO THIS WAY
.titlel{font-size:48px; font-family: Arial; color:#572700;}
.titlem{font-weight:bold; font-size:48px; font-family: Arial; color:#572700;}
.sIFR-active .titlel, .sIFR-active .titlem{visibility: hidden;font-family: Arial;line-height: 1em;}
*/

a.logo_btn{background:url(_IMAGES/logo.gif) 50px 17px no-repeat; display:block; width:145px; height:80px; overflow:hidden; text-indent:-9999px; float:right;}
a.logo_btn:link, a.logo_btn:visited, a.logo_btn:hover, a.logo_btn:active{margin:0; padding:0 30px; outline:none;}

a.link:link, a.link:visited {color:#572700; text-decoration: none; font-size:10px; letter-spacing:0.05em; font-weight:normal; line-height:1.6em; text-transform:uppercase;}
a.link:active, a.link:hover {color:#22bad7; text-decoration: none; font-size:10px; outline:none;}

.projtitle{margin:20px 0 0 0; padding:10px 0 15px 0; width:508px;color:#572700; font-family:Arial, Helvetica, sans-serif; font-size:14px; border-top:dashed 1px #572700;}
.thumb{margin:0; padding:10px 0; height:auto; width:auto; color:#572700; text-decoration: none; font-size:10px; letter-spacing:0.05em; font-weight:normal; text-transform:uppercase;}
.thumbleft {padding:0; margin:0; width:240px; float:left; text-align:center;}
.thumbright {margin-left:260px; width:240px; text-align:center;}
.thumbimage {border:solid 1px #ab937f; margin:0; padding:0;}
a.thumbnail:link, a.thumbnail:visited, a.thumbnail:active, a.thumbnail:hover{ border:solid 3px #ffffff; width:232px; height:82px; display:block; margin:5px 0; outline:none;}
a.thumblink:link, a.thumblink:visited, a.thumblink:active, a.thumblink:hover{color:#572700; font-family:Arial, Helvetica, sans-serif; font-size:10px; text-transform:uppercase; font-weight:normal; text-align:center; text-decoration:none; padding:5px 8px; outline:none;}

#gallerylink{position:absolute; top:68px; right:35px;}

#gallerycont{border:solid 3px #ffffff; padding:0; margin:0; display:block; width:602px; height:402px;}
#gallerycont img{border:solid 1px #ab937f}
img.fullscreen{display:block;}
<!--img.gallery {border: 1px solid #cccccc;} -->
#bg div{position:absolute;width:100%;height:100%;top:-50%;left:-50%}
#bg td{vertical-align:middle;text-align:center}
#bg img{min-height:50%;min-width:50%;margin:0 auto;}

/*main nav---------------------------------------------------------------*/

ul,li {list-style-type:none; float:left;}
ul#nav {margin:0;padding:0 0 0 10px;width:125px;height:72px;overflow:hidden;background-color:#ffffff;}
ul#nav li {padding:0;margin:0;display:block;float:left;text-indent:-9999px;	}
ul#nav li a {border:0px;display:block;text-decoration:none;background:transparent url(_IMAGES/nav.gif) no-repeat; outline:none;}

body#home-page #bottompic{background:url(_IMAGES/home_bottom.png) no-repeat bottom left;}
body#home-page #toppic {background:url(_IMAGES/home_top.png) no-repeat;}

li#studio a {
	margin-top:5px;
	width:125px;
	height:27px;
	overflow:hidden;
	}
li#studio a:link, li#studio a:visited {	
	background-position:0px 0px;
	}
li#studio a:hover, li#studio a:active {	
	background-position:-132px 0px;
	}
body#studio-page ul#nav li#studio a, body#studio-design-page ul#nav li#studio a, body#studio-web-page ul#nav li#studio a {
	background-position: -132px 0px;
	}
body#studio-page #bottompic, body#studio-design-page #bottompic, body#studio-art-page #bottompic{background:url(_IMAGES/studio_bottom.png) no-repeat bottom left; left:340px; bottom:20%;}
body#studio-page #toppic {background:url(_IMAGES/studio_top.png) no-repeat;}
body#studio-design-page #toppic {background:url(_IMAGES/studio_print_top.png) no-repeat;}
body#studio-art-page #toppic {background:url(_IMAGES/studio_web_top.png) no-repeat;}

	
li#about a {
	width:125px;
	height:17px;
	overflow:hidden;
	}
li#about a:link, li#about a:visited {	
	background-position:0 -27px;
	}
li#about a:hover, li#about a:active {	
	background-position:-132px -27px;
	}
body#about-page ul#nav li#about a {
	background-position: -132px -27px;
	}
body#about-page #bottompic{background:url(_IMAGES/about_bottom.png) no-repeat bottom left; left:25%; bottom:20%;}
body#about-page #toppic {background:url(_IMAGES/about_top.png) no-repeat;}
	
li#contact a {
	width:125px;
	height:14px;
	overflow:hidden;
	}
li#contact a:link, li#contact a:visited {	
	background-position:0px -44px;
	}
li#contact a:hover, li#contact a:active {	
	background-position:-132px -44px;
	}
body#contact-page ul#nav li#contact a {
	background-position: -132px -44px;
	}
body#contact-page #bottompic{background:url(_IMAGES/contact_bottom.png) no-repeat bottom left; left:375px; bottom:105px;}
body#contact-page #toppic {background:url(_IMAGES/contact_top.png) no-repeat;}


ul#subnav {margin:0;padding:0;width:210px;height:72px;overflow:hidden;background-color:#ffffff;}
ul#subnav li {padding:0;margin:0;display:block;float:left;text-indent:-9999px;	}
ul#subnav li a {border:0px;display:block;text-decoration:none;background:transparent url(_IMAGES/subnav.gif) no-repeat;}

li#resume a {
	margin-top:5px;
	width:210px;
	height:27px;
	overflow:hidden;
	}
li#resume a:link, li#resume a:visited {	
	background-position:0px 0px;
	}
li#resume a:hover, li#resume a:active {	
	background-position:-210px 0px;
	}
	
li#portfolio1 a {
	width:210px;
	height:17px;
	overflow:hidden;
	}
li#portfolio1 a:link, li#portfolio1 a:visited {	
	background-position:0 -27px;
	}
li#portfolio1 a:hover, li#portfolio1 a:active {	
	background-position:-210px -27px;
	}
	
li#portfolio2 a {
	width:210px;
	height:14px;
	overflow:hidden;
	}
li#portfolio2 a:link, li#portfolio2 a:visited {	
	background-position:0px -44px;
	}
li#portfolio2 a:hover, li#portfolio2 a:active {	
	background-position:-210px -44px;
	}