/**********************************************************************************************

	CSS on Sails
	Title: D-C Elevator Co., INC.
	Author: XHTMLized (http://www.xhtmlized.com/)
	Date: August 2009

***********************************************************************************************

	1. BASE
			1.1 Reset
			1.2 Accessibility Navigation & Hide
			1.3 Clearfix
			1.4 Default Styles

	2. LAYOUT
			2.1 Structure
			2.2 Header
			2.3 Navigation
			2.4 Content
			2.5 Footer

***********************************************************************************************/


/* 1. BASE
-----------------------------------------------------------------------------------------------
===============================================================================================*/


/* 1.1 Reset
-----------------------------------------------------------------------------------------------*/

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
a, ins, del { text-decoration: none; }
table { border-collapse: collapse; border-spacing: 0; }
th, td { vertical-align: top; }
th { text-align: left; }
li { font-size: 9pt; }

/* 1.2 Accessibility Navigation & Hide
-----------------------------------------------------------------------------------------------*/

ol#accessibility-nav, .hide { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; }


/* 1.3 Clearfix
-----------------------------------------------------------------------------------------------*/

.intro-paragraph:after,
#contact:after,
#intro:after,
#navigation:after,
#portfolio-gallery .row:after
{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }


/* 1.4 Default Styles
-----------------------------------------------------------------------------------------------*/

body { background: #fff url(../images/bg_body.jpg) top left repeat-x; font-family: "Arial", "Helvetica", sans-serif; position: relative;}
hr { display: none; }
#fullPage hr{ display: block; }
#fullPage td{ padding-right: 15px; }
strong { font-weight: bold; }
em { font-style: italic; }
del { text-decoration: line-through; }
th { font-weight: normal; }
address, cite, dfn { font-style: normal; }
li { list-style: none; }
.item li { list-style: disc none outside; }
abbr, acronym { border-bottom: 1px dotted #999; cursor: help; }
input, textarea, select { font-family: "Arial", "Helvetica", sans-serif; }
a, a:visited { color: #00f; text-decoration: none; }
a:hover, a:active { color: #f00; text-decoration: underline; }


/* 2. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/


/* 2.1 Structure
-----------------------------------------------------------------------------------------------*/

.container {
  width: 783px;
  margin: 0 auto;
  position: relative;
}

#header {
  background: #ebedf3 url(../images/bg_header.jpg) top left no-repeat;
  height: 117px;
}

#footer 
{
    z-index: 0;
  border-top: 3px solid #efefef;
  margin-top: 33px;
  height: 40px;
  padding-top: 10px;
  font-size: 12px;
  color: #666666;
  position: relative;
}

/* page specific */
.page-portfolio #content {
  padding-top: 30px;
}


/* 2.2 Header
-----------------------------------------------------------------------------------------------*/

#header h1 strong,
#header h1 a {
  display:block;
  text-indent: -9999px;
  position: absolute;
}

#header h1 strong {
  background: url(../images/DCElevator_Title.gif) top left no-repeat;
  width: 450px;
  height: 65px;
  top: 40px;
  right: 0;
}

#header h1 a {
  width: 98px;
  height: 92px;
  background: url('../images/DC-Elevator_logo.gif') no-repeat right bottom;
  left: 0px;
  top: 7px;
}


/* 2.3 Navigation
-----------------------------------------------------------------------------------------------*/

#navigation {
  width: 783px;
  margin: 0 auto;
}

/* Basic code */
 
 #nav { float:left; margin: 0; padding: 0; position: absolute; left: 0; position: relative;}
  #nav li { display: block; list-style: none; margin: 0 5px; padding: 0; float: left; position: relative; text-transform: uppercase; }
  #nav a { display: block; font-weight: bold; text-shadow: 0 1px 1px #888585; text-decoration: none;}
  #nav ul { position: absolute; left: 0; margin: 0; padding: 0; margin-top: -1px; }
  	#nav ul a { zoom: 1; } /* IE6/7 fix */
    #nav ul li { float: none; }
    #nav ul ul { top: 0; }
    
   #nav li:hover ul{display: block;}
   
    ul.sub{ display: none; }
    ul.sub:hover {display: block; }
/* Essentials */

