/* Insight Web Design - Copyright 2008 */

/* colour ref:
		#35BDB2 - aqua blue/green
		#0d2f79 - navy blue

/* General Tags */
*{margin:0; padding:0;}
body{background:#000 url(../images/background.gif) repeat; font:76% verdana,tahoma,sans-serif;}
a{}

p{margin:0 0 16px 0;}
ul, ol{margin:0 0 16px 15px; padding-left:5px;}
ul ul, ol ol{margin:3px 0 0 15px;}
img {border: none;}


/* page headings */
h1, .contact_head{text-align:left; position: relative; left:-28px;}
.contact_head{left:-7px; top:-15px;}


/* IDs */
#total_container{padding-top:10px;}

#container{background-color:#fff; border:20px solid #555; color:#555; margin:0 auto 15px; padding:0px; width:750px; height:640px; line-height:1.3em;}

#logo_container{padding:0; height:190px;}

#sidebar p{margin:10px 0 5px 0; text-align:center; font-size:0.8em;}

#main{float:right; width:385px;}

#footer{position: relative; clear:both;}


/* Various classes */
.main_logo{padding:0;}

.credits{text-align:center; color:#888; font-size:0.9em; margin-bottom:0;}

.credits a{color:#888; font-weight:bold; text-decoration:none;}

.credits a:hover{text-decoration:underline;}


/* index page text */
.main_text{text-align:left; padding-top:10px; padding-left:10px; padding-right:10px; height:115px; border:1px solid #000; height:235px;}

/* index page left hand floated box */
#index_left{float:left; padding-left:0px; padding-top:0px; width:350px; height:348px; text-align:left;}

#index_left img.main {position:absolute; top:0px; left:0px; border-left:8px solid #35BDB2; border-right:8px solid #35BDB2;}

.right_a, .right_b, .right_c, .right_d, .right_e, .right_f{height:40px; width:360px;}
.right_c{padding-top:7px; padding-bottom:7px;}

/* left hand floated box */
#main_left{position:relative; float:left; width:430px; height:348px;}

/* index page right hand floated box */
#index_right{float:right; padding-left:38px; padding-top:50px; width:357px; height:298px;}

/* right hand floated box */
#main_right{float:right; padding-right:5px; width:310px; height:348px;}

#main_right img.main {position:absolute; top:0px; left:0px; border:3px solid #35BDB2;}

#main_right img.nav_left, #main_right img.nav_right {position:relative; float:left; top:215px; cursor:default;}

#main_right img.nav_right {float:right; left:-3px;}

/* image gallery container */
#gallery_index{position:relative;}
#gallery_holder{position:relative; margin-top:140px; margin-left:30px;}

/* text box vertically aligned inside the left hand box */
.text_box{position:absolute; top:50%; padding-left:28px; padding-right:12px; padding-top:10px; text-align:justify; font-size:11px; line-height:13px; color:#0d2f79;}

/* individual page text alignment */
.loft_text {margin-top:-110px;}
.extensions_text {margin-top:-125px;}
.timber_text {margin-top:-173px;}
.garage_text {margin-top:-130px;}
.kitchens_text {margin-top:-130px;}
.plastering_text {margin-top:-176px;}

/* customer quoted text */
#quotes{position:absolute; top:270px; width:750px; font-size:10px;}

#quote_text{margin-left:450px; width:260px; text-align:center; font-style:italic; color:#555; padding:5px; /*border:1px solid #00ff00;*/}

#quote_text span{font-style:normal;}

/* individual quote text alignment */
.loft_quote {margin-top:25px;}
.extensions_quote {margin-top:35px;}
.timber_quote {margin-top:18px;}
.garage_quote {margin-top:25px;}
.kitchens_quote {margin-top:18px;}
.plastering_quote {margin-top:35px;}

/* contact form formatting */
#contact_form{margin-left:103px; margin-top:20px; padding-left:20px; padding-right:20px; padding-top:15px; width:500px; height:291px; border:2px solid #000; z-index:1;}
.contact_left{float:left; width:200px; margin-top:10px;}
.contact_right{float:right; margin-top:41px;}
.contact_submit{position:relative; top:15px; left:215px;}
.contact_title, .contact_ok, .contact_error {color:#0d2f79;}
.contact_required{}
.contact_req{color:#FF0000;}
.contact_ok {position:relative; left:0px; top:90px; text-align:center;}
.contact_error {position:relative; left:0px; top:80px; text-align:center;}


/* page navigation */
#inner_footer{position:relative; padding:0px; clear:both;}

.links, .links_index{text-align:center; font:12px verdana,tahoma,sans-serif; color:#fff; height:35px; background-color:#35BDB2; height:40px; padding-top:11px;}

.links a{font-weight:bold; text-decoration:none; color:#fff;}

.links a:hover{color:#0d2f79; text-decoration:none;}

.links_index{padding-top:18px; height:33px;}



/* bubble dock positions */
.dockd {position: relative; top: 32px; left: 158px; z-index:10;}
.dock-itemd img {width: 75%; padding-bottom:5px;}
.dock-containerd {position: absolute; height: 21px;}

.dockc {position: relative; top: 8px; left: 122px; z-index:10;}
.dock-itemc img {width: 95%;}
.dock-containerc {position: absolute; height: 25px;}

.dockb {position: relative; top: 8px; left: 67px; z-index:10;}
.dock-itemb img {width: 112%; padding-bottom:5px;}
.dock-containerb {position: absolute; height: 30px;}

.docka {position: relative; top: 43px; left: 30px; z-index:10;}
.dock-itema img {width: 137%; padding-bottom:5px;}
.dock-containera {position: absolute; height: 37px;}

.docke {position: relative; top: 89px; left: 23px; z-index:10;}
.dock-iteme img {width: 155%; padding-bottom:5px;}
.dock-containere {position: absolute; height: 40px;}

.dockf {position: relative; top: 120px; left: 70px; z-index:10;}
.dock-itemf img {width: 230%; padding-bottom:5px;}
.dock-containerf {position: absolute; height: 67px;}

.bubble_formating {display:block; width:40px; color: #000; position: absolute; text-align:left; text-decoration: none; font: bold 12px Arial, Helvetica, sans-serif;}

span.bubble_text {float: left; background-color:#dcdcdc; color:#00a591; display:none; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px; border:1px solid #555} /* bubble text */

span.hide {height:0px; width:0px; padding:0; margin:0; border:0;} /* hide all bubble text on all pages */

.bubble_text_container {position:relative;}

.bubble_text_image {position:absolute; top:12px; left:175px;}