/************************************
Filename:			default.css
Project:			rcldoors.com
Point of contact:	Andrew Grundy (hello@jujudigital.com)
Description:		Default style sheet for the site
Version history:	2011-11-23     1.0   ANG  First release
*************************************/

/* Reset all elements
**********************/
html, body, h1, h2, h3, h4,h5, h6, p, a, ul, ol, li, form, fieldset, legend, input, textarea, select, table, caption, thead, tbody, tfoot, th, td  { margin: 0; padding: 0; }
img {border: 0;}

/* Basic typography
*********************/
h1, h2, h3, h4 {font-family: arial, sans-serif; font-weight: bold; color: #00447b; text-align: left; }
h1, h2, h3, h4 , p { margin-bottom: 1.2em; }
h1 { font-size: 1.35em; } 
h2 {  font-size: 1.2em; }
h3 {  font-size: 1.0em; }
h4 {  font-size: 1.0em; }


/* General classes
*******************/
.clearfix { position: relative; clear: both; line-height: 1; width: 100%; height: 1px; }


/* Main layout emlements
***********************/
body {height: 100%; background: #f3f0ea; font-family: Helvetica, sans-serif; }
#nav_main { width: 960px; height: 30px; margin-top: 30px; margin-right: auto; margin-bottom: 10px; margin-left: auto; }
#page { z-index: 0; width: 960px; height: 100%; margin: 10px auto; border: 1px solid #9d9e96; background: #ffffff; }
#header { width: 930px; height: 270px; padding: 0 0 20px 30px; }
#content { z-index: 0; width: 900px; height: 30%; padding: 0 30px; clear: both; word-spacing:3px;}
#footer {  width: 100%; height: 180px; background-color: #0062ab; margin-top: 75px; border-top: 1px solid #cccccc; font-size: 0.85em; color: #ffffff; }
/* END  main layout elements */


/* Main Navigation elements
*************************/
#nav_main ul { list-style: none;  font-size: 1.2em; }
#nav_main ul li { position: relative; display: block; float: left; padding: 0 0 0 25px; }
#nav_main ul li a/*:link, #nav_main ul li a:visited */{ text-decoration: none; color: #00447b; }
#nav_main ul li a:hover { position: relative; color: #9c0438; border-bottom: 2px dotted  #9c0438; }
#nav_main ul li a.navlink.current { position: relative; color: #00447b; border-bottom: 2px; border-bottom-style: dotted; border-bottom-color: #00447b; }


/* Header elements
*******************/
#header #site_info { position: relative; clear: left; float: left; margin-top: 20px; font-family: arial, sans-serif; width: 358px; }
#header #site_info #logo {width: 270px; height: 94px; margin: 20px 0;}
#header #site_info #logo a:link, #header #site_info #logo a:visited, #header #site_info #logo a:hover { text-decoration: none; }
#header #site_info p.tagline_1 { font-weight: bold; color: #00447b; font-size: 1.0em; margin-bottom: 20px; }
#header #site_info p.tagline_2 { color: #808277; font-size: 1.0em; font-weight: bold; margin-bottom: 20px; }
#header #site_info ul { list-style: none; font-size: 0.825em; color: #808277; }
#header #site_info ul li { position: relative; display: block; float: left; padding: 0 25px 0 0; }
#header #site_info ul li a:link, #header #site_info ul li a:visited { text-decoration: none;  color: #808277; }
#header #site_info ul li a:hover { color: #9c0438; }
#header #slide_show { position: relative; float: left; margin: 15px 0;}



/* Content elements
********************/
#content #contact_left_col, #contact_right_col { position: relative; float: left;  height: 100%; text-align: justify; }
#content p  { color: #808277; line-height: 1.5; font-size: 0.85em;}
#content ul {font-size: 0.85em; list-style-image: url('images/blue-check.png'); padding-left: 40px;}
#content  { visibility: visible; position: relative; padding: 0 25px; /*top: -43px;*/ }
#index_left {position: relative; float: left; width: 45%; margin-left: 40px; margin-top: 80px;}
#sliding {padding: 100px 0 80px 0; text-align: center;}
#series {padding: 60px 0 40px 0; text-align: center;}
#flush {padding: 0 0 80px 0; text-align: center;}
#hinged {padding: 80px 0 140px 0; text-align: center;}
#index_right { float: left; width: 45%; margin-left: 50px; }


#download { clear: both; text-align: center; margin: 20px 0 0 0; }



/* Footer elements
******************/
#footer ul { position: relative; float: left; list-style: none;  margin-left: 150px; padding-top: 35px; font-weight: bold;  }
#footer ul li { padding-bottom: 0.25em; }
#footer ul li a:link, #footer ul li a:visited, #footer #company_info p a:link, #footer #company_info p a:visited { color: #ffffff; text-decoration: none; }
#footer ul li a:hover, #footer #company_info p a:hover { color: #9c0438; }

#footer #company_info { position: relative; float: right; margin-top: 35px; padding-right: 30px;}
#footer #company_info p { text-align: right; }

img.overlay { position: relative; bottom: 112px; float: left;  z-index: 10;  }

#legal { width: 960px; margin: 10px auto; text-align: left; font-size: 0.8em; color: #808277; }

/* Contact form
*******************/
#contact_form { position: relative; width: 400px; margin-left: 0px; padding-bottom: 80px; font-size: 0.85em; color: #00447b;}
#contact_form fieldset{ position: relative; width: 350px; height: auto; 
border-color: #00447b; border:1px solid; border-radius:10px;
/* Firefox 3.6 and earlier */-moz-border-radius:10px;  border-color: #00447b; padding-left: 25px; padding-bottom: 25px; padding-top: 15px; padding-right: 15px; margin-top: 15px;}
#contact_form legend {font-weight: bold; font-size: 1.4em; color: #00447b; }
#contact_form label{ display: block; float: left; width: 98px; text-align: left; margin-top: 20px; /*set the top margin the same as the input and textarea elements*/ }
#contact_form input, #contact_form textarea{  width: auto;  color: #808277; margin-top: 20px; /*set the top margin the same as the label elements*/   }
#contact_form select{margin-top: 20px;}
#contact_form textarea{ overflow: auto; font-size:120%; width: 340px; float:left;}
#buttons  { float:right; margin-right: 20px; width:250px; text-align:right; }
#buttons input { padding: 2px 4px; }
#contact_left_col {margin:0 35px 0 25px; padding-top: 20px;}
#content #contact_right_col { position: relative; float: left;  height: 100%; text-align: justify;width: 375px; padding: 20px 15px 0 25px;  }
.contact_map { border: 1px solid #00447b; }
#contactimage { padding-top:24px;}


#fail {
  display: none;
}
#message,
#fail {
  margin-top: 10px;
  margin-bottom: 10px;
}

#acp {
  border: 1px solid #CCCCCC;
  width: 30px !important;
  height: 20px;
  text-align: center;
}