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

	CSS on Sails
	Title: Website
	Author: XHTMLized
	Date: March 2008 

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

		
	1. BASE
			1.1 Reset
			1.2 Default styles
			1.3 Basic styles
	
	2. LAYOUT
			2.1 Header
			2.2 Content
			2.3 Sidebar
			2.4 Footer
		

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


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



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


	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}
	
	body {
		line-height: 1;
	}
	
	ol, ul {
		list-style: none;
	}
	
	blockquote, q {
		quotes: none;
	}
	
	blockquote:before, 
	blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	
	:focus {
		outline: 0;
	}
	
	ins {
		text-decoration: none;
	}
	
	del {
		text-decoration: line-through;
	}
	
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}


/* 1.2	Default styles
-----------------------------------------------------------------------------------------------*/	

	body {
		background: #fff;
		font: 62.5% Arial, Helvetica, sans-serif;
		text-align: center;
    color: #364A55;
		}

	hr { 
		display: none;
	}
			
	strong {
		font-weight: bold;
	}
			
	em {
		font-style: italic;
	}
		
	abbr, acronym {
		border-bottom: 1px dotted #999; 
		cursor: help;
	}
	
	input, textarea, select {
		font: 1.2em Arial, Helvetica, sans-serif;
	}

	a {
		color: #0000ff;
		text-decoration: underline;
	}
	
	a:hover, 
	a:active {
		color: #ff0000;
		text-decoration: none;
	}
	

/* 1.3	Basic styles
-----------------------------------------------------------------------------------------------*/	

	.hide {
		display: none;
	}
	

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

	
	.container {
		width: 770px;
		position: relative;
		margin: 0 auto;
		text-align: left;
    overflow: hidden;
	}
	
	#header {
		width: 770px;
		position: relative;
		margin: 0 auto;
		text-align: left;
    margin-top: 10px;
    margin-bottom: 55px;
    height:20px;
  }
	
  
  #banner {
		width: 770px;
		position: relative;
		margin: 0 auto;
		text-align: left;
    height: 60px;
    background: url(../images/banner-bg.jpg) no-repeat 0px 0px;
    margin-bottom: 30px;
  }  
	/* Default (two column layout) */
	
	#content-wrapper {
		width: 528px; 
		float: right;
    margin-bottom: 55px;
	}
		
  #content {
		width: 380px; 
		float: left;
  }  
  #content-sidebar {
		width: 146px; 
		float: right; 
  }  
    
	#sidebar {
		width: 200px;
		float: left; 
    padding: 0 22px 0 20px;
	}
	
	#footer {
    clear: both;
		width: 730px;
		position: relative;
		margin: 0 auto;
    margin-bottom: 10px;
    padding: 0 20px;
	}
		
	

/* 2.1	Header
-----------------------------------------------------------------------------------------------*/	

  #header #logo {margin:0; padding: 0 20px; float:left; width: 202px;}
  #header ul#topnav {width: 528px; float:right; margin:0; padding: 7px 0 0 0; list-style:none;}
  #header ul#topnav li {display:inline; padding-right: 20px; font-size: 1.2em; font-weight:bold;}
  #header ul#topnav li a {color: #46565F; text-decoration: none;}
  #header ul#topnav li a:hover {color: #E31B23;}
  #header ul#topnav .current_page_ancestor a, 
  #header ul#topnav .current_page_item a {color: #E31B23; text-decoration: none; }
	#header h1 span {	
		position: absolute; 
		top: 0;
		left: -1000em;
		z-index: 10;
		background: url(../images/logo.gif) no-repeat;
	}
	
	#accessibility-links {
		position: absolute;
		left: -1000em;
		text-align: left;
	}
	

