/*--
*******************************************
STRUCTURE CSS
AUTHOR: MATTHEW LLOYD
LAST EDITED: 10/10/2007
*******************************************
--*/
html{
height:100%;
}

body{
width:800px;
margin:0 auto 0 auto;
padding:0;
/*
position:relative;
top:0%;
*/
}

#mainTable{
width:100%;
height:100%;
margin:25px auto 0 auto;
padding:0;
/*
position:relative;
top:100%;
*/
}

/* centre td which contains the body of script */
#mainTD{
width:100%;
margin:0;
padding:0;
}

#mainTable td{
vertical-align:top;
}

#pageMargin{
margin:0;
padding:20px 20px 20px 20px;
width:560px;
float:right;
min-height:400px;
/*
overflow:scroll;
overflow-x:hidden;
*/
}


/*footer stick bottom alt fix*/
* html #mainTable{
height:100%;
}


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

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


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

/*--CONTROLS IMG--*/
#headerShadow{
background:none;
width:800px;
height:34px;
position:absolute;
margin-left:-200px;
}

#headerFooter{
background:none;
width:800px;
height:34px;
position:absolute;
}

#banner #montage{
width:399px;
height:195px;
margin:0px;
float:right;
}

#banner #logo{
float:left;
/*
width:180px;
height:80px;
*/
margin:0px;
}

#bannerLinks{
text-align:left;
margin:0;
padding:0px 0 0px 5px;
width:200px;
position:relative;
top:95px;
}

#bannerLinks a:link, #bannerLinks a:visited{
line-height:120%;
text-decoration:none;
}

/*--NAVIGATION--*/
#navBG{
margin:0;
padding:0;
width:200px;
margin-bottom:10px;
float:left;
}


#nav, #nav ul{
list-style:none;
margin:0 auto 0 auto;
padding:10px 0 0 0;
width:180px;
}


#nav li{
position:relative;
height:30px;
padding:0;
margin:0;
}

#navBG li ul{
	position:absolute;
	left:179px; /* Set 1px less than menu width */
	top:0;
	padding:0;
	margin:0;
	display:none;
}

/* Styles for Menu Items */
#nav li a{
	display:block;
	padding:5px;
	margin:0;
	}
	
/* Holly Hack. IE Requirement \*/
* html #nav li { 
float:left;
height: 1%; 
}
* html #nav li a { 
height: 1%; 
}
/* End */


#nav li:hover ul, #nav li.over ul { 
	display:block;
	margin:0;
	padding:0;
	border:none;
} /* The magic */


/*--INDEX PAGE--*/
/*
#pageMargin img{
width:300px;
float:left;
clear:both;
}
*/


#indexTable{
background-color:#FFFFFF;
padding:0;
margin:0;
width:50%;
float:right;
}

/*-----PRODUCT-----*/

.productPic{
float:right;
clear:both;
width:300px;
text-align:center;
}


.productPic img{
/*
float:right;
clear:both;
*/}


.caption{
margin: 0 auto 0 auto;
width:100%;
text-align:center;
font-weight:bold;
font-size:80%;
}

#pageMargin .description{
float:left;
width:250px;
margin:0px;
padding:0px;
}

ul{
margin:10px 0 10px 25px;
padding:0px;
}


#pageMargin .description2{
clear:right;
margin:10px 0 10px 0;
padding:0;
}

/*-----CONTACT PAGE-----*/

#pricing textarea, #pricing input{
width:200px;
}


/*--FOOTER--*/

#clearfooter{
clear:both;
height:00px;
width:100%;
position:absolute;
display:none;
}

#footer{
width:100%;
height:6em;
margin:0 auto 0 auto;
padding:10 0 0 0;
clear:both;
}