/* CSS Document */

/*   
Description: Design Created by Longevity Graphics
Author: Development by Lindsay Viscount of Longevity Graphics
Author URI: http://www.longevitygraphics.com

Color used:
blue: 081853;
green:216300;
grey:666;
grey:3f4040;
*/


body {
  margin: 0;
  background: #fff url(/images/vancouver-railings-bg.jpg) top repeat-x;
  text-align:center;

  margin-left:auto; 
  margin-right:auto;
  font: 14px Helvetica Neue, Free Sans, Lucida Grande, Arial, Helvetica, Verdana, sans-serif;
 
}


strong {
  color:#3f4040;
  font-weight:bold;
}

b {
  color:#666;
  font-weight:bold;

}

h1 {
   font: 26px Helvetica Neue, Free Sans, Lucida Grande, Arial, Helvetica, Verdana, sans-serif;
   color:#081853;
   font-weight: bold;
   margin-top: 0; 
   margin-bottom: 0;
}

h2 {
   font: 19px Helvetica Neue, Free Sans, Lucida Grande, Arial, Helvetica, Verdana, sans-serif;
   color:#666;
   font-weight: bold;
   margin-top: 0; 
   margin-bottom: 0;
   
}

h3 {
   font: 17px Helvetica Neue, Free Sans, Lucida Grande, Arial, Helvetica, Verdana, sans-serif;
   color:#216300;
   font-weight: bold;
   margin-top: .5em; 
   margin-bottom: 0;
   border-bottom: #3f4040 1px dashed;
}

a{
  text-decoration:none;
}

p {
  font: 16px Helvetica Neue, Free Sans, Lucida Grande, Arial, Helvetica, Verdana, sans-serif;
  color:#3f4040;
}

#header {
  width:1026px; 
  min-width:1026px;
  margin-left:auto; 
  margin-right:auto;
  text-align:center;
  
}

#headerContent {
  width:1026;
  text-align:left;
}

#logo {
  background: #081853 url(/images/falcon-railings-vancouver-logo.jpg) top;
  background-repeat: no-repeat;
  width:226px;
  height:133px;
  pointer:cursor;
  text-indent:-2000px;
}

.railingsMenu {

}

#home {
  position:absolute;
  top:7.5em;
  font: 19px Helvetica Neue, Free Sans, Lucida Grande, Arial, Helvetica, Verdana, sans-serif;
  color:#666;
  font-weight: bold;
  margin-top: 0; 
  margin-bottom: 0;
}

#home:hover {
  color:#081853;
}

#aboutUs {
  position:absolute;
  top:7.5em;
  margin-left:4.5em;
  font: 19px Helvetica Neue, Free Sans, Lucida Grande, Arial, Helvetica, Verdana, sans-serif;
  color:#666;
  font-weight: bold;
  margin-top: 0; 
  margin-bottom: 0;
}

#aboutUs:hover {
  color:#081853;
}

#glassRailings {
  position:absolute;
  top:7.1em;
  margin-left:11em;
  font: 19px Helvetica Neue, Free Sans, Lucida Grande, Arial, Helvetica, Verdana, sans-serif;
  color:#666;
  font-weight: bold;
  margin-top: 0; 
  margin-bottom: 0;
}

#glassRailings:hover {
  color:#081853;
}

#aluminumRailings {
  position:absolute;
  top:7.1em;
  margin-left:17em;
  font: 19px Helvetica Neue, Free Sans, Lucida Grande, Arial, Helvetica, Verdana, sans-serif;
  color:#666;
  font-weight: bold;
  margin-top: 0; 
  margin-bottom: 0;
}

#aluminumRailings:hover {
  color:#081853;
}

#interiorRailings {
  position:absolute;
  top:7.1em;
  margin-left:24em;
  font: 19px Helvetica Neue, Free Sans, Lucida Grande, Arial, Helvetica, Verdana, sans-serif;
  color:#666;
  font-weight: bold;
  margin-top: 0; 
  margin-bottom: 0;
}

#interiorRailings:hover {
  color:#081853;
}

#exteriorRailings {
  position:absolute;
  top:7.1em;
  margin-left:30em;
  font: 19px Helvetica Neue, Free Sans, Lucida Grande, Arial, Helvetica, Verdana, sans-serif;
  color:#666;
  font-weight: bold;
  margin-top: 0; 
  margin-bottom: 0;
}

#exteriorRailings:hover {
  color:#081853;
}

#faq {
  position:absolute;
  top:7.5em;
  margin-left:36em;
  font: 19px Helvetica Neue, Free Sans, Lucida Grande, Arial, Helvetica, Verdana, sans-serif;
  color:#666;
  font-weight: bold;
  margin-top: 0; 
  margin-bottom: 0;
}

#faq:hover {
  color:#081853;
}

#blog {
  position:absolute;
  top:7.5em;
  margin-left:39.5em;
  font: 19px Helvetica Neue, Free Sans, Lucida Grande, Arial, Helvetica, Verdana, sans-serif;
  color:#666;
  font-weight: bold;
  margin-top: 0; 
  margin-bottom: 0;
}

#faq:hover {
  color:#081853;
}

#contactUs {
  position:absolute;
  top:7.5em;
  margin-left:43.5em;
  font: 19px Helvetica Neue, Free Sans, Lucida Grande, Arial, Helvetica, Verdana, sans-serif;
  color:#666;
  font-weight: bold;
  margin-top: 0; 
  margin-bottom: 0;
}

#contactUs:hover {
  color:#081853;
}


#mainIndex {
  margin-top:4em;
  height:750px; 
  width:1026px; 
  min-width:1026px;
  margin-left:auto; 
  margin-right:auto;
  text-align:center;

}