/* 2.2	Banner
-----------------------------------------------------------------------------------------------*/	
  #banner .kadg {float:right; width:148px;}
  #banner span {display: none;}
  #banner .portfolio {float:left; width: 622px; height:60px; overflow:hidden;}
  #banner a {height:60px; display:block; overflow: hidden; float:left;}
  #banner .portfolio img {padding-top: 60px;}
  #banner .portfolio a:hover {background-position: 0px -60px;}
  
  #banner a.pf1 {background: url(../../images/pf1.jpg) no-repeat 0px 0px; width:157px;}  
  #banner a.pf2 {background: url(../../images/pf2.jpg) no-repeat 0px 0px; width:131px;}  
  #banner a.pf3 {background: url(../../images/pf3.jpg) no-repeat 0px 0px; width:145px;}  
  #banner a.pf4 {background: url(../../images/pf4.jpg) no-repeat 0px 0px; width:71px;}  
  #banner a.pf5 {background: url(../../images/pf5.jpg) no-repeat 0px 0px; width:118px;}  
  #banner a:hover {background-position: 0px -60px;}
  #banner .case {width: 528px; float:right; textalign:left;}
  #banner .case a {width: 58px; height: 58px; border: 1px solid #fff; display:block; overflow:hidden; float:left;}
  #banner .case a:hover {border: 1px solid #E31B23;}
  #banner a.n1 {background: red url(../images/1.png) no-repeat -1px -1px; margin-right: 2px;}
  #banner a.n2 {background: url(../images/2.png) no-repeat -1px -1px; margin-right: 2px;}
  #banner a.n3 {background: url(../images/3.png) no-repeat -1px -1px; margin-right: 2px;}
  #banner a.n4 {background: url(../images/4.png) no-repeat -1px -1px; margin-right: 2px;}
  #banner a.n5 {background: url(../images/5.png) no-repeat -1px -1px; margin-right: 2px;}
  #banner a.n1:hover,#banner a.n2:hover,#banner a.n3:hover,#banner a.n4:hover,#banner a.n5:hover, #banner a.current 
  { background-position: -1px -61px; border: 1px solid #E31B23;}


  
/* 2.3	Content
-----------------------------------------------------------------------------------------------*/	
  #content {font-size: 1.16em; line-height: 1.4em;}
  #content p {margin: 0 0 1.0em 0;}
  #content blockquote {font-size: 1.15em; color: #E31B23; font-weight: bold;
      margin: 0 0 1.0em 0; padding:0px; line-height: 1.25em;}
  #content blockquote p {margin:0;}    
  #content h2 {font-size: 1.15em; color: #E31B23; margin: 1.5em 0 0.5em 0; }
  
/* 2.4	Sidebar
-----------------------------------------------------------------------------------------------*/	
  #sidebar {font-size: 1.2em; line-height: 1.5em;}
  #sidebar blockquote {font-size: 1.45em; color: #E31B23; 
      margin: 4.35em 0 0 0; padding:0 0 0 20px; text-align:right; line-height: 1.5em; font-style: italic;}
  #sidebar a {color: #364A55; text-decoration: none; }
  #sidebar ul {margin:0; padding:0; list-style:none;}
  #sidebar li.current_page_ancestor a {color: #E31B23; }
  #sidebar li.current_page_ancestor ul a {color: #364A55;}
  #sidebar li.current_page_item a, #sidebar li li.current_page_item a {color: #E31B23; }
  #sidebar li.current_page_item ul a {color: #364A55; }
  #sidebar ul li ul {display: none;}
  #sidebar ul li.current_page_item ul, #sidebar ul li.current_page_ancestor ul {display: inline;}
  #sidebar ul li ul li {padding-left: 15px; font-size: 0.94em;}
  #sidebar .address {line-height: 1.5em;}
  #sidebar h2 {color: #E31B23; font-weight: bold; font-size: 1.1em; margin: 0 0 0.5em 0;}
  #sidebar h3 {letter-spacing: 1px; font-weight: normal; margin: 1.0em 0 0 0;}
  #sidebar a:hover,#sidebar li.current_page_ancestor ul a:hover {color: #E31B23;}
  
  /* Our process need bottom margin, separated from other page navs */
  /* #sidebar li.page-item-7, #sidebar li.page-item-12 {margin-bottom: 1.0em;} */
  #sidebar li.page-item-9, #sidebar li.page-item-14 {margin-bottom: 1.0em;}

/* 2.5	Footer
-----------------------------------------------------------------------------------------------*/	
  #footer {
    font-size: 0.86em; 
    text-align: right;
  }