/*--
*******************************************
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 10px 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{
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:212px;
height:134px;
float:left;
position:relative;
left:25%;
top:50%;
margin:-67px 0 0 -180px;
z-index:2;
}

/*--NAVIGATION--*/
#navBG{
margin:10px 0 0 0px;
padding:0;
float:right;
}

#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:160px;
margin:0px 20px 20px 20px;
}

#caseStudyNav p{
margin:2px 0px 15px 0px;
/*font-size:10px;*/
}

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

.story{
text-align:right;
}

.story img{
width:220px;
padding:0;
margin:0;
}

.story p, .story ul{
float:left;
clear:left;
width:300px;
margin:10px 0 10px 0;
padding:0;
text-align:left;
}

.story li{
margin-left:10px;
}



.story{
float:left;
margin:0px 0 40px 0;
width:550px;
}

/*-----CASE STUDIES-----*/

.picGrouping{
margin:0px auto 50px auto;
padding:0px 0 20px 0;
clear:both;
}

.picGrouping a img{
float:left;
/* height:200px; */
width:152px;
margin:28px 43px 0 0;
}

.picGrouping a{
float:left;
}

/*--FOOTER--*/

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

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