/* Home Strategic - 18/10/2008 */
/* Author - Leo Fosdal */
/* Copyright 2008 Home Strategic */

.top_bg {background:url(../images/top-bg.gif) top repeat-x #FFFFFF;}
.bot_bg {background:url(../images/bottom-bg.gif) bottom repeat-x;}

img, div, input, .bot_bg { behavior: url("css/iepngfix.htc") }

a {color: #3300FF; text-decoration:none; !important}
a:hover{color:#0099FF;}

body { margin-bottom:30px;}
.clear  { clear:both;}

#wrapper { width:950px; margin:0 auto; text-align:left;}
#header {width:950px; display:block;}
.header-320{height:320px;}
.header-300{height:300px;}
#logo{float:left; width:500px;}
#showreel{float:right; width:444px; height:223px;}
#flash{float:right; width:444px; height:223px; background:url(../images/home-flash.gif) no-repeat;}
#jobs{float:right; width:444px; height:223px; background:url(../images/home-header-jobs-full.gif) no-repeat;}
#jobtab{ position:relative; display:block; width:253px; height:56px; left:195px;}

#container{background-color:#FFFFFF; padding:0 30px 0 80px; margin:0; position: relative; }

#left-col382{ float:left; width: 382px;}
#left-col800{ float:left; width: 800px;}

#office-col382{ float:left; width: 382px; padding-left:30px;}

#right-colIndex{float:right; width:440px;}
.img-strapline{padding:0 0 10px 0;}
.img-title{padding:0; margin:0;}

#footer {width:790px; height:178px; display:block; background:#fff url(../images/footer-bg.gif) bottom left no-repeat; padding:0 80px 20px 80px; font-size:11px; color: #ababab;}
#footer p{padding:145px 0 0 0; margin:0;}
#footer a{ text-decoration:none; color:#ababab; background-color:#fff; padding: 0 5px 0 5px;}
#footer a:hover{ text-decoration:none; color:#FFFFFF; background-color:#89BA16; padding: 0 5px 0 5px;}


.fltRgt{float:right;}
.fltLft{float:left;}

#index-imagecontainer{float:left; width:400px; height:248px; margin:0; padding:20px 0 0 10px;}
.imageLft{float:left; margin:0; padding:0;}
.imageRgt{float:right; margin:0; padding:0;}

#index-logos{float:left; display:block; margin:0; padding:0; width:200px; height:124px;}

/*#############################################################*/
/*Decide on which one for work gallery flash or jquery*/
#work-panel{ float:left; width: 560px;}
#work-info{ float:left; width: 182px; margin-left:40px}
#work-title{float:left; width: 500px; margin-bottom:10px; }

#flash-work-panel{ float:left; width: 580px;}
#flash-work-info{ float:left; width: 172px; margin-left:30px}
/*#############################################################*/

/*Christmas Snow on logo*/
#flash-snowhome{ float:left;margin:0; width:500px; height:223px; }

/*H1 - used for logo*/
h1 { float:left;margin:0; display:block; width:500px; height:223px; text-indent:-9009px; background:transparent url(../images/home-logo.gif) no-repeat 0 0; }
h1 a {display:block; width:500px; height:223px; outline:none;}

h6 {color: #53951E; font-weight:bold; !important}

/*services expanding parts*/
#link01, #link02, #link03, #link04, #link05, #link06, #link07, #link08, #link09, #link10, #link11, #link12 {width:790px; padding:0 80px 20px 80px; background-color:#FFFFFF;}

.closeBtn{ position:relative; top:7px;}

/*===========================*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
	
/*===========================*/
#panel-wrapper {
position:relative;
width:640px;
top:0px;
z-index:999;
left:500px;
margin:0px;
margin-left:0px;

}
#panel-wrapper .panel-contents{
	display:none;
}
#panel-wrapper .panel-1{
display:none;
padding:20px 20px;
color:#FFFFFF;
position: absolute;
background-color:#ACD41B;
moz-opacity:.5;
height: 10px;
width:360px;
z-index: 130;
top:-5px;
opacity: 0.90;
font-size:12px;
line-height:16px;
}

.boldgreen {
	color: #003300;
	font-weight: bold;
}


#map { position: absolute; top: 60px; right: 50px; width: 425px; height: 350px; }