html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}
:focus{outline:0}
body{line-height:1;color:black;background:white}
ol,ul{list-style:none}
body{font:normal 75%/160% Arial,"Lucida Bright", Verdana;color:#4f4c3d;background:#faf9f4 url(/resources/gfx/layout/head/bg.png) repeat-x;text-align:center;}
.clear{clear:both;}
img{border:0;}
a{outline:none;color:#e41170;}
a:hover{color:#007ba4;}
s{text-decoration:none;font-weight:bold;}
h1{font:bold 180% Helvetica, Arial, Verdana;padding:0;margin:0 0 15px 0;position:relative;height:29px;display:block;color:#333;}
h2{font:bold 100% Helvetica, Arial, Verdana;padding:0;margin:0 0 15px 0;position:relative;height:29px;text-indent:-99999px;display:block;color:#333;}
h3{font:bold 140% Helvetica, Arial, Verdana;padding:0;margin:15px 0 5px 0;display:block;color:#333;}
h4{font:bold 130% Helvetica, Arial, Verdana;padding:0 0 4px 0;margin:0;display:block;color:#333;}
h5{font:bold 14px Arial, Verdana;padding:0 0 8px 0;margin:0;display:block;color:#ddd;}
#himg{float:left;display:block;}
.himg{float:left;display:block;}
#content_wrap{width:990px;margin:0 auto;text-align:left;}
#header{margin:12px 0 0 0;height:122px;}
#header #logo{float:left;}
#header ul{float:right;margin:40px 0 0 0;}
#header ul li{float:left;text-indent:-9999px;margin:0 20px 0 0;}
#header ul li a{display:block;height:35px;}
#nav_home{background:url(/resources/gfx/layout/head/nav/website_designers_1.png) no-repeat;width:81px;}
#nav_why{background:url(/resources/gfx/layout/head/nav/why_mushroom_digital_1.png) no-repeat;width:137px;}
#nav_services{background:url(/resources/gfx/layout/head/nav/website_design_services_1.png) no-repeat;width:128px;}
#nav_portfolio{background:url(/resources/gfx/layout/head/nav/portfolio_of_website_designs_1.png) no-repeat;width:105px;}
#nav_contact{background:url(/resources/gfx/layout/head/nav/contact_us_1.png) no-repeat;width:89px;}
#nav_home a:hover{background:url(/resources/gfx/layout/head/nav/website_designers_2.png) no-repeat;}
#nav_why a:hover{background:url(/resources/gfx/layout/head/nav/why_mushroom_digital_2.png) no-repeat;}
#nav_services a:hover{background:url(/resources/gfx/layout/head/nav/website_design_services_2.png) no-repeat;}
#nav_portfolio a:hover{background:url(/resources/gfx/layout/head/nav/portfolio_of_website_designs_2.png) no-repeat;}
#nav_contact a:hover{background:url(/resources/gfx/layout/head/nav/contact_us_2.png) no-repeat;}
#nav_home_on{background:url(/resources/gfx/layout/head/nav/website_designers_3.png) no-repeat;width:81px;}
#nav_why_on{background:url(/resources/gfx/layout/head/nav/why_mushroom_digital_3.png) no-repeat;width:137px;}
#nav_services_on{background:url(/resources/gfx/layout/head/nav/website_design_services_3.png) no-repeat;width:128px;}
#nav_portfolio_on{background:url(/resources/gfx/layout/head/nav/portfolio_of_website_designs_3.png) no-repeat;width:105px;}
#nav_contact_on{background:url(/resources/gfx/layout/head/nav/contact_us_3.png) no-repeat;width:89px;}
#headerbox{height:113px;text-align:center;}
#headercutoff{height:27px;}
#content{background:url(/resources/gfx/layout/side/split.png) 641px 0 repeat-y;padding:0 0 25px 0;}
#content2{padding:0 0 25px 0;}
#main{float:left;width:641px;padding:40px 0 0 0;}
#content2 #main{float:left;width:990px !important;padding:40px 0 0 0;}
#main #website_content{margin:0 25px 7px 0;}
#content2 #main #website_content{margin:0 !important;}
#main #website_content ul{margin:10px 40px 30px 30px;}
#main #website_content li{margin:14px 0;background:url(/resources/gfx/layout/main/misc/star_p.png) 0 1px no-repeat;padding:0 0 0 22px;}
#main #website_content li strong{font-size:120%;}
#main p{margin:0 0 25px 0;}
#side{float:left;}
#side #side_in{width:295px;margin:40px 0 0 50px;overflow:hidden;}
#side #side_in ul#side_services{margin:15px 0 0 0;}
#side #side_in ul#side_services li{display:block;text-indent:-9999px;}
#side #side_in ul#side_services li a{display:block;height:32px;}
li#one_page_website{background:url(/resources/gfx/layout/side/1_page_website.png) no-repeat;}
li#eight_page_website{background:url(/resources/gfx/layout/side/2_8_page_website.png) no-repeat;}
li#fif_page_website{background:url(/resources/gfx/layout/side/9_15_page_website.png) no-repeat;}
li#online_shop{background:url(/resources/gfx/layout/side/online_shop.png) no-repeat;}
li#other_services{background:url(/resources/gfx/layout/side/other_services.png) no-repeat;}
li#free_quote{background:url(/resources/gfx/layout/side/freequote.png) no-repeat;height:74px; }
li#one_page_website a:hover{background:url(/resources/gfx/layout/side/1_page_website_on.png) no-repeat;}
li#eight_page_website a:hover{background:url(/resources/gfx/layout/side/2_8_page_website_on.png) no-repeat;}
li#fif_page_website a:hover{background:url(/resources/gfx/layout/side/9_15_page_website_on.png) no-repeat;}
li#online_shop a:hover{background:url(/resources/gfx/layout/side/online_shop_on.png) no-repeat;}
li#other_services a:hover{background:url(/resources/gfx/layout/side/other_services_on.png) no-repeat;}
li#free_quote a{height:74px; padding:0 0 42px 0;}
li#free_quote a:hover{background:url(/resources/gfx/layout/side/freequote_on.png) no-repeat;}
#side #side_in #side_call{margin:0 0 34px 0;}
#side #side_in .contact_mushroom{margin:0 0 34px 0;}
#mushroomblog{margin:0 0 34px 0 !important;}
#main #welcome_content{margin:0 15px 45px 0;}
#mushroomblog{margin:20px 0 0 0;}
#mushroomblog li{margin:8px 0;font-weight:normal;}
#mushroomblog li a{color:#333;font-weight:bold;background:url(/resources/gfx/layout/main/misc/star_p.png) 0 1px no-repeat;padding:0 0 4px 22px;font-size:100%;line-height:18px;text-decoration:none;border-bottom:1px solid #eee;display:block;}
#mushroomblog li a:hover{color:#01b0ec;border-bottom:1px solid #eee;}
.service,.service2,.service3{float:left;width:268px;margin:0 0 50px 0;}
.service,.service2{margin:0 86px 50px 0 !important;}
.service a,.service2 a,.service3 a{display:block;}
.service p,.service2 p,.service3 p{height:75px;}
h1.services_webdesign a{height:37px;background:url(/resources/gfx/layout/main/heads/website_design.png) no-repeat;}
h1.services_ecommerce a{height:37px;background:url(/resources/gfx/layout/main/heads/ecommerce_online_shops.png) no-repeat;}
h1.services_seo a{height:37px;background:url(/resources/gfx/layout/main/heads/search_boost.png) no-repeat;}
h1.services_cms a{height:37px;background:url(/resources/gfx/layout/main/heads/editable_content.png) no-repeat;}
h1.services_contract a{height:37px;background:url(/resources/gfx/layout/main/heads/contract_website_coding.png) no-repeat;}
h1.services_promo a{height:37px;background:url(/resources/gfx/layout/main/heads/promotional_websites.png) no-repeat;}
a.services_more{background:url(/resources/gfx/layout/main/misc/arrow_b.png) no-repeat;color:#00b1ed;text-decoration:underline;padding:3px 0 0 18px;font-weight:bold;font-size:120%;}
a.services_more:hover{color:#007ba4;}
a.services_quote{margin:5px 0 0 0;background:url(/resources/gfx/layout/main/misc/arrow_g.png) no-repeat;color:#777;text-decoration:underline;padding:2px 0 0 18px;}
a.services_quote:hover{color:#333;}
#whats_next{float:left;width:270px;margin:15px 0;}
#whats_next ul{margin:15px 0;}
#whats_next li{margin:8px 0;background:url(/resources/gfx/layout/main/misc/arrow_b.png) 0 1px no-repeat;padding:0 0 0 22px;font-size:120%;line-height:22px;font-weight:bold;}
#whats_next li a{color:#00b1ed;}
#whats_next li a:hover{color:#007ba4;}
#whats_next li.quote_me{background:url(/resources/gfx/layout/main/misc/arrow_p.png) 0 1px no-repeat;}
#whats_next li.quote_me a{color:#e41170;}
#whats_next li.quote_me a:hover{color:#007ba4;}
#useful_resources{float:left;width:315px;margin:15px 0;}
#useful_resources ul{margin:15px 0;}
#useful_resources li{margin:8px 0;background:url(/resources/gfx/layout/main/misc/arrow_g.png) 0 1px no-repeat;padding:0 0 0 22px;line-height:22px;}
#useful_resources li a{color:#555;}
#useful_resources li a:hover{color:#333;}
.boxgrid{float:left;position:relative;width:200px;margin:0 5px 10px 0;font-size:85%;line-height:140%;border:1px solid #e6dfca;-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;background:#fafafa;}
.boxgrid div{padding:8px;color:#777;border-top:1px solid #ddd;}
.boxgrid h3{color:#333;}
.boxgrid a{font-weight:bold;font-size:110%;}
.boxgrid .ecom{position:absolute;right:4px;top:150px;z-index:5555;}
.boxgrid .ucon{position:absolute;right:0px;top:0px;z-index:5555;}
.boxcaption{height:60px;background:#fff;}
.boxcaption a{font-size:130%;}
.boxcaption p{padding:4px 0 0 0;}
.boxgrid .new_site{position:absolute;right:0px;top:0px;z-index:5555;}
#contact-address{border:1px solid #e6dfca;width:190px;background:#fffdf2;-moz-border-radius:5px;-webkit-border-radius:5px;float:right;font-size:95%;color:#777;line-height:160%;}
#contact-address strong{font-size:110%;color:#555;}
#details{padding:8px;}
.contacttext{width:350px;}
#contact_form{width:410px;float:left;margin:10px 0 0 0;}
dl{margin:10px 0;padding:0;display:block;clear:both;}
dt{display:block;float:left;width:190px;line-height:42px;height:42px;}
dd{margin:0;text-align:left;float:left;width:200px;line-height:42px;height:42px;}
dd.ddta{height:150px !important;}
.submit1{margin:0 0 0 190px;}
dd.nostyle{border:none;background:none;padding:0;}
dd.noborder{margin:0;border-bottom:1px solid #fff;text-align:left;padding:5px;}
dd input{border-top:1px solid #999;border-right:1px solid #ddd;border-bottom:1px solid #ddd;border-left:1px solid #999;background:#f7f7f7;padding:5px;width:220px;font:bold 120% arial;color:#333;height:16px;}
dd select{background:#f7f7f7;width:232px;font:normal 100% arial;color:#333;margin:5px 0;}
dd textarea{border-top:1px solid #999;border-right:1px solid #ddd;border-bottom:1px solid #ddd;border-left:1px solid #999;background:#f7f7f7;padding:5px;width:220px;font:normal 120%/160% arial;color:#333;height:120px;}
dd .submit{border-top:1px solid #68b2e3;border-right:1px solid #001b3d;border-bottom:1px solid #001b3d;border-left:1px solid #68b2e3;background:#05426e;padding:5px;font:bold 120% verdana, arial;color:#fff;width:150px;height:30px;}
#contact_address, #contact_phone{float:left;width:210px;border-right:1px solid #fff;height:134px;margin:0 0 18px 0;}
#contact_address{border-left:1px solid #e7e6e0;width:220px;}
#contact_social{float:left;width:154px;border-left:1px solid #e7e6e0;height:134px;margin:0 0 18px 0;}
#contact_address p, #contact_social p{padding:7px 20px;}
#contact_phone p{padding:7px 15px 7px 0;}
#contact_address span, #contact_phone span, #contact_social span, #contact_form span{color:#a4a193;}
#contact_phone strong{font:bold 25px georgia;display:block;margin:0 0 9px 0;}
#contact_address span{display:block;margin:0 0 1px 0;}
a.google{font-weight:bold;background:url(/resources/gfx/layout/misc/google_16.png) 0 4px no-repeat;padding:0 0 2px 22px;line-height:22px;display:block;margin:0 0 9px 0;}
a.facebook{font-weight:bold;background:url(/resources/gfx/layout/misc/facebook_16.png) no-repeat;padding:0 0 2px 22px;line-height:22px;}
a.twitter{font-weight:bold;background:url(/resources/gfx/layout/misc/twitter_16.png) no-repeat;padding:0 0 2px 22px;line-height:22px;}
.phoneline_open{font-weight:bold;color:#333 !important;}
.phoneline_closed{font:italic 100% arial;color:#a4a19 !important;line-height:150%;}
#promolinks{margin:10px 0 20px 20px;}
#footer{background:#1e1e1e;border-top:1px solid #000;border-bottom:1px solid #d5d5d5;font-size:90%;}
#footer_wrap{width:990px;margin:0 auto;text-align:left;padding:15px 0 20px 0;}
#footer_wrap ul{margin:5px 0;}
#footer_wrap li{margin:0;font-weight:normal;}
#footer_wrap li a{color:#aaa;background:url(/resources/gfx/layout/foot/arrow.png) 0 9px no-repeat;padding:7px 0 7px 22px;font-size:100%;line-height:16px;text-decoration:none;border-bottom:1px dotted #333;display:block;}
#footer_wrap li a:hover{color:#eee;background:url(/resources/gfx/layout/foot/arrow.jpg) 0 9px no-repeat;border-bottom:1px dotted #555;}
#footer_services{float:left;width:200px;margin:0 55px 0 0;}
#footer_text{float:left;width:220px;height:300px;color:#777;font-size:100%;line-height:18px;}
#footer_text a{color:#aaa;}
#footer_text a:hover{color:#eee;}
#footer_text img{padding:20px 0;}
#footer_text h5{margin:0 0 11px 0;}
#footer_featured{float:left;width:200px;margin:0 45px 0 0;}
#footer_social{float:left;width:210px;margin:0 45px 0 0;}
#footer_social h5{margin:0 0 15px 0;}
#footer_social #title{padding:0 0 14px 0;}
#footer_social a{padding:0 0 5px 0;}
#footer_valid{width:990px;margin:0 auto;padding:8px 0;text-align:left;color:#777;line-height:31px;font-size:95%;}
#validation{float:right;}
div.scrollable{position:relative;overflow:hidden;width:621px;height:600px;}
div.hp_port{position:relative;overflow:hidden;width:621px;height:570px;text-align:left;}
.thumbs{position:absolute;width:20000em;clear:both;}
a.prev, a.next{margin-top:118px;}
.thumbs div{float:left;width:202px;height:600px;margin:0 5px 0 0;color:#fff;}
.thumbs div.active{cursor:default;}
.thumbs h3, .thumbs p{margin:5px;font-size:11px;line-height:15px;color:#777;}
.thumbs .info{padding:5px;font-size:11px;line-height:15px;color:#777;border:none;margin:0;width:auto;}
.thumbs span{display:block;border:1px solid #e6dfca;margin:0 0 10px 0;width:200px;background:#fffdf2;-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;}
a.port_text{display:block;background:#f2eddf;padding:5px;font-weight:bold;}
.thumbs h3 em{font-style:normal;color:yellow;}
div.scrollable{float:left;}
div.hp_port{float:left;}
a.prev, a.next, a.prevPage, a.nextPage{display:block;width:80px;height:18px;background:url(/resources/gfx/layout/main/misc/previous.png) no-repeat;float:left;margin:43px 10px;cursor:pointer;font-size:1px;}
a.disabled{visibility:hidden !important;}
a.next, a.nextPage{background-image:url(/resources/gfx/layout/main/misc/next.png);}
div.navi{margin-left:328px;width:200px;height:20px;}
div.navi a{width:14px;height:14px;float:left;margin:3px;background:url(/resources/gfx/layout/main/misc/stars.png) 0 0 no-repeat;display:block;font-size:1px;}
div.navi a:hover{background-position:0 -8px;}
div.navi a.active{background-position:0 -16px;}
.tabs li{float:left;margin:-25px 35px 15px 0;height:29px;cursor:pointer;}
.tabs li{text-indent:-9999px;}
.tabs li.tabs_ecom{background:url(/resources/gfx/layout/main/misc/online_shop.png) no-repeat;width:130px;}
.tabs li.tabs_cms{background:url(/resources/gfx/layout/main/misc/editable.png) no-repeat;width:158px;}
.tabs li.tabs_prom{background:url(/resources/gfx/layout/main/misc/promo_sites.png) no-repeat;width:176px;}
.qitem{width:200px;height:160px;border:1px solid #f2eddf;margin:5px 5px 5px 0;background:#fffdf2;overflow:hidden;position:relative;float:left;cursor:hand;cursor:pointer;}
.qitem img{border:0;}
.caption{position:absolute;z-index:0;color:#ccc;display:block;background:#fffdf2;font-style:arial;}
.text{padding:7px;z-index:0;line-height:16px;color:#333;display:block;background:#fffdf2;font-style:arial;font-size:90%;}
.caption s{font-size:12px;padding:6px 5px 6px 8px;margin:0;color:#e41170;font-weight:bold;background:#f2eddf;display:block;text-decoration:underline;}
.caption s:hover{font-size:12px;padding:6px 5px 6px 8px;margin:0;color:#007ba4;background:#f2eddf;font-weight:bold;display:block;text-decoration:underline;}
.caption p{font-size:10px;padding:3px 5px 0 8px;margin:0;line-height:16px;color:#333;}
.topLeft, .topRight, .bottomLeft, .bottomRight{position:absolute;background-repeat:no-repeat;z-index:200;}
.topLeft{background-position:top left;}
.topRight{background-position:top right;}
.bottomLeft{background-position:bottom left;}
.bottomRight{background-position:bottom right;}
.portfolio_structure{float:left;margin:0 0 60px 0;}
#instant_ecommerce{margin:0 0 15px 0;display:block;}
.instant_demo{font-size:120%;}
.instant_order{font-size:120%;padding:15px 15px 0 15px;background:#fff;border:1px solid #007ba4;margin:0 0 15px 0;}
.instant_order a{font-weight:bold;color:#007ba4;}
.instant_demo a{font-weight:bold;}
#error404{margin:80px 0 0 0;background:url(/resources/gfx/layout/misc/carton.jpg) no-repeat right bottom;height:360px;}
#ecommerce_slide{background:url(/resources/gfx/layout/misc/ecombg.png) no-repeat;height:548px;width:615px;margin:10px 0 0 0;}
.areas li{float:left !important;width:90px !important;margin:3px !important;FONT-SIZE:80%;}
.text_col{float:left;width:303px;margin:0 45px 0 0;}
.text_col p{margin:0 0 20px 0!important;}
.text_col strong{font-size:120%;display:block;color:#333;}
.slink{font-weight:bold;background:url(/resources/gfx/layout/main/misc/star_p.png) 0 1px no-repeat;padding:2px 0 0 22px;display:block;line-height:130%;}
.info_col{float:left;width:288px;background:red;height:20px;}
#maddress{float:right;color:#777;}
#maddress span{color:#aaa;}
#maddress a{color:#aaa;text-decoration:none;}
#area_content{margin:0 25px 7px 0;}
#area_content h1{text-indent:0;font:bold 14px arial;margin:0 0 4px 0;padding:0;}

#areas_page { width:650px; float:left; }
#areas_page h1, h3 { font-size:190%; font-weight:normal; }
#areas_page h1 a, #areas_page h3 a{ color:#e41170; text-decoration:none; }
#pagin_areas { font-size:90%; margin:2px 0 6px 0; color:#8a898a; }
#pagin_areas a { text-decoration:none; }
#paginback { color:#8a898a; }
#specialist_services { padding:0 0 12px 0;  }
#specialist_services img {  }
#specialist_services ul{ }
#specialist_services li{margin:5px 0; float:left; width:170px; background:url(/resources/gfx/layout/main/misc/star_p.png) 0 1px no-repeat;padding:0 0 0 22px;}

#areas_panel { width:236px; float:right; }
.contactinput4 { height:25px; margin:0 0 5px 0; }
.contacttext4 { height:120px; margin:7px 0 15px 0;  border-top:1px solid #999;border-right:1px solid #ddd;border-bottom:1px solid #ddd;border-left:1px solid #999;background:#f7f7f7;padding:5px;width:220px;font:bold 120% arial;color:#333; }
#tagcloud a { text-decoration:none; padding:0 5px 0 0; }
#tagcloud img { padding:0 0 15px 0; }
.tag1 {font-size:220%; color:#e41170; }
.tag2 {font-size:130%; color:#cbe100; }
.tag3 {font-size:220%; color:#e41170; }
.tag4 {font-size:170%; color:#00b1ed; }
.tag5 {font-size:130%; color:#00b1ed; }
.tag6 {font-size:150%; color:#cbe100; }
.split2 { padding:25px 0; }

#tagcloud li { padding:5px 0; border-bottom:1px solid #e3e3e3; }
#tagcloud strong { font-size:150%; color:#00b1ed; }
#tagcloud ul { margin:12px 0 0 0; }

.title_image { margin:0 0 7px 0; }
.service_titles { font-size:145%; }

#portfolio_collect { padding:0 0 24px 24px; }