﻿body	{ background: #000000; margin: 0; background: url('images/background.gif'); font-size:90%; font-family: Tahoma, Arial, helvetica, sans-serif; }
#banner	{ background: url('images/banner.jpg'); width:905px; height: 223px; }
#topnav	{ background: url('images/topnav.jpg'); width:905px; height: 62px; }
.subhead { font-size: 22px; color: #C3C3C3; text-align: center; padding-bottom: 2px; letter-spacing: 0px}
#sidebar	{width: 150px; background-color:#2B2F30; background: url('images/photos/sidebarbg.jpg'); vertical-align: top }
#copy {background-color: #FFFFFF; font-size: 100%; color: #000000; width: 715px; padding-top: 10px; padding-right: 20px;padding-left: 20px; padding-bottom: 10px; text-align: left; vertical-align: top}
#home { width: 715px; background-color: #FFFFFF; text-align: center; vertical-align: top; padding-top: 10px; padding-bottom: 25px; }
#homehdr { margin: 0px auto; background-color: #000000; width: 600px; height: 60px; padding: 0; }
.hometext {font-weight: bold; font-size: 25px; color: #7C000E; text-align: center; padding-bottom: 5px; }


/* models */
#homepic { margin: 0 auto; background: url('images/cement-home-exterior.jpg'); width: 600px; height: 439px }
#onebdrm { margin: 0 auto; background: url('images/storm-safe-1bedroom.jpg'); width: 600px; height: 439px }
#twobdrm { margin: 0 auto; background: url('images/storm-safe-2bedroom.jpg'); width: 600px; height: 439px }
#ftworth { margin: 0 auto; background: url('images/ftworth3bdrm.jpg'); width: 600px; height: 439px }
#houston { margin: 0 auto; background: url('images/houston2bdrm.jpg'); width: 600px; height: 439px }
#austin { margin: 0 auto; background: url('images/austin4bdrm.jpg'); width: 600px; height: 439px }
#elpaso { margin: 0 auto; background: url('images/elp2bdrm.jpg'); width: 600px; height: 439px }
#galveston { margin: 0 auto; background: url('images/galveston4bdrm.jpg'); width: 600px; height: 439px }
#alamo { margin: 0 auto; background: url('images/alamo4bdrm.jpg'); width: 600px; height: 439px }
#office  { margin: 0 auto; background: url('images/storm-safe-office.jpg'); width: 600px; height: 439px }
#studio  { margin: 0 auto; background: url('images/storm-safe-studio.jpg'); width: 600px; height: 439px }
#green   { background: url('images/greentech.jpg'); width: 500px; height: 384px }
#dealers   { margin: 0 auto; background: url('images/photos/subdivision.jpg'); width: 600px; height: 384px }
#contact   { margin: 0 auto; background: url('images/contactpg.jpg'); width: 600px; height: 439px }

.img {border: 1px solid #2C2F30; padding: 2px}
.interior { float: right; padding-right: 53px; padding-left: 15px;}
.models { padding-left: 50px;}

/* footer */
#footer { margin: 0px auto; width:905px; height: 37px; background: url('images/footer.jpg'); font-size: 10px; color: #C3C3C3; }
.copyright { padding-top: 2px; padding-left: 8px; text-align: left; float: left; width: 490px; }
.rww {padding-top: 6px; padding-right: 5px; float: left; width: 395px; text-align: right; }

H2{ letter-spacing: 2px; font-weight: bold; font-size: 27px; color: #FFFFFF; vertical-align: top; text-align: center; margin-top: -2px; margin-bottom: -4px;}
H3 { font-weight: bold; font-size: 26px; color: #7C000E; margin-top: -2px; margin-bottom: -7px; }

/* large text */
.gold18 { font-size: 18px; font-weight: bold; color: gold; padding-top: 1px; text-align: center; padding-top: 342px; }
.gold26 { font-size: 26px; font-weight: bold; color: gold; text-decoration: underline; letter-spacing: 3px; padding-top: 338px; text-align: center }
.gold26greentech { font-size: 26px; font-weight: bold; color: gold; text-decoration: underline; letter-spacing: 3px; padding-top: 326px; text-align: center }
.gold32 { font-size: 32px; font-weight: bold; color: gold; padding-top: 7px; text-align: center}
.goldhome { font-size: 28px; font-weight: bold; color: gold; padding-top: 7px; text-align: center}
.red16 { font-size: 16px; font-weight: bold; color: #C00000; text-align: center; }
.red18 { font-size: 18px; font-weight: bold; color: #C00000; padding-top: 1px; text-align: center }
.red24 {  background-color: #000000; padding-top: 3px; padding-bottom: 3px; padding-left: 3px; text-align: center; font-size: 24px; font-weight: bold; color: #C00000; padding-top: 1px; }
.red38 { font-size: 38px; font-weight: bold; color: #C00000; letter-spacing: 1px;}
.findersfee {font-size: 24px; font-weight: bold; color: #000000; padding-left: 50px;}
.ff2 {font-size: 26px; color: #C00000; padding-left: 50px;}
.black18 {font-size: 18px; font-weight: bold; color: #000000; padding-top: 4px; padding-left: 50px; }
.black20 {font-size: 20px; letter-spacing: 1px; color: #000000; }
.blacksm { font-size: 70%; color: #000000; }
.benefits { font-family: Franklin Gothic Heavy, Arial Bold;}

.pghead { font-size: 15px; font-weight: bold; color: #000000; padding-bottom: 5px; }
.factoryprices { font-size: 18px; color: #C00000; text-align: center;}

/* links */
a:link       { color: #7F171F }
a:visited    { color: #7F171F }
a:hover       { color: #474747 }

a:link.footer { color: #C3C3C3 }
a:visited.footer { color: #C3C3C3 }
a:hover.footer { color: #7C000E }

/* menu */
	#leftContainer{
		width:165px;
		padding-left:0px;
		padding-right:0px;
		padding-top: 5px;
	}
	
	#dhtmlgoodies_menu{		
		font-family: Tahoma, Arial, sans-serif;	/* Font for main menu items */
		width:165px;	/* Width of main menu */
		font-weight: bold;
		border:0px solid #000;	/* Black border */
	}
	#dhtmlgoodies_menu	li{	/* Main menu <li> */
		list-style-type:none;	/* No bullets */
		margin:0px;	/* No margin - needed for Opera */
	}
	#dhtmlgoodies_menu ul{	
		margin:0px;	/* No <ul> air */
		padding: 0px;	/* No <ul> air */
	}
	#dhtmlgoodies_menu ul li ul{	/* Styling for those who doesn't have javascript enabled  - sub menu items*/
		padding-left:10px;
	}
	#dhtmlgoodies_menu	li a{	/* Main menu links */
		text-decoration:none;	/* No underline */
		color:#fff;	/* text color */
		text-align: left;
		height:28px;
		line-height:25px;
		vertical-align:middle;
		background-color:#7C000E;	/* background color */
		background: url('images/button.jpg');
		margin:0px;	/* A little bit of air */
		padding-top:1px; padding-right: 2px;padding-bottom: 2px;padding-left: 25px;	/* Air between border and text inside */
		font-size: 13px;
		display:block;
	}
	#dhtmlgoodies_menu	li a:hover,#dhtmlgoodies_menu .activeMainMenuItem{
		color:#c0c0c0;
		background-color:#317082;
		background: url('images/button.jpg') repeat;
	}
	.dhtmlgoodies_subMenu{
		visibility:hidden;
		position:absolute;
		overflow:hidden;
		border:1px solid #000;
		background-color:#FAFAFA;
		font-family:Tahoma, Arial, sans-serif;
		text-align:left;
		font-size: 13px;
		font-weight: bold;
	}
	.dhtmlgoodies_subMenu ul{
		margin:0px;
		padding: 0px;	
	}
	.dhtmlgoodies_subMenu ul li{
		list-style-type:none;
		margin:0px;
		padding:1px;	/* 1px of air between submenu border and sub menu item - (the "white" space you see on mouse over )*/
		border-bottom: 1px solid #000
	}
	.dhtmlgoodies_subMenu ul li a{	/* Sub menu items */
		white-space:nowrap;	/* No line break */
		text-decoration:none;	/* No underline */
		color:#000;	/* Black text color */
		height:16px;	/* 16 pixels height */
		line-height:16px;	/* 16 pixels height */
		padding:0px;	/* 1px of "air" inside */
		
		display:block;	/* Display as block - you shouldn't change this */
	}
	.dhtmlgoodies_subMenu ul li a:hover{	/* Sub menu items - mouse over effects */
		color:#ffffff;	/* White text */
		background-color:#7C000E;	/* background */
	}
