/*	Desc: Screen Style Sheet
	Author: Josh Hamilton
	Date: 9/4/07
	+ Colours
	- *colour hex* *colour name* (*purpose*)
=== === === === === === === === === === */


/*=NORMALIZING BROWSER
=== === === === === === === === === === */

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
 { margin: 0; padding: 0; }
 
/* Normalizes font size for headers */
h1, h2, h3, h4, h5, h6
{ font-size: 100%; }

/* removes list-styles from list */
ol, ul
{ list-style: none; }

/* Normalizes font-style and weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style: normal; font-weight: normal; }

/* removes list-styles from list */
table
{ border-collapse: collapse; border-spacing: 0; }

/* removes border from fieldset and img */
feildset, img
{ border: 0; }

/* left-align text in caption and th */
caption, th
{ text-align: left; }

/* removes quotation marks from q */
q:before, q:after
{ content: ''; }





/*=STRUCTURE
=== === === === === === === === === === */


html { margin: 0; padding: 0; width: 100%;}

body { font-size: 62.5%; font-family: Georgia, Times, "Times New Roman", serif; background: #F6F5EF url(../images/bg.gif) repeat-x left 0; }

body#home, body#gallery  { font-size: 62.5%; font-family: Georgia, Times, "Times New Roman", serif; background: #F6F5EF url(../images/home_bg.gif) repeat-x left 0; }

#container { width: 850px; margin: 0 auto; position: relative; }




/*=COMMON
=== === === === === === === === === === */


* { padding: 0; margin: 0; }

p, li { line-height: 150%; }

img { border: 0; }

a { overflow: hidden; outline: none; }





/*=HEADER
=== === === === === === === === === === */


#header { position: relative; z-index: 500; height: 200px; width:100%; }


#logo { position: relative; width: 370px; height: 165px; }


#logo a, #logo a:visited, #logo a:hover, #logo a:active 
{ background: url(../images/logo.gif) no-repeat left 0; display:block; width: 370px; height: 165px; position: absolute; top: -1px; left: 0; text-indent: -7777px; }


#number { position: absolute; top: 2px; right: 0px; z-index: 9999; padding:5px 0; }

#number p { font-size: 18px; color: #d3cfbd; font-style:italic; }

#stair-parts	{ position:absolute; top:80px; right:-12px; width:450px; padding:0 10px; margin:0 auto; text-align:center; }
#stair-parts p	{ font-size: 13px; color: #d3d6cd; font-style:italic; display:block; width:300px; float:left; padding-top:3px;  }
#stair-parts img	{ margin-left:10px; float:right;  }






/*=NAVIGATION

=== === === === === === === === === === */


#nav { font-family: "verdana", san-serif; position: absolute; bottom: 0; right: 0; z-index: 9999; list-style: none; }


#nav li { float: left; margin-right: 2px; background: url(../images/nav_li.gif) no-repeat right top; font-size: 1.2em; text-transform: uppercase; }


#nav li.current { background-position: right bottom; }


#nav li a {float: left; display: block; height: 22px; padding: 9px 18px 0; background: url(../images/nav_a.gif) no-repeat left top; color: #CC9999; text-decoration: none; }


#nav li.current a { background-position: left bottom; color: #99271E; }


#nav li:hover,

#nav li.sfhover { background-position: right -31px; }


#nav li.current:hover,

#nav li.sfhover.current { background-position: right bottom; }


#nav li:hover a,

#nav li.sfhover a { background-position: left -31px; color: #C3D5CC; }


#nav li.current:hover a,

#nav li.sfhover.current a { background-position: left bottom; color: #99271E; }



/* -- DROPDOWN -- */


#nav li ul { clear: left; position: absolute; left: -999em; z-index: 9999; width: 161px; margin-top: 31px; margin-left: -1px; _margin-top: 0; /* IE6 only */ 
	         border: 1px solid #BABEB1; border-top: 0; border-bottom: 0; list-style: none; line-height: .5; }


*+html #nav li ul { margin-top: 0; }


#nav li li { display: inline; _display: block; float: none; _float: left; margin: 0; font-size: .975em; }


#nav li:hover ul ul,

#nav li.sfhover ul ul { left: -999em; }


#nav li:hover ul,

#nav li li:hover ul,

#nav li.sfhover ul,

#nav li li.sfhover ul { left: auto; }


#nav li:hover li a,

#nav li.sfhover li a { float: none; width: 133px; height: auto; padding: 9px 14px; border-top: 1px solid #FBFCFE; border-bottom: 1px solid #D3D6CD; background: #F1F3EE; color: #384751; }


#nav li:hover li a:hover,

#nav li.sfhover li a:hover { background: #C3D5CC; }




/*=CONTENT
=== === === === === === === === === === */


#content_home, #content_gallery  { width:850px; position: relative; overflow:hidden; padding:45px 20px;  }

#content { width:850px; position: relative; overflow:hidden; padding:45px 20px; margin-top:42px; background: url(../images/side_bg.gif) repeat-y 565px 0; }


#main-copy_home { float: left; width:530px; border-right: 1px solid #D3D6CD; padding-right:20px; } 

#main-copy_home h2, #sub-copy_home h2, #main-copy h2, #sub-copy h2  { font-size: 1.9em; color: #990000; font-weight:normal; margin-bottom:10px; }

#main-copy_home p, #main-copy p { font-size: 1.4em; color: #666666; padding:0 0 10px 0; line-height:1.5em; }

#main-copy_home p.lead, #main-copy p.lead { font-size: 1.6em; color: #666666; line-height:1.6em; font-style: italic; margin-bottom:10px; }

#main-copy_home p.lead i, #main-copy p.lead i { font-style: italic; font-weight: bold; }

#main-copy_home p i, #main-copy p i { font-style: italic; font-weight: bold; }


#main-copy { float: left; width:520px; padding-right:25px; } 

#main-copy p a { color: #990000; text-decoration:none; clear:left; }

#main-copy p a:hover { text-decoration: underline; }

#main-copy h3 { color:#990000; margin: 10px 0; font: 1.2em "Verdana", Arial, Helvetica, sans-serif; font-weight:normal; }

#main-copy img, #main-copy_home img { margin:15px 0; }

#main-copy ul, #main-copy_home ul { font: 1.2em "Verdana", Arial, Helvetica, sans-serif; list-style: inside circle; }

#main-copy li, #main-copy_home li { line-height: 2.3em; color: #666666; }

#main-copy p.callout, #main-copy_home p.callout { color:#990000; margin:0; font: 1.2em "Verdana", Arial, Helvetica, sans-serif; font-weight:normal; }


#sub-copy_home, #sub-copy { float: right; width: 270px; padding-bottom:25px; }

#sub-copy_home h3, #sub-copy h3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.3em; color: #666666; margin-top:15px; line-height:1.6em; }

#sub-copy_home p, #sub-copy p { font-size: 1.3em; color: #666666; margin-top:5px; }

#sub-copy_home p.more a, #sub-copy p.more a { color: #990000; clear:both; text-decoration:none; }

#sub-copy_home p.more a:hover, #sub-copy p.more a:hover { color: #990000; text-decoration:underline; }


#main-copy ol#questions  { font: 1.2em "Verdana", Arial, Helvetica, sans-serif; margin:20px 0 35px 0; list-style: inside decimal-leading-zero; }

#main-copy ol#questions li a { color: #666666; text-decoration:none; line-height: 2.3em; }

#main-copy ol#questions li a:hover { color: #990000; text-decoration:underline; }


#main-copy .answers, #main-copy .quotes { padding:0 5px; font: 1.1em Georgia, "Times New Roman", Times, serif; line-height:2.3em;  }

#main-copy .answers p, #main-copy .quotes p { color: #666666; }

#main-copy .answers p.first, #main-copy .quotes p.first { color: #990000; font-style: italic; }

#main-copy .answers p a, #main-copy .quotes p a { color: #990000; text-decoration:none; font-style: italic; font-size:.95em; }

#main-copy .answers p a:hover, #main-copy .quotes p a:hover { text-decoration:underline; }



/*=PARTS
=== === === === === === === === === === */

#main-copy #parts { position: relative; float: left; clear:left; width:100%; }
 
#main-copy #parts p { font: 1.1em Georgia, "Times New Roman", Times, serif; line-height:1.6em; }
 
#main-copy #parts li { color: #666666; margin-bottom:25px; list-style:none; _float: left; }

#main-copy #parts li a { float:left; clear:both; display:block; width:100px; height:100px; border:#D3D6CD 4px solid; margin:0 15px 25px 0; }
 
#main-copy #parts li a:hover { border:#990000 4px solid; }
 
#main-copy #parts li h3 { color:#990000; margin:0 0 10px 0; font: 1.2em "Verdana", Arial, Helvetica, sans-serif; font-weight:normal; _float:none; }

#main-copy #parts img { margin:0; display:block; clear:left; }

 

/*=FLASH
=== === === === === === === === === === */ 


#introclip  { margin:20px auto; position:relative; width: 798px; height:330px; border: 10px solid #D3CFBD; background-color:#990000; z-index:99; }

#no-flash {  z-index: 99; font-family: "Verdana", Arial, Helvetica, sans-serif; font-size: 1.6em; margin: 0 auto; padding: 90px; text-align: center; color: #D3D6CD; line-height: 1.8em; font-weight: bolder; }

#no-flash a { text-decoration: none; color: white; font-weight: bolder; }

#movie {  width: 798px; height: 330px; z-index: 99; position:relative; background-color:transparent; }




/*=FEATURE
=== === === === === === === === === === */


#feature { width:250px; margin-top:65px; }

#feature h2 { font-family: "Verdana", Arial, Helvetica, sans-serif; font-size: 1.5em; padding-bottom:5px; border-bottom: 1px dotted #666666; color: #666666; }

#feature ul#thumbnails { margin:10px 0; padding:0; float: left; list-style:none; }

#feature ul#thumbnails li { width: 55px; height: 55px; float: left; margin: 0 5px 5px 0; } 

#feature ul#thumbnails li a { width: 45px; height: 45px; float: left; border: 3px solid #D3D6CD;  margin: 5px 0 0 5px; }

#feature ul#thumbnails li a:hover { border: 3px solid #621919; }



/*=SUBNAV
=== === === === === === === === === === */


#sidebar { width:225px; margin:15px 0 45px 0; }

#sidebar h3 { font-family: "Verdana", Arial, Helvetica, sans-serif; font-size: 1.2em; padding-bottom:10px; color: #666666; }

#sidebar ul#subnav { padding:5px 10px; list-style:none; width:225px; font: 1.2em "Verdana", Arial, Helvetica, sans-serif; }

#sidebar ul#subnav li  { float:none; line-height:2.5em; }

#sidebar ul#subnav li a  { border-top: 1px solid #D3CFBC; display:block; text-decoration: none; color: #666666; float:none; width:225px; }

#sidebar ul#subnav li a:hover  {  background-color: #E9E7DB; text-decoration:none; color:#621919; }

#sidebar ul#subnav li.last {  border-bottom: 1px solid #D3CFBC; }



/*====FORM FEILD===*/


#form { margin-top: 15px; font: 1.2em "Verdana", Arial, Helvetica, sans-serif; }

fieldset { position: relative; margin: .25em 0 0 0; padding-top:1.25em; border-style: none; }

legend { margin:1em 0 0 1em; color: #990000; font-weight:normal; }

legend em { font-style:italic; }

fieldset ol { padding:1em 1em; list-style: none; }

fieldset li { padding: 0 0 .5em 0; }

fieldset.submit { border-style: none; }

fieldset input.submit { background-color: #C3D5CC; color:#666666; padding:5px 15px; text-transform:uppercase; }

fieldset input.submit:hover { background-color: #990000; color:white; cursor:pointer; }

fieldset.contact label { display:block; }

input { border: 2px solid #E9E7DB; background-color: white; padding:3px; } 

input#name, input#phone, input#email { color:white; background-color: #990000;  border: 2px solid  #F6F5EF; }

textarea { border: 2px solid #E9E7DB; }

input.checkbox { margin-right:1.0em; }





/*=FOOTER
=== === === === === === === === === === */


#footer-outer { clear: both; padding: 35px 0 150px; border-top: 5px solid  #A69E94; background: #99271F url(../images/footer_out.gif) repeat-x left top; }


#footer { position: relative; width: 850px; height: 120px; margin: 0 auto; padding: 0; border-top: 1px dashed #C68681; background: transparent url(../images/footer_in.gif) repeat-x; font-family: "verdana", san-serif; }


#footer_nav { position: absolute; top: 20px; left: 30px; z-index: 999; list-style: none; color: #CC9999; }


#footer_nav li { margin-right: 8px; font-size: 1.2em; text-transform: uppercase; float: left; }


#footer_nav li.current a { color: #F6F5EF; }


#footer_nav a {float: left; display: block; height: 22px; padding:0 8px 0 0; color: #CC9999; text-decoration: none; }


#footer_nav li a:hover  { color: #C3D5CC; }




#copyright { position: absolute; top: 50px; left: 30px; z-index: 999; color: #CC9999;  }


#copyright p { font-size: 1em; }



#top { position:absolute; top: 20px; right: 30px; z-index: 999; list-style: none; color: #CC9999; }


#top p a { font-size: 1em; color: #CC9999; text-decoration: none; }


#top p a:hover  { color: #C3D5CC; }


#ideal-logo{ width:100px; height:41px; position:absolute; bottom: 0; right:81px; }

#hbam-logo{ width:41px; height:45px; position:absolute; bottom: 0; right: 30px; }