@charset "utf-8";

/* CSS Reset
*******************************************************************************/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre,form, fieldset, input, textarea, p, blockquote, th, td { margin: 0px; padding: 0px; }

table { border-collapse: collapse; border-spacing: 0px; }

fieldset, img { border:0; }

address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }

ol, ul, li { list-style: none; }

caption, th { text-align: left; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

q:before, q:after { content:''; }

abbr, acronym { border:0; }

image { border: 0px; }

a img { border: none; }



/* Body
*******************************************************************************/

body { margin: 20px; padding: 0; background: #2f4f88 url('images/main_bg.jpg') repeat-x 50% 0; }

#all { width: 918px; margin: 0px auto 00px auto; }


/* Text styles
*******************************************************************************/

a, a:visited { color: #51b1ff; font-family: "arial", "verdana", sans-serif; text-decoration: none; }

a:hover, a:visited:hover { text-decoration: none; }

a.orange, a.orange:visited { color: #ffa400;}

a.orange:hover, a.orange:visited:hover { background-color: #ffa400; color: #fff; text-decoration: none; }

a.whitelink, a.whitelink:visited { color: #036ec5;}

a.whitelink:hover, a.whitelink:visited:hover { background-color: #ffa400; color: #fff; text-decoration: none; }

a.yellow, a.yellow:visited { color: #2f4f88;}

a.yellow:hover, a.yellow:visited:hover { background-color: #1e89d7; color: #fff; text-decoration: none; }

a.blue, a.blue:visited { color: #ffa400;}

a.blue:hover, a.blue:visited:hover { background-color: #ffa400; color: #fff; text-decoration: none; }

a.blue2, a.blue:visited { color: #ffa400;}

a.blue2:hover, a.blue2:visited:hover { background-color: #ffa400; color: #fff; text-decoration: none; }

p { margin-bottom: 10px; }

strong { font-weight: bold; }

i, em { font-style: italic; }

p, ul, ol, td, div { color: #1a325b; font-size: 12px; font-family: "arial", "verdana", sans-serif; line-height: 17px; }

h1 { color: #99cccc; font-size: 16px; font-weight: bold; margin-bottom: 12px; }

h2 { font-family: "arial narrow", "arial", "verdana", sans-serif; width: 601px; height: 55px; background: url('images/title_bg.png'); padding: 20px 30px 20px 30px; color: #fff; font-size: 23px; line-height: 26px; font-weight: bold; }




.light { color: #fefefe; font-size: 14px; line-height: 16px; text-decoration: none; }

.light2 { color: #afd7f2; line-height: 16px; }

.orange_light { color: #ffa400; font-size: 18px; line-height: 12px; padding-bottom: 4px; }


.dark { color: #112549; font-size: 12px; line-height: 16px; }

.white { color: #fff; font-size: 12px; line-height: 16px; }

.white2 { color: #fff; font-size: 11px; }

.sub { color: #edf925; font-size: 16px; font-weight: bold; }

.sub2 { color: #fff; font-size: 18px; font-weight: bold; }

.sub3 { color: #fff; font-size: 14px; font-weight: bold; }

.small { color: #edf925; font-size: 11px;  }

ul.standard { margin: 0px 0px 15px 30px; }

ul.standard li { list-style: square; padding: 2px; }


/* Form styles
*******************************************************************************/

input, textarea { border: 1px #3982be solid; background-color: #54aaf1; scrollbar-base-color: #54aaf1; color: #004296; font-size: 12px; font-family: "arial", "verdana", sans-serif; padding: 2px 4px 2px 4px; }

input.button { border: none; padding: 0px; background-color: #499fe6; }


/* Global
*******************************************************************************/

#top1 { width: 918px; height: 87px; background: url('images/web_design_perth_top1_bg.png'); }

#logo { width: 225px; height: 75px; position: relative; top: 5px; left: 25px; }

#footer_container { width: 100%; height: 115px; background: url('images/web_sites_websight_footer_bg3.jpg'); text-align: center; margin-top: 20px; padding-top: 35px; }

#footer { width: 850px; height: 115px; background: url('images/footer_inside.jpg'); font-size: 11px; color: #afd7f2; text-align: center; margin: 0px auto 0px auto; }

#footer a, #footer a:visited { color: #afd7f2; font-size: 11px; }

#footer a:hover { text-decoration: underline; }

#footer_inside { width: 918px; height: 110px; background: url('images/web_sites_websight_footer_bg2.png'); color: #afd7f2; font-size: 11px; text-align: center; padding-top: 40px; }

#footer_inside a, #footer_inside a:visited { color: #afd7f2; font-size: 11px; }

#footer_inside a:hover { text-decoration: underline; }


/* Top 1 nav
*******************************************************************************/

#menu1_wrap { width: 643px; height: 33px; background: url('images/web_designers_perth_menu1.gif') no-repeat; position: relative; top: -28px; left: 250px; }

ul#topmenu1 { width: 643px; height: 33px; display: block; overflow: hidden; list-style: none; }

ul#topmenu1 li { float:left; height: 33px; margin: 0px; list-style: none; padding: 0px; }

ul#topmenu1 li a#home,  ul#topmenu1 li a#home:visited { display:block; width: 81px; height: 33px; background:url('images/web_designers_perth_menu1.gif') no-repeat 0px 0px; text-indent:-9999px; outline:0; }
ul#topmenu1 li a#home:hover { background-position: 0px -33px; }

ul#topmenu1 li a#about,  ul#topmenu1 li a#about:visited { display:block; width: 90px; height: 33px; background:url('images/web_designers_perth_menu1.gif') no-repeat -81px 0px; text-indent:-9999px; outline:0; }
ul#topmenu1 li a#about:hover { background-position: -81px -33px; }

ul#topmenu1 li a#what,  ul#topmenu1 li a#what:visited { display:block; width: 110px; height: 33px; background:url('images/web_designers_perth_menu1.gif') no-repeat -171px 0px; text-indent:-9999px; outline:0; }
ul#topmenu1 li a#what:hover { background-position:-171px -33px; }

ul#topmenu1 li a#portfolio,  ul#topmenu1 li a#portfolio:visited { display:block; width: 89px; height: 33px; background:url('images/web_designers_perth_menu1.gif') no-repeat -281px 0px; text-indent:-9999px; outline:0; }
ul#topmenu1 li a#portfolio:hover { background-position:-281px -33px; }

ul#topmenu1 li a#why,  ul#topmenu1 li a#why:visited { display:block; width: 118px; height: 33px; background:url('images/web_designers_perth_menu1.gif') no-repeat -370px 0px; text-indent:-9999px; outline:0; }
ul#topmenu1 li a#why:hover { background-position:-370px -33px; }

ul#topmenu1 li a#let,  ul#topmenu1 li a#let:visited { display:block; width: 155px; height: 33px; background:url('images/web_designers_perth_menu1.gif') no-repeat -488px 0px; text-indent:-9999px; outline:0; }
ul#topmenu1 li a#let:hover { background-position:-488px -33px; }

/* Top 2 nav
*******************************************************************************/

#menu2_wrap { width: 918px; height: 41px; background: url('images/web_design_perth_topmenu2_bg.png') no-repeat; margin-top: 10px; }

ul#topmenu2 { width: 918px; height: 41px; display: block; overflow: hidden; list-style: none; }

ul#topmenu2 li { float:left; height: 41px; margin: 0px; list-style: none; padding: 0px; }

ul#topmenu2 li a#redesign,  ul#topmenu2 li a#redesign:visited { display:block; width: 182px; height: 41px; background:url('images/web_design_perth_topmenu2_bg.png') no-repeat 0px 0px; text-indent:-9999px; outline:0; }
ul#topmenu2 li a#redesign:hover { background-position: 0px -41px; }

ul#topmenu2 li a#small,  ul#topmenu2 li a#small:visited { display:block; width: 270px; height: 41px; background:url('images/web_design_perth_topmenu2_bg.png') no-repeat -182px 0px; text-indent:-9999px; outline:0; }
ul#topmenu2 li a#small:hover { background-position: -182px -41px; }

ul#topmenu2 li a#cms,  ul#topmenu2 li a#cms:visited { display:block; width: 235px; height: 41px; background:url('images/web_design_perth_topmenu2_bg.png') no-repeat -452px 0px; text-indent:-9999px; outline:0; }
ul#topmenu2 li a#cms:hover { background-position:-452px -41px; }

ul#topmenu2 li a#sell,  ul#topmenu2 li a#sell:visited { display:block; width: 226px; height: 41px; background:url('images/web_design_perth_topmenu2_bg.png') no-repeat -687px 0px; text-indent:-9999px; outline:0; }
ul#topmenu2 li a#sell:hover { background-position:-687px -41px; }





/* Home
*******************************************************************************/

#home_container1 { width: 918px; height: 286px; margin-top: 10px; background: url('images/web_designers_perth_home1_bg.png'); }

#home_hero { width: 497px; height: 266px; margin: 10px 10px 0px 10px; float: left; background-color: #2d95de; }

#home_container2 { width: 331px; height: 246px; margin: 10px 0px 0px 0px; float: left; background: url('images/perth_web_site_design_home_bg1.gif'); padding: 20px 30px 0px 30px; }

#home_container_smallbus { width: 262px; height: 121px; margin: 10px 0px 0px 0px; float: left; background: url('images/web_designers_perth_home2_bg.png'); padding: 78px 20px 0px 30px; }

/** #home_container_guarantee { width: 545px; height: 144px; margin: 10px 0px 0px 10px; float: left; background: url('images/web_designers_perth_home3_bg.png'); padding: 55px 20px 0px 31px; } **/

#home_container_packages { width: 596px; height: 199px; margin: 10px 0px 0px 10px; float: left;  }

#home_container_want { width: 918px; height: 159px; margin: 10px 0px 0px 0px;  }

#home_want_first { width: 175px; height: 44px; float: left; background: url('images/web_sites_perth_want1_bg.png'); padding: 62px 20px 0px 40px; color: #000; }

.home_want { width: 181px; height: 44px; float: left; background: url('images/web_sites_perth_want2_bg.png'); padding: 62px 20px 0px 25px; color: #000; }

#home_want_last { width: 186px; height: 44px; float: left; background: url('images/web_sites_perth_want3_bg.png'); padding: 62px 20px 0px 25px; color: #000; }

#home_want_first_bottom { width: 109px; height: 53px; float: left; background: url('images/yes_bg1.png'); padding: 0px 0px 0px 126px; }

.home_want_bottom { width: 109px; height: 53px; float: left; background: url('images/yes_bg2.gif'); padding: 0px 0px 0px 117px; }

#home_want_last_bottom { width: 114px; height: 53px; float: left; background: url('images/yes_bg3.png'); padding: 0px 0px 0px 117px; }

#home_main_copy { width: 453px; float: left; padding: 30px 30px 30px 30px; }

#home_main_right { width: 392px; float: right; padding: 15px 0px 0px 0px; }

#goldfish { width: 392px; height: 116px; float: right; margin: 5px 0px 0px 0px; }

#facebook { width: 200px; height: 36px; margin: 10px 0px 0px 0px; float: right; }

#home_scroll_container { width: 372px; height: 148px; background: url('images/home_scroller_bg.gif'); margin: 0px 0px 0px 0px; padding: 10px; }




/* Global
*******************************************************************************/

#inside_container1 { width: 918px; height: 211px; margin-top: 10px; background: url('images/web_designers_perth_inside1_bg.png'); }

#yes_inside { width: 253px; height: 179px; float: left; padding: 11px 0px 0px 10px; }

#inside_hero { width: 605px; height: 171px; float: left; padding: 10px 0px 0px 20px; }

#inside1 { width: 661px; float: left; padding: 10px 0px 0px 0px; }

#inside_container { width: 600px; background-color: #51b1ff; padding: 10px 30px 10px 31px; }

#inside_pics { width: 135px; height: 205px; padding: 0px 15px 0px 0px; float: left; }



#inside_copy { width: 440px; padding: 0px 0px 10px 0px; float: left; }

#inside_bottom { width: 661px; height: 20px; padding: 0px 0px 10px 0px; }

#inside_right { width: 247px; float: left; padding: 0px 0px 0px 0px; margin-left: 10px; }

#cta_container { width: 610px; }

.cta_topbottom { width: 610px; height: 11px; }

#cta { width: 560px; background-color: #499fe6; padding: 5px 20px 0px 30px; }

.formpad1 { width: 150px; padding: 4px; vertical-align: top; text-align: right; }

.formpad2 { padding: 4px; vertical-align: top; }

.formpad1_bottom { width: 150px; padding: 4px 4px 12px 4px; vertical-align: top; text-align: right; }

.formpad2_bottom { padding: 4px 4px 12px 4px; vertical-align: top; }

.submit_button { padding: 10px 4px 4px 4px; text-align: center; }

#smiley { width: 103px; height: 20px; position: relative; top: -15px; left: 470px; }

#casestudy1 { width: 210px; padding-right: 30px; float: left; }

#casestudy2 { width: 190px; float: left; }

#rule { border-top: 1px #fff dashed; padding: 5px 0px 10px 0px; }


/****** Redesign *******/

#inside_redesign_splash_fresh { width: 210px; height: 105px; background: url('images/inside_redesign_splash_fresh.png'); padding: 46px 15px 10px 22px; margin-top: 10px; color: #112549; line-height: 16px; }

#inside_redesign_splash_google { width: 210px; height: 105px; background: url('images/inside_redesign_splash_google.png'); padding: 46px 15px 10px 22px; margin-top: 10px; color: #77c2ff; line-height: 16px; }

#inside_redesign_splash_save { width: 210px; height: 105px; background: url('images/inside_redesign_splash_save.png'); padding: 46px 15px 10px 22px; margin-top: 10px; color: #77c2ff; line-height: 16px; }

#inside_redesign_splash_hosting { width: 210px; height: 105px; background: url('images/inside_redesign_splash_hosting.png'); padding: 46px 15px 10px 22px; margin-top: 10px; color: #77c2ff; line-height: 16px; }

#inside_redesign_splash_security { width: 210px; height: 105px; background: url('images/inside_redesign_splash_security.png'); padding: 46px 15px 10px 22px; margin-top: 10px; color: #77c2ff; line-height: 16px; }

#inside_redesign_splash_portfolio { width: 210px; height: 105px; background: url('images/inside_redesign_splash_portfolio.png'); padding: 46px 15px 10px 22px; margin-top: 10px; color: #77c2ff; line-height: 16px; }

#inside_redesign_splash_call { width: 210px; height: 105px; background: url('images/inside_redesign_splash_call.png'); padding: 46px 15px 10px 22px; margin-top: 10px; color: #77c2ff; line-height: 16px; }


/****************** Page flip *******************/

#pageflip {
	position: relative;
}
#pageflip img {
	width: 100px; height: 100px;
	z-index: 99;
	position: absolute;
	right: 0; top: 0;
	-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
	width: 100px; height: 100px;
	position: absolute;
	z-index: 50;
	right: 0; top: 0;
	background: url(images/test_flip.jpg) no-repeat right top;
	text-indent: -9999px;
}