/* GENERAL */

* { font-family: Arial; font-size: 23px; color: #000000; }
html { height: 100%; margin: 0px; padding: 0px; }
body { height: 100%; margin: 0px; background-color: #fff; }
form { margin: 0px; }

img { border: 0px; }
a { color: #fff; text-decoration: none; background-color: #00adf0; padding: 2px; }
a:hover { background-color: #b2bb1e; }
br { font-size: inherit; }
h1 { margin: 0 0 20px 0; padding: 0px; font-size: 45px; color: #b2bb1e; }

#phAllCenter { position: relative; width: 938px; min-width: 938px; margin-left: auto; margin-right: auto; text-align: left; }
#phContent { float: left; width: 938px; }

/* HEADER */

#phHeader { float: left; width: 938px; height: 165px; }
#phHeader .logo { float: left; width: 305px; margin-top: 25px; }
#phHeader .logo a { background-color: transparent; padding: 0px; }

#phHeader .menu { float: right; text-align: right; width: 600px; margin-top: 69px; }
#phHeader .menu a { background-color: transparent; padding: 0px; margin-left: 10px; width: 170px; height: 45px; }
#phHeader .menu a span { display: none; }

#phHeader .menu a.home { float: right; display: block;  background: url(/media/buttons/home.png) no-repeat 0 0; }
#phHeader .menu a.portfolio { float: right; display: block; background: url(/media/buttons/portfolio.png) no-repeat 0 0; }
#phHeader .menu a.contact { float: right; display: block; background: url(/media/buttons/contact.png) no-repeat 0 0; }

#phHeader .menu a:hover { background-position: 0 -45px; }
#phHeader .menu a:active { background-position: 0 -90px; }
	
/* HOMEPAGE */

#phRandomBackground { width: 100%; height: 900px; position: absolute; top: 0px; left: 0px; display: none; }

div.hpTitle { float: left; width: 938px; margin-bottom: 20px; }
div.clientLinks { float: left; width: 938px; line-height: 32px; }
div.clientLinks a { line-height: 32px; }

div.hpIcons { float: left; width: 938px; margin: 0 0 30px 0; }
div.hpIcons>div { float: left; width: 138px; height: 138px; margin-right: 22px; display: block; position: relative; width: 138px; height: 138px; background: url(/media/backgrounds/smallthumb.png) no-repeat 0 0; }
div.hpIcons>div:hover { background-position: 0 -142px; }
div.hpIcons>div img { border: none; margin: 11px 0 0 9px; }
div.hpIconsOverlay { position: absolute; top: 7px; left: 9px; display: none; background-color: #fff; width: 120px; height: 46px; padding-top: 14px; text-align: center; font-size: 12px; border-bottom: solid 1px #b2bb1c; }

div.hpPortfolioLink { float: right; }
div.hpPortfolioLink a { font-size: 20px; line-height: 28px; }
div.hpPortfolioLink a:hover { }

/* PORTFOLIO */

div.phPortfolioIndex { float: left; width: 938px; }
div.phPortfolioIndex a.thumb { float: left; display: block; width: 218px; height: 170px; margin: 0 22px 16px 0; padding: 0px; background-color: transparent; background: url(/media/backgrounds/bigthumb.png) no-repeat 0 0; }
div.phPortfolioIndex a.thumb:hover { background-position: 0 -175px; background-color: transparent; }
div.phPortfolioIndex a.thumb img { margin: 8px 0 0 9px; width: 200px; height: 150px; }
div.phPortfolioIndex a.no-rmargin { margin-right: 0px; }

div.phPortfolio h1 { margin: 0px; padding: 0px; font-size: 45px; color: #b2bb1e; }
div.phPortfolio .gfx { float: left; width: 938px; height: 565px; margin-top: 20px; }
div.phPortfolio .thumbs { float: right; width: 218px; }
div.phPortfolio .thumbs a { width: 218px; height: 170px; display: block; margin: 0 0 16px 0; padding: 0px; background-color: transparent; background: url(/media/backgrounds/bigthumb.png) no-repeat 0 0; }
div.phPortfolio .thumbs a:hover { background-position: 0 -175px; }
div.phPortfolio .thumbs a img { margin: 8px 0 0 9px; }

#portfolioLargeImg { float: left; width: 680px; height: 525px; border: 10px solid #eee; }
#portfolioLargeImg img { width: 680px; height: 525px; }
div.loading { background: url(/media/gfx/spinner.gif) no-repeat center center; }

/* CONTACT FORM */

div.contactForm { float: left; display: inline; width: 600px; height: 280px; margin: 25px 0 0 165px; }
div.contactForm .formItem { float: left; width: 600px; margin-bottom: 5px; }
div.contactForm .formItem .title { float: left; width: 200px; font-size: 18px; color: #999; }
div.contactForm .formItem .field { float: left; }
div.contactForm .formItem .field input { float: left; width: 350px; font-size: 14px; padding: 3px; border: solid 2px #a29d89; }
div.contactForm .formItem .field textarea { float: left; width: 350px; font-size: 14px; padding: 3px; border: solid 2px #a29d89; }
div.contactForm .formItem .field span { font-size: 18px; color: #cc0000; }
div.contactForm .formItem .captcha { float: left; }
div.contactForm .formItem .captcha img { border: solid 2px #a29d89; }
div.contactForm .formItem .button { float: right; padding-right: 42px; }
div.contactForm .formItem .button .btnDisabled { display: none; }

div.contactForm .formItem .field .error { border-color: #b2bb1e; background-color: #e5e5e5; }

/* ROUTE */

#route a { background-color: #fff; padding: 0px; }
#route a:hover { background-color: #fff; }

/* FOOTER */

#phFooter { float: left; width: 938px; border-top: solid 1px #00adf0; margin-top: 20px; }
#phFooter .text { color: #999; margin-top: 20px; }
#phFooter .text * { color: #999; }

#phFooter .links { margin-top: 20px; padding-bottom: 50px; }










































































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */