html,body,#container{height:100%}body{background:#e9e9e9 url(images/body_bg.gif) top left repeat-x}body > #container{height:auto;min-height:100%}#container{background:url(images/container_bg.gif) bottom left repeat-x}*{font-family:arial;outline:none;margin:0;padding:0}p{font-size:14px;line-height:1.7;margin-bottom:20px;color:#757575}a{color:#a3ab18;font-size:14px;text-decoration:none}p a:hover{text-decoration:underline}h3{line-height:50px;clear:both;padding:30px 0}.left_item{margin-left:0!important}br{clear:both}#top_info_bar{height:40px;width:940px;margin:0 auto}#top_info_bar p{float:left;color:#666;line-height:40px;padding-right:10px}#login{float:right;line-height:40px;padding-left:30px;color:#666;background:url(images/login_bg.gif) center left no-repeat}#login:hover{color:#999}#header{position:relative;height:160px;width:940px;padding-bottom:10px;margin:0 auto}#header h1{display:block;position:absolute;top:25px;height:101px;width:282px;text-indent:-9999px;background:url(images/element_graphics_logo.gif) top left no-repeat}#header h1 a{display:block;height:101px;width:282px}#menu{height:40px;position:absolute;top:55px;right:0;list-style:none;border:1px solid #141414;background:#252525 url(images/menu_bg.gif) top left repeat-x}#menu li{float:left;font-size:14px}#menu a{display:block;font-weight:700;line-height:40px;text-decoration:none;color:#d7d3c8;background:url(images/menu_spacer.gif) center left no-repeat;padding:0 10px}#menu li.first_li a{background:none}#sub_heading{width:100%;background:#dcd8cd url(images/sub_heading_bg.gif) bottom left repeat-x}#sub_heading_inner{width:940px;min-height:90px;margin:0 auto}#sub_heading_inner h2{line-height:90px;text-indent:-9999px;background-position:center left;background-repeat:no-repeat}#banner{position:relative;width:940px;height:400px;background:url(images/banner_bg.gif) 0 40px no-repeat;margin:0 auto;padding:40px 0 70px}#slide{width:736px;height:340px;position:absolute;top:70px;left:102px;overflow:hidden}#prev,#next{display:block;width:52px;height:52px;text-indent:-9999px}#prev{position:absolute;top:214px;left:30px;background:url(images/banner_nav.gif) top left}#next{position:absolute;top:214px;right:30px;background:url(images/banner_nav.gif) top right}#prev:hover{background-position:center left}#next:hover{background-position:center right}#prev:active{background-position:bottom left}#services_summary{width:940px;padding-bottom:30px;background:url(images/vertical_divide.gif) top center no-repeat;margin:0 auto}#service_web_design,#service_graphic_design,#service_extra_services{float:left;width:220px;padding-left:80px}#service_graphic_design,#service_extra_services{margin-left:20px}#service_web_design{background:url(images/icon_web_design.gif) top left no-repeat}#service_graphic_design{background:url(images/icon_graphic_design.gif) top left no-repeat}#service_extra_services{background:url(images/icon_extra_services.gif) top left no-repeat}#services_summary ul{list-style:none;padding:10px 0}#services_summary li{padding-left:26px;font-size:14px;color:#5b6335;line-height:26px;background:url(images/tick.gif) center left no-repeat}.homepage #page,.portfolio #page{padding-bottom:550px}#page{padding-bottom:510px;width:940px;margin:0 auto}#page_inner{width:940px;padding-bottom:50px;background:url(images/page_bg.gif) right top repeat-y}#page h3{position:relative;text-indent:-9999px;background-position:center left;background-repeat:no-repeat}#h3_portfolio{background:url(images/h3_portfolio.gif)}#h3_about_us{background:url(images/h3_about_us.gif)}#h3_who{background:url(images/h3_who.gif)}#h3_what{background:url(images/h3_what.gif)}#h3_when{background:url(images/h3_when.gif)}#h3_where{background:url(images/h3_where.gif)}#h3_why{background:url(images/h3_why.gif)}#h3_web_design{background:url(images/h3_web_design.gif)}#h3_graphic_design{background:url(images/h3_graphic_design.gif)}#h3_logo_design{background:url(images/h3_logo_design.gif)}#h3_design_for_print{background:url(images/h3_design_for_print.gif)}#h3_editorial_design{background:url(images/h3_editorial_design.gif)}#h3_stationery_design{background:url(images/h3_stationery_design.gif)}#h3_illustration{background:url(images/h3_illustration.gif)}#h3_newspaper_advertising{background:url(images/h3_newspaper_advertising.gif)}#h3_search_engine_optimisation{background:url(images/h3_search_engine_optimisation.gif)}#h3_content_management_systems{background:url(images/h3_content_management_systems.gif)}#h3_seo{background:url(images/h3_seo.gif)}#h3_message{background:url(images/h3_message.gif)}#h3_contact_details{background:url(images/h3_contact_details.gif)}#h2_about_us{background:url(images/h2_about_us.gif)}#h2_services{background:url(images/h2_services.gif)}#h2_portfolio{background:url(images/h2_portfolio.gif)}#h2_contacting_us{background:url(images/h2_contacting_us.gif)}.more_info{display:block;position:absolute;top:43px;right:0;height:30px;line-height:30px;text-indent:0;font-weight:400;color:#5b6335;background:#dcd8cd;-moz-border-radius:12px;-webkit-border-radius:12px;-webkit-transition:background .25s ease-in;padding:0 10px}.portfolio_container{position:relative;float:left;width:208px;height:208px;border:1px solid #cc9;background:#ddd;-moz-border-radius:5px;-webkit-border-radius:5px;-webkit-transition:background .25s ease-in;margin:10px 0 10px 20px;padding:5px}.portfolio_container img{width:208px;height:208px}.portfolio_details{position:absolute;top:5px;left:5px;width:208px;height:208px;background:url(images/transparent_png.png) top left repeat}.portfolio_details a{display:block;height:30px;line-height:30px;float:left;color:#5b6335;background:#dcd8cd;-moz-border-radius:12px;-webkit-border-radius:12px;-webkit-transition:background .25s ease-in;margin:168px 0 0 10px;padding:0 10px}.portfolio_details a.zoom{padding-left:27px;background:#dcd8cd url(images/zoom.gif) 10px 9px no-repeat}.portfolio_details a.zoom:hover{background-color:#c4d932}.half_colum{float:left;width:460px;margin-left:20px;padding-top:10px}.tag_line{font-size:26px;color:#5b6335;font-weight:700;line-height:1.4}#testimonial{width:420px;background:#dcd8cd;border:1px solid #cc9;-moz-border-radius:12px;-webkit-border-radius:12px;padding:19px}#testimonial p{padding-top:20px;font-style:italic;margin:0}#t_author{text-align:right;padding-top:20px;background:url(images/testimonial_pointer.gif) 400px 0 no-repeat}.three_quarter_colum{float:left;width:700px}.about{padding:20px 0}.about h3{margin-bottom:30px;padding:0 0 20px}.services img{margin-top:10px;border:1px solid #cc9;background:#ddd;width:290px;height:190px;-moz-border-radius:5px;-webkit-border-radius:5px;padding:5px}.services_text{margin-top:10px;width:378px;float:right}.right_colum{float:right;width:180px;padding:30px 20px 20px}h4{color:#5b6334;font-size:18px;font-weight:400;line-height:30px;background:url(images/underline.gif) bottom left repeat-x;padding:20px 0 8px}h4 a{color:#5b6334;font-size:18px}.portfolio_link{padding-top:20px}#services_sidebar span{display:block;font-size:14px;color:#5b6334;line-height:31px;padding-left:41px;margin:20px 0 10px}#web_design_sidebar{background:url(images/services_icons_sidebar.gif) top left no-repeat}#graphic_design_sidebar{background:url(images/services_icons_sidebar.gif) center left no-repeat}#extra_services_sidebar{background:url(images/services_icons_sidebar.gif) bottom left no-repeat}#services_sidebar ul{list-style:none}#services_sidebar li{font-size:14px;line-height:1.7;color:#757575;padding-left:15px;background:url(images/sidebar_li_bg.gif) center left no-repeat}#services_sidebar li.and_more{color:#5b6334}.friend_link{display:block;text-indent:-9999px;margin:20px 0}#iomdotcom_link{width:180px;height:43px;background:url(images/iomdotcom_bg.gif) center left no-repeat}.contact_details{font-size:20px;color:#5b6334;line-height:50px;padding-left:80px;margin:20px 0 0}#phone_icon{background:url(images/icon_phone.gif) center left no-repeat}#email_icon{background:url(images/icon_email.gif) center left no-repeat}#detailed_form{width:700px}#detailed_form label{display:block;font-size:16px;line-height:1.7;color:#5b6335;margin:10px 0 5px}#detailed_name,#detailed_email,#detailed_telephone,#detailed_question{width:310px;height:30px;line-height:1.7;font-size:14px;color:#757575;border:10px solid #dcd8cd;background:#fff;-moz-border-radius:12px;-webkit-border-radius:12px;padding:0 5px}#security_info span,#question span{color:#39c}#question{float:left;display:inline;padding-right:10px;letter-spacing:5px}#detailed_question{float:left;width:50px;letter-spacing:5px;color:#39c}#detailed_message{width:670px;height:203px;line-height:1.7;font-size:14px;color:#757575;border:10px solid #dcd8cd;-moz-border-radius:12px;-webkit-border-radius:12px;padding:5px}#detailed_submit{float:left;display:inline;width:120px;height:30px;font-size:14px;color:#5b6335;border:none;background:#dcd8cd;cursor:pointer;-moz-border-radius:12px;-webkit-border-radius:12px;-webkit-transition:background .25s ease-in;margin:10px 0 0 20px}.highlight{border-color:#c33!important}#sending,#sent{float:left;line-height:50px;padding-left:26px;font-size:12px;font-style:italic;display:none;margin:0 0 0 20px}#sending{background:url(images/sending.gif) center left no-repeat}#sent{color:#a2aa17;background:url(images/sent.gif) center left no-repeat}#footer{position:relative;height:510px;width:940px;clear:both;margin:-510px auto 0}#footer_contact_us{float:left;width:460px;height:420px;padding-top:40px}#footer_contact_us span,#footer_contact_details span{font-size:20px;color:#c4d932}#footer form{padding-top:30px}.footer_input{width:450px;height:40px;line-height:40px;padding-left:10px;margin-bottom:20px;background:url(images/footer_form_bg.gif) top left no-repeat}#footer form label{height:40px;line-height:40px;float:left;padding-right:10px;color:#ccc;font-size:14px}#footer form input,#footer form textarea{width:380px;outline:none;border:none;background:none;color:#c4d932;font-size:14px}.footer_textarea{width:450px;height:150px;line-height:40px;padding-left:10px;margin-bottom:20px;background:url(images/footer_form_bg.gif) bottom left no-repeat}#footer form textarea{width:440px;height:130px;color:#ccc;overflow:auto;margin:10px 0}#footer_question_outer{float:left;width:90px;height:40px;line-height:40px;padding-left:10px;background:url(images/footer_question_outer_bg.gif) top left no-repeat}#footer_question{width:25px!important}#footer_send{float:left;cursor:pointer;width:120px!important;height:30px!important;background:url(images/footer_send_bg.gif) center no-repeat!important;color:#ccc!important;margin:10px 10px 10px 20px !important}#footer_send:hover{color:#c4d932!important}.footer_highlight{background:url(images/footer_highlight.gif) center right no-repeat!important}#footer_sending,#footer_sent{float:left;line-height:40px;padding-left:26px;font-size:12px;font-style:italic;display:none;margin:5px 0 0 10px}#footer_sending{color:#ccc;background:url(images/footer_sending_bg.gif) center left no-repeat}#footer_sent{color:#a2aa17;background:url(images/footer_sent_bg.gif) center left no-repeat}#footer_contact_details{float:right;width:460px;height:420px;padding-top:40px}#adrian_details,#richard_details{width:460px;height:100px;margin:20px 0 30px}#adrian_details{background:url(images/adrian_details_bg.gif) bottom left no-repeat}#richard_details{background:url(images/richard_details_bg.gif) bottom left no-repeat}#adrian_details p,#richard_details p{font-size:18px;color:#ccc;padding-left:50px}#adrian_details p span,#richard_details p span{display:block;float:left;width:90px;text-align:right;font-size:18px;color:#757156;padding-right:8px}#bottom_info_bar{height:50px;clear:both;color:#666}#bottom_info_bar a{color:#aaa;font-size:12px}#bottom_info_bar a:hover{text-decoration:none;color:#ccc}#copyright{line-height:50px;float:left;width:460px;font-size:12px}#we_love_apple{line-height:50px;float:right;padding-right:24px;background:url(images/apple_logo.gif) top right no-repeat}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.clearfix{display:block}* html .clearfix{height:1%}a img,fieldset{border:none}#top_info_bar span,#menu a:hover,#menu .current a{color:#c4d932}#next:active,#we_love_apple:hover{background-position:bottom right}#services_summary span,#testimonial span,.name{font-size:20px;color:#5b6335}.more_info:hover,.portfolio_container:hover,.portfolio_details a:hover,#detailed_submit:hover{background:#c4d932}#t_author span,h4 a:hover{color:#a3ab18}#adrian_details:hover,#richard_details:hover{background-position:top left}
