@font-face {
  font-family: "crimson-text";
  src: url("/files/fonts/crimson-roman-webfont.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "crimson-text";
  src: url("/files/fonts/crimson-italic-webfont.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: "crimson-text";
  src: url("/files/fonts/crimson-bold-webfont.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "crimson-text";
  src: url("/files/fonts/crimson-bolditalic-webfont.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
}

/* reset.css */
/* http://meyerweb.com/eric/tools/css/reset/ v2.0b1 | 201101 */

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
 font-size: 100%;
 font: inherit;
 vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
 display: block;
}
body {
 line-height: 1;
}
ol, ul {
 list-style: none;
}
blockquote, q {
 quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
 content: '';
 content: none;
}

/* remember to define visible focus styles!
:focus {
 outline: ?????;
} */

/* remember to highlight inserts somehow! */
ins {
 text-decoration: none;
}
del {
 text-decoration: line-through;
}

table {
 border-collapse: collapse;
 border-spacing: 0;
}

/*
 Default font settings.
 font-size: 16px
 vertical rhythm: 24px
*/
html                                   {font-size:100.01%;}
body                                   {font-family:'crimson-text',sans-serif; font-size:1em; line-height:1.5em; color:#000000;}

/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6                      {font-weight:normal; /*background-color:rgba(100,100,100,0.2);*/}
h1                                     {font-size:3em; line-height:1.0em; margin-bottom:0.5em;}
h2                                     {font-size:1.75em; line-height:1.714em; margin-bottom:1.0em;}
h3                                     {font-size:1.5em; line-height:1.1em; margin-bottom:1.0em;}
h4                                     {font-size:1.25em; line-height:1.2em; margin-bottom:1.2em;}
h5                                     {font-size:1.0em; line-height:1.5em; margin-bottom:1.5em;}
h6                                     {font-size:1.0em; line-height:1.5em; /*margin-bottom:1.35em;*/}

/* Text elements
-------------------------------------------------------------- */

p,hr                                   {margin: 0 0 1.5em; /*background-color:rgba(100,100,100,0.2);*/}

a:focus,
a:hover                                {text-decoration:none;}
a                                      {color:#000000; text-decoration:underline;}

blockquote                             {margin:1.5em; font-style:italic;}
strong,dfn	                           {font-weight:bold;}
em,dfn                                 {font-style:italic;}
sub,sup                                {line-height:0; font-size:12px;}
sub                                    {vertical-align:sub;}
sup                                    {vertical-align:super;}

abbr,acronym                           {border-bottom:1px dotted #000000;}
address                                {margin:0 0 1.5em; font-style:italic;}
ins                                    {}

pre                                    {margin: 1.5em 0; white-space:pre;}
pre,code,tt                            {font:1em 'andale mono','lucida console',monospace; line-height:1.5em;}


/* Lists
-------------------------------------------------------------- */

ul,ol                                  {margin:0 1.5em 1.5em 2.0em;}
ul ul,ol ol                            {margin-left:1.5em;}

ul                                     {list-style-type:disc; /*list-style-position:inside;*/}
ol                                     {list-style-type:decimal; /*list-style-position:inside;*/}

dl                                     {margin: 0 0 1.5em 0;}
dl dt                                  {font-weight:bold;}
dd                                     {margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

table                                  {margin-bottom:1.5em; width:100%;}
th                                     {font-weight:bold;}
thead th                               {/*background:;*/}
th,td,caption                          {line-height:1.5em;  text-align:left;}

tbody tr:nth-child(even) td,
tbody tr.even td                       {/*background:;*/}
tfoot                                  {font-style: italic;}
caption                                {}




/* Misc classes
-------------------------------------------------------------- */

.small                                 {}
.large                                 {}

.hide                                  {display:none;}
.invisible                             {visibility:hidden;}

.first                                 {margin-left:0; padding-left:0;}
.last                                  {margin-right:0; padding-right:0;}

/* Other
-------------------------------------------------------------- */

body                                   {background-color:#ffffff;}
input,textarea                         {font-family:"crimson-text",Georgia,"Times New Roman",serif; font-size:.9375em;}
::selection                            {background-color:#999999;}
::-moz-selection                       {background-color:#999999;}
:focus                                 {/*outline:1;*/}
.clear                                 {clear:both;}
hr                                     {border:0; background-color:#000000; height:0px;}

img                                    {-ms-interpolation-mode:bicubic;}

/* Site specific
-------------------------------------------------------------- */
html,body,#wrapper                     {width:100%;}
#site                                  {margin:0 auto;}
#site :last-child                      {margin-bottom:0;}

#site                                  {width:694px; padding:1.5em 0;}
#header,#content                       {padding:0 1.5em 1.5em 1.5em;}
.project #header, .news  #header       {padding-bottom:0.75em;}

#header                                {text-align:center; margin:0 auto; position:relative;}
#header ul                             {margin:0 auto;}

#header {
	padding-top: 1em;
}
#header h1                             {font-size: 2.5em; margin:0; margin-bottom: .25em; font-weight: 400; text-rendering: optimizeLegibility;}
/*
#header .nav li.nav-cart               {position:absolute; right:0px; top:0px;}
#header .nav li.nav-cart a             {color:#ccc;}
#cart #header .nav li.nav-cart a       {color:#000000;}
*/

#header #new-info                      {/*text-align:justify;*/ margin-top:0;}
#header #new-info p                    {margin-bottom:1.5em;}
#header .line                          {border-bottom:1px solid #000; padding-top:1.5em; border: 0;}

h1,h2,h3,h4,h5,h6                      {font-family: "futura-pt",Tahoma,Arial,sans-serif;}
.nav ul                                {list-style:none; margin-bottom:0; font-family:"futura-pt",Tahoma,Arial,sans-serif;position:relative; font-size:1.15em;}
.nav li                                {display:inline; padding:0 0.25em; letter-spacing: .05em;}
.nav li a,
h1 a                                   {text-decoration:none;}
.nav li.current a,
.nav li a:hover                        {text-decoration:underline;}

/* projects overview */
.projects #content                     {padding:0 0; background-color:none; }
.category-name                         {text-align: center; padding: 0; margin: 10px 0 30px 0; font-size: 1.75em;}
.category-items                        {text-align: center;}
div.item                               {margin: 0 10px; padding-bottom: 20px; display:inline-block; text-align:center; overflow:hidden; vertical-align: top;}
div.item span                          {display:block;}
div.item a,
div.item a:hover .thumb                {text-decoration:none;}
div.item a:hover                       {text-decoration:underline;}
.thumb                                 {width:100%; height:191px; text-align:left;}
div.item {width: 191px;}
div.item img                           {width:191px; height:191px; margin: 0;}
.thumb                                 {margin-bottom:0.5em;}
.thumb img                             {position:absolute; z-index:2;}
a .a                                   {z-index:1;}
a:hover .a                             {z-index:3;}
/* /projects overview */

/* share */
ul.share                               {text-align:center; list-style:none; margin:0 0;}
ul.share li                            {display:inline; padding:0 0.3em;}
/* /share */

#content hr                            {width:33%; margin:0 auto; margin-bottom:1.5em;}
.news-post                             {width:652px; margin:0 auto; margin-bottom:1.5em;}
div.project p img,
.news-post p img                       {max-width:652px; margin:0 auto; display:block;}
.news-post p                           {/*background:red;*/}
.news-post iframe                      {margin-bottom:1.0em;}

/* project */

div.head                               {margin-bottom:1.5em; text-align:center;}
div.head h2                            {margin:0;}
div.head p                             {text-align:center; margin:0;}
div.head a                             {text-decoration:none;}
div.head a:hover                       {text-decoration:underline;}

div.top-photo                          {width:652px; margin:0 auto 1em auto;}

div.top-photo img                      {height:auto;}
div.top-photo em                       {height:100%; display:block;}
div.top-photo iframe                   {}

div.project                            {width:652px; margin:0 auto; margin-bottom:1.5em;}
div.project h3                         {margin:0;}
div.project form                       {text-align:center; margin-bottom:1.5em;}

div.details                            {margin-bottom:1.5em;}
div.details,div.details p              {text-align:center;}

.button                                {font-family:"crimson-text",serif; cursor:pointer; text-decoration:underline; display:inline-block; background-color:transparent; border:0; font-size:100%; margin:0; outline:0; padding:0; vertical-align:baseline;}
.button:hover                          {text-decoration:none;}

/* /project */

/* order process */
.order .page p                         {text-align:left;}
.order .page ul                        {margin:0 0 1.5em; list-style:none;}
.order .page                           {width:652px; margin:0 auto;}
.order #content                        {margin-bottom:1.5em;}
label                                  {width:160px; display:inline-block;}

div.process                            {text-align:left; color:#a6a6a6;}
div.process span                       {color:#000000;}
div.process a                          { color:#a6a6a6; text-decoration:none;}
/* /order process */

.pages #content                        {padding:0 0.75em 3em;}
.pages #content div.col                {width:316px; float:left; padding:0 0.75em;}
.pages #content img {max-width: auto; width: 100%; height: auto;}
#contact #content                      {padding:0; margin:0 auto;}
#contact #content div.col              {text-align:center; clear:both; padding:0 0 1.5em; width:100%;}
#contact div.col p                     {text-align:center;}

ul.pager                               {list-style:none; text-align:center;}
ul.pager li                            {display:inline;}
ul.pager li a                          {text-decoration:none;}
ul.pager li.current a                  {text-decoration:underline;}


.col p,.news-post p                    {text-align:justify;}

.news-post .hide                       {margin-bottom:1.5em;}
p.read-more                            {text-align:center; cursor:pointer; text-decoration:underline;}
p.read-more:hover                      {text-decoration:none;}

p.center                               {margin:0 auto; text-align:center;}



/* @media */

/* 320 px layout for smartphones (iPhone portrait) */
@media only screen and (max-width: 463px) {
 #site                                 {width:314px;}
 #new-info p                           {text-align:center;}

 .thumb,div.item img                   {width:272px; height:272px;}
 div.item img                          {margin:0;}
 div.item                              {width:272px; /*height:320px;*/ margin:0 0 20px 0px;}

 div.top-photo                         {width:272px;}

 /* reset column float */
 .pages #content                       {padding:0 1.5em 1.5em;}
 .pages #content div.col               {width:100%; clear:both; padding:0; margin-bottom:1.5em;}
 #contact #content                     {width:auto;}
 #contact #content div.col             {width:100%; clear:both;  padding:0;}

 div.project,
 .news-post                            {width:auto;}
 div.project p img,
 .news-post p img                      {max-width:272px; margin:0 auto; display:block;}

 body.projects #header                 {width:auto;}
 /*
 #header .nav li.nav-cart              {position:relative;}
 */

 iframe                                {width:272px; height:153px;}

 .order .page                          {width:auto;}

}

/* 480 px layout for smartphones (iPhone landscape) */
@media only screen and (min-width: 464px) and (max-width: 767px) {
 #site                                 {width:457px;}

 .thumb                                {width:100%; height:191px;}
 div.item img                          {margin-left: 0px;}
 div.item                              {margin:0 10px 21px 10px; width: 191px;}

 div.top-photo                         {width:414px;}

 .pages #content                       {padding:0 1.5em 1.5em;}
 .pages #content div.col               {width:100%; clear:both; padding:0; margin-bottom:1.5em;}
 #contact #content                     {width:auto;}
 #contact #content div.col             {width:100%;}

 div.project,
 .news-post                            {width:auto;}
 div.project p img,
 .news-post p img                      {max-width:414px; margin:0 auto; display:block;}

 body.projects #header                 {width:auto;}
 /*
 #header .nav li.nav-cart              {position:relative;}
 */

 iframe                                {width:414px; height:233px;}

 .order .page                           {width:auto;}

}

/* 936 px layout for desktops and laptops (also: iPad landscape) */
@media only screen and (min-width: 1000px) {
 #site                                 {width:1002px;}
 .thumb                                {width:100%; height:200px;}
 div.item img                          {margin-left: 0;}
 div.item                              {width: 191px;}

 .pages #content,.news #content        {padding:0 0.75em 3.0em;}
 .pages #content div.col               {width:438px; float:left; margin:0 25px 0 25px; padding:0;}

 div.project p img,
 .news-post p img                      {max-width:652px;  margin:0 auto; display:block;}

 #header                 {width:928px;}


 /*#header h1,
 #header #new-info       {margin-top:0; width:50%; text-align: left; display: inline-block; vertical-align: bottom;}
 #header h1 {padding-bottom: 5px;}
 #header .nav {display: block; width: 100%; text-align: left;}
 #header .nav li:first-child {
 	padding-left: 0;
 }*/

 #contact #content                     {margin:0 auto;}
 #contact #content div.col {width:952px;}

 /* constrain width of text paragraphs */
 #contact #content div.col p:not(:first-child) {
  margin-left: auto;
  margin-right: auto;
  width:694px;
 }

}