/* CSS Document */

/* IMPORTED STYLES */
@import url("reset.css");
@import url("menu.css");
@import url("cms.css");

/*GLOBAL*/
html{width:100%; height:100%; font:62.5% Helvetica, Arial, sans-serif; color:#A2E4FC;}
body{width:100%; height:100%; min-width:940px; min-height:860px; text-align:center; background:#85d7f7 url(../gui/bg.gif) repeat-x center -84px;}
a, a:visited{text-decoration:none;}

/* MAIN LAYOUT */
#background{width:100%; height:710px; display:block; background:url(../gui/bg_highlights.gif) no-repeat center -18px; position:relative;}
#container{margin:auto; width:999px; min-height:860px; height:auto !important; height:860px; padding-bottom:60px; position:relative; text-align:left;}
#logo{width:251px; height:161px; display:block; text-indent:-9999px; position:absolute; top:194px; left:0px; z-index:5;}
#logo a{width:251px; height:161px; display:block; background-image:url(../gui/logo.gif); background-repeat:no-repeat; background-position:-251px 0px;}
#logo a:hover{border:none;}
#tagline{width:195px; height:20px; display:block; background:url(../gui/tagline.gif) no-repeat; text-indent:-9999px; position:absolute; top:375px; left:18px;}
#menu{width:247px; height:239px; display:block; position:absolute; top:248px; left:259px; z-index:5;}

#bubble{width:0px; height:145px; display:block; text-indent:-9999px; position:absolute; top:94px; left:126px; background:url(../gui/bubble_home.gif) no-repeat;}
#process #bubble{width:0px; height:120px; display:block; background:url(../gui/bubble_process.gif) no-repeat; top:119px;}
#work #bubble{width:0px; height:120px; display:block; background:url(../gui/bubble_work.gif) no-repeat; top:119px;}
#contact #bubble{width:0px; height:120px; display:block; background:url(../gui/bubble_contact.gif) no-repeat; top:119px;}

#portfolio{display:block; padding:248px 0px 0px 515px; width:482px; height:428px; position:relative; background:url(../gui/frame_work.gif) no-repeat 515px 248px;}
#work_menu{width:487px; height:63px; display:block; position:absolute; top:690px; right:1px; text-indent:-9999px;}
#anchor{width:93px; height:99px; position:absolute; top:610px; left:426px; background:url(../gui/anchor.gif) no-repeat;}

#frame{display:block; padding:248px 0px 0px 515px; width:443px; position:relative;}
#frame_top{width:443px; height:38px; background:url(../gui/frame_top.gif) no-repeat;}
#frame_bottom{width:443px; height:38px; background:url(../gui/frame_bottom.gif) no-repeat; margin-top:-8px;}
#home #frame{display:block; padding:0px 0px 0px 0px; width:484px; height:297px; position:absolute; left:515px; top:248px; background:url(../gui/frame_home.gif) no-repeat; z-index:5;}
#content{width:363px; padding:0px 40px 0px 40px; min-height:297px; height:auto !important; height:239px; background:url(../gui/bg_frame.gif) repeat-y; font-size:1.5em; line-height:1.7em;}
#content p{display:block; padding:0px 0px 10px 0px;}
#phone{float:left; padding:12px 30px 34px 0px; text-indent:10px; margin-left:-10px !important; margin-left:-5px;}
#phone_text{display:block; width:132px; height:35px; text-indent:-9999px; background:url(../gui/phone.gif) no-repeat;}
#email{float:left; padding-top:12px; text-indent:10px;}
a#email_text{display:block; width:208px; height:35px; text-indent:-9999px; background:url(../gui/email.gif) no-repeat;}
a#email_text:hover{background:url(../gui/email.gif) no-repeat 0px -35px;}

#slideshow{display:block; width:458px; height:272px; position:absolute; left:528px; top:261px; background-color:#0390d3; overflow:hidden;}
#slideshow img{position:absolute; top:0; left:0; z-index:2; opacity:0.0}
#slideshow img.active{z-index:4; opacity:1.0;}
#slideshow img.last-active{z-index:3;}

#home a#sticker{width:334px; height:164px; display:block; background:url(../gui/sticker_home.gif) no-repeat; text-indent:-9999px; position:absolute; top:507px; right:6px; z-index:6;}
#home a#sticker:hover{background:url(../gui/sticker_home.gif) no-repeat -334px 0px;}
#contact a#sticker{width:317px; height:172px; display:block; background:url(../gui/sticker_contact.gif) no-repeat; text-indent:-9999px; position:relative; margin:-58px 0px 0px 100px;}
#contact a#sticker:hover{background:url(../gui/sticker_contact.gif) no-repeat -317px 0px;}

#copyright{position:absolute; top:506px; left:280px; color:#e3f6fd; font-size:1.3em; line-height:1.7em;}
#copyright a{display:block; text-indent:-9999px; width:90px; height:24px; position:absolute; bottom:0px; right:1px; background:url(../gui/link.gif);}
#copyright a:hover{border-bottom:1px dashed #e3f6fd;}

/* HIDDEN ELEMENTS */
hr{display:none;}
.clear{clear:both; height:0px;}