* {margin: 0; padding: 0;} ul, li {list-style: none;} img {border:none;} a {text-decoration:none; outline: none;} 
.center {margin-left: auto; margin-right:auto;} .left {float:left;} .right {float:right;} .clear {clear:both;}

body {font:62.5% normal Arial, Helvetica, sans-serif; color:#444; background: #2a2a2a;}

	div#header {width: 924px; overflow: hidden;}

h1#logo {background: url(http://iostudio.com/images/design/logo.png) no-repeat; height:70px; width: 192px; text-indent: -9999px; margin-top: 28px }
	h1#logo a {display: block; height: 100%; width:100%;}

/* Navigation */
ul#main_nav {width:580px;  height: 18px; overflow: hidden; float:right; margin-top: 80px;}
	ul#main_nav li {height: 18px; text-indent: -9999px; float:left; background: url(http://iostudio.com/images/design/main_nav.gif) no-repeat; }
		ul#main_nav li a {height:18px; display: block; background: url(http://iostudio.com/images/design/main_nav.gif) no-repeat; }
	
		ul#main_nav li.web, ul#main_nav li.web a {width:43px; background-position: 0 top;}
		ul#main_nav li.web a:hover, ul#main_nav li.web a.current {width:43px; background-position: 0 bottom;}

		ul#main_nav li.print, ul#main_nav li.print a {width:63px; background-position: -43px top;}
		ul#main_nav li.print a:hover, ul#main_nav li.print a.current {width:63px; background-position: -43px bottom;}

		ul#main_nav li.pub, ul#main_nav li.pub a {width:123px; background-position: -106px top;}
		ul#main_nav li.pub a:hover, ul#main_nav li.pub a.current {width:123px; background-position: -106px bottom;}

		ul#main_nav li.video, ul#main_nav li.video a {width:78px; background-position: -229px top;}
		ul#main_nav li.video a:hover, ul#main_nav li.video a.current {width:78px; background-position: -229px bottom;}

		ul#main_nav li.photography, ul#main_nav li.photography a {width:127px; background-position: -306px top;}
		ul#main_nav li.photography a:hover, ul#main_nav li.photography a.current {width:127px; background-position: -306px bottom;}

		ul#main_nav li.about, ul#main_nav li.about a {width:70px; background-position: -432px top;}
		ul#main_nav li.about a:hover, ul#main_nav li.about a.current {width:70px; background-position: -432px bottom;}

		ul#main_nav li.contact, ul#main_nav li.contact a {width:75px; background-position: -502px top;}
		ul#main_nav li.contact a:hover, ul#main_nav li.contact a.current {width:75px; background-position: -502px bottom;}




/* Interior - Global */
div#masthead_wrp {color: #2a2a2a; border-bottom: 1px solid #666;}
	div#masthead {width:924px; text-align: right; overflow: hidden}
		div#masthead a {color: #d2d2d2; font-size: 0.9em; padding: 8px 0 4px 0; display: block;}
			div#masthead a:hover {text-decoration: underline;}
div#header_wrp {height: 141px; background: url(http://iostudio.com/images/design/header_bg.jpg) repeat-x #1f2745; }
div.int_wrp {width:920px; overflow: hidden;}
	div.int_col {width:385px;}

p.summary {line-height: 185%;}

div#interior {background: #f2f0ef; padding: 30px 0 60px 0; }
	div#interior h1 {font-size: 1.9em; margin-bottom: 2px; }
		div#interior h1.title {font-size: 2.3em;}
	div#interior h2 {font-size: 1.4em; margin-bottom: 3px;}
	div#interior p {font-size:1.2em; }
		div#interior p.back_top {margin-top: 10px;}
			div#interior p.back_top a {display: block; width:78px; height: 24px; text-indent: -9999px; background: url(http://www.iostudio.com/images/design/but_top.jpg) no-repeat;}
	div#interior a {color: #444; text-decoration: underline;}
		div#interior a:hover {text-decoration: none;}
	
div#info {font-size:1.1em; margin-top: 5px;}





/* Interior - Video */
/*div.int_wrp_v {width:720px; overflow: hidden;}*/
	div.int_col_v {width:355px;}



/* Footer */
div#footer {padding:10px 0; overflow: hidden; border-top: 1px solid #666; font-size: 9px;}
div#footer p {margin:2px 0; color:#bbb; text-align: center;}
	div#footer p.f_links a{margin:0 5px;}

	div#footer a {color: #bbb; text-decoration: underline; }
	div#footer a:hover {text-decoration: none;}