/*
=RESET :Eric Meyer Reset Reloaded
(http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/)
---------------------------------------- */
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
:focus{outline:0;}
body{line-height:1;color:black;background:white;}
ol,ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;}
blockquote:before,blockquote:after,
q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}

/* 
=BPS :Basic Page Structure
---------------------------------------- */
body{width:1200px;margin:0 0 30px 31px;}
#navigation{float:left;padding:50px 0 0 0;position:relative;overflow:hidden;font-size:1.2em;color:#ff0000;}
#page{float:left;width:880px;padding:0 0 30px 0;}
#page.home{margin-top:141px;}
#page.info,#page.contact{margin-top:98px;}
#pageHead{padding:63px 0 0 0;margin:0 0 52px 47px;height:27px;}
#primeContent{width:280px;float:left;padding:0 19px 0 0;margin:35px 0 0 35px;}
#secondaryContent{float:left;padding:0 0 0 19px;margin:35px 0 0 0;width:520px;min-height:405px;}
#secondaryContent :last-child{margin-bottom:0;}
#primeContent h2{}
/* CSS 3 Selector,Does not work in IE */
#footer{clear:both;height:25px;width:25px;position:fixed;right:9px;bottom:9px;}
#footer img{float:right;}
/* 
=UTL :Utility Classes
---------------------------------------- */
.left{float:left;}
.right{float:right;}
.center{margin:0 auto;}
.clear{clear:both;display:block;}
.hide{display:none;}