#nav ul { width: 210px;  text-transform: none !important; }
#nav ul ul { left: 131px; background: url(../images/nav_submenu.jpg) top left no-repeat !important;}
.sub { background: url(../images/nav_submenu.jpg) top left no-repeat !important; text-transform: none !important; }
.sub * {line-height: 30px !important; text-transform: none !important; text-shadow: none !important; font-weight: normal !important;}
.sub *:hover {background: transparent !important;}


#nav { height: 41px; top: 1px; position: relative; }
#nav li:hover, #nav li a:hover { background: url(../images/nav_hover.jpg) top left no-repeat; }
#nav a { color: white; font-size: 12px; padding: 0 6px; line-height: 41px; }

  #nav ul { top: 42px; text-transform: none !important; }
    #nav ul li a { background: transparent !important;  border-bottom: 1px solid #747373; border-top: 1px solid #525050; }
      #nav ul a.hover { background: transparent !important; text-decoration: underline; }
   #nav ul a { background: transparent !important; }

#search-form {
  float:right;
  margin-top: 11px;
}

#search-form fieldset {
  width: 145px;
  position: relative;
  display: block;
  background: url(../images/misc_search.jpg) top left no-repeat;
}

#search-form #search {
  width: 106px;
  color: #767676;
  border: 0;
  position: absolute;
  top: 4px;
  left: 1px;
  font-size: 11px !important;
  background: transparent;
  outline: none;
  padding: 0 5px !important;
}

#search-form #search-submit {
  border: 0;
  cursor: pointer;
  width: 22px;
  height: 22px;
  text-indent: -9999px;
  background: transparent;
}


/* 2.4 Content
-----------------------------------------------------------------------------------------------*/

#content
{
	margin-top:		40px;
	background: #f2f2f2;
}

#content a{
	color: 		#6699CC;
	font-size:		11pt;
	font-weight:	bold;
}

#content #intro {
  padding: 30px 0 30px 0;
  margin-bottom: 45px;
  margin-top: -11px;
  position: relative;
  z-index:1;
}

#content h2 {
  font-size: 50px;
  width: 783px;
  margin: 10px auto 0 auto;
  color: #666666;
  font-family: "Georgia", serif;
  font-weight: normal;
  padding: 0 !important;
}

.intro-movie {
  float: left;
  position: relative;
  z-index:1;
}

.intro-paragraph {
  font-size: 15px;
  float: right;
  color: #333333;
  width: 305px;
}

.intro-paragraph p {
  margin-bottom: 15px;
  line-height: 19px;
}

.more-link {
  display: block;
  width: 303px;
  height: 54px;
  text-indent: -9999px;
  outline: none;
  background: url(../images/txt_intro.jpg) top left no-repeat;
}

h3 {
  font-size: 30px;
  color: #bbbbbb;
  font-weight: normal;
  font-family: "Georgia", serif;
}

#contact {
  background: #fbfaeb;
  padding: 10px 0 10px 3px;
  margin-top: -7px;
  height: 1%;
}

#contact address {
  float: left;
  margin: 9px;
  font-size: 12px;
  color: #333333;
  width: 142px;
}

#contact address.shorter {
  width: 132px;
}

#contact address strong {
  display: block;
  margin: 0 0 15px 0;
}

.introduce {
  color: #666666;
  font-size: 18px;
  font-family: "Georgia", serif;
  line-height: 24px;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 26px;
  margin-top: 20px;
}

.introduce em {
  display: block;
  margin-top: 20px;
}

#portfolio-gallery {
  margin-top: 35px;
}

#portfolio-gallery .item {
  float: left;
  margin-bottom: 40px;
  width: 223px;
}

#portfolio-gallery .item h4 {
  color: #333333;
  font-size: 14px;
  margin-bottom: 10px;
}

#portfolio-gallery .item p {
  color: #333333;
  line-height: 16px;
  font-size: 12px;
  margin-top: 10px;
}

#portfolio-gallery .central {
  margin-left: 57px;
  margin-right: 57px;
}

/* 2.5 Footer
-----------------------------------------------------------------------------------------------*/

#footer ul#footer-nav {
  float: right;
}

#footer p {
  float: left;
}

#footer ul#footer-nav li {
  float: left;
  padding: 0 5px;
  border-left: 1px solid #666666;
}

#footer ul#footer-nav li.first {
	border-left: none; 
}

#footer ul#footer-nav li a {
  color: #666666;
  text-decoration: none;
}

#footer ul#footer-nav li a:hover {
  text-decoration: underline;
}

.List li a
{
	color:		#FF6100;
}