/* Reset
---------------------------- */
body,html,div,ul,ol,dl,dt,dd,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
fieldset,img { border: 0; }
ol,ul { list-style: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; }
q:before,q:after { content:''; }
abbr,acronym { border: 0; }

/* Default
---------------------------- */
* { font-family: Arial, Verdana, Helvetica, sans-serif; color: #ffffff; }
body { background: #12130a; font-size: 70%; }
p { margin: 0 0 20px 0; line-height: 1.4; }
a { color: #e4d52f; font-weight: bold; text-decoration: none; }
a:hover { text-decoration: underline; }
h1 { font-size: 2em; margin: 0 0 20px; }
h2 { font-size: 1.5em; margin: 0 0 15px; }
h3 { font-size: 1.2em; margin: 0 0 5px; }
h4, h5, h6 { font-size: 1em; margin: 0 0 5px; }
hr { border: none; border-top: 1px solid #bdc8d1; height: 1px; padding: 0; margin: 0 0 20px; }
img { border: 0; }
ul, ol { list-style: disc; margin: 0 0 20px 30px; padding: 0; }
ol { list-style: decimal; margin: 0 0 30px 45px; padding: 0; }
li { margin: 0 0 2px 0; }
embed, object { margin: 0 0 15px 0; }

/* Clearing
---------------------------- */
.clear { clear: both; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* Template
---------------------------- */
#container { font-size: 1em; margin: 15px 0 0 68px; padding: 0 0 44px; width: 980px; }
#header { height: 210px; min-height: 210px; }
div[id] #header { height: auto; }
#content { padding: 55px 0 0; }

#mainNav { float: left; list-style: none; margin: 0 25px 0 0; padding: 0; width: 348px; z-index: 9999; }
#mainNav li { margin: 0; padding: 0; }
#mainNav li a { display: block; height: 70px; margin: 0; outline: none; padding: 0; text-indent: -9999px; overflow: hidden; }
#mainNav li a.idwork { background: url(../images/nav-work-sprite.png) no-repeat top center; width: 300px; }
#mainNav li a.artfun { background: url(../images/nav-fun-sprite.png) no-repeat top center; width: 300px; }
#mainNav li a.contact { background: url(../images/nav-contact-sprite.png) no-repeat top center; width: 348px; }
#mainNav li a.idwork:hover, #mainNav li a.idwork:active { background-position: top center; }
#mainNav li a.artfun:hover, #mainNav li a.artfun:active { background-position: top center; }
#mainNav li a.contact:hover, #mainNav li a.contact:active { background-position: top center; }
body#index #mainNav li a.idwork { background-position: bottom center; }
body#artfun #mainNav li a.artfun { background-position: bottom center; }
body#contact #mainNav li a.contact, body#success #mainNav li a.contact { background-position: bottom center; }

#archive { float: left; left: 85px; position: relative; top: 185px; width: 389px; }
#archive p a { bottom: 37px; color: #e4d52f; margin: 0 0 0 40px; padding: 0; position: relative; left: 15px; }
* html #archive p a { bottom: 40px; }
#archive p a:hover { color: #ffffff; }

#rightcol {  float: right; margin: 0 0 0 0; padding: 0; width: 450px; z-index: 8888;}
.microsites  { padding: 0 20px 85px ; z-index: 3333; margin: 0 0 15px 0; clear:both}
.microsites img { float: left; border: 4px solid #ffffff; margin: 0 0 4px 0; }
.microsites h4 { float: right; width: 270px; margin: 0 0; }
.microsites p { float: right; width: 270px;  }

#flashadsleft { float: left; margin: 0 0 0 0; padding: 0; width: 220px; z-index: 2222;}
#flashadsright { float: right; margin: 0 0 0 0; padding: 0; width: 220px; z-index: 1111;}
.flashads img { float: left; border: 0 solid #ffffff; margin: 0 0 0 0; }
.flashads h4 { margin: 0 0; }
.flashads p { width: 130; }

.mainhdr { padding: 0 20px 0; clear: left;}
.mainhdr img { border: 0 solid #ffffff; margin: 0; clear: left; }

/*.line { padding: 0 0 0; }
.line img { border: 0 solid #ffffff; margin: 0; }*/

.foot {  float: left; list-style: none; margin: 20px 20px 0 ; padding: 0; clear: both; }


#leftcol { float: left; margin: 0 0 0 0; padding: 0; width: 530px; z-index: 5555;}

.section { padding: 0 20px 10px ; z-index: 4444; }
.section img { border: 9px solid #ffffff; }
.section h4, .section p { margin: 6px 0; }
.section p { width: 440px; }
.section .bird1 img, .section .bird2 img, .section .bird3 img, .section .bird4 img, .section .bird5 img, .section .bird6 img, .section .bird7 img { float: left; margin: 40px 0 0; }
.section .bird1 b { background: url(../images/birds/bird01_black.png) no-repeat top right; bottom: 5px; float: left; height: 66px; position: relative; right: 15px; width: 43px; }
.section .bird2 b { background: url(../images/birds/bird02_black.png) no-repeat top right; bottom: 45px; float: left; height: 97px; position: relative; right: 60px; width: 80px; }
.section .bird3 b { background: url(../images/birds/bird03_black.png) no-repeat top right; bottom: 15px; float: left; height: 63px; position: relative; right: 110px; width: 80px; }
.section .bird4 b { background: url(../images/birds/bird04_black.png) no-repeat top right; bottom: 48px; float: left; height: 91px; position: relative; right: 60px; width: 45px; }
.section .bird5 b { background: url(../images/birds/bird05_black.png) no-repeat top right; bottom: 37px; float: left; height: 79px; position: relative; right: 160px; width: 113px; }
.section .bird6 b { background: url(../images/birds/bird06_black.png) no-repeat top right; bottom: 20px; float: left; height: 62px; position: relative; right: 170px; width: 101px; }
.section .bird7 b { background: url(../images/birds/bird07_black.png) no-repeat top right; bottom: 28px; float: left; height: 69px; position: relative; right: 80px; width: 103px; }

#sendEmail div { background: url(../images/form-bg.png) no-repeat top left; border-bottom: 1px solid #12130a; margin: 0 0 15px; padding: 15px 0 15px 15px; width: 660px; }
#sendEmail div label { display: block; float: left; font-size: 1.5em; margin: 0 15px 0 0;  color: #12130a; }
#sendEmail div input#name, #sendEmail div input#email, #sendEmail div textarea#comments { color: #12130a; border: 0; float: left; font-size: 1.5em; outline: none; }
#sendEmail div input#name { width: 540px; }
#sendEmail div input#email { width: 475px; }
#sendEmail div textarea#comments { overflow: auto; width: 515px; }
#sendEmail button { background: #e4d52f; border: 0; color: #12130a; cursor: pointer; font-size: 2em; font-weight: bold; padding: 5px 10px 6px 7px; text-decoration: none; text-transform: uppercase; /* Links */ }
#sendEmail button{ overflow: visible; padding: 4px 7px 3px 7px; width: auto; /* IE6 */ }
#sendEmail button[type]{ padding: 5px; /* Firefox */ line-height: 1.7; /* Safari */ }
*:first-child+html button[type]{ padding:4px 10px 3px 7px; /* IE7 */ }
#sendEmail .error { color: #f00; font-size: 1.5em; font-weight: bold; margin: 0; overflow: hidden; padding: 0; }
/*#sendEmail .commentsError { padding: 0 0 0 125px; }*/