/* CSS Document */ /*INCLUDE CSS FILES*/ @import url("reset.css"); @import url("menu.css"); @import url("cms.css"); /*GLOBAL*/ html{margin:0px; padding:0px; width:100%; height:100%; font:62.5% Helvetica, Arial, sans-serif; color:#000000;} body{margin:0px; padding:0px; width:100%; height:100%; min-width:960px; text-align:center; background:url(../gui/bg.gif);} a, a:visited{text-decoration:none;} /* ETC */ #etc{width:100%; height:313px; background:url(../gui/bg_etc.gif) repeat-x; overflow:hidden;} #etc_container{margin:auto; width:960px; height:313px; position:relative; text-align:left;} #etc_highlight{width:528px; height:267px; position:absolute; top:45px; left:350px; background:url(../gui/highlight_etc.gif) no-repeat;} #etc_secret{width:276px; height:273px; position:absolute; top:0px; left:-4px; background:url(../gui/secret.gif) no-repeat; text-indent:-9999px;} #etc_tweet_title{text-indent:-9999px;} #etc_tweet{width:238px; height:170px; position:absolute; top:0px; left:0px; padding:140px 18px 0px 16px; background:url(../gui/twitter.gif) no-repeat;} #etc_tweet li{color:#403F41; font-size:1.4em; line-height:1.5em;} #etc_tweet li a{font-size:1em; text-transform:none; padding:0px; display:inline; border-bottom:1px dashed #2A2B2C;} #etc_tweet li a:hover{border-bottom:1px dashed #2A2B2C; color:#403F41; background:none;} #etc_tweet li .date{color:#6c6d70;} #etc a#etc_tweet_link{display:block; color:#CFE795; font-size:1.4em; position:absolute; top:264px; left:16px; background:#414143 url(../gui/bg_link2.gif) no-repeat top right; text-transform:lowercase; padding:6px 10px 7px 10px;} #etc a#etc_tweet_link:hover{background:#28282a url(../gui/bg_link2.gif) no-repeat right -50px;} #etc_love{width:142px; position:absolute; top:68px; left:346px;} #etc_love h3{width:88px; height:35px; background:url(../gui/title_love.gif) no-repeat top right; text-indent:-9999px;} #etc_learn{width:152px; position:absolute; top:68px; left:516px;} #etc_learn h3{width:152px; height:35px; background:url(../gui/title_learn.gif) no-repeat top right; text-indent:-9999px;} #etc_inspired{width:180px; position:absolute; top:68px; left:704px;} #etc_inspired h3{width:180px; height:35px; background:url(../gui/title_inspired.gif) no-repeat top right; text-indent:-9999px;} #etc a{display:block; height:14px; color:#403F41; font-size:1.4em; text-transform:lowercase; padding:4px 8px 5px 8px;} #etc a:hover{color:#FFFFFF; background-color:#565656;} #etc_btn{display:block; width:45px; height:35px; position:absolute; top:-1px; right:30px; background:url(../gui/btn_etc.gif) no-repeat; text-indent:-9999px; cursor:pointer;} #background{margin:auto; width:100%; height:100%; background:url(../gui/bg_header.gif) repeat-x 0px 67px; position:relative;} #highlight{margin:auto; width:100%; height:514px; background:url(../gui/highlight.gif) no-repeat center top; position:absolute; top:0px; left:-80px;} #lines{margin:auto; width:100%; height:2349px; background:url(../gui/lines.gif) no-repeat center top; position:absolute; top:0px; left:0px;} #line_left{display:block; width:1px; height:1807px; position:absolute; top:21px; left:0px; background:url(../gui/line_left.gif) no-repeat;} #line_touch{display:block; width:1px; height:567px; position:absolute; top:1302px; left:35px; background:url(../gui/line_touch.gif) no-repeat;} #line_middle{display:block; width:1px; height:2056px; position:absolute; top:187px; right:273px; background:url(../gui/line_middle.gif) no-repeat;} #line_right{display:block; width:1px; height:1942px; position:absolute; top:170px; right:0px; background:url(../gui/line_right.gif) no-repeat;} #container{margin:0px auto; width:960px; min-height:100%; height:auto !important; height:100%; position:relative; text-align:left; background:none; overflow:visible;} #logo{display:block; width:270px; height:68px; position:absolute; top:68px; left:1px; z-index:20; background:url(../gui/logo.gif) no-repeat; text-indent:-9999px;} #logo2{display:block; width:300px; height:68px; position:absolute; top:68px; left:650px;padding-top:5px;color:#000000;font-size:1.4em; z-index:20; } #language{float:right;padding:10px;} #logo a{display:block; width:270px; height:68px;} #tagline2{display:block; width:765px; height:29px; position:absolute; top:140px; left:16px;color:#454546;font-size:1.5em;} #tagline{display:block; width:335px; height:75px; position:absolute; top:68px; left:296px;color:#454546;font-size:1.5em;} #menu{display:block; width:670px; height:47px;position:absolute; top:188px; left:1px; z-index:20; background:url(../gui/bg_menu.jpg) no-repeat;} #top{position:absolute; top:0px; left:0px;} #arrow1{padding-left:30px;padding-top:5px;font-size:1.4em;font-weight:bold;display:block; width:106px; height:20px; position:absolute; top:928px; left:694px; background:url(../gui/arrow_top.gif) no-repeat;color:#909295;} #arrow2{padding-left:30px;padding-top:5px;font-size:1.4em;font-weight:bold;display:block; width:106px; height:20px; position:absolute; top:2036px; left:558px; background:url(../gui/arrow_top.gif) no-repeat;color:#909295;} #arrow1:hover, #arrow2:hover{background:url(../gui/arrow_top.gif) no-repeat 0px -25px;color:#656769;} #work{display:block; width:685px; height:541px; position:absolute; top:257px; left:1px; background:url(../gui/bg_work.jpg) no-repeat;} #work_title{display:block; width:392px; height:46px; position:absolute; top:20px; left:26px;} #cim {padding:20px 0 0 20px;} #cim h2{font-size:2.5em;text-transform:uppercase;display:inline;font-family: Comic Sans MS;font-style:italic;color: #000000;} #cim span{padding-left:15px;font-size:1.6em;} #work_web, #work_print{display:block; width:685px; height:480px; position:absolute; top:80px; left:0px; overflow:auto;} #work_web{z-index:50;} #work_print{z-index:40;} #web{display:block; width:27440px;}/*WIDTH VALUE SHOULD CHANGE BASED ON NUMBER OF ITEMS IN PORTFOLIO (686 x Number of Items)*/ #print{display:none; width:10290px;} #work_web li, #work_print li{display:block;width:686px; height:460px; float:left; position:relative;} #work_web li a.contents, #work_print li a.contents{display:block;text-align:center;width:640px; height:100px;color:#000000; font-size:1.5em; position:absolute;font-weight:bold; top:330px; left:14px; padding:15px 12px 2px 12px; background: transparent;background-color:#FFEE8E;z-index:10;filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70;} #work_web li a.heads, #work_print li a.heads{display:block;line-height:18px;width:640px; height:40px;color:#000000; font-size:1.5em; position:absolute;font-weight:bold; top:10px; left:14px; padding:8px 12px 2px 12px; background: transparent;background-color:#FFE228;z-index:10;filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70;} #work_web li a.heads2, #work_print li a.heads2{display:block;line-height:18px;width:560px; height:430px;color:#000000; font-size:1.5em; position:absolute;font-weight:bold; top:10px; left:54px; padding:8px 12px 2px 12px; background: transparent;background-color:#FFE228;z-index:10;filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70;} #work_menu{display:block; width:393px; height:33px; position:absolute; top:6px; right:0px; z-index:60;} #arrow_left{display:block; width:62px; height:77px; position:absolute; top:500px; left:-22px; background:url(../gui/arrow_left.gif) no-repeat; cursor:pointer; z-index:70; display:none;} #arrow_right{display:block; width:62px; height:77px; position:absolute; top:500px; left:647px; background:url(../gui/arrow_right.gif) no-repeat; cursor:pointer; z-index:70; display:none;} #story{display:block; width:273px; height:732px; position:absolute; top:188px; left:686px; background:url(../gui/bg_story.jpg) no-repeat; overflow:hidden;} #story_title{display:block; width:177px; height:86px; position:absolute; top:21px; left:18px; background:url(../gui/title_story.gif) no-repeat; text-indent:-9999px;} #story_text{display:block; width:226px; height:604px; position:absolute; top:104px; left:26px; font-size:1.3em; line-height:1.52em; z-index:20;} #clients{display:block; width:685px; height:449px; position:absolute; top:824px; left:1px; background:url(../gui/bg_clients.jpg) no-repeat; overflow:hidden;} #clients_helped{display:block; width:285px; height:71px; position:absolute; top:20px; left:26px; background:url(../gui/title_helped.gif) no-repeat;} #clients_column1{width:300px; position:absolute; top:104px; left:22px;} #clients_column1 a{display:block; height:14px; color:#ffffff; font-size:1.4em; padding:4px 8px 4px 8px;} #clients_column1 a:hover, #clients_column2 a:hover{background-color:#34373b;} #cim2{width:219px; height:34px; position:absolute; top:57px; left:407px;} #cim2 h2{font-size:1.5em;text-transform:lowercase;display:inline;font-family: Comic Sans MS;font-style:italic;color: #000000;} #clients_quotes{display:block; width:289px; height:301px; position:absolute; top:95px; left:381px; background:url(../gui/bg_saying.gif) no-repeat left bottom; overflow:hidden; font-size:1.6em; line-height:1.46em;text-align:center;} blockquote{display:block; width:287px; height:276px; padding-top:24px; position:absolute; top:0px; left:1px; background:url(../gui/bg_quotes.jpg) no-repeat; overflow:hidden;} .credit{display:block; color:#CFE795; padding-top:12px; line-height:1.36em;} #clients_numbers{display:block; width:176px; height:29px; position:absolute; top:395px; left:408px;} #process{display:block; width:273px; height:1006px; position:absolute; top:1068px; left:686px; background:url(../gui/bg_process.jpg) no-repeat; overflow:hidden;} #process_title{display:block; width:192px; height:65px; position:absolute; top:21px; left:18px; background:url(../gui/title_process.gif) no-repeat; text-indent:-9999px;} #process_text{display:block; width:210px; height:604px; position:absolute; top:108px; left:41px; font-size:1.4em; line-height:1.52em; z-index:20;} #noimage{display:block; width:400px; position:absolute; top:180px;color:#dbdbdb; left:146px; font-size:4.4em; } #touch{display:block; width:650px; height:726px; position:absolute; top:1301px; left:36px; background:#e29125 url(../gui/bg_touch.jpg) no-repeat; overflow:hidden;} #touch_visit{display:block; width:168px; height:77px; position:absolute; top:20px; left:26px; background:url(../gui/title_visit.gif) no-repeat; } #touch_address{display:block; width:250px; position:absolute; top:114px; left:46px; font-size:1.4em; } #touch a#map{display:block; margin-top:8px; width:228px; height:185px; background:url(../gui/map.gif) no-repeat; } #touch a#map:hover{background:url(../gui/map.gif) no-repeat 0px -185px;} #touch_phone{display:block; position:absolute; top:582px; left:46px; font-size:1.3em;text-align:center;} #touch_addon{display:block; position:absolute; top:52px; left:26px; font-size:1.3em;} #touch_phone td{text-align:center;} #touch_addon td{text-align:left;font-size:1.2em;line-height:1.2em;} #touch_numbers{display:block; width:228px; position:absolute; top:432px; left:46px; font-size:1.6em; line-height:1.5em;} #touch_email{display:block; height:25px; position:absolute; top:78px; left:372px; font-size:2em;text-transform:uppercase;display:inline;font-family: Comic Sans MS;font-style:italic;color: #000000; } #touch_emailaddress{font-size:1.6em; color:#FFFFFF; position:absolute; top:105px; left:354px; text-indent:20px; line-height:1.66em;} #touch #form{display:block; width:127px; height:15px; position:absolute; top:102px; left:350px; display:none;} #touch #form input, #touch #form textarea{display:block; width:218px; border:1px solid #c3c3c3; margin:11px 0px 0px 22px; padding:4px 4px 4px 6px; border-top:2px solid #999999; border-bottom:1px solid #dddddd; font-family:Helvetica, Arial, sans-serif; font-size:1.5em; line-height:1.18em; color:#8FBC40;} #touch #message{height:176px;} #touch input#submit{background:url(../gui/submit.gif) no-repeat; width:120px; height:33px; border:none; margin:14px 0px 0px 22px;color:#ffffff; padding:0px;cursor:pointer;} #touch input#submit:hover, #touch input#submit.over{background:url(../gui/submit.gif) no-repeat 0px -33px;color:#000000;} #touch_human{display:block; width:227px; height:237px; position:absolute; top:114px; left:373px; background:url(../gui/human.gif) no-repeat; display:none;} #touch_human p{padding:15px; color:#476222;font-size:1.2em;} #touch_human h2{padding:15px;color:#476222;font-size:1.7em;} #touch #validation{display:block; width:127px; height:15px; position:absolute; top:120px; left:16px;} #touch #validation input{display:block; width:178px; border:1px solid #c3c3c3; margin:6px 0px 0px 0px; padding:4px 4px 4px 6px; border-top:2px solid #999999; border-bottom:1px solid #dddddd; font-family:Helvetica, Arial, sans-serif; font-size:1.5em; line-height:1.18em; color:#8FBC40;} #touch input#submit2{background:url(../gui/submit.gif) no-repeat; width:120px; height:33px; border:none; margin:14px 0px 0px 22px; padding:0px;cursor:pointer;color:#ffffff;} #touch input#submit2:hover, #touch input#submit2.over{background:url(../gui/submit.gif) no-repeat 0px -33px;} #touch_loader{width:24px; height:24px; position:absolute; top:307px; left:476px; background:url(../gui/loader.gif) no-repeat; display:none;} #touch_thanks{display:block; width:227px; height:147px; position:absolute; top:114px; left:373px; background:url(../gui/thanks.gif) no-repeat; display:none;} #submenu{position:absolute; top:1838px; left:52px; color:#898B8C; font-size:1.4em; line-height:1.52em;} #submenu a{color:#898B8C;} #submenu a:hover{border-bottom:1px dashed #898B8C;} #copyright{position:absolute; top:2082px; left:697px; color:#898B8C; font-size:1.4em; line-height:1.52em;} #cost{display:block; width:685px; position:absolute; top:20px; left:20px; border:1px dashed #323335; overflow:hidden;} #cost_factors{display:block; width:241px; height:70px; position:absolute; top:20px; left:26px; background:url(../gui/title_cost.gif) no-repeat; z-index:20;} #cost_text{display:block; width:605px;padding:6px 40px 60px 40px; position:relative; font-size:1.4em; line-height:1.52em; text-align:left; background:#bf6f30;} .green{color:#CFE795;} .asterisk{display:block; background:url(../gui/asterisk.gif) no-repeat left 4px;} /* HIDDEN ELEMENTS */ hr{display:none;} .clear{clear:both; height:0px;} /*"HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeueLTStd-Lt", "Helvetica Neue", */