/* Author: Rock Morris*/
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
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%;
vertical-align:baseline;
background:#000;
}
body {
line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
display:block;
}
nav ul {
list-style:none;
}
header ul {
list-style:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}
table {
border-collapse:collapse;
border-spacing:0;
}
hr {
display:block;
height:1px;
border:0;
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}
input, select {
vertical-align:middle;
}
/*End of CSS reset */
html { font-size: 62.5%}
body {font-size: 14px; font-size: 1.4rem; font-family: Arial, Helvetica, sans-serif; color: #000;}
h1 { font-size: 24px; font-size: 2.4rem;}
footer {font-size: 12px; font-size: 1.2rem; font-family: Arial, Helvetica, sans-serif; color: #000;}
figcaption { font-size: 16px; font-size: 1.6rem; color:#999}
#container {width: 960px; height: overflow: auto; margin: 0 auto; position: relative; }
#header {height: 30px; width: 940px; margin: 10px; padding-top:30px;}
#header p {font-size: 2em; letter-spacing: .05em; color:#FFF;}
#header li {display: inline; margin-right: 20px; padding-top: 3px; padding-left: 5px;}
#nav { height: 20px; width: 940px; margin: 10px; float: left; padding-right: 1px;}
#nav li {font-family:Arial, Helvetica, sans-serif; font-size: 1.5em; display: inline; margin-right: 13px;}
a {text-decoration: none; color: rgb(102,102,102); }
a:link {color: rgb(104,123,160); text-decoration: none; font-family: Arial, Helvetica, sans-serif;}
a:visited {color: rgb(124,95,83); text-decoration: none; font-family: Arial, Helvetica, sans-serif;}
a:hover, a:active, a:focus { color: rgb(254,227,97); text-decoration: none; font-family: Arial, Helvetica, sans-serif;}
.main-680 {width: 680px; float: left; margin: 10px;}
.main-240 {width: 240px; height: 700px; float: right; margin: 10px 0px 10px 10px; }
.text {width: 680px; height: 200px; float: left; margin: 10px;}
.text p {font-size: 1.2em; line-height: 2em; text-align: justify; color:#FFF;}
.home2-380 {width: 380px; height: 100px; float: left; margin: 10px;}
.home2-380 p {font-size: 1.2em; line-height: 2em; text-align: justify;}
.studio-540 {width: 540px; float: left; margin: 10px;}
.studio-540 iframe {margin: 0 auto; margin-left: -10px; overflow: hidden;}
.studio-540 ul {list-style-type: none; margin: 0; padding: 0; padding-left: 10px; padding-right: 10px; padding-top: 20px; }
.studio-540 li {display: inline; margin-right: 20px;}
.studio-380 {width: 380px; float: left; margin: 10px; padding-bottom: 50px;}
.studio-380 ul {line-height: 2.47em;list-style-type: none; padding-left: 10px; padding-bottom: 10px;}
.studio1-540 {position: fixed; top: 675px; width: 540px; float: left; margin: 10px; margin-top: -5px;}
.studio1-540 p {line-height: 2em; text-align: justify; margin-top: -40px;}
.studio2-380 {width: 370px; float: left; margin: 10px; padding-left:10px; /*border-top: 1px solid #000;*/ padding-top: 20px;}
.imagetemp1-140 {width: 100px; height: 120px; float: left; margin: 10px; margin-top: 0; font-size: 1em; text-align: center;}
.imagetemp2-140 {width: 100px; height: 120px; float: left; margin: 10px; margin-top: 0;font-size: 1em; text-align: center;}
.imagetemp3-140 {width: 100px; height: 120px; float: left; margin: 10px; font-size: 1em; text-align: center;}
.imagetemp4-140 {width: 100px; height: 120px; float: left; margin: 10px;; font-size: 1em; text-align: center;}
.imagetemp5-140 {width: 100px; height: 120px; float: left; margin: 10px; font-size: 1em; text-align: center;}
.imagetemp6-140 {width: 100px; height: 120px; float: left; margin: 10px; font-size: 1em; text-align: center; }
.gallery1-140 {width: 140px; height: 160px; float: left; margin: 10px; padding-top: 20px; text-align: center; color: rgb(102,102,102);}
.gallery2-140 {width: 140px; height: 160px; float: left; margin: 10px; margin-left:90px; padding-top: 20px; text-align: center; color: rgb(102,102,102);}
.gallery3-140 {width: 140px; height: 160px; float: left; margin: 10px; margin-left:90px; padding-top: 20px; text-align: center; color: rgb(102,102,102);}
.gallery4-140 {width: 140px; height: 160px; float: left; margin: 10px; margin-left:90px; margin-right: 60px; padding-top: 20px; text-align: center; color: rgb(102,102,102);}
.gallery5-140 {width: 140px; height: 160px; float: left; margin: 10px; padding-top: 20px; text-align: center; color: rgb(102,102,102);}
.gallery6-140 {width: 140px; height: 160px; float: left; margin: 10px; margin-left:90px; padding-top: 20px; text-align: center; color: rgb(102,102,102);}
.gallery7-140 {width: 140px; height: 160px; float: left; margin: 10px; margin-left:90px; padding-top: 20px; text-align: center; color: rgb(102,102,102);}
.gallery8-140 {width: 140px; height: 160px; float: left; margin: 10px; margin-left:90px; margin-right: 60px; padding-top: 20px; text-align: center; color: rgb(102,102,102);}
.gallery9-140 {width: 140px; height: 160px; float: left; margin: 10px; padding-top: 20px; text-align: center; color: rgb(102,102,102);}
.gallery10-140 {width: 140px; height: 160px; float: left; margin: 10px; margin-left:90px; padding-top: 20px; text-align: center; color: rgb(102,102,102);}
.gallery11-140 {width: 140px; height: 160px; float: left; margin: 10px; margin-left:90px; padding-top: 20px; text-align: center; color: rgb(102,102,102);}
.gallery12-140 {width: 140px; height: 160px; float: left; margin: 10px; margin-left:90px; margin-right: 60px; padding-top: 20px; text-align: center; color: rgb(102,102,102);}
.about-540 {width: 540px; float: left; margin: 10px; padding-top: 20px;}
.about-540 p {line-height: 2em; text-align: justify; color: rgb(255,255,255); padding-right: 30px;}
.aboutpic-380 {width: 370px; float: left; margin: 10px; padding-top: 27px; padding-bottom: 44px; padding-left: 10px;}
.aboutcol1-380 {width: 380px; height: 90px; float: right; margin-right: -17px;}
.aboutcol1-380 p {font-size: 1.5em; letter-spacing: .05em; color: rgb(124,95,83);}
.aboutcol2-220 {width: 220px; height: 90px; float: left; margin: 10px;}
.aboutcol2-220 p {line-height: 2em; text-align: left; color: rgb(255,255,255);}
.aboutcol3-220 {width: 220px; height: 30px; float: left; margin: 10px;}
.aboutcol3-220 p {line-height: 2em; text-align: left; color: rgb(255,255,255);}
.aboutcol4-220 {width: 220px; height: 30px; float: left; margin: 10px;}
.aboutcol4-220 p {line-height: 2em; text-align: center; color: rgb(255,255,255);}
.contact-540 {width: 540px; float: left; margin: 10px; padding-top: 20px;}
.contact-380 {width: 370px; float: left; margin: 10px; padding-top: 10px; padding-bottom: 40px; padding-left: 10px;}
.contact-380 fieldset {margin: 1em 0; padding: 1em; border: 1px solid; color: rgb(255,255,255);}
legend {font-weight: bold;}
label {display: block; margin: 10px; }
input {width: 200px;}
textarea {width: 200px; height: 80px; text-align: left;}
.contact1-540 {width: 540px; height: 100px; float: left; margin: 10px;}
.contact1-540 p {line-height: 1.8em; text-align: justify; color: rgb(255,255,255);}
.contact2-220 {width: 210px; height: 100px; float: left; margin: 10px;}
.contact2-220 p {line-height: 2em; text-align: center; color: rgb(255,255,255);}
.contact3-220 {width: 210px; height: 30px; float: left; margin: 10px;}
.contact3-220 p {line-height: 1.8em; text-align: left; color: rgb(255,255,255); padding-left: 20px;}
.contact4-220 {width: 210px; height: 90px; float: left; margin: 10px;}
.contact4-220 p {line-height: 1.8em; text-align: left; color: rgb(255,255,255);}
img {overflow: hidden;}
.publication-390 {width: 440px; float: left; margin: 10px; padding-bottom: 30px; padding-top: 20px;}
.publication-390 iframe {margin: 0 auto; margin-left: -10px; overflow: hidden;}
.publication-390 ul {list-style-type: none; margin: 0; margin-top: -10px; margin-bottom: 30px; float: right; padding: 0;}
.publication-390 li {display: list-item; margin-top: 25px;}
.publication-380 {width: 380px; float: left; margin: 10px; padding-top: 30px; padding-left: 100px;}
.publication-380 ul {line-height: 2.47em;list-style-type: none; padding-left: 10px; padding-bottom: 10px;}
.publication1-140 {width: 140px; float: left; margin: 10px; padding-left:10px; padding-top: 20px;}
.publication2-140 {width: 140px; float: left; margin: 10px; padding-left:10px;padding-top: 20px;}
.public-540 {width: 540px; float: left; margin: 10px; padding-top: 20px; overflow: hidden;}
.public-380 {width: 380px; float: left; margin: 10px; padding-top: 30px; }
.public-380 ul {line-height: 2.47em; list-style-type: none; padding-left: 10px; padding-bottom: 10px;}
.public1-140 {width: 140px; float: left; margin: 10px; padding-left:10px; /*border-top: 1px solid rgb(102,102,102);*/ padding-top: 10px;}
.public1-140 p {line-height: 2em; text-align: left; color: rgb(102,102,102);}
.public2-140 {width: 140px; float: left; margin: 10px; padding-left:10px; padding-top: 20px;}
.corporate1-540 {position: fixed; top: 750px; width: 530px; float: left; margin: 10px; margin-top: -5px;}
.corporate1-540 p {line-height: 1.5em; text-align: justify; color: rgb(102,102,102); margin-top: -40px;}
.corporate2-380 {width: 370px; float: left; margin: 10px; padding-left:10px; /*border-top: 1px solid #000;*/ padding-top: 30px;}
.logo-390 {width: 440px; float: left; margin: 10px; padding-bottom: 10px;}
.logo-390 iframe {margin: 0 auto; margin-left: -10px; overflow: hidden;}
.logo-390 ul {list-style-type: none; margin: 0; margin-top: -10px; margin-bottom: 30px; float: right; padding: 0; padding-right: 10px; }
.logo-390 li {display: list-item; margin-top: 25px;}
.logo-380 {width: 380px; float: left; margin: 10px; padding-left: 100px;}
.logo-380 ul {line-height: 2.47em;list-style-type: none; padding-left: 10px; padding-bottom: 10px;}
.logo1-140 {width: 140px; float: left; margin: 10px; padding-left:10px; padding-top: 20px;}
.logo2-140 {width: 140px; float: left; margin: 10px; padding-left:10px;padding-top: 20px;}
.essays-540 {width: 540px; float: left; margin: 10px; padding-bottom: 60px;}
.essays-540 iframe {margin: 0 auto; margin-left: -10px; overflow: hidden;}
.essays1-540 {width: 540px; height: 90px; float: left; margin: 10px; padding-bottom: 60px;}
.essays1-540 p {line-height: 2em; text-align: justify; color: rgb(255,255,255);}
.essays-380 {width: 380px; float: left; margin: 10px; margin-top: 5px; padding-bottom: 60px;}
.essays-380 p {line-height: 2em; text-align: left; color: rgb(102,102,102);}
.links-540 {width: 540px; float: left; margin: 10px; padding-bottom: 20px; overflow: hidden;}
.links1-540 {width: 540px; height: 90px; float: left; margin: 10px; margin-bottom: 0px;}
.links1-540 p {line-height: 2em; text-align: justify; color: rgb(255,255,255);}
.links-380 {width: 380px; float: left; margin: 10px; margin-top: 0px; padding-bottom: 90px;}
.links-380 p {line-height: 2em; text-align: left; color: rgb(102,102,102);}
.links2-220 {width: 190px; height: 90px; float: left; margin: 10px;}
.links2-220 p {line-height: 2em; text-align: left; color: rgb(102,102,102);}
.links3-220 {width: 190px; height: 90px; float: left; margin: 10px;}
.links3-220 p {line-height: 2em; text-align: left; color: rgb(102,102,102);}
#footer { height: 20px; width: 300px; clear: right; margin: 10px;}
#footer p {font-size: 14px; font-size: 1.4rem; font-family: Arial, Helvetica, sans-serif; color:#666}
/*.clearfix:after {content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
background-color: rgb(255,255,255);
}*/