/* ___ ___ _______ _______ _______ _____ __ __ _______ _______ ______ _______ _______ _______ | | | | |_ _| | | |_ | |/ |_ _|_ _| | | | ___| | | |- -| | | | | | | | < _| |_ | | | ---| | ___| | |___|___|___|___| |___| |__|_|__|_______| |__|\__|_______| |___| |______|___|___|_______|__|____| Handcrafted by XHTML KITCHEN - https://xhtmlkitchen.com */ /*------------------------------------------------------------------------- =BROWSER RESET -------------------------------------------------------------------------*/ html,body,address,blockquote,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul,dd,dt,li,tbody,td,tfoot,th,thead,tr,button,del,ins,map,object,a,abbr,acronym,b,bdo,big,br,cite,code,dfn,em,i,img,kbd,q,samp,small,span,strong,sub,sup,tt,var,legend,fieldset,input,textarea{margin:0;padding:0}input,textarea,object{outline:none}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}button,a img,fieldset,input,textarea{border:0}textarea{overflow:auto}address{font-style:normal}cite{font-style:normal}abbr,acronym{ border-bottom:1px dotted; cursor:help } /*------------------------------------------------------------------------- =TOOLKIT -------------------------------------------------------------------------*/ .floatNone { float:none } .floatLeft { float:left } .floatRight { float:right } .clearLeft { clear:left } .clearRight { clear:right } .clearBoth { clear:both } .noBg { background:none !important } .noBgColor { background-color:inherit !important } .noMargin { margin:0 !important } .noPadding { padding:0 !important } .noBorder { border:0 !important } .show { display:block !important } .hide { display:none !important } .hideText { display:block; text-indent:-9999px } .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden } .clearfix { display:inline-block } /*------------------------------------------------------------------------- =LAYOUT -------------------------------------------------------------------------*/ body { background:#9db8c7; font:14px/19px Helvetica, Helvetica, Arial, sans-serif; color:#7d7d7d } div.wrap { margin:0 auto; width:809px } div#header { position:relative; height:213px; background:url(../images/bg/header.png) repeat-x } div#header div.wrap { position:relative; width:980px; height:213px } div#main { background:#bee0e7; border-top:6px solid #b0d2db } div#content { float:left; width:550px } div#sidebar { float:right; position:relative; padding-bottom:60px; width:196px } div#footer { height:326px; background:url(../images/bg/footer.gif) repeat-x } div#footer div.wrap { position:relative; padding:49px 0 0 40px; width:940px; height:277px; background:url(../images/bg/footerInner.gif) no-repeat 210px bottom } /*------------------------------------------------------------------------- =CUFON CONFIGURATION -------------------------------------------------------------------------*/ .cufon-active ul#mainNav li a { line-height:1.8 } .cufon-active .mediumButton { line-height:2.9 } .cufon-active p#price { left:270px } .cufon-active p#price span#pageCount { margin:-8px 0 0 2px } .cufon-active div#header h1 { margin-top:-5px } .cufon-active a#getting { text-indent:2px !important } .cufon-active a#prepare { text-indent:12px !important } .cufon-active a#cooking { text-indent:-3px !important } .cufon-active div#pages ul { padding:0 0 0 10px } .cufon-active div#pages ul li { width:37px; margin-left:0; text-align:center } .cufon-active span.cost { left:17px !important; top:20px !important } .cufon-active span.costTitle { left:45px !important; top:47px !important } .cufon-active div#preview h3 > span { padding-top:12px !important; height:37px } .cufon-active div#viewHappyCustomers p { width:216px } .cufon-active div#priceCalculator h3 { color:#454545 } /*------------------------------------------------------------------------- =COMMON ELEMENTS -------------------------------------------------------------------------*/ b { position:absolute; width:11px; height:11px; background:url(../images/bg/roundedEdges.png) } b.lt { left:0; top:0 } b.lb { left:0; bottom:0; background-position:left -11px } b.rt { right:0; top:0; background-position:-11px top } b.rb { right:0; bottom:0; background-position:-11px -11px } .smallButton { display:block; padding-right:15px; height:33px; background:url(../images/btn/smallButton.png) no-repeat right top; font:12px/32px Helvetica, Arial, sans-serif; color:#fff !important; cursor:default } .smallButton:hover { background-position:right -66px } .smallButton:hover span { background-position:left -99px } .smallButton span { display:block; padding:0 10px 0 28px; height:33px; background:url(../images/btn/smallButton.png) no-repeat left -33px } .mediumButton { display:block; padding-right:18px; height:39px; background:url(../images/btn/mediumButton.png) no-repeat right top; font:13px/40px Helvetica, Arial, sans-serif; color:#fff !important; cursor:default } .mediumButton:hover { background-position:right -78px } .mediumButton:hover span { background-position:left -117px } .mediumButton span { display:block; padding:0 10px 0 28px; height:44px; background:url(../images/btn/mediumButton.png) no-repeat left -39px } .mediumButton span span, .mediumButton:hover span span { position:static; padding:0 0 0 30px; background:url(../images/icon/buttonIcons.png) no-repeat left -27px } .bigButton { display:block; padding-right:23px; height:49px; background:url(../images/btn/bigButton.png) no-repeat right 0; font:18px/40px Helvetica, Arial, sans-serif; color:#fff !important; cursor:default } .bigButton:hover { background-position:right -98px } .bigButton:hover span { background-position:left -147px } .bigButton span { display:block; padding:0 10px 0 28px; height:49px; background:url(../images/btn/bigButton.png) no-repeat left -49px } button.bigButton { padding:0 20px 0 0 } button.bigButton span { position:relative; top:-1px; padding:0 0 0 23px; line-height:48px } button.bigButton span span, button.bigButton:hover span span { position:static; padding:0 0 0 30px; background:url(../images/icon/buttonIcons.png) no-repeat left 17px } span.sliderButton { position:absolute; width:24px; height:36px; background:url(../images/bg/slider.png) left 4px; cursor:w-resize } div.morePages { position:absolute !important; width:86px; height:99px; background:url(../images/bg/morePages.png) } div.morePages label { margin:0; padding:0; background:none; font-size:14px; line-height:29px; text-indent:0; letter-spacing:-0.5px; text-align:center; color:#6a6345 } div.morePages input { position:absolute; left:9px; bottom:30px; margin:0; padding:0; width:68px !important; height:auto !important; background:none; font-size:30px; font-weight:bold; text-align:center; color:#524c30 } div.column { margin-top:90px; width:250px } p.langNotice { margin-top:20px; padding:10px; background:#ffdf6b; font-size:12px; color:#333; border:1px solid #ccaa2d } body#order p.langNotice { margin-bottom:35px !important } /*------------------------------------------------------------------------- =LINKS -------------------------------------------------------------------------*/ a { text-decoration:none } a:link { color:#19b5cf } a:visited { color:#81c4cf } a:focus { color:#21899b } a:hover { color:#32cee8 } a:active { color:#016e80 } /*------------------------------------------------------------------------- =HEADINGS -------------------------------------------------------------------------*/ h1, h2, h3 { color:#454545 } h2 { font:30px Helvetica, Arial, sans-serif; } h3 { font:bold 25px Helvetica, Arial, sans-serif; color:#868686 } /*------------------------------------------------------------------------- =FORM ELEMENTS -------------------------------------------------------------------------*/ div#content form ul.form li { position:relative; background:url(../images/form/input.png) no-repeat left bottom } div#content form ul.form li p, div#details p { position:absolute; left:120px; top:0; padding-left:20px; background:url(../images/icon/warning.png) no-repeat left center; font-size:10px; font-weight:bold; color:#cf9200; text-transform:uppercase } label { display:block; margin-left:19px; width:84px; padding-right:5px; height:21px; background:url(../images/form/label.png) no-repeat right top; font-size:14px; line-height:22px; font-weight:bold; text-indent:8px; color:#7d7d7d } label span { display:block; height:21px; background:url(../images/form/label.png) no-repeat left bottom } input { padding:0 24px; width:181px; height:40px; background:url(../images/form/input.png) no-repeat right top } input, textarea, select { font:14px Helvetica, Arial, sans-serif; color:#7d7d7d } textarea { padding:15px 8px 15px 24px } /*------------------------------------------------------------------------- =NAVIGATIONS -------------------------------------------------------------------------*/ ul#mainNav { position:absolute; right:55px; top:0; height:74px; } ul#mainNav li { float:left; margin:24px 0 0 15px } html[lang="tr"] ul#mainNav li { margin:24px 0 0 10px } ul#mainNav li a { display:block; padding-right:3px; height:36px; background:url(../images/nav/mainNav.png) no-repeat right top; font:18px/43px Helvetica, Arial, sans-serif } html[lang="tr"] ul#mainNav li a span { padding:0 13px 0 16px } ul#mainNav li a span { display:block; padding:0 25px 0 28px; height:36px; background:url(../images/nav/mainNav.png) no-repeat left -36px; color:#777 } ul#mainNav li a:hover { background-position:right -144px } ul#mainNav li a:hover span { background-position:left -180px } ul#mainNav li a.current { background-position:right -72px } ul#mainNav li a.current span { background-position:left -108px } ul#mainNav li a.order { margin:-23px 0 0 -8px; padding-right:14px; height:69px; background-position:right -216px } ul#mainNav li a.order span { padding:0 17px 0 60px !important; height:69px; background-position:left -285px; line-height:80px; color:#444 } ul#mainNav li a.order:hover { background-position:right -354px } ul#mainNav li a.order:hover span { background-position:left -423px } ul#subNav { position:absolute; left:45px; bottom:-50px } ul#subNav li { float:left } ul#subNav li a { position:relative; z-index:1; display:block; width:184px; height:44px; background:url(../images/nav/subNav.png) no-repeat; font-size:20px; line-height:44px; color:#6f848a; text-align:center } ul#subNav li a.current { z-index:2; margin:0 -3px -4px 0; width:190px; height:47px; background-position:0 -44px; line-height:45px; color:#454545 } ul#subNav li a:hover { color:#3b4b4f } ul#subNav li a.current:hover { color:#454545 } div#sidebar ul { margin-bottom:20px; padding:0 0 30px 0; width:196px; background:url(../images/nav/sidebarNav.png) no-repeat left bottom } div#sidebar ul li { margin-bottom:10px; padding-left:33px; } div#sidebar ul li.current { background:url(../images/icon/currentPage.png) no-repeat 10px center } div#sidebar ul li a { font-size:16px; color:#a0a0a0 } div#sidebar ul li a:hover { color:#333 } ul#footerNav { } ul#footerNav > li { float:left; margin-right:30px; font-size:11px; font-weight:bold; color:#7c7c7c } ul#footerNav li a { font-size:11px; font-weight:normal; color:#515151 } ul#footerNav li a:hover { text-decoration:underline } ul#footerNav li a:visited { color:#3f3f3f } ul#footerNav ul li { margin-bottom:-2px } /*------------------------------------------------------------------------- =HEADER -------------------------------------------------------------------------*/ div#header h1 { position:absolute; right:240px; top:135px; font-size:40px; text-align:right } div#header p { position:absolute; right:390px; top:128px; width:326px; font-size:14px; text-align:right; color:#999999; } span#headerIllustration { position:absolute; left:0; bottom:0; width:100%; height:137px; background:url(../images/bg/headerIllustration.gif) no-repeat center top } /*------------------------------------------------------------------------- =MAIN -------------------------------------------------------------------------*/ div#main div.wrap { overflow:hidden; position:relative; margin-top:113px; padding:60px 24px 13px 48px; background:#fff url(../images/bg/page.png) repeat-y -881px 0 } span#roundTop, span#roundBottom { position:absolute; left:0; width:881px; height:13px; background:url(../images/bg/page.png) } span#roundTop { top:0 } span#roundBottom { bottom:0px; background-position:0 -13px } div#orderNow { position:relative; z-index:3; margin:59px auto -31px auto; width:831px; height:55px; background:url(../images/bg/orderNow.png) no-repeat } div#orderNow p { float:left; margin:19px 0 0 44px; width:586px; height:22px; background:url(../images/bg/orderSlogan.png); text-indent:-9999px } html[lang="tr"] div#orderNow p { background-position:left bottom } div#orderNow a { float:right; margin:2px 3px 0 0; display:block; width:181px; height:50px; background:url(../images/btn/orderNow.png); text-indent:-9999px } html[lang="tr"] div#orderNow a { background:url(../images/btn/orderNowTR.png) } div#orderNow a:hover { background-position:left -59px !important } /*------------------------------------------------------------------------- =CONTENT -------------------------------------------------------------------------*/ div#content h2 { margin-bottom:32px; color:#868686 } div#content h3 { margin-bottom:16px } div#content p { margin-bottom:30px; line-height:20px } div#content p a { border-bottom:1px dotted #19b5cf } div#content p#intro { margin-bottom:36px; font:19px/24px Georgia, serif; color:#8f8f8f } div#content p#intro strong { color:#333 } div#content p#intro a { font-weight:bold; color:#7e7e7e } div#content p#intro a:hover { color: #474747 } div#content img.floatLeft { margin:0 36px 30px 0 } div#content img.floatRight { margin:0 0 0 36px } /*------------------------------------------------------------------------- =SIDEBAR -------------------------------------------------------------------------*/ span#sidebarShade { position:absolute; left:0; top:-47px; width:218px; height:208px; background:url(../images/bg/sidebarShade.png) } div#sidebar h4, div#sidebar ul { position:relative; z-index:2 } div#sidebar h4 { z-index:3; top:0px; padding:21px 0 20px 33px; background:url(../images/nav/sidebarNav.png) no-repeat left top; font-size:20px; color:#868686 } a#twitter, a#friendfeed { overflow:hidden; display:block; margin:100px 0 36px 25px; width:176px; height:99px; background:url(../images/icon/socialMedia.png) no-repeat; text-indent:-9999px } a#friendfeed { margin:0 0 0 25px; height:116px; background-position:left bottom } html[lang="tr"] a#twitter { background:url(../images/icon/socialMediaTR.png) no-repeat } html[lang="tr"] a#friendfeed { background:url(../images/icon/socialMediaTR.png) no-repeat left bottom } /*------------------------------------------------------------------------- =FOOTER -------------------------------------------------------------------------*/ div#footer h2 { margin-bottom:10px; font-size:18px; color:#7c7c7c } div#footer p { position:absolute; right:75px; top:110px; font-size:11px; color:#515151 } a#pageTop { position:absolute; left:35px; bottom:86px; padding:8px 0 15px 18px; background:url(../images/icon/pageTop.png) no-repeat; font-size:11px; font-weight:bold; color:#7c7c7c } a#pageTop:hover, a.language:hover { text-decoration:underline } a.language { position:absolute; right:85px; bottom:60px; display:none; padding-left:30px; height:24px; background:url(../images/icon/language.png) no-repeat; font-size:11px; font-weight:bold; line-height:25px; color:#7c7c7c } html[lang="en"] .tr { display:block } html[lang="tr"] .en { display:block; background-position:0 bottom } html[lang="tr"] .tr, html[lang="en"] .en { display:none } a#xhtmlkitchen { position:absolute; right:75px; top:50px } a#designfabrika { position:absolute; right:80px; top:150px } /*------------------------------------------------------------------------- =PAGE: Homepage -------------------------------------------------------------------------*/ body#homepage div.wrap { margin:0 auto; width:980px } body#homepage div#header { height:545px; background:url(../images/bg/header.png) repeat-x; border-bottom:1px solid #9fbdc6 } body#homepage div#main { padding-bottom:0 } body#homepage div#main div.wrap { overflow:hidden; position:static; margin:-7px auto -67px auto; padding-top:90px; background:url(../images/bg/main.png) no-repeat top left } body#homepage div#header h1 { position:static; margin-bottom:20px; font-size:20px; text-align:left } body#homepage div#header p { position:static; width:auto; text-align:left } div#demo { padding:15px 0 0 25px } div#demo div { float:left; margin-left:18px; background:url(../images/bg/demo.jpg) no-repeat left top } div#demo div#day1 { padding-top:160px; width:205px } div#demo div#day1 h1 { text-indent:30px } div#demo div#day1 p { width:134px } div#demo div#day2 { padding-top:212px; width:270px; background-position:-205px 91px } div#demo div#day2 h1 { text-indent:35px } div#demo div#day2 p { width:193px } div#demo div#day3 { padding-top:212px; width:210px; background-position:-475px 42px } div#demo div#day3 h1 { text-indent:30px } div#demo div#day3 p { width:170px } div#demo div#day4 { padding-top:149px; width:175px; background-position:-685px 0 } div#demo div#day4 h1 { text-indent:30px } div#demo div#day4 p { width:172px } div#demo div#day4 a { display:block; margin-top:10px; width:123px; height:35px; background:url(../images/btn/demoOrderNow.gif); text-indent:-9999px } html[lang="tr"] div#demo div#day4 a { background:url(../images/btn/demoOrderNowTr.gif) } object#demo { margin-top:-18px; padding:0 } div#priceCalculator { float:left; position:relative; margin-bottom:50px; padding-left:40px; width:530px; height:380px } div#priceCalculator p#description { position:absolute; right:100px; top:50px; padding-bottom:35px; width:200px; background:url(../images/icon/description.png) no-repeat center 83px; text-align:center; font:13px/18px Georgia, serif; color:#454545 } div#priceCalculator p#price { position:absolute; right:160px; top:160px; width:200px; text-align:center; font:40px/30px Helvetica, Arial, sans-serif; color:#454545 } div#priceCalculator p#price span#currency { color:#656363 } div#priceCalculator p#price span#pageCount { display:block; font:14px Helvetica, Arial, sans-serif } div#priceCalculator ul { position:absolute; left:45px; bottom:35px; width:450px; height:37px; background:url(../images/bg/priceCalculator.gif) no-repeat left bottom } div#priceCalculator ul li { float:left; margin:0 30px 0 10px; font:16px Helvetica, Arial, sans-serif; color:#646464 } div#priceCalculator ul li.last { margin-right:0 } div#priceCalculator span.sliderButton { left:48px; top:323px } div#priceCalculator h3 { position:absolute; right:107px; bottom:85px; font:14px Helvetica, Arial, sans-serif } div#priceCalculator a { position:absolute; right:107px; bottom:-30px } div#priceCalculator div.morePages { right:72px; bottom:70px } div#priceCalculator span#dish { position:absolute; left:12px; top:67px; width:212px; height:215px; background:url(../images/bg/dish.png) } span#veg1, span#veg2, span#veg3, span#veg4, span#veg5, span#veg6, span#veg7 { position:absolute; z-index:2; background:url(../images/bg/dish.png) } span#veg1 { position:absolute; left:60px; top:142px; width:75px; height:63px; background-position:-212px 0 } span#veg2 { position:absolute; z-index:3; left:110px; top:122px; width:51px; height:49px; background-position:-212px -63px } span#veg3 { position:absolute; left:140px; top:162px; width:49px; height:48px; background-position:-212px -112px } span#veg4 { position:absolute; left:31px; top:209px; width:131px; height:38px; background-position:-212px -160px } span#veg5 { position:absolute; left:101px; top:102px; width:91px; height:63px; background-position:-287px 0 } span#veg6 { position:absolute; left:51px; top:111px; width:61px; height:23px; background-position:-287px -63px } span#veg7 { position:absolute; left:15px; top:177px; width:85px; height:48px; background-position:-287px -86px } div#freezer { float:right; position:relative; width:410px; height:380px } div#freezer span#freezerBg { position:absolute; left:0; top:20px; width:400px; height:330px; background:url(../images/bg/freezer.png) no-repeat } a#next, a#prev { position:absolute; left:25px; bottom:65px; display:block; width:33px; height:46px; background:url(../images/btn/prevNext.png) no-repeat; text-indent:-9999px; outline:0 } a#prev { left:75px; background-position:-33px 0 } div#freezer a.mediumButton { position:absolute; right:120px; bottom:67px } div#freezerInner { position:relative; overflow:hidden; margin:24px 0 0 21px; width:290px; height:175px } div#freezerInner div#carousel { width:2000em; height:200px } div#freezerInner div#carousel div { float:left;position:relative; } div#freezerInner div#carousel div h3 { position:absolute; bottom:5px; left:0; padding:3px 0; width:271px; background:#000; font-size:13px; font-weight:bold; letter-spacing:-1px; color:#fff; text-align:center } div#reasons { float:left; width:554px; height:317px; background:url(../images/bg/reasons.png) no-repeat } div#reasons h2 { margin:-7px 0 0 36px } div#reasons div { float:left; margin-top:40px; width:217px; background:url(../images/icon/why.gif) no-repeat left 3px } div#reasons div#trust { background-position:0 -593px } div#reasons div#control { background-position:0 7px } div#reasons div#time { background-position:0 -390px } div#reasons div#care { background-position:0 -974px } div#reasons div#talent { background-position:5px -789px } div#reasons div#standards { background-position:0 -195px } div#reasons div.columnLeft { margin:40px 55px 0 35px } div#reasons div.columnRight { margin:40px 30px 0 0 } div#reasons div h3 { margin:20px 0 15px 37px; font-size:24px; color:#525252 } div#reasons div p { font-size:14px; line-height:18px } div#reasons div a.smallButton { float:right; margin-top:5px } div#fromTwitter { float:left; position:relative; width:391px; height:317px; background:url(../images/bg/fromTwitter.png) no-repeat } div#fromTwitter h2 { margin:-7px 0 0 61px } div#fromTwitter p { margin:65px 0 0 63px; width:286px; font:18px "Baskerville Oldface", Georgia, serif } div#fromTwitter a#tweetDate { position:absolute; left:63px; bottom:84px; font-weight:bold; font-size:13px; color:#a7a7a2 } div#fromTwitter a#tweetDate:hover { text-decoration:underline } .followUsOnTwitter { position:absolute; right:25px; bottom:68px; width:112px; height:68px; background:url(../images/btn/twitterLink.png) no-repeat; text-indent:-9999px } /*------------------------------------------------------------------------- =PAGE: About -------------------------------------------------------------------------*/ html[lang="tr"] body#about div#header p { right:463px } address { margin:0 0 15px 30px; font-weight:bold } /*------------------------------------------------------------------------- =PAGE: Why Us? -------------------------------------------------------------------------*/ div#reasonsExpanded { margin-bottom:55px } div#reasonsExpanded h3 { margin:30px 0 10px; height:49px; background:url(../images/icon/why.gif) no-repeat left 3px; font-size:22px; line-height:49px; text-indent:38px } h3#c-standards { background-position:0 -197px !important } h3#c-time { background-position:0 -392px !important } h3#c-trust { background-position:0 -593px !important } h3#c-care { background-position:0 -983px !important } h3#c-talent { background-position:5px -792px !important } h3#c-control { background-position:0 4px !important } /*------------------------------------------------------------------------- =PAGE: Works -------------------------------------------------------------------------*/ body#works div#main div.wrap { margin-top:50px; width:881px; background:none } div.project { position:relative; margin-bottom:50px; height:280px; background:url(../images/bg/project.png) no-repeat right top } div.project span.projectLeft { position:absolute; z-index:2; left:0; top:0; width:634px; height:280px; background:url(../images/bg/project.png) no-repeat left bottom } div.project img { position:absolute; z-index:1; left:15px; top:14px } div.project h2, a.url { position:absolute; right:0; top:70px; width:247px; font-size:27px; text-align:center } a.url { top:105px; font-size:11px; color:#7d7d7d } a.url:hover { text-decoration:underline } div.project a.smallButton { position:absolute; right:72px; top:130px } div.project h3 { position:absolute; right:19px; bottom:18px; width:211px; height:72px; background:url(../images/bg/viewCode.png); font-size:16px; line-height:73px; text-indent:15px } div.project ul { position:absolute; right:31px; bottom:34px; width:136px; height:36px; background:url(../images/nav/viewCode.png) } div.project ul li { float:left } div.project ul li a { display:block; width:64px; height:36px; font-size:15px; line-height:34px; text-indent:19px; color:#7d7d7d } div.project ul li a.disabled { color:#ccc; cursor:default } div#pagination { margin:0 auto; width:350px } div#pagination a { float:left; display:block; margin-right:16px; padding-bottom:26px; width:16px; height:16px; background:url(../images/btn/pagination.gif) no-repeat left bottom; font-size:18px; text-align:center; text-indent:-9999px; color:#5c7f86 } div#pagination a:hover { text-indent:0 } div#pagination a.current { text-indent:0;background-position:right bottom } div#curtain { display:none; position:fixed; z-index:1000; left:0; top:0; width:100%; height:100%; background:#000 url(../images/bg/ajax-loader.gif) no-repeat center center } div#preview { display:none; position:fixed; z-index:2000; margin:0 auto; padding:13px 20px 13px 23px; width:90%; height:70%; background:#ebf4f6 } div#preview h3 { position:absolute; left:23px; top:-49px; padding-right:13px; height:49px; background:url(../images/bg/previewTitle.png) no-repeat right top; font-size:22px; font-weight:bold; color:#454545 } div#preview h3 > span { display:block; padding:14px 10px 0 26px; height:35px; background:url(../images/bg/previewTitle.png) no-repeat left bottom } div#preview h3 > span span { display:inline; padding:0; height:auto; background:none } div#preview h3 a { margin-top:-5px; vertical-align:middle; font-size:12px; color:#478898 } div#preview h3 a:hover { text-decoration:underline; color:#6c8f98 } div#preview a#closePreview { position:absolute; right:23px; top:-44px; display:block; width:56px; height:44px; background:url(../images/btn/closePreview.png); text-indent:-9999px } div#preview a#closePreview:hover { background-position:left bottom } div#preview div#source { overflow:scroll; height:100%; background:#fcfcfc } div#preview div#source pre { background:#f3f8f9; font:11px Monaco, Consolas, "Lucida Console", "Courier New", monospace; color:#999 } a#viewHtml, a#viewCss { position:absolute; right:80px; bottom:-68px; display:block; width:49px; height:68px; background:url(../images/btn/previewType.png) left bottom; text-indent:-9999px } a#viewCss { right:30px; background-position:right bottom } a#viewHtml:hover, a#viewHtml.current { background-position:left top } a#viewCss:hover, a#viewCss.current { background-position:right top } .html4strict ol{list-style-type:decimal;list-style-position:outside;margin-left:50px}.html4strict .de1,.html4strict .de2{font:normal normal 11px/1.1em Monaco, Consolas, "Lucida Console", "Courier New", monospace;margin:0;padding:0;background:none;vertical-align:top}.html4strict{font-family:Monaco, monospace}.html4strict .imp{font-weight:bold;color:red}.html4strict li,.html4strict .li1{background:#fcfcfc;width:auto;padding:3px 0}.html4strict .ln{width:1px;text-align:right;margin:0;padding:0 2px;vertical-align:top}.html4strict .li2{background:#FFF}.html4strict .kw2{color:#225879;font-weight:bold}.html4strict .kw3{color:#225879}.html4strict .es0{color:#19415a;font-weight:bold}.html4strict .br0{color:#6c6}.html4strict .sy0{color:#6c6}.html4strict .st0{color:red}.html4strict .nu0{color:#c6c}.html4strict .sc-1{color:gray;font-style:italic}.html4strict .sc0{color:#0bd}.html4strict .sc1{color:#db0}.html4strict .sc2{color:#247699}.html4strict span.xtra{display:block}.css ol{list-style-type:decimal;list-style-position:outside;margin-left:50px}.css .de1,.css .de2{font:normal normal 11px/1.1em Monaco, Consolas, "Lucida Console", "Courier New", monospace;margin:0;padding:0;background:none;vertical-align:top}.css{font-family:Monaco, monospace}.css .imp{font-weight:bold;color:red}.css li,.css .li1{background:#fcfcfc;padding:3px 0}.css .ln{width:1px;text-align:right;margin:0;padding:0 2px;vertical-align:top}.css .li2{background:#FFF}.css .kw1{color:#000;font-weight:bold}.css .kw2{color:#933}.css .co1{color:#a1a100}.css .co2{color:red;font-style:italic}.css .coMULTI{color:gray;font-style:italic}.css .es0{color:#009;font-weight:bold}.css .br0{color:#0A0}.css .sy0{color:#0A0}.css .st0{color:red}.css .nu0{color:#c6c}.css .re0{color:#c0c}.css .re1{color:#66f}.css .re2{color:#33f}.css .re3{color:#933}.css span.xtra{display:block} /*------------------------------------------------------------------------- =PAGE: Contact -------------------------------------------------------------------------*/ body#contact form ul li { float:left; margin:0 52px 19px 0; width:210px } body#contact form ul li.message, body#contact form ul li.sendMessage { clear:left; margin:0; width:490px; background:none } body#contact form { position:relative; margin-top:25px; width:549px; background:#f3f3f3 } body#contact form fieldset { padding:25px 0 14px 25px } body#contact form legend { margin:25px 0 5px 0; font-size:16px; font-weight:bold } body#contact form textarea { width:458px; height:170px; background:url(../images/form/contactMessage.png) no-repeat } body#contact form button { position:absolute; right:0; bottom:-75px } /*------------------------------------------------------------------------- =PAGE: Support -------------------------------------------------------------------------*/ ul#supportChannels li { margin-bottom:19px; padding:53px 0 76px 190px; background:url(../images/icon/support.png) no-repeat; font-size:26px; font-weight:bold; color:#454545; border-bottom:1px solid #f2f2f2 } ul#supportChannels li span { display:block; margin-top:10px; font:19px Georgia, "Times New Roman", serif; color:#b7b7b7 } ul#supportChannels li#paymentChannel { background-position:0 -193px } ul#supportChannels li#supportChannel { background-position:0 -376px } /*------------------------------------------------------------------------- =PAGE: Order -------------------------------------------------------------------------*/ ul#orderSteps { overflow:hidden; margin-bottom:71px } ul#orderSteps li { float:left; margin-right:28px; padding-right:42px; background:url(../images/icon/orderStepsSeperator.gif) no-repeat right center } ul#orderSteps li span { display:block; width:92px; height:95px; background:url(../images/icon/orderSteps.png) no-repeat; font-size:20px; line-height:160px; color:#bababa } ul#orderSteps li span.current { background-position:-337px top; color:#868686 } ul#orderSteps li span#prepare { width:95px; background-position:-92px top; text-indent:10px } ul#orderSteps li span#prepare.current { background-position:-429px top } ul#orderSteps li span#cooking { width:59px; background-position:-187px top; text-indent:-7px } ul#orderSteps li span#cooking.current { background-position:-524px top } ul#orderSteps li span#service { width:91px; background-position:-246px top; text-indent:12px } ul#orderSteps li span#service.current { background-position:-583px top } body#order fieldset { position:relative; margin-bottom:20px; padding-bottom:20px; width:597px; background:#f3f3f3 } body#order fieldset legend { position:relative; margin:0 0 -70px 25px; font-size:22px; font-weight:bold; color:#7d7d7d } body#order fieldset legend span { position:absolute; z-index:2; left:-55px; top:-12px; width:51px; height:41px; background:url(../images/form/formElements.png) -33px 0; font-size:24px; line-height:41px; color:#fff; text-indent:14px } body#order fieldset h3 { margin:0 0 13px 23px; font-size:14px; font-weight:bold; color:#7d7d7d } body#order fieldset label { cursor:pointer } body#order fieldset p.description { margin:55px 0 25px 27px; padding-right:20px; font-size:12px; line-height:17px } body#order fieldset b.lb, body#order fieldset b.rb { bottom:-20px } fieldset#projectOptions div { position:relative } fieldset#projectOptions p { position:absolute; right:10px; top:-83px; padding-top:28px; width:156px; height:59px; background:url(../images/bg/cost.png) no-repeat; font:35px/23px Helvetica, Arial, sans-serif; text-align:center; color:#454545 } fieldset#projectOptions p > * { position:absolute } fieldset#projectOptions p span.cost { left:13px; top:25px; width:123px } fieldset#projectOptions p span.costTitle { left:42px; top:49px; font-size:12px } fieldset#projectOptions p span.currency { color:#656363 } ul.slider { margin-left:9px; width:580px; height:64px; background:url(../images/bg/slider.png) no-repeat -500px bottom } ul.slider li { float:left; font:16px Helvetica, Arial, sans-serif; color:#646464 } ul.slider li.last { margin:0 } div#pages { margin:65px 0 5px } div#pages ul li { margin-left:24px } div#pages span.sliderButton { left:25px; top:45px; } div#pages div.morePages { z-index:3; right:-3px; bottom:68px } div#deadline ul li { margin:0 37px 0 25px } div#deadline span.sliderButton { left:25px; bottom:14px } div#deadline div.morePages { right:15px; top:-67px } div#projectType { float:left; margin-left:23px } div#projectType h3 { margin-left:0 !important } div#projectType div { float:left } div#projectType div.balanceSpace { margin:0 15px } div#projectType label { position:relative; display:inline; margin-left:5px; background:none; font-size:13px; font-weight:normal; line-height:22px } div#projectType input { float:left; margin-top:5px; padding:0; width:auto; height:auto; background:none } div#urgent { float:left; margin:20px 0 0 25px } div#urgent h3 { margin-left:0 !important } div#urgent div { float:left; margin-right:29px } div#urgent label { display:inline; margin-left:5px; background:none; font-size:13px; font-weight:normal; line-height:22px } div#urgent input { float:left; margin:5px 0 0 23px; padding:0; width:auto; height:auto; background:none } fieldset#personalInfo ul { margin:10px 0 0 23px } fieldset#personalInfo ul li { float:left; margin:0 77px 19px 0; width:210px } div#uploadFiles { float:left; margin:0 0 40px 23px } div#uploadFiles p { margin:0 0 5px !important; padding-left:20px; background:url(../images/icon/warning.png) no-repeat left center; font-size:10px; font-weight:bold; color:#cf9200; text-transform:uppercase } div#uploadFiles div.uploadType { float:left } div#uploadFiles div.uploadType label { display:inline; margin:0 3px 0; background:none; font-size:12px; font-weight:normal } div#uploadFiles div.uploadType input { margin:0; padding:0; width:auto; height:auto; } div#uploadFiles ul { margin-top:30px; width:100px } div#uploadFiles li.file { overflow:hidden; margin-bottom:8px; width:250px } div#uploadFiles li.file a { float:left; display:block; width:94px; height:39px; background:url(../images/btn/delete.png); font-size:13px; line-height:37px; text-align:center; color:#fff } div#uploadFiles li.file a:hover { background-position:left bottom } div#uploadFiles li.file span { float:left; padding-right:23px; background:url(../images/bg/uploading.gif) no-repeat right center; font-size:11px; font-weight:bold; text-indent:8px; line-height:35px } div#uploadFiles li.file span.complete { background:url(../images/icon/tick.png) no-repeat right center } div#uploadFiles li#upload { position:relative } div#uploadFiles li#upload a { position:absolute; top:0; left:0; width:160px; border:0 } div#uploadFiles li#upload a.hover { background-position:right -78px } div#uploadFiles li#upload a.hover > span { background-position:left -117px } div#uploadFiles li#upload span#fileWrap { overflow:hidden; position:absolute; z-index:2; top:0; left:0; display:block; width:177px; height:44px } div#uploadFiles li#upload span#fileWrap input { position:absolute; right:0; top:0 } div#fileUrl { display:none; margin-top:35px; width:210px; background:url("../images/form/input.png") no-repeat left bottom } div#fileUrl label { width:125px } div#details { float:right; position:relative; margin:0 15px 0 0 } div#details textarea { padding-left:20px; width:287px; height:155px; background:url(../images/form/notes.png) no-repeat } fieldset#extraOptions ul { margin-left:25px } fieldset#extraOptions ul li { margin-bottom:10px } fieldset#extraOptions div#xhtmlOptions { overflow:hidden } fieldset#extraOptions div#xhtmlOptions li { float:left; width:280px } fieldset#extraOptions div#wpOptions { display:none } fieldset#extraOptions div#wpOptions h3 { margin-top:15px !important } fieldset#extraOptions label { position:relative; display:inline; margin-left:5px; background:none; font-size:13px; font-weight:normal; line-height:22px } fieldset#extraOptions input { float:left; margin-top:5px; padding:0; width:auto; height:auto; background:none } p#totalCost { position:relative; top:25px; margin:0 -25px 0 0 !important; font-size:24px; font-weight:bold; text-align:right } body#order button { float:right; margin:40px -29px 15px 0 } body#order button span span { background-position:left -67px } span.radio, span.checkbox { float:left; background:url(../images/form/formElements.png); cursor:pointer } span.radio { margin-top:2px; width:17px; height:17px } span.radio.active { background-position:0 -17px } span.checkbox { margin-top:4px; width:16px; height:16px; background-position:-17px 0; cursor:pointer } span.checkbox.active { background-position:-17px -17px } div#paymentMethods { margin:-13px 0 25px; padding-top:13px; height:100px } div#paymentMethods div { float:left; padding-right:50px; border-right:1px solid #e1e1e1 } div#paymentMethods h3 { font-size:18px; color:#7d7d7d } div#paymentMethods a { display:block; width:259px; height:98px; background:url(../images/btn/paymentMethods.gif) no-repeat; text-indent:-9999px } div#paymentMethods a#paypal { float:left; margin-right:-47px; width:269px; background-position:0 bottom } div#paymentMethods a#eft { float:right } div.projectSummary { position:relative; margin-bottom:20px; padding:20px 25px; width:547px; background:#f3f3f3 } div.projectSummary h3 { font-size:25px; font-weight:bold; color:#7d7d7d } div.projectSummary h4 { margin-top:25px; font-size:18px } div.projectSummary h5 { margin-top:15px; font-size:14px } div.projectSummary ul { margin-top:5px } div.projectSummary ol.files { margin-left:25px; list-style:decimal inside } div.projectSummary p.projectNotes { margin-top:15px } div.projectSummary p.projectCost { position:absolute; right:10px; top:-18px; padding-top:28px; width:156px; height:59px; background:url(../images/bg/cost.png) no-repeat; font:35px/23px Helvetica, Arial, sans-serif; text-align:center; color:#454545 } div.projectSummary p.projectCost > * { position:absolute } div.projectSummary p.projectCost span.cost { left:13px; top:25px; width:123px } div.projectSummary p.projectCost span.costTitle { left:42px; top:49px; font-size:12px } div.projectSummary p.projectCost span.currency { color:#656363 } a#downloadProject { margin:0 auto 50px auto; width:230px; line-height:50px; text-align:center } div#bankAccount { display:none; margin-bottom:25px } div#bankAccount h3 { margin-bottom:25px } div#paypalForm { overflow:hidden; margin-bottom:25px } div#paypalForm form { overflow:hidden; margin-top:20px } div#paypalForm ul li { float:left; margin-bottom:19px; width:210px } div#paypalForm ul li.odd { margin-right:60px } div#paypalForm ul li label.ccNo { width:110px } div#paypalForm ul li select { width:170px } div#paypalForm ul li.exp select { margin-right:10px; width:70px } div#paypalForm ul li.checkout { width:100% } div#paypalForm ul li.checkout button { margin-right:15px } div#paypalForm ul li p.choose { position:static !important; margin-bottom:5px !important; padding:0 !important; background:none !important; font-size:14px !important; color:inherit !important; text-transform:none !important } body#order div#main div.wrap { padding-bottom:30px } /*------------------------------------------------------------------------- =PAGE: Faq -------------------------------------------------------------------------*/ div#questions { position:relative; margin-bottom:55px; width:549px; background:#f3e6a8 } div#questions ol { padding:25px; list-style:decimal inside } div#questions ol li { margin-bottom:8px; font:15px Georgia, serif; color:#6a6345 } div#questions ol li a { font:inherit; color:#6a6345 } div#questions ol li a:hover { text-decoration:underline } div#questions ol li a:visited { color:#a59a69 } div#questions b.lt { background-position:left -62px } div#questions b.lb { background-position:left -73px } div#questions b.rt { background-position:-11px -62px } div#questions b.rb { background-position:-11px -73px } div.answer { position:relative; margin-bottom:55px; padding:25px; background:#f3f3f3 } div.answer h3 { font-size:16px; color:#7d7d7d; background:none !important } div.answer p { margin:10px 0 0 0 !important; background:none !important } div.answer ol { margin-left:10px; list-style:decimal inside } div.answer ul { margin-left:10px; list-style:disc inside } div.answer a.backToQuestions { position:absolute; z-index:2; right:25px; bottom:-37px; font-size:12px; color:#868686 } div.answer a.backToQuestions:hover { text-decoration:underline } /*------------------------------------------------------------------------- =PAGE: How We Work? -------------------------------------------------------------------------*/ div#howWeWork { overflow:hidden; margin-bottom:50px } div#howWeWork div p { position:relative; z-index:9999; margin-bottom:0 } div#howWeWork div h3 { margin-bottom:10px; font-size:20px; color:#454545 } div#step1 { position:relative; z-index:2; float:left; padding-top:140px; width:415px; background:url(../images/bg/step1.jpg) no-repeat 30px top } div#step1 h3 { text-indent:35px } div#step2 { float:right; margin-top:-120px; padding-top:260px; width:350px; background:url(../images/bg/step2.jpg) no-repeat right top } div#step2 h3 { text-indent:180px } div#step3 { float:left; margin-top:20px; padding-top:135px; width:350px; background:url(../images/bg/step3.jpg) no-repeat 30px top } div#step3 h3 { text-indent:32px } div#step4 { float:right; margin-top:40px; padding-top:140px; width:515px; background:url(../images/bg/step4.jpg) no-repeat right top } div#step4 h3 { text-indent:365px } div#step2 p, div#step4 p { text-align:right } div#viewHappyCustomers { float:left; margin-top:100px; padding:10px 0 30px 0; width:100%; background:url(../images/bg/viewHappyCustomersSeperator.png) no-repeat 300px top } div#viewHappyCustomers a { float:left; width:261px; height:59px; background:url(../images/btn/viewHappyCustomers.png) } div#viewHappyCustomers p { float:right; width:211px; font-size:16px; color:#777 } /*------------------------------------------------------------------------- =PAGE: Our Team -------------------------------------------------------------------------*/ div.developerInfo { position:relative; overflow:hidden; margin-bottom:35px; padding:21px; background:#f3e6a8 } div.developerInfo * { color:#6a6345 } div.developerInfo img { float:left; display:block; margin:0 27px 150px 0; padding:5px; width:100px; height:120px; background:url(../images/bg/developer.png) no-repeat } div.developerInfo h3 { margin:0 !important; font-size:18px } div.developerInfo p { margin-bottom:15px !important; font-size:12px; line-height:15px } div.developerInfo p a { border:0 !important } div.developerInfo p.profession { font-size:11px } div#content div.developerInfo p { font-size:12px } div.developerInfo a { font-weight:bold; text-decoration:underline } div.developerInfo a.followTwitter, div.developerInfo a.visitBlog { float:right; margin-left:15px; text-decoration:none } div.developerInfo a span { color:#fff } div.developerInfo { position:relative; padding:21px; background:#f3e6a8 } div.developerInfo b.lt { background-position:left -62px } div.developerInfo b.lb { background-position:left -73px } div.developerInfo b.rt { background-position:-11px -62px } div.developerInfo b.rb { background-position:-11px -73px } .ammarceker img { margin-bottom:100px !important } /*------------------------------------------------------------------------- =PAGE: Price Plan -------------------------------------------------------------------------*/ body#pricePlan span#roundTop { background-position:0 -26px } body#pricePlan span#roundBottom { background-position:0 -39px } body#pricePlan div#main div.wrap { padding:60px 46px 100px 46px; width:789px; background:#fff url(../images/bg/page.png) repeat-y -1762px 0 } body#pricePlan div#main div.wrap div#content { width:auto } table#priceTable { margin-bottom:10px; width:788px; border-collapse:collapse } table#priceTable td { border-right:1px solid #fff } table#priceTable td strong { color:#5F5F5F } table#priceTable td.noBorder { border-right:0 } table#priceTable thead tr td { background:#bee0e7; font-size:24px; font-weight:bold; text-align:center } table#priceTable thead tr td.topLeft { background:#bee0e7 url(../images/bg/priceTable.png) no-repeat left top } table#priceTable thead tr td.topRight { background:#bee0e7 url(../images/bg/priceTable.png) no-repeat -28px top } table#priceTable thead tr.service td { padding:10px 0 0; color:#fff } table#priceTable thead tr.price td { padding:5px 0 10px; color:#5f5f5f } table#priceTable thead tr.price td.noBorder { font-size:13px } table#priceTable thead tr.price td a { color:#5f5f5f } table#priceTable thead tr.price td a:hover { color:#d10039 } table#priceTable thead td#xhtmlCssPrice { width:205px } table#priceTable thead td#wpPrice { width:180px } table#priceTable thead td#htmlEmailPrice { width:200px } table#priceTable thead td#jsPrice { width:190px } table#priceTable tbody tr td { padding:10px; background:#e3eef1 url(../images/bg/priceTableCell.png) repeat-x left bottom; font-size:12px; vertical-align:top } table#priceTable tbody tr td p { margin:0; padding-left:20px; background:url(../images/icon/tick.png) no-repeat left 4px } table#priceTable tbody tr.last td { background:#e3eef1 } table#priceTable tbody tr td.bottomLeft { background:#e3eef1 url(../images/bg/priceTable.png) no-repeat -220px bottom } table#priceTable tbody tr td.bottomRight { background:#e3eef1 url(../images/bg/priceTable.png) no-repeat right bottom } table#priceTable tbody tr td.optional { padding:7px 10px 7px; background:#d10039; cursor:pointer } table#priceTable tbody tr td.optional h3 { float:left; margin:0 10px 0 0; padding-left:25px; background:url(../images/bg/optional.png) no-repeat 0 -50px; font-size:18px; color:#fff } table#priceTable tbody tr td.optional h3.collapse { background:url(../images/bg/optional.png) no-repeat 0 -79px } table#priceTable tbody tr td.optional p { float:left; padding:0; background:none; font-size:12px; color:#e87f9c; line-height:23px } table#priceTable tbody tr td.optional div { position:relative; width:100% } table#priceTable tbody tr td.optional span { position:absolute; top:-7px; width:8px; height:42px; background:url(../images/bg/optional.png) no-repeat } table#priceTable tbody tr td.optional span.left { left:-18px } table#priceTable tbody tr td.optional span.right { right:-18px; background-position:-8px 0 } table#priceTable tbody tr.void td { background:#e3eef1; border:0 } table#priceTable tbody tr.void td.bottomLeft { background:#e3eef1 url(../images/bg/priceTable.png) no-repeat -220px bottom } table#priceTable tbody tr.void td.bottomRight { background:#e3eef1 url(../images/bg/priceTable.png) no-repeat right bottom } table#priceTable tbody tr.optionalRow { display:none } /*------------------------------------------------------------------------- =PAGE: Error 404 -------------------------------------------------------------------------*/ body#error404 { background:#bee0e7 } body#error404 div.wrap { width:806px } body#error404 div#header { position:relative; height:200px; background:url(../images/bg/header404.png) no-repeat center bottom } body#error404 div#header a { position:absolute; left:335px; bottom:83px } body#error404 div#main { position:relative; border:0 } body#error404 div#main h1 { width:389px; height:109px; background:url(../images/bg/sorry.png) no-repeat } body#error404 div#main p { position:absolute; left:0; top:110px; padding:10px 0 0 127px; width:290px; height:150px; background:url(../images/bg/error404.png) no-repeat; font-size:19px; font-weight:bold; color:#454545 } body#error404 div#main a { position:absolute } body#error404 div#main a#goHome { left:190px; top:210px } body#error404 div#main a#prevPage { left:15px; top:265px } span#dish { position:absolute; right:-185px; top:-38px; width:537px; height:497px; background:url(../images/bg/dish.jpg) no-repeat } div#recaptcha_widget_div { position:relative; bottom:15px; width:320px } .recaptchatable #recaptcha_response_field { height:auto !important; background:#FFFFFF !important } .recaptchatable label span { background:none !important; margin:0 !important;} /*------------------------------------------------------------------------- =BROWSER FIXES -------------------------------------------------------------------------*/ /* IE Common Fixes: */ /*.ie div#main div.wrap{zoom:1}*/.ie legend{color:#7D7D7D}.ie label{cursor:default}.ie b{z-index:1}body#contact.ie form legend{margin:5px 0 35px}body#contact.ie form input{margin-top:-1px;line-height:38px}.ie button.bigButton{overflow:visible;display:inline;padding:0 23px 0 0}.ie button.bigButton span{position:relative;margin-top:1px;cursor:default;white-space:nowrap}.ie object#demo{margin-top:-15px!important}body#order.ie fieldset{display:block}body#order.ie fieldset legend{margin:25px 0 -50px 23px}.ie fieldset#projectDetails legend{margin-bottom:-20px!important}.ie fieldset#personalInfo{padding-bottom:25px}.ie fieldset#personalInfo legend{margin-bottom:-20px!important}.ie fieldset#personalInfo label{margin-bottom:-2px}.ie div#freezerInner{margin:26px 0 0 21px}.ie div#freezerInner div#carousel div h3{bottom:5px}body#order.ie fieldset b.lb,body#order.ie fieldset b.rb{bottom:0}.ie div#priceCalculator p#description{background-position:center 68px}.ie div#fileUrl label{margin-bottom:-2px}.ie div#fileUrl input{line-height:38px}body#order.ie fieldset p.description{margin:30px 0 25px 27px}.ie button.bigButton:hover > span > span {position:relative;bottom:2px} /* IE 7: */ .cufon-active .ie7 ul#mainNav li a{line-height:1.7}.ie7 b{z-index:-1}body#contact.ie7 form textarea{margin-top:4px;width:455px;height:160px;background:transparent}body#contact.ie7 form ul li.message{height:220px!important;background:url(../images/form/contactMessage.png) no-repeat 0 21px transparent}body#contact.ie7 form ul.form li{background-position:left 21px}.ie7 fieldset#personalInfo input{margin:0 0 -1px -23px;line-height:38px}.ie7 fieldset#projectDetails ul li#details{height:220px!important;background:url(../images/form/notes.png) no-repeat right 21px transparent}.ie7 fieldset#projectDetails ul li#details label{margin-left:44px}.ie7 fieldset#projectDetails ul li#details textarea{margin-top:8px;height:135px;background:transparent}.ie7 ul#mainNav{overflow:hidden}.ie7 ul#mainNav li,.ie7 ul#mainNav li a{cursor:pointer}.ie7 div#reasons,.ie7 div#fromTwitter{position:relative}body#error404.ie7 div#header a{bottom:87px}.ie7 div#projectType,.ie7 div#urgent{height:55px}.ie7 fieldset#extraOptions ul li{height:22px}.ie7 div#projectType label,.ie7 div#urgent label,.ie7 fieldset#extraOptions label{margin-left:13px}.ie7 span.radio,.ie7 span.checkbox{float:none!important;position:relative;top:-22px}.ie7 fieldset#extraOptions p.description{margin-top:60px!important}body#order.ie7 div#main,body#pricePlan.ie7 div#main{overflow:hidden}.ie7 div#details textarea{margin-top:-1px}body#order.ie7 fieldset legend{margin-left:15px;line-height:1em}.ie7 table#priceTable thead tr td.topRight{background-position:-22px top}.ie7 table#priceTable tbody tr td.optional span{top:-30px}.cufon-active .ie7 table#priceTable thead tr.price td{padding:0 0 5px!important}.ie7 table#priceTable tbody tr.void td{height:20px}.ie7 div#uploadFiles div.uploadType{margin-right:10px}.ie7 div#uploadFiles div.uploadType label{margin:0 13px}.ie7 div#uploadFiles ul,.ie7 div#fileUrl{clear:both;margin-top:0}.ie7 div#uploadFiles li#upload{margin-bottom:25px}.ie7 div#fileUrl{margin-left:-5px;background-position:left 20px}.ie7 div#fileUrl label{margin-bottom:-2px}.ie7 div#fileUrl input{line-height:38px}.ie7 a.visitBlog{width:157px} /* IE 8: */ .ie8 fieldset#personalInfo input{line-height:38px}.ie8 fieldset#projectOptions p{top:-77px}.ie8 fieldset#extraOptions p.description{margin:60px 0 25px 27px!important} /* Webkit Common Fixes: */ /*body.webkit#contact form fieldset{padding-top:60px}body.webkit#contact form legend{position:relative;top:25px;font-size:16px;font-weight:bold}*/body.webkit#order legend{position:relative;top:30px}body.webkit#order fieldset{padding-top:1px}body.webkit#order fieldset#projectOptions p{top:-94px}body.webkit#order div#deadline{bottom:25px}body.webkit#order fieldset b.lb,body.webkit#order fieldset b.rb{bottom:0}body.webkit#order fieldset b.lt,body.webkit#order fieldset b.rt{top:9px}body.webkit#order fieldset p.description{margin:40px 0 25px 27px} /* Mac OS X Common: */ body#order.mac fieldset legend span{line-height:48px}.mac span.checkbox{margin-top:3px}.mac span.radio{margin-top:1px}.mac div#pages span.sliderButton{top:42px}.mac table#priceTable tbody tr td.optional h3{background-position:0 -51px;line-height:23px}.cufon-active .mac div#preview h3 > span{padding-top:16px!important;height:33px}.mac div.project h3{line-height:75px}.mac ul#mainNav li a.order span { line-height:82px } /* Chrome: */ .cufon-active .mac.chrome ul#mainNav li a{line-height:1.7}.chrome .mediumButton{line-height:2.8}.chrome button.bigButton span{position:relative;top:0;margin-right:3px;padding:0 0 0 23px;line-height:48px}.chrome button.bigButton span span,.chrome button.bigButton:hover span span{position:static;padding:0 0 0 30px;background:url(../images/icon/buttonIcons.png) no-repeat left 17px}#order.mac.chrome fieldset legend span{line-height:44px}.chrome.mac table#priceTable tbody tr td.optional p{margin-top:5px;line-height:16px} /* Opera: */ .opera ul#mainNav li a{line-height:1.7}.opera#contact form fieldset{padding-top:35px}.opera#contact form legend{position:relative;top:-25px;font-size:16px;font-weight:bold}.opera button.bigButton{padding:0 23px 0 0}.opera button.bigButton > span{position:relative;top:0}.opera#order legend{position:relative;top:-10px}.opera#order fieldset{padding-top:30px}.opera#order fieldset#projectOptions{height:280px}.opera#order fieldset#projectOptions p{top:-61px}.opera textarea{overflow:auto}.opera#order fieldset b.lb,.opera#order fieldset b.rb{bottom:0}.opera div#projectType div.balanceSpace{margin:0 67px}.opera div#freezerInner{margin:30px 0 0 21px}.opera div#freezerInner div#carousel div h3{bottom:8px}.opera.mac div#freezerInner{margin:29px 0 0 21px}.opera.mac div#freezerInner div#carousel div h3{bottom:6px}.opera .smallButton{line-height:33px}.opera.mac .smallButton{line-height:34px}.opera .mediumButton{line-height:40px}.opera.mac .mediumButton{line-height:41px}.opera#order fieldset p.description{margin-top:65px}.opera div#urgent div{margin-right:42px}.opera.mac div#urgent div{margin-right:44px}.opera.mac table#priceTable tbody tr td.optional p{margin-top:5px;line-height:16px}.opera.mac div.project ul li a{line-height:38px} /* Firefox: */ .gecko.mac div#freezerInner{margin:29px 0 0 21px}.gecko.mac div#freezerInner div#carousel div h3{bottom:7px}.cufon-active .mac.gecko ul#mainNav li a{line-height:2}.gecko.mac div#urgent div{margin-right:32px}.gecko.mac div.project a.smallButton{line-height:33px} /* Safari: */ .cufon-active .mac.safari ul#mainNav li a{line-height:1.7}.safari button.bigButton{padding:0 23px 0 0}.safari button.bigButton span{position:relative;top:0;padding:0 0 0 23px;line-height:48px}.safari button.bigButton span span,button.bigButton:hover span span{position:static;padding:0 0 0 30px;background:url(../images/icon/buttonIcons.png) no-repeat left 17px}#order.mac.safari fieldset legend span{line-height:44px}.safari.mac table#priceTable tbody tr td.optional p{margin-top:6px;line-height:16px}.safari table#priceTable thead tr td.topRight{background-position:-26px 0}