/*

Common styles used throughout the site

*/

body { font-family: verdana,arial,helvetica,sans-serif; font-size: 12px; color: #996; padding: 0; background-color: #fff; margin: 0; }
p { color: #996; line-height: 140%; padding: 0; margin: 0 0 16px 0; }
img { display: block; border: 0; }
table, td { font-size: 12px; padding: 0; border: 0; }
td { vertical-align: top; }
form { padding: 0; margin: 0; }
a { color: #996; text-decoration: underline; }
a:hover { color: #996; text-decoration: underline; }
ul { padding: 0; margin: 0; list-style: none; }
li { padding: 0; }
object { padding: 0; margin: 0; }
embed { padding: 0; margin: 0; }
.clearFloat { clear: both; }
.inline { display: inline; }
.smallPrint { font-size: 9px; }
.superscript { font-size: 9px; vertical-align: 2px; }

h2 { font-size: 14px; margin: 0; padding: 0 0 10px 0; }



/*

Global Definitions

*/


#page { position: relative; width: 760px; margin-left: auto; margin-right: auto; }
#content { margin: 30px 0 0 0; }
.text { float: left; width: 380px; margin: 0 30px 0 0; }
.pics { float: left; width: 350px; }
.pics img { margin: 0 0 20px 0; }

#work .text { width: 342px; margin-right: 130px; }
#work .pics { width: 288px; }

#about .text { width: 443px; }
#about .pics { width: 287px; }

#contact .text { width: 355px; }
#contact .pics { width: 375px; }

#purchase .text { width: 443px; }
#purchase .pics { width: 287px; }

#blog .text { width: 730px; }
#blog .pics { width: 287px; }


#press .text { width: 294px; }
#press .pics { width: 436px; padding: 40px 0 0 0; }
#press .pressTable img { border: 1px solid #666; margin: 0 0 2px 0; }
#press .pressTable td { font-size: 11px; }



/*

Header

*/

#header { width: 760px; padding: 5px 0 0 0; }
#header #logo { float: left; width: 249px; }
#nav { float: left; width: 471px; padding: 34px 0 2px 40px; }
#nav ul li { float: left; padding: 0 15px 0 15px; }





/*

Footer

*/

#footer { font-size: 10px; width: 760px; text-align: center; background-color: #fff; padding: 20px 0 20px 0; margin: 40px 0 0 0; }
#home #footer { line-height: 140%; background-color: #fff; padding: 20px 0 20px 0; margin: 40px 0 0 0; }






/*

Clear any floats that have been applied

*/

#header:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }
#content:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }