@font-face { font-family: subtitles; font-style: normal; font-weight: normal; src: url("/template/fonts/subtitles.ttf") format("truetype") }
@font-face { font-family: subtitles-strong; font-style: normal; font-weight: normal; src: url("/template/fonts/subtitles-strong.ttf") format("truetype") }
@font-face { font-family: titles; font-style: normal; font-weight: normal; src: url("/template/fonts/titles.ttf") format("truetype") }
/*Defaults*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,input,textarea,p,blockquote,th,td { font-family: Georgia, "Times New Roman", Times, serif; margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
/*Layout*/
body { color: #324f6a; background-color: #221f20; background-repeat: repeat; background-position: 0 0; text-align: center }
#page  { background-image: url(elements/mainback.png); background-repeat: no-repeat; background-position: 0 0;}
#pageinnerwrapper  { background-image: url(elements/maintop.png); background-repeat: no-repeat; }
#header a { background-image: url(elements/homehover.png); background-repeat: no-repeat; background-position: -340px 0; text-indent: -500px; width: 340px; height: 169px; overflow: hidden; margin-bottom: 21px; display: block; }
#header a:hover { background-position: 0 0; }
td#leftmargin   { background-image: url("elements/background.png"); background-position: right 0 }
td#centercolumn   { background-image: url(elements/mainback.png); background-repeat: repeat-y; background-position: 0 382px; text-align: left; width: 800px; overflow: hidden; }
td#rightmargin  { background-image: url("elements/background.png"); background-position: left 0 }
table#columns   { background-image: url("elements/mainbottom.png"); background-repeat: no-repeat; background-position: 0 bottom }
#footer   { background-image: url(elements/mainbottom.png); background-repeat: no-repeat;}
#breadcrumb { color: #4c7897; font-size: 1.2em; background: #87bcd8; position: relative; height: 46px; border-bottom: 2px solid #90c7e4 }
td#content { padding-bottom: 350px; }
#info { color: #e4eef4; font-size: 1.2em; line-height: 2em; background: #76aac9; padding: 20px 230px 20px 30px; position: relative; border-bottom: 3px solid #93ccea }
/*Sidebar*/
td#sidebar  { background-image: url("elements/sidebarback.png"); background-repeat: no-repeat; background-position: -1px 19px; width: 291px; min-height: 1001px }
#sidebarwrapper { min-height: 1000px; padding-top: 63px; }
#notables h2  { background-image: url("/template/elements/sections/notables.png"); background-repeat: no-repeat; text-indent: -5000px; display: block; margin: 15px 0 5px 95px; padding: 0; top: 0; right: 0; bottom: 0; left: 0; height: 35px }
#sidebar p { text-align: left; margin: 0; }
#sidebar a:hover { color: #231f20; }
#testimonials { color: #fff; font-size: 14px; margin-top: 5px; padding-top: 0; padding-right: 10px; padding-left: 3px; }
#testimonials h3 { font-size: 18px; margin: 0; padding: 0; }
.testimony { padding-bottom: 10px; }
.one { color: #fff217; }
.two { color: #87ab35; }
.three { color: #a6dcf8; }
/*Dark Styles*/
#dark #page { background-image: url(/template/dark/mainback.png); background-repeat: repeat-y; background-position: 0 1197px; }
#dark #pageinnerwrapper { background-image: url(dark/darkback.png); background-repeat: no-repeat; min-height: 1001px; }
#dark #header a { background-image: none; height: 169px; margin-bottom: 0; }
#dark table#columns { background-image: none; padding-bottom: 0; }
#dark td#content { padding-bottom: 0; }
#dark #folio { min-height: 999px; }
.project { color: #c4bcbd; padding-right: 50px; padding-left: 50px; }
#prevnext { background-image: url(/template/dark/prevnextback.png); background-repeat: no-repeat; height: 145px; clear: both; margin-top: 25px; }
#prevnext #weblink { background-image: url(/template/dark/webportfolionav-hover.png); background-repeat: no-repeat; background-position: -5500px 50%; width: 400px; float: left; }
#prevnext #weblink a { background-image: url(/template/dark/webportfolionav.png); background-repeat: no-repeat; background-position: right 0; height: 145px; display: block; }
#prevnext #weblink a:hover { background-image: url(/template/dark/webportfolionav-hover.png); }
#prevnext #printlink { background-image: url(/template/dark/printportfolionav-hover.png); background-repeat: no-repeat; background-position: -5500px 50%; width: 400px; float: right; }
#prevnext #printlink a { background-image: url(/template/dark/printportfolionav.png); background-repeat: no-repeat; background-position: 0 0; height: 145px; display: block; }
#prevnext #printlink a:hover { background-image: url(/template/dark/printportfolionav-hover.png); }
#next { background-image: url(/template/dark/next-hover.png); background-repeat: no-repeat; background-position: -5500px 50%; width: 400px; float: right; }
#previous { background-image: url(/template/dark/previous-hover.png); background-repeat: no-repeat; background-position: -5500px 50%; width: 400px; float: left; }
#dark #previous a { color: #343235; background-image: url(/template/dark/previous.png); background-repeat: no-repeat; background-position: 45px 37px; text-transform: uppercase; padding-top: 85px; padding-left: 50px; display: block; }
#dark #previous a:hover { color: #424141; background-image: url(/template/dark/previous-hover.png); }
#dark #next a { color: #343235; background-image: url(/template/dark/next.png); background-repeat: no-repeat; background-position: 195px 36px; text-transform: uppercase; text-align: right; padding-top: 85px; padding-right: 55px; padding-left: 3px; display: block; }
#dark #next a:hover { color: #4f4746; background-image: url(/template/dark/next-hover.png); }
/* headers*/
#header h1 { margin: 30px 0 0 45px; position: absolute }
#content h1      { color: #53493b; font-size: 58px; font-family: titles, Georgia; line-height: 48px; text-align: left; text-transform: uppercase; letter-spacing: -6px; display: block; margin-left: 22px }
#content h2      { color: #fff; font-size: 30px; font-family: subtitles; text-decoration: none; background-color: #4e4746; text-align: left; text-transform: uppercase; display: inline; margin: 0 0 0; padding: 2px 25px 1px }
h2 em { font-style: italic }
h2 strong { font-weight: bold }
strong { font-weight: bolder; }
em { font-style: italic; }
#content .article h1  { font-size: 64px; line-height: 54px; margin-left: 0; padding-left: 0; position: relative; left: -5px }
h1 strong  { color: #1d191d }
#header h1 a { color: #9ca9b7; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none; letter-spacing: -1px }
#header h1 a:hover { color: #fff }
#header h1 span { color: #fff; font-size: 18px }
h3 { color: #574c3c; }
/*Paragraph Styles*/
p.big  { font-size: 24px; line-height: 26px; margin-bottom: 15px }
/* classes */

.error { color: red; }
/* Sidebar */

ul#nav  { font-size: 18px; font-family: Georgia, "Times New Roman", Times, serif; margin: 0; padding: 0 }
ul#nav li { font-family: Georgia, "Times New Roman", Times, serif; overflow: hidden; list-style-type: none; margin: 0; padding: 0 0 0 90px     ; }
ul#nav ul { padding-top: 3px; }
ul#nav ul li { font-size: 14px; height: auto; margin: 0; padding: 0 0 0 90px; }
ul#nav ul li a  { color: #f00; font-size: 14px; text-indent: 0; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; width: 196px; height: auto; border-top: 1px solid #f00 }
ul#nav ul li a:hover  { color: #4e4746; background-color: #f00 }
ul#nav li a { text-indent: -1500px; width: 190px; height: 35px; margin: 0; padding: 0 0 3px; display: block; }
li#services a { background-image: url(elements/sections/services.png); background-repeat: no-repeat; background-position: 0 0; display: block; }
li#portfolio a { background-image: url(elements/sections/portfolio.png); background-repeat: no-repeat; background-position: 0 0; display: block; }
li#contact a { background-image: url(elements/sections/contact.png); background-repeat: no-repeat; background-position: 0 0; display: block; }
li#aesthetic a { background-image: url(elements/sections/aesthetic.png); background-repeat: no-repeat; background-position: 0 0; display: block; }
#sidebar #notables li  { }
#sidebar #notables li a { color: #ffeb00; font-size: 14px; display: block; padding: 0; height: 24px; overflow: hidden; border-top: 1px solid #ffeb00 }
#notables li a:hover { color: #ffeb00; height: auto }
#notables li a .notetitle { display: block; padding-top: 3px; padding-bottom: 3px; padding-left: 5px }
#notables li a .notesum { color: #e7e1e0; font-size: 12px; text-align: justify; display: block; padding: 5px }
#notables a:hover .notetitle { color: #53493b; background-color: #ffeb00; display: block }
#sidebar #notables ul { padding-left: 90px }
#sidebar #notables li a:hover { color: #ffeb00; height: auto }
ul#nav li#call,ul#nav li#email { text-indent: 0; padding: 0; }
ul#nav li#call a { text-indent: 0; height: auto; padding-left: 90px; }
ul#nav li#email a { text-indent: 0; height: auto; padding-left: 45px; }
#nav li a:hover,
#nav li a.current  { background-position: -190px 0; }
.aesthetic ul#subnav {  }
.aesthetic ul#subnav li {  }
ul#subnav { padding-top: 2px; padding-left: 90px; }
ul#subnav a { color: #ea0800; font-size: 14px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; border-top: 1px solid red; display: block; }
ul#subnav a:hover { color: #4e4746; background-color: #ea0800; }
#sidebar a { color: #eaddbd; font-size: 12px; }
#sidebar a:hover { color: #abd334; }
#sidebar h3 {  }
#testimonials { margin-left: 90px; }
/* breadcrumb */

#breadcrumb a {
  color: #4c7897;
  text-decoration: none;
}

/* info */
.info     { color: #916e39; font-size: 24px; font-family: subtitles, arial; line-height: 20px; text-transform: uppercase; letter-spacing: 1px; padding-top: 5px; padding-left: 25px; clear: both }
.info strong  { color: #754e23; font-family: subtitles-strong; font-weight: normal }
.entry p { display: inline }
.entry { margin-bottom: 15px }
.entry .info   { color: #4e4746; margin-top: 3px; margin-bottom: 5px; padding-top: 0; padding-left: 0 }
#info a {
  color: #E4EEF4;
}
/*Archives*/
.article h2.archivetitle { height: 30px; margin: 0 0 3px; padding: 0; }
h2.archivetitle a   { color: white; text-decoration: none; background-color: #4e4746; margin: 0 }
h2.archivetitle a:hover  { color: #fefa00 }
.more a   { color: #fff; font-size: 20px; font-family: subtitles; background-color: #7e64ad; text-transform: uppercase; display: block; padding: 2px 5px; position: relative; top: -15px; float: right }
.more a:hover  { color: #fff; background-color: #00a651 }
#archive { margin-top: 15px; }
/* content */
.article { margin-top: 5px; }
.article, .article-extended { color: #393a3a; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; line-height: 1.3; text-align: justify; padding-top: 0; padding-right: 20px; padding-left: 25px    }
.subtitle { color: #353538; font-size: 24px; font-style: italic; padding-left: 25px; }
a { color: #764a98; text-decoration: none; }
a:hover { color: #ed1c24; }
#dark a { color: #cbc1b8; text-decoration: none; }
#dark a:hover { color: #fefefe; }
#content h2.title { color: #363639; font-size: 48px; font-weight: bold; line-height: 40px; text-transform: uppercase; left: 0; margin: 0; padding: 0 20px 0 22px; }
h2.lighttitle { color: #fff; font-size: 36px; font-weight: bold; line-height: 36px; text-transform: uppercase; margin: 0 0 5px; padding: 0 0 0 72px; height: 36px; }
h2, .article h2 { color: #4e4746; font-size: 20px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; position: relative; left: -25px; margin: 10px 0 5px; padding: 0 0 0 25px      }
p    { text-align: justify; margin: 0 0 10px; padding: 0 }
em { font-style: italic; }
strong { font-weight: bold; }
.pullquote { color: #916e39; font-size: 20px; width: 200px; float: right; margin-left: 10px; padding-right: 20px; padding-bottom: 5px; padding-left: 10px; border-left: 1px solid #553441; display: block; }
cite {  }
/*Portfolio*/
ul.foliolist li { margin: 0 0 10px; padding-left: 20px; list-style-type: none; }
#dark .letter { color: #ffffff; font-size: 56px; line-height: 56px; height: 56px; overflow: hidden; float: left; padding-right: 5px; padding-bottom: 0; display: block; }
.letter { color: #353538; font-size: 72px; line-height: 72px; display: block; padding-right: 5px; padding-bottom: 0; height: 72px; float: left; overflow: hidden; }
ul.thumb { width: 760px; clear: both; display: block; }
ul.thumb li {  }
ul.thumb li.thumbnail { width: 90px; float: left; display: inline; }
li.thumbnail a { background-repeat: no-repeat; background-position: 0 0; width: 90px; display: block; }
li.thumbnail a:hover { background-position: 0 0; text-indent: -150px; overflow: hidden; }
ul.thumb li.description { color: #8b8788; font-size: 14px; background-image: url(/template/thumbnails/leftmargin.png); background-repeat: no-repeat; background-position: 0 0; width: 620px; float: left; padding-left: 28px; display: block; }
ul.thumb .deswrap { background-image: url(/template/elements/overlays/black50.png); background-repeat: repeat; min-height: 134px; padding: 15px 25px 10px 20px; }
h3.lighttitle { color: white; font-size: 30px; line-height: 30px; text-transform: uppercase; height: 30px; padding: 0 0 5px; display: block; }
.sIFR-active h3.lighttitle a { text-transform: uppercase; visibility: hidden; display: block; }
ul.thumb .deswrap .title a:hover { color: #fdcc09; }
.tags { color: #c7bdb4; text-transform: uppercase; text-align: right; }
#webindex { background-image: url(/template/dark/webportfoliotop.png); background-repeat: no-repeat; background-position: right 0; height: 96px; clear: both; }
#printindex { background-image: url(/template/dark/printportfoliotop.png); background-repeat: no-repeat; background-position: right 0; height: 105px; clear: both; display: block; }
#pullquote { color: white; width: 200px; float: right; min-height: 200px; padding: 10px 20px 10px 15px; border-left: 0 solid black; display: block; }
#pullquote p { text-align: left; }
#pullquote a { color: #c4bcbd; font-size: 12px; text-transform: uppercase; margin-top: 5px; display: block; }
/*Contact*/
#contactform input.textline { color: #00a651; font-size: 24px; line-height: 30px; background-color: transparent; width: 450px; height: 30px; }
#contactform textarea { font-size: 14px; width: 450px; height: 200px; }
#contactform h3 { margin-top: 10px; }
/* misc */

a img { border: none; }
acronym { cursor: help; }
blockquote {
  background: url(quote.gif) no-repeat 10px 0;
  color: #76aac9;
  border-left: 2px solid #76aac9;
  line-height: 1.5em;
  margin: 0 10px 20px 10px;	
  padding: 0 10px 0 10px;
}
hr, .hide { display: none; }
.show { display: inline; }

pre, code { font-size: 1.1em; line-height: normal; background: #eee; color: #444; }

/* classes */

.right, .left {
  background: #fff;
  border: 1px solid #e3e7e8;
  float: left;
  margin: .5em 12px 6px 0;
  padding: 6px;
}
.right {
  float: right;
  margin: .5em 0  6px 12px;
}
.left {
  float: left;
  margin: .5em 12px 6px 0;
}

/* comment */
.comment-form-body {
  width: 450px;
}
fieldset, img { border: 0 }
address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal }
ol, ul { list-style: none }
caption, th { text-align: left }
q:before, q:after { content: '' }