@charset "utf-8";
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,font,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{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background: transparent;}ol,ul{list-style: none;}blockquote,q{quotes: none;}blockquote:before,blockquote:after,q:before,q:after{content: '';content: none;}:focus{outline:0;}ins{text-decoration: none;}del{text-decoration: line-through;}table{border-collapse:collapse;border-spacing:0;}

body{line-height:1;background:#000;font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#818181;}
.spacer{ clear:both;}
@font-face{font-family:CandySquareBT;src: url('fonts/candy_square_btn_bold.ttf');}

#header{ background:url(images/HeaderTile.jpg) repeat-x top #000;text-align:center;margin:auto;height:64px;}
#header.portfolio{ position:fixed;width:100%;}
* html #header{position:absolute;}

#subheader{ background:url(images/SubHeader.jpg) no-repeat bottom center #000;width:100%;height:253px;}
#subheader.portfolio{ height:65px;background:none;}

#content{ padding:0;width:908px;text-align:center;margin:auto;}
#content.home{ padding:20px 0 0 0;}
#content h1{ font-size:25px;font-family:CandySquareBT,sans-serif;padding:20px 0 20px 0;color:#fff;}
#content.home h1{ padding:0;}
#content h1 span{ color:#51a5e1;}
#content h2{ font-size:20px;font-family:CandySquareBT,sans-serif;padding:20px 0 5px 0;color:#fff;}
#content h2 span{ color:#51a5e1;}
#content p{ padding:10px 0 30px 0;line-height:15px;}
#content.home p{ padding:10px 0 10px 0;line-height:15px;}
#content p span{ color:#51a5e1;}
#content a.anchor{ display:block;height:70px;}
#content a{ color:#51a5e1;text-decoration:underline;}
#content a:hover{ text-decoration:none;}
#content hr{ color:#51a5e1;background-color:#51a5e1;height:1px;}
#content div.hr.last{ margin-bottom:20px;}
#content div.hr{height:1px;color:#51a5e1;background-color:#51a5e1;margin:10px 0 10px 0;}
#content div.hr hr{display: none;}
#content a.top{ display:block;width:100%;text-align:right;margin:auto;color:#51a5e1;text-decoration:none;}
#content a.top:hover{ text-decoration:none;color:#fff;}

#content #text{ float:left;width:908px;text-align:justify;}
#content.home #text{ float:left;width:625px;text-align:justify;}
#content.home #text{ float:left;width:447px;background:url(images/MarkJBorg.jpg) no-repeat top left;padding:0 0 0 178px;text-align:justify;}

#text div.branding{ width:430px;float:left;margin:0 20px 20px 0;}

#content #contact{ float:right;width:250px;text-align:left;height:230px;padding:70px 0 0 0;}
#content.home #contact{ float:right;width:250px;text-align:left;height:230px;padding:0;}
#contact form{ margin:10px 0 0 0;height:180px;}
#contact input{ font-family:Verdana,Geneva,sans-serif;font-size:12px;color:#666;background:#333;border:1px solid #999;margin-bottom:6px;width:20em;}
#contact textarea{ font-family:Verdana,Geneva,sans-serif;font-size:12px;color:#666;background:#333;border:1px solid #999;margin-bottom:6px;width:20em;}
#contact input.ContactBtn{ color:#fff;background:#666;border:1px solid #999;margin-bottom:55px;width:20.2em;}

#menu{ clear:both;height:220px;}
#menu ul{ height:220px;list-style:none;padding:0;float:left;margin:30px 0 0 0;}
#menu li{ list-style:none;display:block;float:left;height:220px;margin:0;line-height:220px;}
#menu li a{ display:block;line-height:220px;width:181px;height:220px;}
#menu li a.illustration{ background:url(images/btnIllustration.jpg) no-repeat 0 0;}
#menu li a.design{ background:url(images/btnDesign.jpg) no-repeat 0 0;}
#menu li a.branding{ background:url(images/btnBranding.jpg) no-repeat 0 0;}
#menu li a.threedimensional{ background:url(images/btn3D.jpg) no-repeat 0 0;}
#menu li a.painting{ background:url(images/btnDigitalPainting.jpg) no-repeat 0 0;}
#menu li a:hover{ background-position:0 -220px;}
#menu li a img{ visibility:hidden;display:none;}

#footer{ margin:20px 0 0 0;clear:both;width:908px;border-top:#333333 solid 1px;text-align:center;margin:auto;color:#333333;}
#footer ul{ list-style:none;padding:0;float:left;height:15px;margin:10px 0 0 0;padding:0 0 10px 0;}
#footer li{ list-style:none;display:block;float:left;height:15px;line-height:15px;border-right:solid 1px #333;}
#footer li.last{ border:none;}
#footer li a{ display:block;line-height:15px;color:#666666;margin:0 10px 0 10px;text-decoration:none;}
#footer li a:hover{ text-decoration:none;color:#fff;}
#footer p{ width:340px;margin:10px 0 0 0;text-align:right;float:right;color:#666;}