@charset "utf-8";
/* === Base === */
* {
	margin: 0;
	margin-right: auto;
	margin-left: auto;
	-webkit-box-sizing: border-box;
	-mor-box-sizing: border-box;
	box-sizing: border-box;

}


/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

ARTICLE, aside, details, figcaption, figure, FOOTER, HEADER, hgroup, SECTION, NAV, { display: block; 

margin:0px; padding:0px; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }



/* =============================================================================
   Embedded content
   ========================================================================== */


/* Correct overflow not hidden in IE9 */
svg:not(:root) { overflow: hidden; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-y: scroll;}
body {margin: 0;font-size: 1em; line-height: 1.4; background-color:#ffffff;}
article, aside, details, figcaption, figure, footer, header, hgroup, section, img { display: block; }

.wrap {max-width: 1024px; background: #ffffff;}

 /* Clear floats:*/
 /* Clear floats:*/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: block; zoom: 1; }
p.clear{ clear: both; }
.clear{ clear: both; }


[class*='grid-']
{
width:100%;
top:0px;
left:0px;
}
.grid-1 {
height:100%;
}
.grid-2 {
height:100%;
}
.grid-3 {

height:100%;
}

.-white-strip{
width:100%;
height:130px;
position:absolute;
left:0px;
top:0px;
z-index:-2;
}




[class*='col-']
{
float:left;
}

.col-35{
width:35%;

}

.col-65{ 
width:65%;
}
.col-60{ 
width:60%;
}
.col-50{ 
width:50%;
}
.col-40{ 
width:40%;
}
.col-100{ 
width:100%;

}

.col-33{
width:33.33%;
float:left;
}

.module
{
padding:20px;
margin:10px;
font-family: Helvetica,verdana, arial, sans-serif;
font-size: 1.1em;
line-height:2em;
color: #666666;
}
.module_header
{
padding:10px 20px;
margin:10px 10px;
color: #ffffff;
}
.module ul
{
list-style-type: none;
 padding: 0;
 margin: 0;
}

.module ul li
{
background: url('../img/dot.jpg') no-repeat left; background-position: 0 .8em;
padding-left: .7em;
margin:0px;
}

.slideshow {
padding:10px;
width:100%;
height:100%;
top:20px;
float:left;

}


/************************************************************************************
FOOTER
*************************************************************************************/
#tel {background: url('../img/t-icon.jpg') no-repeat left; padding:0px 20px 0px 30px; }
#email {background: url('../img/e-icon.jpg') no-repeat left; padding:0px 20px 0px 30px; }
#fb {background: url('../img/fb-icon.jpg') no-repeat left; padding:0px 20px 0px 30px;}

FOOTER li {font-size:0.8em; padding:0px 0px 0px 20px; display: inline;}
FOOTER {max-width:1024px; color:#CCCCCC; padding:0px 0px 60px 0px; }
#footer-bg{padding:20px 20px 0px 0px; border-top:#f0f0f0 1px solid; width:100%; padding:0px; height:100%;}
#footer-nav {float:right; font-size:0.7em; margin-right:2px; padding:20px 20px 0px 0px;}



/************************************************************************************
HEADER
*************************************************************************************/
HEADER { height:125px; background-color:#ffffff; background: url('../img/brush.jpg') no-repeat top; 

background-position: right 20em top 0px; margin:0px; }
#site-logo {float:left; padding:30px 0px 40px 30px;}
.tagline{color:#ffffff; line-height:1.5em; padding-top:20px; text-align:center; font-size: 1.3em;}

NAV{
width: 40%;
height:33px;
background-color:#ffffff;
position:relative;
top:30px;
left:0px;
margin-top:60px;
margin-right:20px;
float:right;
}



NAV ul, NAV ol 
{ list-style: none; list-style-image: none; margin: 0; padding: 10px; color:#cccccc; float:right;}

NAV li 
 {
  color:#cccccc;
display:inline;
float:left;
font-family: Helvetica,verdana, arial,sans-serif;
font-size:1.1em; 
padding-right:5px;
padding-left:5px;
}

.divider{margin: 0;float:left;font-size:.9em;color:#cccccc;display:inline;padding:3px; }

a { color: #000; 
text-decoration:none; 
font-family: Helvetica,verdana, arial, sans-serif;
font-size: 1.1em; }
a:visited { color: #1d1848; }
a:hover { color: #1d1848; text-decoration:underline;}
a:focus { outline: thin dotted; }




h1{ color:#ffffff; font-family: Helvetica,verdana, arial,sans-serif; line-height:1em; font-size: 2em;font-weight: 300;max-width:700px;}
h2{ color:#666666; font-family: Helvetica,verdana, arial,sans-serif; line-height:1.2em; font-size: 1.4em;}
h3{ color:#666666; font-family: Helvetica,verdana, arial,sans-serif; line-height:1.2em; font-size: 1.1em;}

p span {font-size:0.7em; line-height:1.5em; float:left; position:relative; font-family: Helvetica,verdana, 

arial, sans-serif;color: #999999;}
blockquote
{
color:#666666;
padding:0px 10px 0px 50px;
font-family: Helvetica,verdana, arial, sans-serif;
font-size: 1.1em;
line-height:2em;
}
.bqstart {
float: left;
     height: 45px;
	 padding-top:15px;
	 margin-bottom:-65px;
     font-size: 6em;
     color: #dde7ea;
 }

 .bqend {
 	float: right;
     height: 25px;
     margin-top: 0px;
     padding-top: 45px;
     font-size: 6em;
     color: #dde7ea;

 }

/* =============================================================================
   Forms
   ========================================================================== */


form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 30px; border: 1px dashed #CCCCCC; background-color:#fbfbfb;}

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */

legend { border: 0; *margin-left: -7px; padding: 0px; white-space: normal; background:#FFFFFF;}

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: 

middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 */

button, input { line-height: normal; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: 

button; *overflow: visible; }

/*
 * Re-set default cursor for disabled elements
 */

button[disabled], input[disabled] { cursor: default; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; 

}
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: 

content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-

appearance: none; }

/*
 * Remove inner padding and border in FF3/4: h5bp.com/l
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */

textarea { overflow: auto; vertical-align: top; resize: vertical; width:100%; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }