/* Ammon Haggerty */
/* Qaswa, 2010 */

html { overflow: scroll; }
body { background:#c2c2c2; color:#898989; font-family:Verdana,Arial,Geneva,Helvetica,sans-serif; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:1.7em; margin:10px 0 10px; padding:0; }

h1 { font-size: 2.2em; margin-bottom:10px; }
h2 { font-size: 1.9em; margin-bottom:10px; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1em; }
h6 { font-size: 0.75em;}

a { color:#707070; text-decoration:none; }

blockquote { margin:20px 30px 10px 10px;  text-decoration:none; font-style:italic; border:0px; color:#909090;  font-size:1.1em; line-height:1.5em; quotes: "\201C" "\201D"; }

.rnd { -webkit-border-radius: 8px; -khtml-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }

#container { padding:20px; background:#fff; height:100%; overflow:hidden; }

#bgimg { padding:20px; background:#fff; position:absolute; z-index: -1;}
#bgimg2 img { min-height: 100%; min-width: 960px; width: 100%; height: auto; position: fixed; top: 0; left: 0; background:#fff;}

#bgcolor { background:#c2c2c2; width:910px; height:100%; overflow:hidden; }

#nav-index { position: relative; margin-top:63px; }
#nav-home { position: relative; background:#fff; width:230px; height:214px; margin-top:63px; margin-bottom:10px; }

#index-links { margin: 0px 0px 10px 20px; padding: 0px 20px 5px 0px; float:left; background:#fff; }
#nav-links-index { margin: -15px 0px -15px 15px; float:left; }
#nav-title-index { margin: 5px 0px 30px 20px; float:left; }

.button-lg h1 { padding:10px 25px 8px 15px; background:#fff;}
.button-lg h2 { padding:0px; margin-bottom:20px;  }
.button-lg span {color:#c2c2c2;}
a h1 {color:#00c6f7;}
a h2 { border-bottom: 1px solid #ddd; }
a h2 { color:#ccc; border-bottom: 1px solid rgba(204,204,204,0.4); padding-bottom: 1px; }
a:hover h2 { border-bottom: 1px solid #00c6f7; }
#nav-title { margin: 5px 0px 10px 20px; float:left; }
#nav-links { margin: -10px 0px -15px 20px; float:left; }
.active h2 { color:#aaa; border-bottom: 1px solid #00c6f7; padding-right: 30px; padding-bottom: 1px; }

#gallery-nav { border-bottom: 1px solid #ddd; }
#gallery-nav { z-index:10001; position: relative; border-bottom: 1px solid rgba(255,255,255,0.2); width:100%; height:30px;}
#gallery-nav h4 { color:#fff; margin:0px 0px 0px 40px; padding:2px;}
#gallery-nav span { float:right; margin:0px 0px 0px 40px; padding:2px;}

#gallery-nav h3 { position: relative; float:left; color:#fff; margin:0px 0px 0px 10px; padding:2px;}

#statement { z-index:10002; position: absolute; background-color:#fff; margin-left:auto; margin-right:auto; width:600px; height:100%; vertical-align:middle; padding:30px;}

a h4 { border-bottom: 1px solid #ddd; }
a h4 { color:#ccc; border-bottom: 1px solid rgba(204,204,204,0.4); padding-bottom: 1px; }
a:hover h4 { border-bottom: 1px solid #00c6f7; }

#info { background:#fff; padding:30px; min-height:500px; }

#header { margin: 20px 0px 20px 40px; float:left; }
#subhead { margin: 0px 0px 20px 20px; float:left;  }
#nav { margin: -20px 0px -10px 40px; float:left; }
#subnav { margin: -20px 0px -10px 20px; float:left; }

#bottom {margin-bottom:40px;}

#grid { margin: 10px 0px 40px -20px; }

#project { z-index:1; position: relative; }
#project img { margin: 0px 0px 8px 10px; border:0px; }
a #project { background:#fff; margin-bottom: 10px; }
a:hover #project { border-top: 1px solid #00c6f7; margin-top:-1px; }
#grid-title { margin-left: 10px; height:55px; }
#grid-title h3 { margin-top: 8px; }