@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 {  background: #fff url('images/main_bg.gif') repeat-x; color: #fff; font: 11px; font-family: "verdana", "arial", sans-serif; }

#all { margin: auto; }


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

a, a:visited { color: #5fb6ee; font-size: 11px; font-family: "verdana", "arial", sans-serif; text-decoration: none; }

a:hover { text-decoration: underline; }

p { margin-bottom: 10px; }

strong { font-weight:bold; }

i, em { font-style: italic; }

ul { list-style-type: square; margin: 10px 0px 20px 35px; }

p, ul, ol, td, div { color: #365c84; font-size: 11px; font-family:  "verdana", "arial", sans-serif; line-height: 14px; }

.sub { color: #5fb6ee; font-weight: bold; font-size: 12px; }

.subline { color: #4c749f; font-weight: bold; font-size: 12px; border-bottom: 1px #dee5ef solid; }


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

#top { width: 960px; height: 103px; margin: auto; }

#header { width: 960px; height: 35px; background-image: url('images/top_nav_bg.gif'); margin: auto; }


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

#toplinks { width: 725px; height: 35px; position: relative; left: 240px; }

ul#top_nav { width: 725px; height: 35px; display: block; overflow: hidden; margin: 0px; list-style: none; padding: 0px; }

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

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

ul#top_nav li a#about,  ul#top_nav li a#about:visited { display:block; width: 75px; height: 35px; background:url('images/top_menu.gif') no-repeat -69px 0px; text-indent:-9999px; outline:0; }
ul#top_nav li a#about:hover { background-position: -69px -35px; }

ul#top_nav li a#gallery,  ul#top_nav li a#gallery:visited { display:block; width: 173px; height: 35px; background:url('images/top_menu.gif') no-repeat -144px 0px; text-indent:-9999px; outline:0; }
ul#top_nav li a#gallery:hover { background-position:-144px -35px; }

ul#top_nav li a#clients,  ul#top_nav li a#clients:visited { display:block; width: 174px; height: 35px; background:url('images/top_menu.gif') no-repeat -317px 0px; text-indent:-9999px; outline:0; }
ul#top_nav li a#clients:hover { background-position:-317px -35px; }

ul#top_nav li a#contact,  ul#top_nav li a#contact:visited { display:block; width: 109px; height: 35px; background:url('images/top_menu.gif') no-repeat -491px 0px; text-indent:-9999px; outline:0; }
ul#top_nav li a#contact:hover { background-position:-491px -35px; }

ul#top_nav li a#quote,  ul#top_nav li a#quote:visited { display:block; width: 125px; height: 35px; background:url('images/top_menu.gif') no-repeat -600px 0px; text-indent:-9999px; outline:0; }
ul#top_nav li a#quote:hover { background-position:-600px -35px; }


/* End Top nav
*****************************************************************************/

/* Main Menu Links   
*******************************************************************************/

ul#left_nav { width: 216px; height: 482px; display: block; overflow: hidden; margin: 0px; list-style: none; padding: 0px; }

ul#left_nav li { margin: 0px; list-style: none; padding: 0px; }

ul#left_nav li a#full,  ul#left_nav li a#full:visited { display: block; width: 216px; height: 51px; background:url('images/left_menu.gif') no-repeat 0px 0px; text-indent:-9999px; outline:0; }
ul#left_nav li a#full:hover { background-position: -216px -0px; }

ul#left_nav li a#kitchen,  ul#left_nav li a#kitchen:visited { display:block; width: 216px; height: 35px; background:url('images/left_menu.gif') no-repeat 0px -51px; text-indent:-9999px; outline:0; }
ul#left_nav li a#kitchen:hover { background-position: -216px -51px; }

ul#left_nav li a#bathroom,  ul#left_nav li a#bathroom:visited { display:block; width: 216px; height: 36px; background:url('images/left_menu.gif') no-repeat 0px -86px; text-indent:-9999px; outline:0; }
ul#left_nav li a#bathroom:hover { background-position: -216px -86px; }


ul#left_nav li a#timber,  ul#left_nav li a#timber:visited { display:block; width: 216px; height: 36px; background:url('images/left_menu.gif') no-repeat 0px -122px; text-indent:-9999px; outline:0; }
ul#left_nav li a#timber:hover { background-position: -216px -122px; }

ul#left_nav li a#tiling,  ul#left_nav li a#tiling:visited { display:block; width: 216px; height: 36px; background:url('images/left_menu.gif') no-repeat 0px -158px; text-indent:-9999px; outline:0; }
ul#left_nav li a#tiling:hover { background-position: -216px -158px; }


ul#left_nav li a#painting,  ul#left_nav li a#painting:visited { display:block; width: 216px; height: 36px; background:url('images/left_menu.gif') no-repeat 0px -194px; text-indent:-9999px; outline:0; }
ul#left_nav li a#painting:hover { background-position: -216px -194px; }

ul#left_nav li a#blinds,  ul#left_nav li a#blinds:visited { display:block; width: 216px; height: 36px; background:url('images/left_menu.gif') no-repeat 0px -230px; text-indent:-9999px; outline:0; }
ul#left_nav li a#blinds:hover { background-position: -216px -230px; }

ul#left_nav li a#lighting,  ul#left_nav li a#lighting:visited { display:block; width: 216px; height: 36px; background:url('images/left_menu.gif') no-repeat 0px -266px; text-indent:-9999px; outline:0; }
ul#left_nav li a#lighting:hover { background-position: -216px -266px; }

ul#left_nav li a#soakwells,  ul#left_nav li a#soakwells:visited { display:block; width: 216px; height: 38px; background:url('images/left_menu.gif') no-repeat 0px -302px; text-indent:-9999px; outline:0; }
ul#left_nav li a#soakwells:hover { background-position: -216px -302px; }

ul#left_nav li a#fencing,  ul#left_nav li a#fencing:visited { display:block; width: 216px; height: 36px; background:url('images/left_menu.gif') no-repeat 0px -340px; text-indent:-9999px; outline:0; }
ul#left_nav li a#fencing:hover { background-position: -216px -340px; }

ul#left_nav li a#aircon,  ul#left_nav li a#aircon:visited { display:block; width: 216px; height: 36px; background:url('images/left_menu.gif') no-repeat 0px -376px; text-indent:-9999px; outline:0; }
ul#left_nav li a#aircon:hover { background-position: -216px -376px; }

ul#left_nav li a#interior,  ul#left_nav li a#interior:visited { display:block; width: 216px; height: 36px; background:url('images/left_menu.gif') no-repeat 0px -412px; text-indent:-9999px; outline:0; }
ul#left_nav li a#interior:hover { background-position: -216px -412px; }

ul#left_nav li a#other,  ul#left_nav li a#other:visited { display:block; width: 216px; height: 35px; background:url('images/left_menu.gif') no-repeat 0px -448px; text-indent:-9999px; outline:0; }
ul#left_nav li a#other:hover { background-position: -216px -448px; }

/* End Top nav
*****************************************************************************/





#page { width: 960px; margin: auto; background: #365c84 url('images/page_bg.gif') repeat-y; }

#footer { height: 40px; padding: 40px 0px 0px 0px; margin: auto; background: #365c84 url('images/footer_bg.gif') repeat-x; font-size: 11px; color: #fff; text-align: center; }

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

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

#left_column { width: 216px; background: #fff url('images/left_bg.gif') repeat-y; float: left; }

#right_column { width: 744px; float: left; }

ul.sitemap li { width: 85%; padding: 5px; border-bottom: 1px #ffb24d solid; }  



/* Global (Home)
*******************************************************************************/

#home_copy { width: 680px; padding: 10px 0px 0px 0px; margin: 0px 0px 0px 40px; }

#teaser1 { width: 334px; height: 225px; float: left; background: #fff url('images/teaser_bg.gif') no-repeat; padding: 0px; margin: 0px; }

#teaser2 { width: 334px; height: 225px; float: right; background: #fff url('images/teaser_bg.gif') no-repeat; padding: 0px; margin: 0px; }

.teaser_copy_container { width: 310px; height: 170px; margin: 0px; padding: 9px; }

ul.teaser_copy { width: 300px; height: 200px; margin: 0px; float: left; padding: 12px 5px 0px 5px; }  

ul.teaser_copy li { width: 169px; float: left; }

ul.teaser_copy li.right {  width: 130px; float: left; font-size: 10px; line-height: 12px; }

#home_anim { width: 744px; height: 263px; background: #3667a9 url('images/home_anim.gif') no-repeat; padding: 0px; margin: 0px; }



/* Global (Inside)
*******************************************************************************/

#inside_copy { width: 680px; padding: 20px 10px 10px 3px; margin: 0px 0px 0px 40px; }

#inside_copy2 { width: 430px; padding: 20px 40px 10px 3px; margin: 0px 0px 0px 40px; float: left; }

#inside_copy3 { width: 200px; padding: 20px 10px 10px 10px;  float: left;  }

.line { padding: 0px 10px 30px 15px; border-bottom: 1px #dee5ef solid; }

.formpad { padding: 5px; }

ul.sitemap li { padding: 5px; border-bottom: 1px #dee5ef solid; }  

#about_pic1 { width: 210px; padding-right: 10px; float: left; }

#about_pic2 { width: 210px; float: left; }

.gallery1 { width: 210px; height: 150px; float: left; margin: 0px 10px 10px 0px; text-align: center; font-size: 10px; }

.gallery2 { width: 210px; height: 150px; float: left; margin: 0px 0px 10px 0px; text-align: center; font-size: 10px; }