/* Insight Web Design - Copyright 2008 */


/* general tags */
* {padding: 0em; margin: 0em;}

body {background: #C09E7B url('../images/bg1.jpg'); padding: 15px 0px 15px 0px;}

body,input {font-size: 9pt; font-family: "georgia", "times new roman", serif; color: #333333;}

p {line-height: 1.5em; margin-bottom: 1.0em; text-align: justify;}

a {color:#129826; text-decoration:underline;}

a:hover {color:#129826; text-decoration:underline;}

h1 span{font-weight: normal;}

h1,h4{display: inline; font-weight: bold; background-repeat: no-repeat; background-position: right;}

h1{font-size: 1.7em; padding-right: 34px; background-image: url('../images/db1.gif');}

h4{font-size: 1.2em; padding-right: 28px; background-image: url('../images/db2.gif');}

.google_adsense {margin-left:0px; margin-top:35px;}

.checkatrade {padding-top:8px; padding-right:8px; float:right; /*border:1px solid #ff0000;*/}

.checkatrade img {border:1px solid #000;}

/*#headerpic
{
position: relative;
height: 109px;
background: #fff url('images/hdrpic.jpg') no-repeat top left;
margin-bottom: 2px;
}*/

/* outer container box */
#outer {z-index: 2; position: relative;
/*
	The width value below controls the overall width of the design. By default it's set to 82%
	(so it'll take up 82% of the browser window's width). You can set it to a different percentage
	value (70%, 90%, etc.) or even a pixel value (760px, 800px, etc.) to enforce a fixed width.
*/
width: 750px; height:620px; border: solid 7px #fff; background-color: #fff; margin: 0 auto;}


/* header */
#header {position: relative; width: 100%; height: 10.2em; background: #2B2B2B url('../images/topbg.gif') repeat-x; margin-bottom:2px;}

#header img {position:absolute; left:0px; top:0px; border:0;}

#headercontent {position: absolute; bottom: 0em; padding: 0em 2.0em 1.3em 2.0em;}

#headercontent h1 {font-weight: normal; color: #fff; font-size: 2.5em;}

#headercontent h2 {font-size: 1.0em; font-weight: normal; color: #aaa;}

/* menu */
#menu, #menu2 {position: relative; background: #129826 url('../images/menubg.gif'); height: 3.5em; padding: 0em 0em 0em 0em; margin-bottom: 2px; font-size:12px;}

#menu ul {position: absolute; top: 1em; left:1px;}

#menu2 ul {position: absolute; top: 1.05em; left:45px;}

#menu ul li, #menu2 ul li {position: relative; display: inline; padding-left:2px;}

#menu ul li a, #menu2 ul li a {padding: 0.5em 0.5em 0.7em 0.5em; color: #fff; text-decoration: none;}

#menu ul li a:hover, #menu2 ul li a:hover {text-decoration:none; color:#000;}

#menu ul li a.active, #menu2 ul li a.active {background: #006608 url('../images/menuactive.gif') repeat-x top left; border:1px solid #2A2A2A;}

#menu ul li a.active:hover, #menu2 ul li a.active:hover {color:#fff; cursor:default;}

#menubottom {background: #fff url('../images/border1.gif') repeat-x; height: 14px; margin-bottom:5px;}

#menutop {background: #fff url('../images/border3.gif') repeat-x; height: 14px; margin-bottom:2px;}

#margin2 {padding-top:2px;}
#margin5 {padding-top:5px;}
#margin10 {padding-top:10px;}
#margin15 {padding-top:15px;}
#margin18 {padding-top:18px;}
#margin21 {padding-top:20px;}
#margin20 {padding-top:20px;}
#margin19 {padding-top:20px;}
#margin25 {padding-top:25px;}
#margin28 {padding-top:28px;}
#margin55 {padding-top:55px;}

/* content */
#content_container {position:relative; height:345px; /*border:1px solid #CCFF33;*/} /*important border*/

#content {position:absolute; padding: 0px 10px 0px 10px; width:725px; /*border:1px solid #990000;*/ } /*important border*/

#watermark img {position:absolute; left:70px; top:245px; border:0;}
#watermark_about img {position:absolute; left:235px; top:245px; border:0;}

#primarycontainer {float: left; margin-left:0px; width:54%; height:340px; /*border:2px solid #009900;*/} /*important border*/

#primarycontainer_contact, #primarycontainer_about {float: left; margin-left:0px; width:100%; height:340px; /*border:2px solid #009900;*/} /*important border*/

#primarycontent {/*border:1px solid #000;*/ height:340px;}

/* auto centering text */
/*.outer_text {display: table; #position: relative; overflow: hidden; height:340px; width: 100%;}

.middle_text {display: table-cell; #position: absolute; #top: 50%; vertical-align: middle;}

.inner_text {#position: relative; #top: -50%; padding:10px;}*/

/*.vertical_align {min-height:500px; display:table-cell; vertical-align: middle; border:1px dashed #ff0000;}*/

.vertical_align_container {width: 100%; display: table; /*border:1px dashed #ff0000;*/}
.vertical_align_main {height: 340px;}
.vertical_align_testamonial {height: 140px;}
.vertical_align_container {display: table-cell; vertical-align: middle; /*border:1px dashed #00ff00;*/}

.vertical_align_main .vertical_align_text {padding:0 10px 0 10px;}
.vertical_align_testamonial .vertical_align_text {padding:0 5px 0 5px;}
.vertical_align_testamonial .vertical_align_text p {font-size:11px; color:#555; text-align:center; font-style:italic;}
.vertical_align_testamonial .vertical_align_text p.below {margin-bottom:0px;}
.vertical_align_testamonial .vertical_align_text span.highlight {font-weight:bold; text-decoration:underline;}

#secondarycontent {float: right; width:43%; height:340px; /*border:2px solid #6600CC;*/} /*important border*/

/* body text vertical positions */

#primarycontent p.projects {margin-top:80px;}
#primarycontent p.testimonials {margin-top:25px; margin-left:5px; margin-right:5px; height:55px; font-style:italic; border-bottom:2px solid #000;}

#primarycontent ul.bullets {margin-left:15px; margin-bottom:10px; list-style-type:square; list-style-position:inside; color:#129826;}

#primarycontent ul.bullets-left {float:left; margin-bottom:10px; width:165px; margin-right:40px; list-style-type:square; list-style-position:inside; color:#129826;}
#primarycontent ul.bullets-right {float:left; margin-bottom:10px; width:165px; list-style-type:square; list-style-position:inside; color:#129826;}

/* bottom contact details banner */
#bottom_banner {position: relative; background-color:#000; height:23px; margin-bottom:2px; padding-top:3px; font-size:11px; color:#FFFEEE;}
#bottom_banner p {text-align:center;}
#bottom_banner a {color:#fffeee; text-decoration:none;}
#bottom_banner a:hover {color:#fffeee; text-decoration:none; color:#129826;}


/* current projects */
.projects_container {position:absolute; top:35px; left:5px; width:335px;}
.testimonials_container {position:absolute; top:35px; left:5px; width:99%;}
.projects_container p, .testimonials_container p {margin-bottom:-2px;}
.projects_right {position:relative; float:left; width:245px; height:57px; margin-left:10px; margin-top:12px;}
.projects_left {position:relative; float:left; margin-top:0px; width:80px; height:57px; background:url(../images/date.gif) no-repeat;}
.testimonials_left {position:relative; float:left; margin-top:0px; width:150px; height:25px; background:url(../images/testimonial.gif) no-repeat;}

.project_date {position:relative; text-align:center; width:80px;}
.project_day {margin-top:5px; margin-left:0px; color:#9BF4AB;}
.project_month {margin-top:0px; margin-left:0px; color:#59EC70;}
.project_year {margin-top:0px; margin-left:0px; color:#129826;}

.testimonials_date {display:block; float:left; text-align:center; width:150px; height:20px; margin-top:5px;}
.testimonials_day {color:#9BF4AB;}
.testimonials_month {color:#59EC70;}
.testimonials_year {color:#129826;}

/* testimonials */
#testamonial_holder, #testamonial_holder_home {position:relative; width:285px; height:125px; margin-left:10px; margin-top:0px; padding-bottom:5px;}
#testamonial_holder_projects {position:relative; width:285px; height:95px; margin-left:10px; margin-top:20px; padding-bottom:2px; }


#testamonial_holder_projects p {font-size:11px; color:#555; text-align:center;}
#testamonial_holder_home p {font-size:11px; color:#555; text-align:center;}


.testimonials_header {position:relative; width:700px; height:25px;}
.testimonials_heading {display:block; float:left; text-align:left; width:530px; height:20px; margin-left:3px; margin-top:4px;}
.project_title {font-weight:bold;}
.project_place {font-weight:bold; font-style:italic;}

.projects_navigation {position:relative; text-align:left; left:5px; width:350px; margin-top:293px;}
.testimonials_navigation {position:relative;}
.testimonial_navigation {display:block; float:left; text-align:left; left:5px; width:300px; margin-top:13px;}
.testimonial_submit_link {display:block; float:right; width:370px; margin-top:13px; text-align:right;}

/* project photos */
#project_photos {position:relative; width:295px; height:207px; border:3px solid #2A2A2A; margin:0; margin-left:4px; padding:7px 0px 7px 7px;}
#project_photos .box {display:block; float:left; width:90px; height:64px; margin:0; margin-right:5px; padding:0; padding-top:1px;text-align:center; background-color:#fff; border:1px solid #ccc;}

#project_photos img {border:1px solid #000;}
#project_photos a {}
#project_photos a:hover {/*border:1px solid #129826;*/}

span.clr {display:block; clear:both; width:0; height:5px; font-size:0; line-height:0;}


/* image gallery */
#gallery_holder {position:relative; margin-top:10px; width:306px; height:186px; z-index:1; /*border:1px solid #2A2A2A;*/}

#gallery_holder img.background {position:absolute; top:0px; left:30px; border:3px solid #2A2A2A;}

#gallery_holder img.backing {position:absolute; top:3px; left:33px; border:0;}

#gallery_holder img.main {position:absolute; top:3px; left:33px; border:0;} 

#gallery_holder img.nav_left, #secondarycontent img.nav_right {position:absolute; left:0px; top:79px; cursor:default; border:0;}

#gallery_holder img.nav_right {left:278px;}



.contentarea { padding-top: 1.3em;}

img {border: solid 1px #6F5230;}

img.left {position: relative; float: left; margin: 0em 1.8em 1.4em 0em;}

img.right {position: relative; float: right; margin: 0em 0em 1.8em 1.8em;}

.divider1 {position: relative; background: #fff url('../images/border2.gif') repeat-x; height: 14px; margin: 2.0em 0em 1.5em 0em; clear: both;}

.divider2 {position: relative; height: 1px; border-bottom: solid 1px #eaeaea; margin: 2.0em 0em 2.0em 0em;}

.post .details {position: relative; top: -1.5em; font-size: 0.8em; color: #787878;}

.post ul.controls {clear: both;}

.post ul.controls li {display: inline; font-size: 0.8em;}

.post ul.controls li a {background-repeat: no-repeat; background-position: left; padding: 0em 1.0em 0em 20px;}

.post ul.controls li a.printerfriendly {background-image: url('../images/icon-printerfriendly.gif');}

.post ul.controls li a.comments {background-image: url('../images/icon-comments.gif');}

.post ul.controls li a.more {background-image: url('../images/icon-more.gif');}

/*.box
{position: relative; background: #FDFCF6 url('../images/boxbg.gif') repeat-x; left: -1.5em; top: -1.5em; padding: 1.5em; border-bottom: solid 1px #E1D2BD; margin-bottom: 1.0em;}*/

ul.linklist {list-style: none;}

ul.linklist li {line-height: 2.0em;}

#upbg {position: absolute; top: 0px; left: 0px; width: 100%; height: 275px; background: #C09E7B url('../images/bg2.jpg') repeat-x; z-index: 1;}




#search {position: absolute; top: 5.5em; right: 2.0em; padding-right: 0.0em;}

#search input.text
{margin-right: 0.5em; vertical-align: middle; border-top: solid 1px #000000; border-right: 0px; border-bottom: solid 1px #777777; border-left: 0px; padding: 0.15em; width: 10.0em;}

#search input.submit
{background: #939B00 url('../images/buttonbg.gif') repeat-x; border: solid 1px #5F6800; font-weight: bold; padding: 0.25em; font-size: 0.8em; color: #F2F3DE; vertical-align: middle;}



#footer
{position: relative; height: 5.0em; clear: both; padding-top: 25px; font-size: 11px; text-align:center; color:#333;}

#footer .left {position: absolute; left: 2.0em; bottom: 1.2em;}

#footer .right {position: absolute; right: 2.0em; bottom: 1.2em;}

#footer a {color:#333; text-decoration:none;}

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

.contact_heading {font-weight:bold;}

.contact_details {width:100%; text-align:center;}


/* contact form formatting */
#contact_form
{position:relative; margin-left:55px; margin-top:15px; padding-left:0px; padding-right:0px; padding-top:0px; width:605px; height:204px; border:2px solid #bbb; z-index:1; text-align:left; font-size:11px; font:11px verdana,tahoma,sans-serif;}
.contact_left {position:relative; float:left; width:145px; padding-left:20px; padding-top:25px; /*border:1px solid #000;*/}
.contact_middle {position:relative; float:left; width:140px; padding-left:20px; padding-top:15px; /*border:1px solid #000;*/}
.contact_right {position:relative; float:left; width:270px; padding-left:0px; padding-top:15px; /*border:1px solid #000;*/}
.contact_submit{position:relative; margin-left:100px; margin-top:3px; /*float:left; width:100px; padding-left:430px; padding-top:5px;*/}
.contact_title, .contact_ok, .contact_error {color:#129826;}
.contact_required{}
.contact_req {color:#FF0000;}
.contact_ok {position:relative; left:140px; top:100px; text-align:center;}
.contact_error {position:relative; left:140px; top:90px; text-align:center;}
.contact_error a {color:#333;}
.box_title {font-weight:bold;}
#submit_button {font-size:90%;}