/*--
*******************************************
STRUCTURE CSS
AUTHOR: MATTHEW LLOYD
LAST EDITED: 29/10/2007
*******************************************
--*/

html, body, #mainTable, #footer{
height:100%;
width:100%;
min-width:1000px;
margin:0;
padding:0;
}

/* centre td which contains the body of script */
#mainTD{

}

#mainTable{
padding:0 0 10px 0;
}

#mainTable td{
vertical-align:top;
}

.gradColour_02{
clear:both;
margin:0 0 0px 0;
}

#headerShadow{
margin:0 0 50px 0;
clear:both;
width:100%;
height:34px;
}

#pageMargin{
margin:0 0 0 -175px;
position:relative;
left:25%;
width:700px;
float:left;
clear:left;
}


/*------GLOBALS------*/


.break{
width:100%;
clear:both;
height:1px;
}


/*--TOP BANNER--*/
#banner{
width:100%;
height:150px;
padding:0;
margin:0;
clear:both;
}

#banner #text{
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
font-weight:bold;
font-style:italic;
color:#FFFFFF;
float:right;
position:absolute;
left:55%;
margin:110px 0 0 -300px;
background:none;
z-index:2;
}

/*#banner #montage{
width:510px;
height:100px;
display:block;
float:right;
}
*/

#banner #montage{
height:150px;
width:800px;
display:block;
float:right;
position:absolute;
left:55%;
margin:0 0 0 -400px;
background:none;
z-index:1;
}

#banner #shadow{
height:150px;
position:absolute;
right:0;
background:none;
z-index:3;
}

#banner #house{
height:150px;
position:absolute;
right:0;
background:none;
z-index:2;
/*filter:alpha(opacity=70);
-moz-opacity:.70;
*/
}

/*#banner #logo{
display:block;
width:300px;
height:100px;
float:left;
position:relative;
left:25%;
margin:0 0 0 -180px;
}
*/

#banner #logo{
display:block;
width:212px;
height:134px;
float:left;
position:relative;
left:25%;
top:50%;
margin:-67px 0 0 -180px;
z-index:2;
}

/*--NAVIGATION--*/
#navBG{
margin:0 0 0 40px;
padding:0;
float:left;
display:none;
}

#nav{
padding:0px;
width:100%;
}

#nav ul{
list-style:none;
margin:0;
padding:0;
width:100%;
}

#nav li{
display:block;
margin:0;
padding:0;
}

#nav a{
display:block;
padding:0 0 0 0px;
margin:0;
}

#nav a:hover{
display:block;
}


/*--INDEX PAGE--*/



/*-----STRUCTURE 1-3-----*/
.productContainer .product{
width:200px;
height:180px;
float:left;
margin:0 0 20px 0;
}

.productContainer strong{
display:block;
}

.productContainer .productDescription{
float:right;
width:70%;
}

#caseStudies{
float:right;
width:148px;
margin:38px 20px 20px 20px;
padding:10px;

}

#caseStudies p{
margin:5px 5px 5px 5px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}


/*--contains the quick links to other case study pages--*/
#caseStudyNav{
float:right;
width:180px;
margin:0 10px 0 0;
}

#caseStudyNav p{
margin:2px 5px 15px 0px;
}

#caseStudyNav img{
width:100%;
height:100px;
}

.story{
float:left;
margin:40px 60px 40px 60px;
text-align:center;
}

.story img{
clear:both;
height:220px;
width:220px;
display:block;
padding:0;
margin:0;
}

.story p{
float:left;
width:100px;
margin:0;
padding:0;
}

/*--FOOTER--*/

#clearfooter{
clear:both;
height:10px;
width:100%;
}

#footer{
clear:both;
float:left;
height:35px;
padding:0;
margin:30px 0 0 0;
}