#main {
  margin-top:4em;
  height:600px;
  width:1026px; 
  min-width:1026px;
  margin-left:auto; 
  margin-right:auto;
  text-align:center;

}



#mainGlassRailings {
  position:relative;
  display:inline;
  float:left;
}

#railingInformation {
  background: #fff url(/images/railing-information-bg.gif) top;
  width:509px;
  height:173px;
}

#railingInformation ul { 
  margin-top:-1em;
}

#railingInformation li { 
  list-style-type: none;
  background: url(/images/grey-bullet.gif) no-repeat;
  text-align:left;
  padding-left: 1em;
  padding-bottom: .4em;
}

.railingInfoText {
  margin-top:-1em;
  padding:1em;
}

.railingInfoLink a {
  position:relative;
  top:-1.4em;
  margin-left:27em;
  color:#fff;
  font: 12px Helvetica Neue, Free Sans, Lucida Grande, Arial, Helvetica, Verdana, sans-serif;
  
  text-decoration:none;
}

.railingInfoLink a:hover {
  position:relative;
  top:-1.4em;
  margin-left:27em;
  color:#fff;
  font: 12px Helvetica Neue, Free Sans, Lucida Grande, Arial, Helvetica, Verdana, sans-serif;
  font-weight:bold;
  text-decoration:none;
}

#mainContent {
  position:relative;
  display:inline;
  float:left;
  width:450px;
  text-align:left;
  padding:1em;

}

#content {
  position:relative;
  display:inline;
  float:left;
  width:700px;
  text-align:left;
  margin-top:1em;
}

#rightSideNav {
  position:relative;
  display:inline;
  float:right;
  width:250px;
  text-align:left;
  padding:1em;
}

#railingQuote {
  background: #216300 url(/images/railings-quote-bg.jpg) top;
  background-repeat: no-repeat;
  width:400px;
  height:195px;
  padding:10px;
  font: 14px Helvetica Neue, Free Sans, Lucida Grande, Arial, Helvetica, Verdana, sans-serif;
  color:#fff;

}

#railingQuote strong {
  color:#fff;
  font: 18px Helvetica Neue, Free Sans, Lucida Grande, Arial, Helvetica, Verdana, sans-serif;
  font-weight:bold;
}

#railingQuote td {
  color:#fff;
  font: 18px Helvetica Neue, Free Sans, Lucida Grande, Arial, Helvetica, Verdana, sans-serif;
  
}

#railingQuoteRightSideNav {
  background: #216300 url(/images/nav-railings-quote-bg.jpg) top;
  background-repeat: no-repeat;
  width:250px;
  height:351px;
  font: 14px Helvetica Neue, Free Sans, Lucida Grande, Arial, Helvetica, Verdana, sans-serif;
  color:#fff;

}

#railingQuoteRightSideNav strong {
  color:#fff;
  font: 18px Helvetica Neue, Free Sans, Lucida Grande, Arial, Helvetica, Verdana, sans-serif;
  font-weight:bold;
}

#railingQuoteRightSideNav td {
  color:#fff;
  font: 18px Helvetica Neue, Free Sans, Lucida Grande, Arial, Helvetica, Verdana, sans-serif;
  
}

#railingQuoteRightSideNav p {
  color:#ececec;
  font: 16px Helvetica Neue, Free Sans, Lucida Grande, Arial, Helvetica, Verdana, sans-serif;
  font-weight:bold;
  text-align:center;
  
}

#moveRight {
  padding:1em;
}

.quoteForm {
  position:relative;
  padding:.2em;
  width:200px;
}

#quoteButton {
  margin-left:15em;
  margin-top:-4.5em;
}

.mainBottomMenu {
  position:relative;
  display:inline;
  float:left;
  width:240px;
  height:200px;
  text-align:left;
  padding:10px;
  color:#216300;
}

#mainBottomMenu a:visited {
   color:#216300;
}

.mainBottomMenu2 {
  position:relative;
  display:inline;
  float:left;
  width:420px;
  height:200px;
  text-align:left;
  padding:10px;
  color:#216300;
}

#mainBottomMenu2 a:visited {
   color:#216300;
}

.mainBottomMenu3 {
  position:relative;
  display:inline;
  float:left;
  top:5em;
  width:480px;
  height:200px;
  text-align:left;
  padding:10px;
  color:#216300;
}

#mainBottomMenu3 a:visited {
   color:#216300;
}

#glassrailings a:visited {
   color:#216300;
}



#mainBottomMenu a:link {
   color:#216300;
}

#ftr {
  position:relative;
  background: #fff url(/images/vancouver-railings-footer-bg.gif) bottom center;
  background-repeat: no-repeat;
  width:930px;
  height:55px;
  padding:10px;
  font: 12px Helvetica Neue, Free Sans, Lucida Grande, Arial, Helvetica, Verdana, sans-serif;
  color:#fff;
  margin-left:auto; 
  margin-right:auto;
  text-align:center;

}

#ftr a {
  position:relative;
  margin-left:2em;
  top:2.5em;
  text-decoration:none;
  color:#fff;
}

#contactMark {
  position:relative;
  display:inline;
  float:left;
  text-align:left;
}

#contactFrank {
  position:relative;
  display:inline;
  float:right;
  text-align:left;
}

#contactInfo {
  text-align:center;
  width:600px;
  margin-top:1.5em;
}

#gallery img {
 border:1px solid #000;
 margin-right:.5em;
}

#copyright {
  font: 10px Helvetica Neue, Free Sans, Lucida Grande, Arial, Helvetica, Verdana, sans-serif;
  color:#666666;

}

#copyright a {
  font: 10px Helvetica Neue, Free Sans, Lucida Grande, Arial, Helvetica, Verdana, sans-serif;
  color:#666666;
  text-decoration:none;
}