@charset "utf-8";
/* CSS Document */

html, body {border:0; margin:0; padding:0; height:100%;}

/* Reset  */
ul {list-style:inside; margin:0; padding:0; }
#sidebar em {font-size:9pt; margin:0 0 0 1em; padding:0;}
#sidebar p {margin:.2em 0; padding:0;}
p {margin:.4em 0 .8em 0; padding:0;}

/* Fixes Page Load Issue by hidding images */
#mainTease, #myGallery {overflow:hidden;}





/* General Font Styles */
h1  {font:17pt/1.5 Georgia, "Times New Roman", Times, serif; color:#2d2d2d; margin:.5em 0 0 0; padding:0;}
h2 {font:12pt/1.5 Tahoma, Arial, Helvetica, sans-serif; color:#996600; margin:.5em 0 0 0; padding:0;}
h3 {font:12pt/1.5 Georgia, "Times New Roman", Times, serif; color:#2d2d2d; margin:1.5em 0 .5em 0; padding:0;}
h4 {font:11pt/1.2 tahoma, Arial, Helvetica, sans-serif; color:#996600; margin:1em 0 0 0;}
h5 {}
h6 {font:8pt/1.2 Tahoma, Arial, Helvetica, sans-serif; color:#cfe5e5;}
#sidebar ul li {font:9pt/1.5 Tahoma, Arial, Helvetica, sans-serif; color:#777777; margin-left:1.2em; padding-bottom:.2em;}


p {font:11pt/1.5  Georgia, "Times New Roman", Times, serif; color:#555;  word-spacing:.02em;}
p a {color:#996600; text-decoration:none;}
p a:hover {background-color:#EFF3F4; -webkit-border-radius: .5em;-moz-border-radius: .5em; border-radius: .5em;}
p a:active {color:#fff; background-color:#89A6A6; -webkit-border-radius: .5em;-moz-border-radius: .5em; border-radius: .5em;}

.bling {color:#151515; padding:0.1em;}
.insetL {float:left; margin:0 .8em .5em 0; padding:.4em; border:1px solid #dce2e6;}
.insetR {float:right; margin:.3em 0 .3em .3em ;}

/* Template Structures */
#wrap {width:auto; height:100%; background-color:#89A6A6; overflow:auto;}
#header {width:auto; height:8em; background-color:#fafafa;}
.logo {margin:2.5em 0 0 2em;}
.pageW {min-width:950px; max-width:1200px; margin:auto;} /* standard class to narrow width of content and center */
#mainNav {float:right; margin:3.5em 6em 0 0; width:37em; text-align:right;}
#subNav {padding-right:1em; margin-bottom:.2em; width:100%; height:2em; border-bottom:1px solid #e6e6e6; text-align:right;}
#content {width:auto; min-height:520px; background-color:#FFFFFF; margin-left:auto; margin-right:auto; padding:.5em 0 1em 0;}
#artboard {position:absolute; top:400px; left:600px;}


/* home page featurettes */

#featureWrap {width:950px; height:590px; margin:auto; margin-top:0; text-align:center;}
#teaserBox {float:left; width:740px; height:556px; }
#mainTease {width:740px; height:500px;text-align:center;}
#mainTease img {border:0}
#mainTease h1 {display:inline; font:11pt/1 Arial, Helvetica, sans-serif; color:#669999;}
#mainTease h1 span{font:11pt/3 Georgia, "Times New Roman", Times, serif; color:#999966;}
#mainTease span {color:#bfbfbf;}
#mainTease h2 {display:inline;}
#mainTease h2  a {display:inline; font:10pt/3 Georgia, "Times New Roman", Times, serif; color:#3f3f3f; text-decoration:none; padding:.2em .4em;}
#mainTease a.clientLink:hover {color:#fff; background-color:#89A6A6; border:0px solid #709797; -webkit-border-radius: .5em;-moz-border-radius: .5em; border-radius: .5em;}
#mainTease a.clientLink:active {color:#fff; background-color:#999966;}
#mainTease h2 span {font:10pt/3 Arial, Helvetica, sans-serif; color:#8b8b8b;}
#featureWrap h3, #singleWrap h3  {font:7pt/1 Arial, Helvetica, sans-serif; color:#bcbcbc; margin-right:210px;}
#singleWrap h3 {margin-right:385px;}
#sideFeat {float:left; width:209px; height:556px; border-left:1px solid #E6E6E6; text-align:left;}

.nav { margin: 20px 0 }
#nav a, #mainTease strong {font:8pt/1.2 Tahoma, Arial, Helvetica, sans-serif; color:#f8f8f8; margin:0 .2em; padding: 1px 10px; border: 1px solid #dbe5e5; background: #f8f8f8; text-decoration: none; -webkit-border-radius: .5em;-moz-border-radius: .5em; border-radius: .5em;}
#nav a.activeSlide { background: #dbe5e5; color:#dbe5e5; -webkit-border-radius: .5em;-moz-border-radius: .5em; border-radius: .5em;}
#nav a:focus { outline: none; }


/* Gallery Matrix Styles */
.thumbnail {float:left; width:190px; height:130px; border:1px solid #dadada; margin:.25em;  position:relative; overflow:hidden;}
.thumbnail img {border:0;}
.thumbcaption {float:left; position:absolute; top:131px; left:0; background-image:url(../images/cover-img.png); height:18px; width:100%; padding:6px;}
.captionfull .thumbcaption {top:131px; left:0;}
.caption .thumbcaption {top:115px; left:0; height:32px;}

#home .thumbnail {margin-left:.5em;}

/* Nav Bar link styles */
#mainNav a {font:12pt/1.2 Tahoma, Arial, Helvetica, sans-serif; color:#333300; text-decoration:none; padding:.2em .5em; margin:0 .75em 0 .75em; border:1px solid #fafafa;}
#mainNav a:hover {color:#fff; background-color:#89A6A6; border:1px solid #709797; -webkit-border-radius: .5em;-moz-border-radius: .5em; border-radius: .5em;}
#mainNav a:active {color:#fff; background-color:#996600;}

#subNav a {font:10pt/1.2 Tahoma, Arial, Helvetica, sans-serif; color:#999; text-decoration:none; padding:.1em .4em; margin:0 .75em 0 .75em;}
#subNav a:hover {color:#fff; background-color:#89A6A6; -webkit-border-radius: .5em;-moz-border-radius: .5em; border-radius: .5em; }
#subNav a:active {background-color:#996600;}

.clearfix {clear:both;}

/* Page Styles */
#mainCol {float:left; width:50%; margin:0 0 0 2em;}
#sidebar {float:left; width:30%; margin:0 0 0 4em;}
#sidebar p {font:9pt/1.6 Georgia, "Times New Roman", Times, serif; color:#555555; }
#aCall {clear:both; border-top:1px dotted #ccc; padding:1.8em 0 .2em 0; text-align:right; }


/* Gallery Single Feature */
#singleWrap {width:1010px; height:600px; margin:auto; margin-top:0; text-align:center; }
#myGallery {float:left;  width:625px; height:490px; background-color:#ffffff; border:1px solid #f8f8f8; margin-bottom:1em;}
#galleryBox {float:left; width:627px; height:556px; }
#article {float:left; width:368px; margin-left:15px;text-align:left;}
#comments {float:left; width:100%; height:80px; background-color:#fafafa; margin:1em 0;}

/* Single Fonts */
#article h1 {font:20pt/1 Tahoma, Georgia, "Times New Roman", Times, serif; color:#1E1E1E; margin:.5em 0 0 0; padding:0;}
#article h4 {font:10.5pt/1.2 Tahoma, Arial, Helvetica, sans-serif; color:#999999; margin:1em 0; letter-spacing:.02em;}
#article h4 span {color:#CCCCCC; margin:0 .2em;}
#article p {font:10pt/1.6 Georgia, "Times New Roman", Times, serif; color:#666;}
p.webLink  a {display:inline-block; margin:.3em 0;}
p.credit {display:block; margin:.1em 0;}
p.credit span {color:#669999;}
#aCall p {font:10.5pt/1.6 Georgia, "Times New Roman", Times, serif; color:#555; font-style:italic;}

#pageNav {float:right; margin:.7em 0; width:15em; text-align:right;}
#pageNav a, #aCall a  {font:10pt/1.2 Tahoma, Arial, Helvetica, sans-serif; color:#996600; text-decoration:none; padding:.2em .5em; margin:0 .3em; border:1px solid #fafafa;}
#pageNav a.nxt, #aCall a {background-color:#fafafa; border:1px solid #E6E6E6; -webkit-border-radius: .5em;-moz-border-radius: .5em; border-radius: .5em;}
#pageNav a:hover, #aCall a:hover {color:#fff; background-color:#89A6A6;  border:1px solid #709797; -webkit-border-radius: .5em;-moz-border-radius: .5em; border-radius: .5em;}
#pageNav a:active, #aCall a:active {color:#fff; background-color:#996600; border:1px solid #996600;}

/* Footer Styles */
#footer {width:auto; height:13em; margin-left:auto; margin-right:auto; vertical-align:top;}
.footNav {display:block; float:left; width:165px; margin:0 25px 10px 0; padding-left:8px; }
.footNav h3 {font:10.5pt/1.2 Tahoma, Arial, Helvetica, sans-serif; color:#1E1E1E; margin:0; padding:0;}
#contactF {float:left; text-align:left; margin-left:1em;}

/* Make Nav Highlight on Selected Pages. */
#home {}
#blog a.blogLink, #work a.workLink, #services a.serviceLink, #about a.aboutLink, #shop a.shopLink, #contact a.contactLink {color:#996600; background-color:#E6E6E6; border:1px solid #CCC; -webkit-border-radius: .5em;-moz-border-radius: .5em; border-radius: .5em;}
.pAll a.allLink {background-color:#e6e6e6; -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; }

/* Gallery Index Fonts */
#galleryIndex h1 {font:9.5pt/1.2 Arial, Helvetica, sans-serif; color:#1b2121; letter-spacing:.02em; padding:0; margin:2em 0 0 0;}
#galleryIndex h1 span {font:10.5pt/1.2 Georgia, "Times New Roman", Times, serif; color:#fff;}
#galleryIndex .gIndex h1, .cover h1 {display:inline; font:9.5pt/1.2 Arial, Helvetica, sans-serif; color:#c5efe4; letter-spacing:.02em; padding:0; margin:0 0 50px 0;}
#galleryIndex .gIndex h1 span, .cover h1 span {display:inline; font:10.5pt/1.2 Georgia, "Times New Roman", Times, serif; color:#e8dba2;}
.gIndex a, #contactF a, .footNav a {font:8pt/2 Tahoma, Arial, Helvetica, sans-serif;color:#e7ffff; text-decoration:none; margin:1em; padding:.3em; border:1px solid #89A6A6;}
.gIndex a:hover, #contactF a:hover, .footNav a:hover  {text-decoration:none; margin:1em; padding:.3em; color:#fff; background-color:#6a8a8a; border:1px solid #6a8a8a; -webkit-border-radius: .5em;-moz-border-radius: .5em; border-radius: .5em;}
.cover h1 {margin:0; font:10pt/1.2 Arial, Helvetica, sans-serif; letter-spacing:0;}
.cover h1 span {font:10pt/1.2 Georgia, "Times New Roman", Times, serif;}
/**/
#contactF p {font:8pt/1.5 Georgia, "Times New Roman", Times, serif; color:#324246;}
#contactF a, #contactF a:hover {margin:0;}
#contactF span {color:#c5efe4; margin:0 .5em;}
/*  */
.hRule1 {height:1px; background-color:#b1c1a4; margin:7px 0; padding:0;}
.hRule2 {height:1px; border-top:1px dotted #c4dbc6; margin:24px 0 24px 0; padding:0;}
.hRule3 {height:1px; border-top:1px dotted #d6d6d6; margin:12px 0; padding:0;}
.hSpacer {height:2em;}
.gIndex {float:left; width:165px; margin:0 25px 10px 0; padding-left:8px; }