* { padding: 0; margin: 0; }
img { border: 0; }
*:focus { outline: none !important; }
html { font-family: 'Trebuchet MS', Arial; font-size: 100%; } 
body { font-size: 0.625em; text-align: center; background-attachment: fixed; }

#outer { height: 400px; overflow: hidden; position: relative; width: 100%; background: url('/i/bg.png') 50% 50% repeat-x;}
#outer[id] {display: table; position: static;}

#middle {position: absolute; top: 50%; width: 100%; text-align: center;} /* for explorer only*/
#middle[id] {display: table-cell; vertical-align: middle; position: static;}

#inner {position: relative; top: -50%; text-align: left; } /* for explorer only */
#inner { width: auto; min-width: 940px; max-width: 1280px; margin-left: auto; margin-right: auto; height: 764px; padding: 1px 0; } /* for all browsers*/
/* optional: #inner[id] {position: static;} */

body, html {height: 100%;}
#outer {height: 100%; overflow: visible;} /* or without overflow */

#logo { float: left; margin: 35px 0 0 40px; position: relative; text-decoration: none; display: block; width: 206px; height: 89px; background: url('/i/blue-sprite.png') 0 0 no-repeat; text-align: right; }
#logo strong, #logo span { color: #f3f8fc; font-style: italic; position: absolute; width: 100%; opacity: 0.3; -moz-opacity: 0.3; -khtml-opacity: 0.3; filter: alpha(opacity=30); }
#logo strong { font-size: 3em; top: 26px; right: 0; }
#logo span { font-size: 1.4em; top: 57px; right: 3px; }

#phone { margin: 57px 60px 0 0; float: right; padding-left: 43px; position: relative; }
#phone p { color: #e0f0fd; font-size: 1.4em; }
#phone strong { font-size: 1.57em; color: #fff; }
#phone i { position: absolute; left: 0; top: 1.7em; display: block; width: 31px; height: 31px; overflow: hidden; text-indent: -9999px; background: url('/i/blue-sprite.png') -206px 0 no-repeat; }

#clouds { position: absolute; top: 403px; left: 50%; margin: -112px 0 0 -382px; display: block; width: 765px; height: 224px; background: url('/i/clouds.png') 0 0 no-repeat; }
#portfolio { position: absolute; top: 310px; right: 50px; dispaly: block; width: 152px; height: 56px; text-indent: -9999px; overflow: hidden; background: url('/i/blue-sprite.png') 0 -90px no-repeat; }