html, body 						{ background: #fff url(images/grida.png) top center repeat-y; color: #000; font: 62.5% Georgia, "Times New Roman", Times, serif; }
html>body 						{ font-size: 10px; }
html, body, #wrapper	{ height: 100%; }
body>#wrapper 				{ height: auto; min-height: 100%; }


/* Headlines
----------------------------------------------------------------*/
h1, h2, h3, h4, h5		{ font-weight: bold; font-style: italic; line-height: 1.2em; margin: 0 0 0.25em 0; }
h1 span, h2 span, 
h3 span, h4 span, 
h5 span								{ font-weight: normal; }
h1 										{ font-size: 9em; letter-spacing: -6px; line-height: 1em; margin: 10px 0 0.25em 0; }
h2 										{ font-size: 3.6em; letter-spacing: -2px; }
h3 										{ font-size: 2.4em; letter-spacing: -1px; }
h4 										{ font-size: 1.8em; letter-spacing: -1px; }
h5										{ font-size: 1.4em; }


h1.frontpage 					{ font-size: 15.8em; letter-spacing: -16px; line-height: 0.8em; margin: 0 20px 60px 10px; }
h1.frontpage span			{ font-weight: normal; font-size: 0.7em; letter-spacing: -9px;}

.col-12 h1						{ margin: 10px 0 0.25em -10px; }

/* Links
-------------------------------------------------------------- */
a											{ color: #ff6600; text-decoration: underline; cursor: pointer; }
a:hover								{ text-decoration: none; }

a.more-tag						{ color: #000; background: #feed00; font-style: italic; font-weight: bold; text-decoration: none; font-size: 0.857em; padding: 2px 7px 3px; }
a.more-tag:hover			{ background: #ff6600; }

/* Essentials
-------------------------------------------------------------- */
p 														{ font-size: 1.4em; line-height: 1.5em; padding: 0 0 1.5em 0; }

blockquote p									{ font-size: 1.8em; line-height: 1.5em; font-weight: bold; font-style: italic; text-align: center; padding: 15px 25px 20px 25px; }
blockquote										{ background: transparent url(images/point-gray.png) center bottom no-repeat; margin: -20px 0 0 0; padding: 0 0 20px 0; }
blockquote div.upper-left     { background: #f2f2f2 url(images/gradient_upperleft.gif) no-repeat top left; height: 100%; }
blockquote div.upper-right    { background: transparent url(images/gradient_upperright.gif) no-repeat top right; height:100%; }
blockquote div.bottom-left    { background: transparent url(images/gradient_bottomleft.gif) no-repeat bottom left; height:100%; }
blockquote div.bottom-right   { background: transparent url(images/gradient_bottomright.gif) no-repeat bottom right; height:100%; }


strong     						{ font-weight: bold; }
em		     						{ font-style: italic; }

img										{ margin: 0 0 15px 0; }

/* Lists
-------------------------------------------------------------- */
li ul, 
li ol      						{ margin: 0 1.5em; }
ul, ol      					{ margin: 0 1.5em 1.5em 1.5em; font-size: 1.4em; }

ul          					{ list-style-type: disc; }
ol          					{ list-style-type: decimal; }

dl          					{ margin: 0 0 1.5em 0; }
dl dt       					{ font-weight: bold; }
dd          					{ margin-left: 1.5em; }

#footer li						{ font-size: 1.07em; line-height: 1.6em; }
#content li						{ line-height: 1.5em; }

ul.clean-list					{ list-style: none; margin: 0 0 1.5em 0; padding: 0; }


/* Sections
-------------------------------------------------------------- */
#wrapper									{ width: 960px; margin: 0 auto; }
#header										{ position: relative; height: 144px; margin: 0 10px 40px; padding: 0 0 5px 0; }
#logo											{ position: absolute; z-index: 1000; left: 20px; }
#quick-contact						{ position: absolute; z-index: 1000; right: 40px; background: transparent url(images/point-yellow.png) center 0 no-repeat; padding-top:20px;}
#quick-contact div				{ margin-top: 0px; font-size: 1.1em; }

.yellowcorner div.upper-left     { background: #feed00 url(images/yellowcorner_upperleft.gif) no-repeat top left; }
.yellowcorner div.upper-right    { background: transparent url(images/yellowcorner_upperright.gif) no-repeat top right; }
.yellowcorner div.bottom-left    { background: transparent url(images/yellowcorner_bottomleft.gif) no-repeat bottom left; }
.yellowcorner div.bottom-right   { background: transparent url(images/yellowcorner_bottomright.gif) no-repeat bottom right; padding: 12px 30px 15px 30px; }
 
#content, 
#content-start						{ padding-bottom: 370px; }

#form											{ background: transparent url(images/contact-bubble.png) top left repeat-y; padding: 20px 50px 0 50px; } 
#form p										{ line-height: 2.5em; }
#contact-form							{ float: right; width: 530px; }

#validation								{ font-size: 1.4em; line-height: 1.5em; font-style: italic; }

#footer										{ position: relative; margin-top: -300px; width: 100%; height: 240px; padding: 50px 0 0 0; border-top: 10px solid #e5e5e5; background: #feed00; clear:both; }
#footer ul								{ list-style: none; margin: 0; padding: 0; }
#footer h3								{ font-size: 2.1em; }
#footer a									{ color: #000; }
#footer-content						{ width: 960px; margin: 0 auto; }


/* Classes
-------------------------------------------------------------- */
.preamble,
.ingress									{ font-size: 1.8em; font-style: italic; line-height: 1.6em; }
.ingress									{ width: 780px; }

.border										{ border-bottom: 1px solid #000; }
.border-top								{ border-top: 1px solid #000; padding: 15px 0 0 0; }
.double-border						{ background: transparent url(images/double-border.png) 0 0 repeat-x; padding: 0 0 15px 0; }

.contact-bubble-inner			{ background: transparent url(images/contact-bubble-top.png) top left no-repeat; padding: 41px 0 0 0; }
.contact-bubble-outer			{ background: transparent url(images/contact-bubble-bottom.png) bottom left no-repeat; padding: 0 0 41px 0; margin: 0 0 100px 0; }
.contact-icon							{ margin: 25px 50px 25px 0; }
.contact-hello						{ font-size: 1.7em; font-style: italic; font-weight: bold; }

.meta											{ border-bottom: 1px solid #000; border-top: 1px solid #000; margin: 0 0 30px 0; padding: 5px 0; }

.alignleft								{ float: left; margin: 0 30px 30px 0; }
.alignright								{ float: right; margin: 0 0 30px 30px; }


/* Form
-------------------------------------------------------------- */
button 										{ background: #7de4d7; color: #2a635c; padding: 8px 20px 10px; border: 0; cursor: pointer; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1em; font-weight: bold; font-style: italic; text-align: center; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

button:hover							{ background: #ff6600; color: #000; }

input, textarea						{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 1em; color: #999; }

input											{ height: 18px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: none; padding: 2px 5px 5px 5px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; }
#first-name								{ width: 75px; margin: 0 0 0 5px; }
#last-name								{ width: 130px; margin: 0 5px 0 0; }
#subject									{ width: 320px; margin: 0 5px; }
#email										{ width: 200px; margin: 0 5px; }
#phone										{ width: 130px; margin: 0 5px; }
#message									{ display: none; width: 510px; height: 150px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: none; padding: 10px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; line-height: 1.5em; }
#personalize							{ margin-left: 10px; }


/* Navigation
-------------------------------------------------------------- */
#navigation										{ width: 100%; font-weight: bold; font-style: italic; position: absolute; bottom: 0; right: 0; padding: 0 0 8px 0; background: transparent url(images/double-border.png) 0 bottom repeat-x; }
#navigation ul								{ float: right; margin: 0; padding: 0; }
#navigation ul li							{ float: left; list-style: none; margin: 0 0 0 25px; font-size: 1.2857em; }
#navigation ul li a						{ color: #000; display: block; text-decoration: none; padding: 0 0 22px 0; }
#navigation ul li.current_page_item a,
#navigation ul li a:hover			{ color: #ff6600; background: transparent url(images/arrow.png) center bottom no-repeat; }


/* Language
-------------------------------------------------------------- */
#language											{ position: absolute; z-index: 1000; left: 250px; top: 34px; font-weight: bold; font-style: italic; }
#language ul									{ float: right; margin: 0; padding: 0; }
#language ul li								{ float: left; list-style: none; margin: 0 0 0 15px; }
#language ul li a							{ display: block; color: #000; text-decoration: none; font-size: 0.92857em; }
#language ul li a:hover				{ color: #ff6600; }
#language ul li a img					{ float: left; margin: 1px 5px 0 0; }


/* Columns
-------------------------------------------------------------- */
.col-2, 
.col-3, 
.col-4, 
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12								{ float: left; margin: 0 10px 25px; }

.col-2								{ width: 140px; }
.col-3								{ width: 220px; }
.col-4								{ width: 300px; }
.col-5								{ width: 380px; }
.col-6								{ width: 460px; }
.col-7								{ width: 540px; }
.col-8								{ width: 620px; }
.col-9								{ width: 700px; }
.col-10								{ width: 780px; }
.col-11								{ width: 860px; }
.col-12								{ width: 940px; }


/* ClearFix
----------------------------------------------------------------*/
.clearfix:after 			{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix 						{ display: inline-block; }  
 /* Holly Hack Targets IE Win only \*/
* html .clearfix 			{ height: 1%; }
.clearfix 						{ display: block; }
 /* End Holly Hack */