@charset "UTF-8";
/* CSS Document */
/*  ======================================================================
		Designed by Chris Dapkiewicz. ©2009 Devon Internationl. All Rights Reserved
		except where noted (jquery, easy slider)
		You may not copy, reuse or hotlink any code, content or images contained withiin
	======================================================================*/
/*  ======================================================================
		Global StyleSheet
	======================================================================*/
/*  ======================================================================
		Generic and Wrapper styles
	======================================================================*/

body {background:#e5ede4 url('../images/intl-body-bg.png') repeat left top;font-size:100%;}
body #page-wrapper {width:960px;margin:0 auto;font:normal .75em/1.5em "Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;}



/*  ======================================================================
		Header & Nav
	======================================================================*/

#header {padding:20px 0px;}
#header .logo {float:left;display:block;width:130px;border:none;margin:0px 90px;}
#header #nav {list-style:none;float:right;width:640px;}
#header #nav li a {display:block;float:left;background:url('../images/intl-nav-bg.png') repeat-x left top;height:20px;color:#ffffff;text-decoration:none;font-weight:bold;width:160px;text-align:center;padding:20px 0px;font-size:1.25em;}
#header #nav li a:hover, #header #nav li a.active {background-position:left -60px;}



/*  ======================================================================
		two-col, left-col, right-col styles
	======================================================================*/
#two-cols {background:#ffffff;padding-bottom:20px;}

#left-col {float:left;width:600px;padding:20px;color:#333333;border-right:1px solid #84a89e;margin-right:-1px;}
#left-col h1 {font-size:1.5em;font-weight:bold;}
#left-col p {margin:1.375em 0px;}
#left-col h2 {margin:1.375em 0px;font-size:1.25em}
#left-col blockquote {text-align:right;font:italic 1.25em/1.75em Georgia, "Times New Roman", Times, serif;padding:10px 20px;border-top:1px solid #e4f0c8;border-bottom:1px solid #e4f0c8;background:url('../images/intl-blockquote-bg.png') no-repeat 10px 10px;}
#left-col a {color:#0a523d;font-weight:bold;}
#left-col a:hover {color:#000000;}
#left-col a.green-btn {color:#0a523d;font-weight:bold;display:inline-block;background:url('../images/intl-arrow-icon.png') no-repeat right 2px;padding-right:20px;margin:5px 0px;}
#left-col .green-btn:hover {color:#000000;text-decoration:none;background-position:right -14px;}


#right-col {float:right;width:279px;padding:20px;border-left:1px solid #84a89e;color:#333333;}
#right-col .right-divider {background:#e6edeb;border-top:1px solid #84a89e;border-bottom:1px solid #84a89e;padding:8px 15px;font-style:italic;margin:.75em 0px;clear:right;}
#right-col a {color:#0a523d;font-weight:bold;}
#right-col a:hover {color:#000000;}
#right-col .green-btn {color:#0a523d;font-weight:bold;display:inline-block;background:url('../images/intl-arrow-icon.png') no-repeat right 2px;padding-right:20px;margin:5px 0px;}
#right-col .green-btn:hover {color:#000000;text-decoration:none;background-position:right -14px;}
#right-col .right-feature h4 {font-weight:bold;font-size:100%;color:#0a523d;font-style:italic;margin:5px 0px;}
#right-col .right-feature img {float:right;display:block;width:108px;margin:0px 0px 5px 8px;}

/*  ======================================================================
		image rotator
	======================================================================*/
#slider {border:1px solid #000000;height:335px;width:958px;overflow:hidden;border-bottom:none;}
#slider ul {list-style:none;}
#slider .panel {height:299px;position:relative;}
#slider .panel-text {margin-top:160px;height:100px;background:transparent url('../images/intl-slider-overlay.png') repeat left top;color:#ffffff;padding:20px;text-align:right;font-family:Helvetica, Arial, sans-serif;width:918px;}
#panel-one {background:url('../images/intl-slider-panel-1.jpg') no-repeat left top;}
#panel-two {background:url('../images/intl-slider-panel-2.jpg') no-repeat left top;}
.panel-text h2 {font:normal 2.25em Helvetica, Arial, sans-serif;text-shadow:#000000 2px 2px 2px;}
.panel-text p {width:800px;font-style:italic;text-align:right;margin:5px 0px 5px 120px;}
.panel-text .panel-btn {color:white;font-size:1.25em;font-style:italic;display:inline-block;background:url('../images/intl-white-arrow.png') no-repeat right 3px;padding-right:20px;}
.panel-text .panel-btn:hover {text-decoration:none;font-weight:bold;background-position:right -14px;}

#control-wrap {background:url('../images/intl-controls-bg.png') repeat-x left top;height:20px;text-align:center;padding:8px 0px;color:#FFFFFF;font-size:2em;border:1px solid #000000;border-top:none;}
#controls {list-style:none;}
#controls li {display:inline-block;}
#controls li a {display:inline-block;margin:0px 5px;height:20px;background:url('../images/intl-slider-btns.png') no-repeat left top;text-indent:-9999px;width:20px;}
#controls li#prevBtn a {background-position:left top;}
#controls li#prevBtn a:hover {background-position:left -19px;}
#controls li#nextBtn a {background-position:right top;}
#controls li#nextBtn a:hover {background-position:right -19px;}
#controls li.circle a {background-position:-21px top;}
#controls li.circle a:hover, #controls li.current a {background-position:-21px -20px;}

/*  ======================================================================
		Contact Form
	======================================================================*/
#commentForm {width:400px;margin:20px auto;padding:20px;border:1px solid #84A89E;background-color:#e6ede9;}
#commentForm legend {font-size:1.5em;}
#commentForm p {margin:9px 0px;}
#commentForm dt {float:left;clear:left;width:100px;margin:10px 8px 10px 0px;text-align:right;}
#commentForm dd {float:left;width:290px;margin:10px 0px;position:relative;}
#commentForm .text-input {border:1px solid #333333;padding:5px 20px 5px 5px;width:200px;font-size:100%;}
#commentForm select {width:225px;padding:5px 0px;border:1px solid #333333;}
#commentForm textarea.text-input {height:200px;font:normal 100% "Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;}
#commentForm .text-input:focus {background-color:#fffdcf;}
#commentForm .asterik {background:transparent url('../images/intl-required.png') no-repeat 230px 3px;}
#commentForm label.error {color:#990000;position:absolute;z-index:300;display:inline-block;width:210px;top:0;left:230px;border:1px solid #990000;padding:3px;background-color:#d3a4a4;}
#commentForm input.error, #commentForm select.error, #commentForm textarea.error {border:1px solid #990000 !important;background:#d3a4a4 url('../images/intl-error.png') no-repeat 200px top;}
#commentForm input.valid, #commentForm select.valid, #commentForm textarea.valid {background:#CCFF99 url('../images/intl-valid.png') no-repeat 200px top;}

/*  ======================================================================
		footer
	======================================================================*/
#footer {background-color:#0a523d;text-align:center;padding:20px;color:#ffffff;font-size:.875em;}
#footer a {color:#ffffff;}

/*  ======================================================================
		Float Containers Clearfix
	======================================================================*/
.clearfix:after { content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */