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

  CSS on Sails Framework
  Title: Copper Moon
  Author: XHTMLized (http://www.xhtmlized.com/)
  Date: September 2010

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

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

  2. COMMON
      2.1 Container
      2.2 Header
      2.3 Navigation
      2.4 Wrapper
      2.5 Content
      2.6 Sidebar
      2.7 Footer
      2.8 IE6 & 7 Fix
      2.9 IE6 Fix

  3. PAGES
      3.1 Homepage
      3.2 About Us

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


/* 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, ul, li, 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: ""; }
a, ins, del { text-decoration: none; }
table { border-collapse: collapse; border-spacing: 0; }
th, td { vertical-align: top; }
th { text-align: left; }

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

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


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

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


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

body { background: #111 !important; font: 62.5%/1 Arial, sans-serif; }
hr { display: none; }
strong { font-weight: normal; }
em { font-style: normal; }
del { text-decoration: line-through; }
th { font-weight: normal; }
img { vertical-align: top; }
address, cite, dfn { font-style: normal; }

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. COMMON
--------------------------------------------------------------------------------
==============================================================================*/


/* 2.1 Container
------------------------------------------------------------------------------*/

#container { position: relative; margin: 0 auto; width: 960px; background: no-repeat; min-height: 100%; }


#top {
 height: 40px;
  width: 960px;
  padding: 0px 0px
}

#topinfo {
  text-align: right;
  padding: 10px 50px 0px 0px;
  background: url(../images/bars.png) 98.5% 0% no-repeat;
}



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

#header { position: relative; margin: 0px; }
#header h1 a { display: block; width: 467px; height: 69px; overflow: hidden; text-indent: -5000px; background: url(../images/header_a_bg.png) no-repeat; }

#left-header {
 width: 467px;
  float: left;
  overflow: hidden;
  
}

#header-text {
 height: 230px;
  width: 427px;
  padding: 20px 0px 0px 60px;
  clear: left;
}

#header-title {
  font-size: 20px;
  font-weight: bold;
  color: #cde4dc;
} 

ul.service-list {
 margin-top: 20px; 
  
}

ul.service-list li {
 font-size: 14px;
  color: #fff;
  margin-bottom: 8px;
  padding-left: 0px;
  list-style-image: url("../images/check.png");
}

ul.service-list li a {
 color: #123452; 
  text-decoration: underline;
}



ul.service-list li a:hover {
 text-decoration: none; 
}


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

#navigation { padding-top: 0px; }
#navigation ul { float: left; list-style-type:none; }
#navigation ul li { float: left; margin-right: 2px; }
#navigation ul li a { float: left; padding: 0 20px 0 21px; height: 40px; color: white; font-size: 1.4em; line-height: 40px; text-align: center; background: #333; }
#navigation div { margin-left: 480px; height: 40px; background: #333; }


/* 2.4 Wrapper
------------------------------------------------------------------------------*/

#wrapperbefore { clear: both; background: no-repeat; }

#wrapper { background: repeat-y; }




/* 2.5 Content
------------------------------------------------------------------------------*/

#content { height: 1%; }
#content:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }


/* 2.6 Sidebar
------------------------------------------------------------------------------*/

#sidebar { width: 200px; float: left; }


/* 2.7 Footer
------------------------------------------------------------------------------*/

#clear { clear: both; width: 900px; height: 0; overflow: hidden; }

#footer { clear: both; padding-top: 30px; height: 37px; text-align: right; }

#footer #suppnav { position: relative; font-size: 1.1em; top: -1px; margin-right: 23px; display: inline; cursor: default; }
#footer #suppnav a { color: #666666; size: 1.1em; position: relative; top: 1px; }
#footer #suppnav ul { display: inline; }
#footer #suppnav ul li { display: inline-block; padding-right: 3px; font-size: 1em; }
#footer #suppnav ul li a { position: relative; top: 1px; margin-right: 4px; font-size: 1.1em; }

#footer #copy { margin-right: 29px; display: inline; font-size: 1.1em; }

#footer #credit { display: inline; font-size: 1.1em; }
#footer #credit a { position: relative; top: -2px; display: inline-block; margin-left: 32px; width: 136px; height: 18px; color: #111; font-size: 0; vertical-align: middle; background: no-repeat; }


/* 2.8 IE6 & 7 Fix
------------------------------------------------------------------------------*/

* + html #footer #suppnav ul li { display: inline; margin-right: 3px; }

*   html #footer #suppnav ul li { display: inline; margin-right: 3px; }

* + html #footer #copy { margin-right: 32px; }

*   html #footer #copy { margin-right: 32px; }

* + html body.home #follow ul li { display: inline; margin-right: 31px; }

*   html body.home #follow ul li { display: inline; margin-right: 31px; }

* + html #sidebar ol li { zoom: 1; }

*   html #sidebar ol li { zoom: 1; }


/* 2.9 IE6 Fix
------------------------------------------------------------------------------*/

* html #container { height: 100%; }
* html #navigation ul { float: left; display: inline; margin-right: -5px; }


/* 3. PAGE
--------------------------------------------------------------------------------
==============================================================================*/


/* 3.1 Homepage
------------------------------------------------------------------------------*/

body.home #container { background-image: url(../images/home_container_bg.jpg); }

body.home #toll {
  color: #d8d8da;
  font-size: 14px;
  font-weight: bold;
}

body.home #number {
 font-size: 20px;
  color: #fff;
}

body.home #content {
 font-size: 14px; 
  color: #fff;
  line-height: 140%;
}


body.home #content li { list-style: none; }

body.home #header { padding-top: 30px; width: 960px; height: 315px; display: block; }

body.home #wrapperbefore { margin: 0 -21px; width: 1002px; height: 48px; background-image: url(../images/home_wrapperbefore_bg.png); }

body.home #wrapper { margin: 0 -21px; padding: 0 42px; width: 918px; background-image: url(../images/home_wrapper_bg.png); }

#gallery { position: absolute; top: 120px; right: 10px; width: 460px; height: 310px; }

#new { float: left; width: 436px; }
#new h1 { position: relative; top: -1px; padding-bottom: 2px; border-bottom: 1px solid #666; }
#new div h2 { margin-top: 5px; }
#new div span { display: block; margin-top: 2px; }
#new div p { margin-top: 15px; }
#new div div { margin-left: -3px; cursor: default; }
#new div div a { display: inline-block; margin: 0 3px; }

#offices { float: right; width: 119px; }
#offices h1 { position: relative; top: -1px; padding-bottom: 2px; border-bottom: 1px solid #666; }
#offices ul { margin-top: 4px; }
#offices ul li { margin-bottom: 15px; }

#talk { float: left; display: inline; margin-left: 44px; width: 277px; }
#talk h1 { position: relative; top: -1px; padding-bottom: 2px; border-bottom: 1px solid #666; }
#talk div h2 { margin-top: 5px; }
#talk div h3 { margin-top: 2px; }
#talk div h4 { margin-top: 6px; }
#talk div ul { margin-top: 3px; }
#talk div ul li { margin-bottom: 3px; }
#talk div ul li span { display: inline-block; width: 70px; }

#follow { float: left; margin-top: 67px; width: 277px; }
#follow h1 { position: static; padding: 0; border: none; }
#follow ul { padding-top: 10px; }
#follow ul li { display: inline-block; margin-right: 29px; vertical-align: middle; }

body.home #footer #suppnav,
body.home #footer #suppnav ul li,
body.home #footer #suppnav ul li a,
body.home #footer #copy,
body.home #footer #credit { color: #666; }

body.home #footer #credit { margin-right: 8px; }
body.home #footer #credit a { background-image: url(../images/home_credit_a_bg.png); }

body.home #logo { float: left; }


/* 3.2 About Us
------------------------------------------------------------------------------*/

body.interior #container { background: url(../images/interior_bg.jpg); }

body.interior #number {
 font-size: 20px;
  color: #333333;
}

body.interior #toll {
  color: #4a6363;
  font-size: 14px;
  font-weight: bold;
}

body.interior #header { 
margin-bottom: -2px; 
display:inline;
float:left;
height:69px;
margin:36px 0 0 5px;
position:relative;
width:467px;}

body.interior #header h1 a { background-image: url(../images/header_a_bg_orange.png); }

body.interior #wrapperbefore { margin: 0 -2px; width: 964px; height: 79px; background-image: url(../images/wrapperbefore_bg.png); }

body.interior #wrapper { margin: 0 -2px; width: 964px; background-image: url(../images/wrapper_bg.png); }

body.interior #transparent {
 
 
}

body.interior #content { float: left; display: inline; margin: -48px 30px 0px 30px; width: 900px; }
body.interior #content h1 { margin-left: 0px; padding-bottom: 17px; }
body.interior #content p { margin-top: 18px; }

body.interior #sidebar { position: relative; float: right; display: inline; margin: -98px 12px 0 0; padding-top: 193px; width: 360px; background: url(../images/sidebar_bg_envelope.png) no-repeat 128px 0; }
body.interior #sidebar h4 { padding: 0 20px 3px 19px; border-bottom: 1px solid #ccc; }
body.interior #sidebar p { margin: 8px 20px 3px 19px; }
body.interior #sidebar ol { margin: 24px 20px 3px 11px; }
body.interior #sidebar ol li { margin-top: 10px; padding: 3px 0 0 6px; background: url(../images/sidebar_li_bg.png) no-repeat; }
body.interior #sidebar ol li h5 { display: inline; }
body.interior #sidebar ol li p { display: inline; margin: 0 0 0 2px; }


body.interior #footer {
  
 height: 50px;
  padding-top: 77px;
  background: url(../images/footer_bg.png) no-repeat;
}


body.interior #footer #suppnav,
body.interior #footer #suppnav ul li,
body.interior #footer #suppnav ul li a,
body.interior #footer #suppnav a,
body.interior #footer #copy,
body.interior #footer #credit { color: #fff; }
body.interior #footer #credit { margin-right: 37px; }
body.interior #footer #credit a { background-image: url(../images/credit_a_bg.png); }