/* RESET
-------------------------------------------------- */

html,body,div,span,h1,h2,h3,h4,h5,h6,p,a,em,img,strong,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,tr,th,td,blockquote {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}ol,ul {list-style: none;}:focus {outline: 0;}table {border-collapse: collapse;border-spacing: 0;}a img {border:none;}

/* GENERAL
-------------------------------------------------- */

body { color: #5e6162; font: 75%/1.417 Arial, sans-serif; background: #FFFFFF url(../img/BG-header-small.jpg) repeat-x top; }

p { font-size: 1.167em; margin: 0 0 16px; }

h1 { font-size: 2.5em; font-weight: normal; margin: 0 0 20px 0; line-height: 1.2em; color: #000; font-family: 'Signika', sans-serif;  }
h2 { font-size: 1.75em; font-weight: normal; margin: 0 0 8px 0; color: #363839; line-height: 1.3; font-family: 'Signika', sans-serif; }
h3 { font-size: 1.75em; font-weight: bold; margin: 0 0 4px 0; color: #000000; line-height: 1.3; font-family: 'Signika', sans-serif; }
h4 { font-size: 1.167em; font-weight: bold; color: #2c2c2c; margin-bottom: 1.25em; }
h5 { font-size: 1.167em; font-weight: bold; color: #2c2c2c; }
h6 { font-size: 1em; font-weight: bold; color: #2c2c2c; }

a, a:visited { color: #000000; text-decoration: underline; }
a:hover { color: #000000; text-decoration: underline; }

ul { margin-bottom: 14px; }
li { font-size: 1.167em; list-style-type: disc; list-style-position: inside; line-height: 1.5; }

:focus         { outline: 0; }
.clear         { clear: both; }
.left          { float: left; }
.right         { float: right; }
.text-right    { text-align: right; }
p small        { font-size: 0.917em; font-style: italic; color: #616161; }

hr { background-color: #e7e7e7; border-width: 0; color: #e7e7e7; height: 1px; line-height: 0; margin: 20px 0; page-break-after: always; text-align: center; }


/* FORMS
------------------------------------------------- */

label          { font-size: 1.167em; color: #FFFFFF; }
input.text     { background: #FFFFFF url(img/BG-input.png) repeat-x; height: 19px; padding: 4px 7px; outline: none; border: none; vertical-align: middle; font-size: 1.167em; font-family: Arial, sans-serif; }
input.text.sml { width: 120px; }
input.text.med { width: 252px; }
input.text.lge { width: 624px; }
input.checkbox { margin-bottom: 5px; }

input.text:focus, textarea.textarea:focus { background-image: none; background-color: #2c9e1a; color: #fff; }
textarea.textarea { width: 252px; height: 120px; border: none; background: #fff; font-size: 1.167em; font-family: Arial, sans-serif; padding: 4px 7px; }

.required   { color: #FF0000; font-size: 0.917em; font-style: italic; margin-left: 3px; }
.note-error { background: #fdb3ad; border-top: 1px solid #ff867c; color: #9d170b; border-bottom: 1px solid #ff867c; width: 266px; font-size: 0.833em; padding: 7px 0; text-align: center; text-transform: uppercase; margin: 10px 0 20px 0; overflow: hidden; }
.note-message { background: #136A05; border-top: 1px solid #0A4101; color: #FFFFFF; border-bottom: 1px solid #0A4101; width: 266px; font-size: 0.833em; padding: 7px 0; text-align: center; text-transform: uppercase; margin: 10px 0 20px 0; overflow: hidden; }


/* LAYOUT 
-------------------------------------------------- */

.container { width: 978px; margin: 0 auto; }
.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11 { float: left; display: inline; margin-left: 30px; padding: 0; }

.grid1  { width: 54px; }
.grid2  { width: 138px }
.grid3  { width: 222px; }
.grid4  { width: 306px; }
.grid5  { width: 390px; }
.grid6  { width: 474px; }
.grid7  { width: 558px; }
.grid8  { width: 642px; }
.grid9  { width: 726px; }
.grid10 { width: 810px; }
.grid11 { width: 894px; }

.first  { margin-left: 0; clear: left; }

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

*:first-child+html .clearfix { zoom: 1; } /* IE7 */


/* HEADER / NAV
-------------------------------------------------- */

/*large*/
.header-outer     { background: url(../img/header.jpg) no-repeat center top; margin: 0 auto; }
.header           { height: 377px; position: relative; z-index: 250; margin-bottom: 20px;  }

/*small*/
.header-outer.h-sml-outer { background: url(../img/header-small.jpg) no-repeat center top;  }
.header.h-sml             { height: 285px; }

.nav              { position: absolute; right: 0; top: 30px; }
.nav ul           { list-style-type: none; }
.nav li           { list-style-type: none; display: inline; float: left; color: #FFFFFF; padding-left: 25px; font-family: 'Signika', sans-serif; font-weight: 700; text-transform: uppercase; font-size: 1.5em; }
.nav li a         { color: #FFFFFF; text-decoration: none;  }
.nav li a:hover   { text-decoration:  underline; }

h1.seo-txt        { color: #FFFFFF; position: absolute; bottom: 0; left: 0; width: 978px; text-align: center; }

/* MAIN CONTENT
-------------------------------------------------- */

.main-content { padding: 20px 0 10px 0;}
.home-listing { background: #2c9e1a url(../img/BG-pattern.png); width: 585px; margin: 0 0 0 30px; padding: 20px 0 35px 0; position: relative; }
.home-listing h1 { text-shadow:1px 1px 1px #59c647; font-weight: 700; font-size: 2em; text-transform: uppercase; margin-left: 20px; }
.home-listing p  { color: #FFFFFF; }
.home-listing-top  { position: absolute; z-index: 10; top: -28px; left: -30px; background: url(../img/BG-top.png) no-repeat; width: 642px; height: 75px;  }

.home-listing-item       { width: 575px; margin: 0 0 15px -15px; }
.home-listing-item-L     { float: left; width: 295px; background: url(../img/listing-img-bg.png) no-repeat top left; position: relative; }
.home-listing-item-L img { border: 3px solid #000000; width: 275px; margin: 20px 0 0 20px; }
.home-listing-item-R     { float: left; width: 250px; margin-left: 30px; margin-top: 20px; }

.home-listing-item-R a.buy { background: url(../img/BTN-buy.png) no-repeat; width: 139px; height: 29px; text-indent: -9000px; display: block; }

p span   { color: #0195de; font-style: italic; font-size: 1.5em; font-weight: bold; }

/* SIDEBAR
-------------------------------------------------- */

.sidebar          { }
.sidebar .img     { border: 1px solid #aaa8a8; width: 279px; margin: 10px 0 20px 0; }
.sidebar .img img { display: block; }
.sidebar p        { color: #fff; }
.sidebar h2       { color: #fff; font-family: 'Signika', sans-serif; font-weight: 700; text-transform: uppercase; font-size: 1.75em; margin-bottom: 0; } 

.social-media        { background: #000; margin-bottom: 10px; padding: 15px 20px; width: 266px; position: relative; }
.social-media h2     { font-style: italic; }
.social-media p      { color: #2c9e1a; font-style: italic; margin-bottom: 0; font-size: 1em; }
.social-media .icons { position: absolute; width: 72px; height: 36px; right: 15px; top: 20px; }
.social-media .icons a { float: left; margin: 0; padding: 0; }

.sb-form          { background: #000; margin-bottom: 10px; padding: 20px; width: 266px; }

.formrow          { margin-bottom: 10px; width: 306px; text-align: left; }


/* FOOTER
-------------------------------------------------- */

.footer-outer   { background: #000 url(../img/BG-footer.png) repeat-x top; padding-top: 85px; }
.footer         { padding: 20px 0 30px 0; }
.footer p       { color: #797979; font-size: 1em; margin-bottom: 0; } 
.footer a       { color: #797979; }
.footer a:hover { color: #FFF; }

.footer ul      { list-style-type: none; }
.footer li      { list-style-type: none; display: inline; float: left; background: none; padding: 0 10px 0 0; margin: 0; font-size: 1em; }


/* THANK YOU
-------------------------------------------------- */

.logo-container { width: 600px; margin-top: 60px; margin-bottom: 20px; text-align: center; }
.thankyou       { width: 600px; background: #FFFFFF; border: 1px solid #c2c7c9; padding: 30px; text-align: center; }