/*
TOTAL HOME in BERMUDA - PRIMARY STYLESHEET
Design - 3264 Group - www.3264.bm
*/

body, html {
height: 100%;   /* Make sure the document takes up the whole window. */
margin: 0 0 0 0; /* Get rid of any default margins, which could cause the html and body elements to be
larger than the window and trigger scrollbars. */
padding: 0;  /* Get rid of any default padding, which could cause the html and body elements to be 
larger than the window and trigger scrollbars. */
text-align: center; /* Hack used for Horizontal Centering in non compliant browsers*/
font-family: Arial, Helvetica, sans-serif;
background-color:#ffffff;
}

/* Shim trick to create vertical centering */
#shim {
visibility: hidden;
width: 100%;
height: 50%;   /* Bump div#container down half the height of the screen. */
margin-top: -270px;       /* Half the height of div#container */
float: left;
}
      
/* This will center the information horizontaly on the page */
#container {
position: relative;
margin-left: auto;
margin-right: auto;
width: 740px; height: 540px;
background-color:#FFFFFF;
text-align: left;
clear: both;
/* Issue: IE4 doesn't allow a negative margin-top.
This code positions container relatively and uses the IE4ever hack (<http://exanimo.com/css/ie4ever>)
to overwrite the rule for other browsers.
* The content will be centered but will crop if the window is not small enough to accommodate it.
*/
position: relative;
top: -200px;
/* IE4ever Hack: Hide from IE4 **/
position: static;
/** end hack */
/* Issue: IE5mac interprets negative values as positive.
The content won't be vertically centered but it won't be messed up by the previous code either.
*/
 /* Hide from IE5mac \*//*/
#shim {
display: none;
}
html, body {
height: auto;
}
/* end hack */
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:36px;
	color:#ffffff;
}


/* Pimary Menu System - exista on all Pages */
#Menu-Top {
	width: 720px;
	background-position:left;
	position: relative;
}

/* Secondary/Sub Menu not currently used */
#Menu-Middle {
	width: 360px;
	height:25px;
	background-position:left;
	position: relative;
	left: 280px;
}

/* Content section - includes Slideshow, Textbox and Sub-Product Sections */
#productscontainer {
	position:relative;
}

/* Textbox section - contains I-Frame for product text content pulled from Slideshows Folder */
#textboxVer01 {
	position:absolute;
	width:300px;
	height:320px;
	left:5px;
	top:30px;
	overflow:hidden;
}

/* Textbox section - contains I-Frame for full window text content pulled from Slideshows Folder */
#textboxVer02 {
	position:absolute;
	width:720px;
	height:320px;
	left:5px;
	top:30px;
	overflow:hidden;
}

/* Slideshow section - contains flash slideshow pulled from Slideshows Folder */
#slideshowVer01 {
	position:absolute;
	width:410px;
	height:320px;
	right:20px;
	top:30px;
	background-color:#ffffff;
}

/* Sub-Product section - contains a short text section */
#Sub-Product {
	position:absolute;
	width:715px;
	height:30px;
	left:5px;
	top:355px;
	font-size:12px;
}
#Sub-Product-lg {
	position:absolute;
	width:715px;
	height:60px;
	left:5px;
	top:355px;
	font-size:12px;
}
#Sub-Product h1 {
	font-size:18px;
	font-weight:bold;
	color:#FF0000;
}
/* Sub-Product section - contains a sub-menu section */
#Sub-Menu {
	position:absolute;
	width:715px;
	height:30px;
	left:5px;
	top:355px;
	font-size:14px;
	text-align:right;
}

/* Text formatting for Sub-Menu section */
#Sub-Menu a {text-decoration: none; color: black;}
#Sub-Menu a:hover {text-decoration: none; font-weight:bold; color: red; }
#Sub-Menu a:link  a:visited {text-decoration: none; color: grey;}


/* Primary Bottom Menu System - exista on all Pages */
#Menu-Bottom {
	width: 720px;
	height:25px;
	background-position:left;
	position: relative;
	top:390px;
	left:4px;
}