@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; 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 { font-size: 0; line-height: 0; margin: 0; padding: 0; height: 189px }
#header a  { background-image: url("elements/homehover.png"); background-repeat: no-repeat; background-position: -340px 0; text-indent: -500px; display: block; width: 340px; height: 169px; overflow: hidden }
#header a:hover { background-position: 0 0; }
td#leftmargin   { background-image: url("elements/background.png"); background-position: right 0 }
#mainwrapper    { background-image: url("elements/mainback.png"); background-repeat: repeat-y; background-position: 0 382px; text-align: left; width: 800px; overflow: hidden }
td#centercolumn { background-image: url("elements/background.png"); background-repeat: repeat-y; background-position: 0 0; text-align: left; padding-bottom: 75px }
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 }
table#layout  { }
#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: 50px }
#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; padding-top: 0; width: 291px; min-height: 1001px; overflow: hidden }
#sidebarwrapper  { min-height: 1000px }
#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  { padding-bottom: 0; min-height: 999px }
#dark td#centercolumn { padding-bottom: 0 }
.project { color: #c4bcbd; padding-right: 50px; padding-left: 50px; }
#prevnext  { background-image: url("/template/dark/prevnextback.png"); background-repeat: no-repeat; margin: 25px 0 0; padding: 0; height: 145px; clear: both }
#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; padding-left: 20px; position: relative; left: -5px }
#content .article h1 { padding-left: 0 }
#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 h1.title { color: #363639; font-size: 54px; font-weight: normal; line-height: 44px; text-transform: uppercase; word-spacing: 1px; letter-spacing: -5px; margin: 0; padding: 0 20px 0 22px; position: relative; left: -5px; width: 430px }
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: 18px;
	line-height: 20px;
	margin-bottom: 15px;
	}

/* List Styles */
#content ol li {
	list-style: circle;
	list-style-position: outside;
	margin: 0px 0px 10px 20px;
	padding-left: 5px;
	}

.error { color: red; }

/* !Sidebar */

ul#nav   { font-size: 18px; font-family: Georgia, "Times New Roman", Times, serif; margin: 63px 0 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; }
li#aesthetic ul li { margin: 0; padding: 0 }
li#aesthetic ul li a { background-image: none }
#sidebar #notables li  { }
#sidebar #notables li a  { color: #ffeb00; font-size: 14px; display: block; padding: 0; overflow: hidden; border-top: 1px solid #ffeb00 }
#notables li a:hover { color: #ffeb00; height: auto }
#notables li a .notetitle   { display: block; padding-top: 5px; padding-bottom: 5px; padding-left: 5px }
#notables li a .notesum  { color: #e7e1e0; font-size: 14px; text-align: justify; display: none; padding: 5px; z-index: 50; width: 190px }
#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 }
#sidebar #notables li a:hover .notesum { display: block }
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-weight: normal }
.entry p { display: inline }
.entry  { margin-bottom: 15px; clear: both }
.entry .info   { color: #4e4746; margin-top: 3px; margin-bottom: 5px; padding-top: 0; padding-left: 0 }
#info a {
  color: #E4EEF4;
}
/* Archives */
.article h2.archivetitle   { margin: 0 0 3px; padding: 0; height: 30px }
h2.archivetitle a   { color: white; text-decoration: none; background-color: #4e4746; margin: 0 }
h2.archivetitle a:hover  { color: #fefa00 }
.more  { color: #7e64ad; font-size: 20px; line-height: 20px; text-align: right; display: block; margin-top: 8px; margin-bottom: -15px; border-top: 1px solid #7e64ad }
.more a     { color: #fff; font-size: 20px; font-family: subtitles; line-height: 20px; background-color: #7e64ad; text-transform: uppercase; display: block; margin-bottom: -15px; padding: 4px 8px; float: right }
.more a:hover   { color: #fff; background-color: #006738 }
#archive { margin-top: 15px; }
/* Cover */
#recentwork .h2 { color: #fff; font-size: 34px; font-family: subtitles; background-color: #1d191d; text-transform: uppercase; margin-right: 3px; padding: 3px 25px }
#recentwork a.webwork { color: #fff; font-size: 34px; font-family: subtitles; background-color: #6296a1; text-transform: uppercase; padding: 3px 10px }
#recentwork a:hover.webwork { background-color: #36535a }
#recentwork a.printwork { color: #fff; font-size: 34px; font-family: subtitles; background-color: #7e64ad; text-transform: uppercase; padding: 3px 10px }
#recentwork a:hover.printwork { background-color: #5a487c }
#recentwork ul { margin-top: 6px }
#recentwork li  { font-size: 28px; font-family: subtitles; line-height: 28px; background-color: #4e4643; background-repeat: no-repeat; background-position: 0 center; margin-top: 3px; margin-left: 25px; padding-left: 89px; width: 370px; border-style: solid none solid solid; border-width: 0; border-color: #1d191d }
#recentwork li a  { color: #fff; text-transform: uppercase; display: block; margin-top: 3px; margin-bottom: 3px; padding-top: 2px; padding-bottom: 0; padding-left: 0; border-left: 3px solid #fff }
#recentwork li a:hover { background-color: #1e1a1e; border-left: 3px solid #fff }
#recentwork li a .websec { color: #e4d7fc; padding-right: 5px; padding-left: 5px; border-right: 3px solid white }
#recentwork li a .printsec { color: #e4f4ff; padding-right: 5px; padding-left: 5px; border-right: 3px solid white }
#recentwork li a .link { margin: 0; padding: 3px 5px 2px }
#recentwork li.preview { background-color: #4e4643; background-position: center 0; padding-top: 204px; padding-left: 0; width: 459px }
#recentwork li.preview a { background-color: #1d191d; padding-top: 5px; padding-bottom: 3px; padding-left: 0; border-width: 0 }
#recentwork li.preview a:hover { background-color: #4e4643 }
/* 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; }
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; }
#content h2.lighttitle  { color: #fff; font-size: 28px; font-family: titles; font-weight: normal; line-height: 28px; background-color: transparent; text-transform: uppercase; letter-spacing: -1px; display: block; margin: 0 0 0; padding: 0 0 0 72px; height: 36px }
h2.lighttitle { text-align: left; display: block; margin: 0; padding: 0; float: none }
h3.lighttitle    { color: white; font-size: 28px; font-family: titles; font-weight: normal; line-height: 28px; text-align: left; text-transform: uppercase; display: block; padding: 0; height: 30px }
#folio h2.righttitle { background-color: transparent; letter-spacing: 0; display: none; padding-left: 50px }
#dark h3.lighttitle a { color: #f1e5db }
#dark h3.lighttitle a:hover { color: white }
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; }

/* Noted */
.at, .go, .source { color: #4e4643; font-size: 24px; background-color: #fff; float: right }

/* 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: '' }