/*======================================*
** style.css
** ------------------------------------------------------------*
** Created: 05-05-08 (dd-mm-yy)
** Author: DigitalHomeAndSecurity.com - Warren Murray / Seth Bareiss
** Template: Main Page
**======================================*/




/*------------------------------------------------------------*
**  Global
**------------------------------------------------------------*/
body, html { height: 100%; }
body {
	font-family: Tahoma, Trebuchet MS, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;

    /* (for top page) background-image: url(../img/top-page-pic.jpg); */ 
	background-repeat: no-repeat;
	background-position: top center;
}

/* headers */
h1 { font-size: 24px; font-family: Trebuchet MS,  Tahoma, Arial, Helvetica, sans-serif; 
     color=#86866a }
h2, h3, h4, h5, h6 { color: color=#86866a; margin: 0; font-weight: normal; font-family: Trebuchet MS,  Tahoma, Arial, Helvetica, sans-serif; }
h2 { font-size: 20px; padding: 5px 0; }
h3 { font-size: 15px; padding: 5px 0; }
h4 { font-size: 1.5em; padding: 0px 0; }
h5 { font-size: 1.4em; padding: 15px 0; }	
h6 { font-size: 1.2em; padding: 10px 0 0; }

/* text */
p { 	font-family: Tahoma, Trebuchet MS, Arial, Helvetica, sans-serif;
		font-size: 16px;
        line-height: 1.5em;
		text-align:justify; 
		margin: 0 0 11px; 
  }

/* links */
a { text-decoration: none; color: #86866a; }
a:hover { text-decoration: bold; color: #ffffff;  }

/*  images */
img { border: 0px solid #333; margin: 0 0px 0px 0; }
a img { border: 0px solid #2F1C07; }
a:hover img { border-color: #50300C; }



/* Mouseover trickiness used in Main Menu and Buttons. */
/*   Tricks learned from http://forums.biorust.com/tutorial-submission/3876-css-hover-tutorial.html */
/*
td#td_button:link, a#my_button:active, a#my_button:visited {
		display: inline-table; 
		color: silver;
		font-size:17;
		
		/* next 2 entries are honored with display:block but ignored with display:inline
		
		width: 200px;
		height: 74px; 
		
		/* these 4 entries are only for display:inline, not for display:block  nor display:inline-table
		
		padding-bottom: 25px;
		padding-top: 25px;
		padding-left: 50px;
		padding-right: 5px; 
		
		
		background-image:  url('../img/pdfbutton-mouseover-no-states.gif');
		background-repeat: no-repeat; 
		text-indent: -9999px;
}	
*/
/* Contact Us button */

a#contact:link, a#contact:visited, a#contact:active {
		display: block; 
		color: silver;
		font-size:17;
		
		/* next 2 entries are ignored with display:inline but honored with display:block */
		width: 500px;
		height: 125px; 
		
		background-image:  url('../img/contact-us-graphic.png');
		background-repeat: no-repeat; 
		text-indent: -9999px;
}

a#contact:hover {
		color: white;
		background-position: -500px;
} 

/* End of Contact Us */

/* test of 3-state button a#button_link_3state_test:link, a#button_link_3state_test:visited { */

a#button_link:link, a#button_link:visited {
		display: block; 
		color: silver;
		font-size:17;
		
		/* next 2 entries are ignored with display:inline but honored with display:block */
		width: 200px;
		height: 74px; 
		
		background-image:  url('../img/pdfbuttons.png');
		background-repeat: no-repeat; 
		text-indent: -9999px;
}
a#button_link:hover {
		display: block; 
		width: 200px;
		height: 74px; 
		background-image:  url('../img/pdfbuttons.png');
		background-repeat: no-repeat; 
		text-indent: -9999px;

		color: white;
		background-position: -400px;
} 
a#button_link:active {
		display: block; 
		color: white;
		width: 200px;
		height: 74px; 
		background-image:  url('../img/pdfbuttons.png');
		background-repeat: no-repeat; 
		text-indent: -9999px;
		background-position: -200px;

}
/* end of test of 3-state button */
/* old 2-state version 
a#button_link:link, a#button_link:visited, a#button_link:active {
		display: block; 
		color: silver;
		font-size:17;
		
		width: 200px;
		height: 74px; 
		
		background-image:  url('../img/pdfbuttons.png');
		background-repeat: no-repeat; 
		text-indent: -9999px;
}

a#button_link:hover {
		color: white;
		background-position: -400px;
} 
*/
/* start of main menu mouseover madness */
/* marine security */
a#menu_marine:link, a#menu_marine:visited, a#menu_marine:active {
		display: block; 
		
		/* next 2 entries are ignored with display:inline but honored with display:block */
		width: 450px;
		height: 20px; 
				
		background-image:  url('../img/menu-marine-security.gif');
		background-repeat: no-repeat; 
		text-indent: -9999px;
} a#menu_marine:hover { background-position: -450px; }  
/* home security */
a#menu_security:link, a#menu_security:visited, a#menu_security:active {
		display: block; 
		
		/* next 2 entries are ignored with display:inline but honored with display:block */
		width: 350px;
		height: 20px; 
				
		background-image:  url('../img/menu-home-office-security.gif');
		background-repeat: no-repeat; 
		text-indent: -9999px;
} a#menu_security:hover {	background-position: -350px; }  
/* home entertainment systems */
a#menu_htpc:link, a#menu_htpc:visited, a#menu_htpc:active {
		display: block;
		
		/* next 2 entries are ignored with display:inline but honored with display:block */
		width: 263px;
		height: 20px; 
				
		background-image:  url('../img/menu-home-entertainment-center.gif');
		background-repeat: no-repeat; 
		text-indent: -9999px;
} a#menu_htpc:hover {	background-position: -263px; }  
/* wi-fi wireless lan and internet */
a#menu_wifi:link, a#menu_wifi:visited, a#menu_wifi:active {
		display: block; 
		
		/* next 2 entries are ignored with display:inline but honored with display:block */
		width: 170px;
		height: 20px; 
				
		background-image:  url('../img/menu-wifi-lan-internet.gif');
		background-repeat: no-repeat; 
		text-indent: -9999px;
} a#menu_wifi:hover { background-position: -170px; }  
/* praise */
a#menu_portfolio:link, a#menu_portfolio:visited, a#menu_portfolio:active {
		display: block; 
		
		/* next 2 entries are ignored with display:inline but honored with display:block */
		width: 88px;
		height: 22px; 
				
		background-image:  url('../img/menu-portfolio.png');
		background-repeat: no-repeat; 
		text-indent: -9999px;
} a#menu_portfolio:hover { background-position: -88px; }  
/* cctv kits */
a#menu_cctv:link, a#menu_cctv:visited, a#menu_cctv:active {
		display: block; 
		
		/* next 2 entries are ignored with display:inline but honored with display:block */
		width: 139px;
		height: 22px; 
				
		background-image:  url('../img/main-menu-cctv.png');
		background-repeat: no-repeat; 
		text-indent: -9999px;
} a#menu_cctv:hover { background-position: -139px; }  
/* contact us */
a#menu_contact_us:link, a#menu_contact_us:visited, a#menu_contact_us:active {
		display: block; 
		
		/* next 2 entries are ignored with display:inline but honored with display:block */
		width: 94px;
		height: 20px; 
				
		background-image:  url('../img/menu-contact-us.gif');
		background-repeat: no-repeat; 
		text-indent: -9999px;
} a#menu_contact_us:hover { background-position: -94px; }  
/* contact us */
a#menu_profile:link, a#menu_profile:visited, a#menu_profile:active {
		display: block; 
		
		/* next 2 entries are ignored with display:inline but honored with display:block */
		width: 80px;
		height: 20px; 
				
		background-image:  url(http://digitalhomeandsecurity.com/img/menu-company-profile.gif);
		background-repeat: no-repeat; 
		text-indent: -9999px;
} a#menu_profile:hover { background-position: -80px; }  
a#menu_top_page:link, a#menu_top_page:visited, a#menu_top_page:active {
		display: block; 
		
		/* next 2 entries are ignored with display:inline but honored with display:block */
		width: 69px;
		height: 17px; 
				
		background-image:  url('../img/menu-top-page.gif');
		background-repeat: no-repeat; 
		text-indent: -9999px;
} a#menu_top_page:hover { background-position: -69px; }  


