* { margin:0; padding:0; border:0; outline:none; -webkit-tap-highlight-color:transparent; box-sizing:border-box; }
html { position:relative; min-height:100%; }
html, body { margin:0; padding:0; border:0; box-sizing:border-box; }
body { background-color:#fff; color:#000; text-align:left; font-family:"Times New Roman", Times, serif; font-size:16px; font-style:normal; font-weight:normal; line-height:19px; outline:none; border:0; }
a, a:focus, a:hover { color:#333; text-decoration:none; border:0; border-bottom:0; outline:none; }
a, a:link, a:visited, a:focus, a:hover, a:active { background-color:transparent; color:#333; border:0; border-bottom:0; outline:none; text-decoration:none; cursor:pointer; }
a.active { color:#333; }
img, img a:link, a:link img { text-decoration:none; border:0; outline:none; }
img a:focus, img a:hover, img a:active, a:focus img, a:hover img, a:active img { text-decoration:none; border:0; outline:none; }
strong { font-family:Helvetica, Arial, sans-serif; font-style:normal; font-weight:bold; line-height:0; }
strong.dotted { padding-bottom:12px; border-bottom:1px #333 solid; }
em { font-style:italic; }
ul { list-style-type:none; }
sup { line-height:0; }
.clear { clear:both; }
address, header, nav, article, figure, main, section, footer, aside { margin:0 auto; padding:0; display:block; }
h1, h2, h3, h4, h5, h6 { font-family:Helvetica, Arial, sans-serif; font-style:normal; font-weight:normal; margin:0; padding:0; }

.nav, .nav.drawings, .nav.index, .nav.writing { background-color:#fff; font-family:Helvetica, Arial, sans-serif; font-size:14px; line-height:19px; position:relative; top:0; right:0; left:0; height:auto; margin:0; padding:50px 0 156px 0; }
.nav.index { padding:50px 0 104px 0; }
.nav ul { float:left; }
.nav ul.nav-one { width:50%; padding-top:12px; padding-bottom:12px; border-top:1px #999 solid; border-bottom:1px #999 solid; }
.nav ul.nav-one.indx { margin-left:40px; border-bottom:0; }
.nav ul.nav-two { font-size:13px; line-height:19px; text-align:right; margin-right:50px; padding-top:12px; padding-bottom:12px; float:right; }
.nav ul.nav-sub { font-family:Helvetica, Arial, sans-serif; width:50%; padding-top:12px; padding-bottom:12px; border-bottom:1px #999 solid; clear:both; }
.nav ul li { margin:0 10px; padding:4px 0; display:inline; float:left; }
.nav ul.nav-one li:nth-child(1) { margin-left:50px; }
.nav ul.nav-sub li:nth-child(1) { margin-left:50px; }
.nav ul li a.icon { background-repeat:no-repeat; background-size:contain; filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; -khtml-opacity:0.8; width:18px; height:18px; margin-top:-1px; display:block; }
.nav ul li a.icon.facebook { background-image:url(../img/logoFacebook.png); margin-left:20px; }
.nav ul li a.icon.instagram { background-image:url(../img/logoInstagram.png); }
.nav ul li a.icon.pinterest { background-image:url(../img/logoPinterest.png); }
.nav ul li a:focus, .nav ul li a:hover, .nav ul li a:active { border-bottom:1px #333 solid; }
.nav ul li a.icon:focus, .nav ul li a.icon:hover, .nav ul li a.icon:active { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; -khtml-opacity:1; border-bottom:0; }
.nav ul li a.icon.facebook:focus, .nav ul li a.icon.facebook:hover, .nav ul li a.icon.facebook:active { background-image:url(../img/logoFacebook-c.png); }
.nav ul li a.icon.instagram:focus, .nav ul li a.icon.instagram:hover, .nav ul li a.icon.instagram:active { background-image:url(../img/logoInstagram-c.png); }
.nav ul li a.icon.pinterest:focus, .nav ul li a.icon.pinterest:hover, .nav ul li a.icon.pinterest:active { background-image:url(../img/logoPinterest-c.png); }
.nav strong { color:#333; }
.nav strong.red { color:#C03; }

.container { padding:0 0 50px 0; }
.container .contents { background-color:#fff; position:relative; max-width:2560px; width:100%; margin:0; }
.push { height:40px; }
#footer { background-color:#fff; text-align:center; position:absolute; right:0; bottom:0; left:0; margin:0 auto; border-top:1px #999 solid; clear:both; }
#footer p { text-align:center; font-size:13px; line-height:19px; margin:16px 50px 24px 50px; }

@media screen and (min-width:1025px) and (max-width:1280px) { 
.nav ul.nav-one { width:70%; }
.nav ul.nav-sub { width:70%; }
}
@media screen and (min-width:769px) and (max-width:1024px) { 
.nav ul.nav-one { width:80%; }
.nav ul.nav-two { width:80px; margin-right:35px; }
.nav ul.nav-sub { width:80%; }
.nav ul.nav-one li:nth-child(1) { margin-left:35px; }
.nav ul.nav-sub li:nth-child(1) { margin-left:35px; }
.nav ul li a.icon { display:none; }
#footer p { text-align:left; }
}
@media screen and (min-width: 481px) and (max-width: 768px) {
.nav { padding:50px 0 210px 0; }
.nav.drawings { padding:50px 0 185px 0; }
.nav.writing { padding:50px 0 185px 0; }
.nav.index { padding:50px 0 129px 0; }
.nav ul.nav-one { width:75%; }
.nav ul.nav-two { width:80px; margin-right:20px; }
.nav ul.nav-sub { width:75%; }
.nav ul.nav-one li:nth-child(1) { margin-left:20px; }
.nav ul.nav-one li:nth-child(4) { clear:both; margin-left:20px; }
.nav ul.nav-sub li:nth-child(1) { margin-left:20px; }
.nav ul.nav-sub li:nth-child(5) { clear:both; margin-left:20px; }
.nav ul li a.icon { display:none; }
#footer p { text-align:left; margin:15px 20px 25px 20px; }
}
@media screen and (max-width: 480px) {
.nav { padding:25px 0 205px 0; }
.nav.drawings { padding:25px 0 180px 0; }
.nav.writing { padding:25px 0 180px 0; }
.nav.index { padding:25px 0 129px 0; }
.nav ul.nav-one { width:75%; }
.nav ul.nav-two { width:60px; margin-right:10px; }
.nav ul.nav-sub { width:75%; }
.nav ul.nav-one li:nth-child(1) { margin-left:10px; }
.nav ul.nav-two li { display:block; }
.nav ul.nav-one li:nth-child(3) { clear:both; margin-left:10px; }
.nav ul.nav-sub li:nth-child(1) { margin-left:10px; }
.nav ul.nav-sub li:nth-child(3) { clear:both; margin-left:10px; }
.nav ul.nav-sub li:nth-child(6) { clear:both; margin-left:10px; }
.nav ul.nav-two li:nth-child(2) { clear:both; }
.nav ul li a.icon { display:none; }
#footer p { text-align:left; margin:15px 10px 25px 10px; }
}