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

html { overflow-y: scroll; }

/* ----- GLOBAL ----- */
body { font-size: 15px; background: url('/images/wood.jpg') repeat top center; background-color: #ffffff; }
html > body { font-size: 15px; }

img { behavior: url(framework/iepngfix.htc); }

.leftCol { float: left; width: 440px; }
.rightCol { float: right; width: 315px; }

.leftCol2 { float: left; width: 440px; }
.rightCol2 { float: right; width: 270px; line-height: 20px; margin: 51px 20px 30px 0; }

.midCol { width: 755px; }

.rightCol3 { float: right; width: 284px; margin: 51px 20px 30px 0; }
.rightCol3 h3 { margin: 0 0 10px 0; }

.clear { clear: both; }

/* ----- TYPOGRAPHY ----- */
p { font: 1em/1.5em Georgia, Times New Roman, serif; color: #333; margin: 0 0 1.5em 0; }
.rightCol2 p { font: .85em/1.8em Georgia, Times New Roman, serif; color: #333; margin: 0 0 1.4em 0; }

h1 { font: bold 1.5em/2.2em Helvetica, Arial, sans-serif; color: #222; }
h2 { font: 1.2em/1.5em Helvetica, Arial, sans-serif; color: #333; }
h3 { font: 1.1em/1.5em Helvetica, Arial, sans-serif; color: #333; }
h4 { font: 1em/1.3em Helvetica, Arial, sans-serif; color: #333; text-align: center; }
h5 { font: bold .85em/1.3em Helvetica, Arial, sans-serif; color: #333; text-align: center; text-transform: uppercase; margin: 30px 25px 0 0; }

em { font-style: italic; }

hr { border: 0; height: 1px; color: #ddd; background-color: #ddd; margin: 20px 0 20px 15px; clear: both; width: 730px; }
.hr2 { width: 510px; margin-left: 0px; }

/* ----- HEADER ----- */
#header { background: url('/images/header.png') no-repeat top center !important; background: url('/images/header.gif') no-repeat top center; }
#header { width: 790px; height: 36px; margin: 20px 0 0 0; }
#logo { background: url('/images/logo.gif') no-repeat; width: 418px; height: 274px; margin: 0 0 0 12px; }

/* ----- NAVIGATION ----- */
#navigation { width: 440px; text-align: right; }
#navigation ul { list-style: none; margin: 0 0 30px 30px; }
#navigation ul li { float: left; margin: 0 30px 0 0; }
#navigation a { font: 18px Helvetica, Arial, sans-serif; }


/* ----- CONTENT ----- */
#stage { background: url('/dev/images/paper.png') repeat-y top center !important; background: url('/dev/images/paper.gif') repeat-y top center; }
#stage { width: 760px; padding: 30px 30px 0 30px; text-align: left; }
#intro { width: 25em; padding: 20px 0 0 30px; }
.content { padding: 0 0 0 30px; }
#iphone { margin: 50px 0 0 0; }

.midCol ul { list-style: none; margin: 0 0 30px 0; }
.midCol ul li { float: left; margin: 0 20px 0 -10px; width: 135px; text-align: center; }
.midCol ul li img { margin: 0 0 10px 0; cursor: pointer; }

/* ----- SIDEBAR ----- */


/* ----- PAGE SPECIFIC ----- */


/* ----- FOOTER ----- */
#footer { background: url('/dev/images/footer.png') no-repeat top center !important; background: url('/dev/images/footer.gif') no-repeat top center; }
#footer { width: 790px; height: 20px; padding: 30px 0 0 0; margin: 0 0 30px 0; clear: both; }

/* ----- LINKS ----- */
a:link, a:visited { color: #b75b10; text-decoration: none; }
a:active, a:hover { color: #91470b; text-decoration: none; }