/* End of Main Menu Mouseover Madness */


/* lists */
ul, ol, dl, table, blockquote, code { font-size: 12; }
ul, ol, dl { margin: 0 0 12px; padding: 0 0 0 11px; }
ul ul { font-size: 1em; margin: 0; }
ol ol { font-size: 1em; margin: 0; }
dl { padding: 0; }
dl dt { font-weight: bold; }

/* horizontal rule */
hr { border: 0; height: 1px; background-color: #333; color: #333; margin: 3px 0 0; }

/* classes */
.left { float: left; }
.right {float: right; }

/* background picture in main menu */ 
.bigpicture { z-index: 1; float: none; position: relative; }
.logo01 { display: block; margin-left: 10px; z-index: 1; position: absolute; top: 45px; }
.logo02 { display: block; margin-left: 10px; z-index: 1; position: absolute; top: 27px; }
.logo03 { display: block; margin-left: 10px; z-index: 1; position: absolute; top: 15px; }

/* places the table that contains the main image, menu, and all text */
                      .menu0 { z-index: 0; position: relative; top: 0px; azimuth:center; width:950px; height:auto; } 
/* marine security */ .menu1 { display:block; margin-left:  18px; z-index: 3; position: absolute; top: 158px;  }
/* home & business */ .menu2 { display:block; margin-left:  28px; z-index: 3; position: absolute; top: 196px;  }
/* home entertainm */ .menu3 { display:block; margin-left:  46px; z-index: 3; position: absolute; top: 236px;  }
/* wireless intern */ .menu4 { display:block; margin-left:  84px; z-index: 3; position: absolute; top: 272px;  }
/* compliments     */ .menu5 { display:block; margin-left:  73px; z-index: 3; position: absolute; top: 312px;  }
/* cable kits      */ .menu6 { display:block; margin-left:  80px; z-index: 3; position: absolute; top: 352px;  }
/* contact         */ .menu7 { display:block; margin-left:  44px; z-index: 3; position: absolute; top: 390px;  }
/* profile         */ .menu8 { display:block; margin-left:  28px; z-index: 3; position: absolute; top: 426px;  }
/* top page - home */ .menu9 { display:block; margin-left:  13px; z-index: 3; position: absolute; top: 465px;  }
/* unused         */ .menu10 { display:block; margin-left:   9px; z-index: 3; position: absolute; top: 462px;  }


.mainpagemaintext { z-index: 2; float: none; position: relative; width: 400; max-width: 400; 
					padding: 0px 30px 100px 100px; top: -200px; 
					margin-left: inherit; margin-right: inherit; 
					margin-top:inherit; margin-bottom:auto; 
				  }

/*------------------------------------------------------------*
**  ROLLOVER class, to make buttons glow when hovered over, and do something else fancy when clicked upon.
**  Read tutorial at http://www.tutorio.com/tutorial/pure-css-image-rollovers  
**------------------------------------------------------------*/
.rollover a {
display:block;
width: 90px;
padding:10px 10px 10px 7px;
font: bold 13px sans-serif;;
color:#333;
background: url("rollover-image.gif") 0 0 no-repeat;
text-decoration: none;
}
.rollover a:hover { 
background-position: 0 -35px;
color: #049;
}
.rollover a:active {
background-position: 0 -70px;
color:#fff;
}


/*------------------------------------------------------------*
**  Container
**------------------------------------------------------------*/
#container {
	margin: 0 auto;
	width: 780px;
	text-align: left;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	}
	
/*------------------------------------------------------------*
**  maintext
**------------------------------------------------------------*/
#maintext { 
	position: absolute;
	top: 500px;
	width: 300;
	max-width: 300;
	padding: 40px 0; 
	}


/*------------------------------------------------------------*
**  mainbackground
**------------------------------------------------------------*/
#mainbackground h1 {
	background-image: url(../img/top-page-pic.jpg);
	background-repeat: no-repeat;
	width: [your-logo-width-here]px;
	height: [your-logo-height-here]px;	
	margin: 0;
	}	
#mainbackground h1 a {
	display: block;
	height: 100%;
	text-indent: -9999px;
	outline: none;
	}
*/