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

	CSS on Sails
	Title: Site Name
	Author: XHTMLized (http://www.xhtmlized.com/)
	Date: May 2009

***********************************************************************************************
		
	1. BASE
			1.1 Reset
			1.2 Accessibility Navigation & Hide
			1.3 Clearfix
			1.4 Default 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; }
address { font-style: normal; }

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

ol#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: #fff; color: #333; font: 62.5% Georgia, "Times New Roman", Times, serif; text-align: center; }
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:link, a:visited { color: #1c71a6; text-decoration: none; }
a:hover, a:active { color: #1c71a6; text-decoration: underline; }
p{color: #333333; padding-bottom: 15px; line-height: 1.428em;}


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

.container, #header, #footer { width: 960px; position: relative; margin: 0 auto; text-align: left; font-size: 1.2em; }

/* Default Layout (Two Columns) */
#content { width: 704px; padding: 30px 20px 50px 0; float: right; font-size: 1.166em;}
#sidebar { width: 216px; padding-top: 10px; float: left; background: url(../images/bg_sidebar.gif) repeat-x top; min-height: 385px; font: 1em/1.2em "Lucida Sans Unicode", "Lucida Grande", sans-serif; }
#footer { width: 920px; clear: both; padding: 15px 20px 30px; border-top: 1px solid #e1f4ff; overflow: hidden; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; }

.home #content{ width: 626px; padding: 30px 20px 50px 0; float: right; }
.home #sidebar{ width: 235px; padding: 20px; float: left; background: url(../images/bg_home_sidebar.gif) repeat-x top; }

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

#header{position: relative; height: 75px; padding-top: 15px;}
#header q{float: right; text-align: right; color: #0061aa; font-size: 1.5em; width: 400px; padding-top: 15px;}
#header h1, #header h1 span, #header a.logo, #header a.logo span { display: block; overflow: hidden; width: 254px; height: 62px; float: left; }
#header h1, #header a.logo { position: relative; }
#header h1 span, #header a.logo span { position: absolute; top: 0; left: 0; z-index: 10; background: url(../images/logo.gif) no-repeat; }
#header a.logo span { cursor: pointer; }

#navigation{ height: 36px; background: #0061aa; position: relative; z-index: 99;}
#navigation ul{width: 960px; margin: 0 auto; background: url(../images/nav_separator.gif) no-repeat left; height: 36px;}
#navigation li{float: left; background: url(../images/nav_separator.gif) no-repeat right; height: 36px; position: relative;}
#navigation li a{ float: left; height: 12px; padding: 13px 11px 11px; color: #fff; font: 1.1em/1em "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-transform: uppercase;}
#navigation li.hover a, #navigation li a:hover{background: #1c71a6; text-decoration: none;}

#navigation ul ul{ position: absolute; left: 0; top: 36px; width: 215px; margin: 0; background: none; height: auto; z-index: 99; display: none;}
#navigation ul ul li{width: 215px; background: none; height: auto; text-align: left;}
#navigation ul ul li a{width: 175px; padding: 10px 20px; background: #1c71a6; border-top: 1px solid #3188b6; text-transform: none;}
#navigation ul ul li a:hover{background: #175e8a;}
#navigation li.hover-sibling-prev{background: none;}
#navigation ul li.hover ul{display: block;}

#banner{ height: 125px; background: #5393c4 url(../images/bg_banner.gif) repeat-x top;}
#banner .banner-content{width: 960px; margin: 0 auto;}
#banner h1{font-size: 2em; color: #fff; text-align: right; padding: 50px 20px 0 0;}

.home #banner{ height: 205px; background: #5393c4 url(../images/bg_home_banner.jpg) repeat-x top;}
.home #banner .banner-content{height: 155px; text-align: center; width: 515px; padding: 50px 225px 0 220px; margin: 0 auto; background: url(../images/bg_home_banner_content.jpg) no-repeat top;}
.home #banner .banner-content h2{color: #fff; font-size: 2.4em; padding-bottom: 10px;font-weight: normal;}
.home #banner .banner-content p{color: #fff; font-size: 1.1em; line-height: 18px;}



/* 2.2	Content
-----------------------------------------------------------------------------------------------*/	

.image-right{float: right; margin: 0 0 10px 10px;}
.image-left{float: left; margin: 0 10px 10px 0;}

.home #content h2{ font-size: 1.714em ; padding-bottom: 20px;}

ul.hours li{padding-left: 16px; background: url(../images/bullet.gif) no-repeat 0 4px;}


/* 2.3	Sidebar
-----------------------------------------------------------------------------------------------*/	

.home #sidebar{padding-top: 40px;}
#sidebar h3{color: #0061aa; font-size: 1.5em; font-weight: bold; padding-bottom: 20px;}
#sidebar h4{font-size: 1em; font-weight: bold; line-height: 1.2em;}
#sidebar .adr, #sidebar .phone, #sidebar .mail{padding-bottom: 15px;}
#sidebar .phone span.label{float: left; width: 75px;}
#sidebar .mail a{color: #333; text-decoration: underline;}
#sidebar .mail a:hover{color: #1C71A6;}

.sidebar-nav li{ padding: 8px 20px; border-bottom: 1px solid #c6e7fa; line-height: 1em;}


/* 2.4	Footer
-----------------------------------------------------------------------------------------------*/
#footer p { width: 196px; float: left; color: #777; font-size: .916em; line-height: 1em; padding: 0; }
#footer ul { width: 704px; float: right; }
#footer ul li{float: left; height: 10px; border-left: 1px solid #adadad; padding: 0 5px 0 6px; line-height: 10px;}
#footer ul li.first{border: 0; padding-left: 0;}
#footer ul a {font-size: .916em; color: #1c71a6; text-decoration: none;}
#footer ul a:hover{color: #1c71a6; text-decoration: underline;}