/* Reset */
@import url("css/reset.css");

/* Layout */
body									{ background: #000; }
#wrapper								{ margin: 0 auto; width: 1080px; }
#content								{ float: left; padding: 10px 0 10px 25px; width: 650px; }
body.contact #content					{ padding: 10px 25px; }
body.portfolio #content,
body.links #content						{ float: left; padding: 10px 0 10px 25px; width: 958px; }
.photo									{ padding: 5px; border: 1px solid #333; }
.left									{ float: left; }
.right									{ float: right; }
.linksbox								{ float: left; width: 300px; margin: 0 10px 10px 0; }

/* Header */
#header									{ position: relative; height: 108px; }
#logo									{ padding: 0 25px 0 0; float: left; }
#title									{ padding: 53px 0 0 0; float: left; }

/* Nav */
#nav									{ position: absolute; bottom: 25px; right: 0; }
#subnav									{ float: left; padding: 35px 0 0 0; width: 97px; }
body.home li.home,
body.portfolio li.portfolio,
body.about li.about,
body.links li.links,
body.contact li.contact,
body.web li.web,
body.design li.design,
body.print li.print,
body.photos li.photos,
body.tools li.tools						{ background: #658711; }
li.tools								{ margin: 35px 0 0 0; }

/* Sidebar */
#sidebar								{ float: right; padding: 10px 0 0 0; }
body.contact #sidebar					{ float: left; }

/* Footer */
#footer									{ border-top: 1px solid #333; margin: 330px 0 50px 0; padding: 10px 0 0 0; clear: both; text-align: left; }

/* Icons */
.icon_email								{ background: url('img/icon_email.png') no-repeat; padding: 0 0 5px 20px; }
.icon_facebook							{ background: url('img/icon_facebook.png') no-repeat; padding: 0 0 5px 20px; }
.icon_tumblr							{ background: url('img/icon_tumblr.png') no-repeat; padding: 0 0 5px 20px; }
.icon_linkedin							{ background: url('img/icon_linkedin.png') no-repeat; padding: 0 0 5px 20px; }
.icon_twitter							{ background: url('img/icon_twitter.png') no-repeat; padding: 0 0 5px 20px; }

/* Typography */
p										{ padding: 0 0 10px 0; color: #FFF; font: 12px Tahoma, Geneva, sans-serif; }
a										{ color: #7AA314; }
a:hover									{ color: #FFF; background: #333; text-decoration: none; }
.virtualpage a:hover					{ background: none; }
h1, 
.item-name								{ float: left; color: #FFF; font: 14px Tahoma, Geneva, sans-serif; text-transform: uppercase; } 
.site-link								{ float: right; color: #FFF; font: 14px Tahoma, Geneva, sans-serif; text-transform: uppercase; }
.site-link a							{ padding: 5px 10px; }
.site-link a:hover						{ background: #333; }
.paginateinfo							{ padding: 0 25px; color: #FFF; font: 14px Tahoma, Geneva, sans-serif; text-transform: uppercase; }
.paginationstyle a						{ padding: 5px 10px; font: 14px Tahoma, Geneva, sans-serif; text-transform: uppercase; }
.site-name								{ padding: 0 25px 0 0; }
h2										{ font: 14px Tahoma, Geneva, sans-serif; display: inline-block; margin: 0 0 5px 0; padding: 5px; background: #333; color: #FFF; width: 329px; }
strong									{ font-weight: bold; }
#nav ul,
#subnav ul								{ list-style-type: none; }
#nav ul li								{ float: left; color: #FFF; font: 18px Tahoma, Geneva, sans-serif; text-transform: uppercase; }
#nav ul li a							{ display: block; padding: 5px 10px; color: #FFF; text-decoration: none; }
#subnav ul li a							{ display: block; padding: 5px; color: #FFF; text-decoration: none; }
#subnav ul li							{ color: #FFF; font: 16px Tahoma, Geneva, sans-serif; text-transform: uppercase; text-align: right; }
#nav ul li:hover, 
#subnav ul li:hover						{ background: #333; }

/* virtual pagination */
.virtualpage 							{ display: none; margin: 17px 0 0 0; }
.virtualpage img						{ padding: 5px; margin: 7px 0 0 0; border: 1px solid #333; }
body.design .virtualpage img,
body.print .virtualpage img,
body.photos .virtualpage img			{ margin: -4px 0 0 0; }
.paginationstyle 						{ margin: 0 0 -36px 0; text-align: center; }
.paginationstyle select					{ margin: 0 15px; }
.paginationstyle a.imglinks				{ border: 0; padding: 0; }
.paginationstyle a.imglinks img			{ vertical-align: bottom; border: 0; }
.paginationstyle a.imglinks a:hover 	{ background: none; }
.paginationstyle .flatview a:hover,
.paginationstyle .flatview a.selected 	{ color: #FFF; background-color: #658711; }