/*
=BTS :Basic Typogrpahic Styles
---------------------------------------- */
body,button,textarea{font:12px/2.0833em "Helvetica Neue",Arial,Helvetica,sans-serif;color:#666;}
em{font-style:italic;}
strong{font-weight:bold;}
p{margin-bottom:2.08333em;}
/* Basic Links */
a{text-decoration:none;color:#ff0000;}
a:hover{color:#000;}
a:visited{color:#505050;}
/* headers */
h2,h3,h4,h5,h6,legend{color:#ff0000;}
h3{font-size:16px;font-weight:bold;}
h6.instructions{color:#979797}
/* just for fun */
/* ::-moz-selection{background:#111;color:#FFF;}
::selection{background:#111;color:#FFF;}
*/
/*
=PGT :Page Typography
---------------------------------------- */
/* Page Copy Links */
#page p a{border-bottom:1px solid #CCC;}
#page p a:hover{border-bottom:1px solid #666;}
/* lists */
#secondaryContent ul{margin-bottom:2.08333em;}
#secondaryContent ul li{margin-bottom:-0.0833em;border-bottom:1px solid #e5e5e5;}
/* Format Emphasis for Show Titles */
#secondaryContent ul li em{font-style:normal!important;font-style:italic;}
#secondaryContent ul li em:before{content:'\201C';}
#secondaryContent ul li em:after{content:'\201D';}
.slide #pageHead h6{color:#999;font-size:10px;text-transform:uppercase;}
/*
=NVT :Navigation Typography
---------------------------------------- */
/* Site Header */
#siteHeader,#siteHeader a{height:32px;width:224px;display:block;text-indent:-9999px;background:url(images/sprite.png) no-repeat 1px -15px;}
#siteHeader a:hover{background-position:0 -24px;}
#siteHeader{margin-bottom:52px;}
/* Navigation */
body{z-index:3;}
#navigation{z-index:2;margin-left:40px;}
#primeNav{text-align:right;}
#primeNav li a:hover{color:#000;}
#primeNav li h3{text-transform:uppercase;}
#primeNav li a.setTitle{text-transform:uppercase;color:#979797;margin-bottom:10px;}
#primeNav li a.setTitle:hover{color:#000;}
/* Navigation Pager Typography */
ol.pages,div.controls h6,ul.pager li a{font-size:0.8333em;line-height:1.5em;}
ol.pages a{color:#979797;text-transform:uppercase;color:#ff0000;font-weight:bold;}
div.controls h6{color:#999;}
/* Current + Selected States */
#folioPage li#folioBu h3,#home li#folioBu h3,#info li#infoBu h3 a,
#contact li#contactBu h3 a{font-weight:bold;color:#111;}
#primeNav a.selected{color:#111;}
#primeNav ul.subCats li.open a.setTitle{color:#ff0000;}


/*
=BSN :Basic Navigation Structre
---------------------------------------- */
#primeNav,
#primeNav ul.subCats,
#primeNav ol.pages,
#primeNav ol.pages li.page{position:relative;width:224px;}
#primeNav ul.subCats{margin-bottom:10px;}
#primeNav li h3,#primeNav li h3 a{height:25px;}
#primeNav ul.subCats{margin:0 0 29px 0;}
#primeNav ul.subCats li a.setTitle{height:20px;font-size:16px;color:#ff0000;font-weight:bold;}
#primeNav ul.subCats li a.setTitle:hover{color:#000;}
#primeNav ol.pages li.page{margin-bottom:5px;}
#primeNav ul.subCats>li{position:relative;height:18px;overflow:hidden;}/* Need this for ie7, js not fast enough */
#primeNav ul.subCats li.slide{overflow:hidden;position:relative;margin-bottom:10px;} 
ol.pages {margin-bottom:5px;position:relative;}


/*
=NVP :Naivgation Pager + Controls
---------------------------------------- */
div.controls{width:95px;height:70px;border-top:1px solid #999;padding:4px 0 0 0;margin:0 0 0 45px;position:relative;overflow:hidden;}
div.controls h6{float:left;}
ul.setNav{padding:2px 0 0 0;}
ul.setNav li{float:right;margin:0 0 0 6px;}
/* Nav Controls */
ul.setNav li a{display:block; height:12px;width:12px;text-indent:9999px;background:url(images/sprite.png) no-repeat;}
ul.setNav li a.prev{background-position:0 0;}
ul.setNav li a.prev:hover{background-position:0 -12px;}
ul.setNav li a.next{background-position:-12px 0;}
ul.setNav li a.next:hover{background-position:-12px -12px;}


/* 
=GLRY :Gallery Styles
---------------------------------------- */
/* Gallery Controls */
.galCntrl{width:135px;float:right;padding:11px 0 0 0;}
.galCntrl li {float:left;margin:0 4px 0 0;}
.galCntrl li a{float:left;display:block;height:7px;text-indent:-9999px;background:url(images/sprite.png) no-repeat;}
.galCntrl li a.thmbGrd{width:71px;background-position:-10px 0px;}
.grid .galCntrl li a.thmbGrd,.galCntrl li a.thmbGrd:hover{background-position:-10px -7px;}
.galCntrl li a.prev,
.galCntrl li a.next{width:12px;}
.galCntrl li a.prev{background-position:-84px 0;}
.galCntrl li a.prev:hover{background-position:-84px -7px;}
.galCntrl li a.next{background-position:-95px 0;}
.galCntrl li a.next:hover{background-position:-95px -7px;}
h6.counter{color:#ff0000;font-size:0.9em;padding-top:1px;}
/* Thumbnail Grid */
ul.grid li,ul.grid li a{float:left;overflow:hidden;position:relative;display: block;height:90px;width:90px;margin:0 15px 15px 0;}
ul.grid li{margin:0 15px 15px 0;}

.tester{height:40px;width:40px;background:red;}
ul.grid li.loading{background:url(images/loader.gif) no-repeat 50% 50%;}
/* Slideshow + Grid Container */
.slideShow{position:relative;height:565px;width:840px;overflow:hidden;}
.slideShow img{margin:0 auto;}
.dump{position:relative;width:840px;overflow:hidden;}
#thumbGrid {
	position:relative;height:525px;width:735px;overflow:hidden;display:none;padding:0 47px;
}
.folio .info{font-size:0.8333em;margin-left:35px;}


/*
=BTS :Basic Form Styles
---------------------------------------- */
/* Input Wrappers */
fieldset p{margin-bottom:0;clear:both;}
p.input{height:25px;}
span.checkbox{float:right;display:block;}
/* Labels */
p.input label{display:block;float:left;width:60px;}
p.textarea label{float:left;}
span.checkbox label{display:inline;}
/* Inputs */
input.text{width:214px;}
input.text,textarea{padding:2px 2px;border:1px solid #CCC;}
textarea{height:72px;width:272px;}
input.text:focus,textarea:focus{border-color:#999;}
/* Buttons */
p.submit{float:right;}
p.submit button{border:none;margin:0;padding:0;text-align:right;background:transparent;}
/* Errors */
label.error{color:#F66;}
p.input label.error{width:220px;padding:0 0 0 60px;display:block;clear:both;}
input.text.error,textarea.error{border-color:#F66;color:#F66;}
input.text.error:focus, textarea.error:focus{border-color:red;color:red;}

.loader:hover{color:#000;}
#primeNav.homeNav ul.subCats li a.setTitle:hover, #primeNav.homeNav li a:hover{background:#000;color:#da0000;}
.hover{color:#000 !important;}