/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */



/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Design Monster's Custom Styles
   ========================================================================== */
html, body, ul, ol, li, p, 
h1, h2, h3, h4, h5, h6, 
form, fieldset, a {margin: 0; padding: 0; border: 0;} 


body {background:#FFF; height:100%;	font-size:100%;}

.clearBoth { clear:both; }

/***** Fonts *****/
h1 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:1.1em;
	color:#653615;
	font-weight:bold;
	text-align:right;
}
h2 {font-family:Verdana, Geneva, sans-serif; font-size:1.1em; color:#000; font-weight:bold; text-align:left; margin: 5px 0px 10px 0px;}
h3 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:1.1em;
	color:#FFF;
	font-weight:bold;
	text-align:left;
	margin: 5px 0px 20px 0px;
}
h4 {font-family:Verdana, Geneva, sans-serif; font-size:1em; color:#000; font-weight:bold; text-align:left; margin: 0px 0px 0px 0px; padding: 5px 0px 0px 10px;  }
h5 {font-family:Verdana, Geneva, sans-serif; font-size:1.0em; color:#FFF; font-weight:bold; text-align: center; margin: 0px 0px 0px 0px; }
h5  a {font-family:Verdana, Geneva, sans-serif; font-size:1.0em; color:#FFF; font-weight:bold; text-align: center; margin: 0px 0px 0px 0px; line-height: 20px;}
h6 {font-family:Verdana, Geneva, sans-serif; font-size:1.5em; color:#FFF; font-weight:bold; text-align: left; margin: 5px 0px 10px 0px;}
p {font-family: Helvetica, Arial,sans-serif; font-size:12px; color:#000; line-height: 20px; margin:0px 0px 10px 0px;}
p a {
	font-family: Helvetica, Arial,sans-serif;
	font-size:12px;
	color:#F00;
	line-height: 20px;
	text-decoration:none;
}
p span1{
	font-family: Helvetica, Arial,sans-serif;
	font-size:12px;
	color:#FFF;
	line-height: 20px;
	margin:0px 0px 10px 0px;
}
p span2{font-family: Helvetica, Arial,sans-serif; font-size:12px; color:#666; line-height: 20px; margin:0px 0px 10px 0px;}
p span3{font-family: Helvetica, Arial,sans-serif; font-size:12px; color:#C00; font-weight:bold; line-height: 20px; margin:0px 0px 10px 0px;}
.phonenumbers {
	font-family:Verdana, Geneva, sans-serif;
	font-size:1.1em;
	color:#653615;
	font-weight:bold;
	text-align:right;
}

/***** Headers *****/

.page-header{width:auto; height: 20px; background:url(../image/main/background.jpg) repeat;}
.page-header-2{width:auto; height: 20px; background:url(../image/main/background-2.jpg) repeat;}
.page-header-inner{width:960px; height: 20px; margin:auto; background:url(../image/main/background.jpg) repeat;}
#banner {
	height:230px;
	margin:auto;
	width:960px;
	background-color:#FFF;
	padding-top:20px;
}
#banner-top {height:250px; margin:auto; width:960px; }

#banner-top-left {height:215px;
	margin:auto;
	width:250px;
	float:left;
	display:inline;
}
#logo {
	height:215px;
	margin:0px 0px 0px 20px;
	width:250px;
}
#banner-top-right {height:115px; margin:70px 0px 0px 0px; width:600px;   float:right; display:inline;}
#banner-title-1 {height:20px; margin:45px 40px 0px 0px; width:600px; float:right; display:inline;}
#banner-title-2 {height:20px; margin:10px 40px 0px 0px; width:600px; float:right; display:inline;}
#banner-bottom {
	height:50px;
	width:960px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	display:inline;
	background:url(../image/main/background-header.jpg)
}
#banner-bottom-inner { height:30px; width:960px; margin:auto; }
#banner-bottom-wrap { width:100%; height:50px; margin:auto; background:url(../image/main/background-header.jpg);}

/* BANNER */ 
.banner-container {width:960px; height:200px; margin: 0px 0px 20px 0px; background-color:#000;}

/* MAIN WRAPPER */ 
#wrapper-main{margin: auto; width:960px; background-color:#FFF;}

/* 3x3 PICTURE GRID */ 
.main-container-header-left {
	width:875px;
	height:40px;
	margin:20px 0px 0px 25px;
	padding: 0px 0px 0px 35px;
	background:url(../image/main/small-icon-logo.png) left  top no-repeat;
	float:left;
	display:inline;
	border-bottom:thin solid #653615;
}
.xpicture {
	width:910px;
	height:auto;
	margin: 0px 25px 20px 25px;
	border-bottom:thin solid #653615;
}
.picture-row {width:910px; height: 300px; margin: 0px 0px 20px 0px; background:#0F0;float:left; display:inline;	}
.picture-container {width:220px; height: 300px;  margin: 0px 10px 0px 0px; float:left; display:inline;}
.picture-container-end {width:220px; height: 300px;  margin: 0px 0px 0px 0px; float:left; display:inline;}
.picture-box {width:220px; height: 225px; margin: 0px 0px 0px 0px; }
.picture-box-text {width:220px;	height: 75px; margin: 0px 0px 0px 0px; background-color: #666;}
.picture-box-text1 {width:200px;	height: 20px; margin: 10px 10px 0px 10px; float:left;}
.picture-box-text2 {width:200px; height: 20px; margin: 0px 10px 0px 10px; float:left;}
.picture-box-text2 P {font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; color:#CCC; font-weight:100; text-decoration:none; line-height: 15px;}
.picture-box-text2 p a {font-family: Georgia, "Times New Roman", Times, serif; Helvetica, Arial, sans-serif; font-size:11px; color:#FFF; font-weight:100; text-decoration:none;line-height: 15px;}
.picture-box-text2 a:hover {font-family:  Georgia, "Times New Roman", Times, serif; font-size:11px; color:#23cbfd; font-weight:100;text-decoration:none;line-height: 15px;}
.picture-box-text2-product {width:200px; height: 40px; margin: 0px 10px 0px 10px; float:left; }
.picture-box-text2-product P {font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; color:#CCC; font-weight:100; text-decoration:none; line-height: 15px;
}
.picture-box-text3 {width:200px; height: 20px; margin: 0px 10px 0px 10px; float:left;border-top-color:#CCC; border-top-style: dotted; border-top-width: thin;}
.picture-box-text3a {width:70px; height: 20px; margin: 0px 0px 0px 100px; float:left; }
.picture-box-text3a P {font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; color:#666; font-weight:100; text-decoration:none; line-height: 15px;
	padding: 3px 0px 5px 7px;}
.picture-box-text3a p a {font-family: Georgia, "Times New Roman", Times, serif; Helvetica, Arial, sans-serif; font-size:11px; color:#FFF; font-weight:100; text-decoration:none;line-height: 15px;}
.picture-box-text3a a:hover {font-family:  Georgia, "Times New Roman", Times, serif; font-size:11px; color:#23cbfd; font-weight:100;text-decoration:none;line-height: 15px;}
.picture-box-text-img{width:25px; height: 20px; margin: 0px ; float:right; padding: 3px 0px 0px 0px;}


/* TEXT CONTAINER */ 
.text-container {width:910px; margin-top: 20px; margin-right: 25px; margin-bottom: 0px; margin-left: 25px; float:left; display:inline;}
.text-container-left {width:530px; margin: 0px 0px 0px 10px; float:left;	display:inline; }
.text-container-left-2 {width:850px; margin: 0px 0px 0px 10px; float:left;	display:inline; }
.text-container-left-2 img { float:right;	display:inline; }
.text-container-header-left {width:490px; height:40px; 	padding: 0px 0px 0px 35px; float:left; display:inline; background:url(../image/main/small-icon-logo.png) left  top no-repeat; }
.text-container-text-left {
	width:500px;
	padding: 0px 0px 10px 10px;
	float:left;
	display:inline;
}
.text-color {
	width:500px;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	float:left;
	display:inline;
	background:url(../image/main/product-bg-1.jpg)
}


.text-container-right {width:320px;  margin: 0px 10px 0px 0px;  float:left; display:inline; }
.text-container-right-social {width:285px; height:50px; margin: 0px 0px 0px 0px;  float:right; display:inline; border-bottom:#CCC thin dashed; border-top:#CCC thin dashed;}
.text-container-right-social-l{width:150px; height:30px; margin: 15px 0px 0px 0px;  float:right; display:inline; }
.text-container-right-social-r{width:100px; height:30px; margin: 5px 20px 0px 0px;  float:right; display:inline; }
.text-container-right-ad {width:285px; padding: 0px; float:right; display:inline; margin-top: 0px; margin-right: 0px; margin-bottom: 25px; margin-left: 0px;}
.text-container-right-ad-2 {width:568px; padding: 0px; float:right; display:inline; margin-top: 0px; margin-right: 10px; margin-bottom: 25px; margin-left: 0px;}
.text-container-right-ad-title {width:265px; height:30px; margin: 0px 0px 0px 0px; padding: 15px 10px 7px 10px;  float:right; display:inline; background-color:#666;}
.text-container-right-ad img{margin: 0px 0px 0px 0px;}

.quote-1 {width:590px; height:200px; padding: 0px 0px 10px 10px; float:left; display:inline; background-image:url(../image/main/quote-1.png); background-repeat:no-repeat;}
.quote-1-text {width:530px; height:180px; padding: 10px 30px 10px 20px; float:left; display:inline;}
.quote-2 {width:590px; height:200px; padding: 0px 0px 10px 10px; float:left; display:inline; background-image:url(../image/main/quote-2.png); background-repeat:no-repeat;}
.quote-2-text {width:530px; height:180px; padding: 10px 30px 10px 20px; float:left; display:inline;}
.quote-3 {width:590px; height:200px; padding: 0px 0px 10px 10px; float:left; display:inline; background-image:url(../image/main/quote-3.png); background-repeat:no-repeat;}
.quote-3-text {width:530px; height:180px; padding: 10px 30px 10px 20px; float:left; display:inline;}

/* list */
.list-container { width:490px; margin: 0px; float:left; display:inline;background: url(../image/main/product-bg-1.jpg);}

ul#text-container-list {margin:10px 0px 10px 40px; padding: 0px 0px 0px 0px;}

ul#text-container-list li {
	text-align:left;
	list-style:circle;
	margin: 0px 0px 0px 0px;
	color:#000;
	padding:0px 0px 0px 2px;
	text-decoration:none;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#000;
	line-height: 25px;
	background-repeat: no-repeat;
	background-position:left;
}

ul#text-container-list a {
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-decoration:none;
	font-weight:100;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	line-height: 3px;
}

ul#text-container-list li.hover a, ul#text-container-list li:hover a, ul#text-container-list a.active, ul#text-container-list a:hover {color:#0FF; font-weight:100;}




/* footer */ 
#footer-wrapper {margin:auto; width:100%; background-image:url(../image/main/background.jpg);}
#footer-wrapper-main {
	height:350px;
	width:960px;
	margin:auto;
	background:url
:;}


#footer-wrapper-inner_1 {
	height:260px;
	margin: 0px;
	width:960px;
	float:left;
	border-bottom:#CCC thin dashed;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.col_1 {width:210px; height:200px; float:left; display:inline; margin:0px 0px 0px 20px;  }
.col_2 {width:230px; height:230px; float:left; display:inline; margin:0px 0px 0px 10px; }
.col_3 {width:230px; height:200px; float:left; display:inline; margin:0px 0px 0px 10px; }
.col_4 {
	width:200px;
	height:250px;
	float:left;
	display:inline;
	margin:0px 0px 0px 30px;
}


ul#footer-wrapper-inner {margin:0px; padding: 0px;}
ul#footer-wrapper-inner li {text-align:left; list-style:none;	padding:0px; margin: 5px 0px 0px 0px; color:#ea661d; padding:0px 0px 2px 3px; 							text-decoration:none; font-family: Helvetica, Arial, sans-serif;  font-size:12px; color:#FFF;	line-height: 15px; }
ul#footer-wrapper-inner a {color:#fff; padding:0px 0px 0px 0px; text-decoration:none; font-weight:100; font-family: Arial, Helvetica, sans-serif; font-size:12px;
line-height: 15px;}
ul#footer-wrapper-inner li.hover a, ul#footer-wrapper-inner li:hover a, ul#footer-wrapper-inner a.active, ul#footer-wrapper-inner a:hover {
	color:#996632;
	font-weight:100;
}


#footer-wrapper-inner_2 {height:95px; width:960px;float:left;}

.footer-text {width:420px; height:75px; float:left; display:inline; margin:0px 0px 0px 30px;}
.footer-text-1 {
	width:920px;
	height:20px;
	float:left;
	display:inline;
	margin:20px 0px 0px 0px;
}
.footer-text-1 p {
	font-family: Helvetica, Arial,sans-serif;
	font-size:12px;
	color:#FFF;
	line-height: 15px;
}
.footer-text-1 p a, a:hover {font-family: Helvetica, Arial, sans-serif; font-size:12px; color:#9FF; text-decoration:none;line-height: 18px; font-weight:100;}
.footer-text-2 {width:420px; height:15px; float:left; display:inline; margin:0px 0px 0px 0px;}
.footer-text-2 p {
	font-family: Helvetica, Arial,sans-serif;
	font-size:12px;
	color:#FFF;
	line-height: 13px;
}
.footer-text-2 p a, a:hover {font-family: Helvetica, Arial, sans-serif; font-size:12px; color:#06F; text-decoration:none;line-height: 18px; font-weight:100;}
















/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}
*/
/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}
/* Contact Form ------------------------------------- */

#contactform 						{ width:auto; font:normal 11px/18px Verdana,Tahoma, Sans-serif; }


#contactform form 					{ width:auto; margin:0; padding:20px; margin-top:20px; }

#contactform fieldset 				{ padding:10px 0; margin:15px 0; background:#fff; border:1px solid #ddd; -moz-border-radius:5px }
#contactform fieldset legend 		{ font:normal bold 18px/26px "Trebuchet MS",Verdana,Tahoma; padding:3px 25px; margin-left:30px; text-transform:uppercase; border:0px solid #ddd;}
#contactform fieldset legend  span1		{ font:normal bold 18px/26px "Trebuchet MS",Verdana,Tahoma; color:#F00;}
#contactform fieldset legend span 	{ font:normal 10px/18px Arial,Verdana,Tahoma; text-transform:uppercase; display:block; }

#contactform form label 			{
	display:block;
	float:left;
	width:150px;
	padding:6px 10px 0 0;
	margin:0px;
	text-align:left;
	color: #333;
}

#contactform input.inpt, 
#contactform textarea, 
#contactform select 				{ margin-bottom: 9px !important; border:1px solid; background-color: #f5f5f5; border-color: #ccc #ddd #ddd #ccc; width: 65%; padding: 4px;}

#contactform input.inpt, 
#contactform textarea, 
#contactform select 				{ -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px;	} /* This is css3 border radius, remove it if you want to use valid xhtml*/

#contactform input.inpt:focus,
#contactform select:focus,
#contactform textarea:focus 		{ background:#fff; }

#contactform br 					{ clear:left;}
#contactform input.required 		{ background:#f5f5f5 url('image/required.gif') 99% 50% no-repeat;}

#contactform input.btn				{ background:none; border:none;}

#contactform #note {width:90%;margin:0 auto; }

/* Error / Success / Notice ----------------------------------------------------------- */

#contactform .notes					{ background:#f0f0f0; border:1px solid #b8b8b8; }
#contactform .success				{ background:#ccfcd1; border:1px solid #60a400; }
#contactform .error					{ background:#f9e3e3; border:1px solid #e79e9e; }
#contactform .notice				{ background:#fcf0cc; border:1px solid #ecc735; }

#contactform .notes,
#contactform .notice,
#contactform .success,
#contactform .error					{ padding:10px; font-size:10px; color:#000;}

#contactform .notes span,
#contactform .notice span,
#contactform .success span,
#contactform .error span			{ font-weight:bold; font-size:1.2em;}

#contactform .notes p,
#contactform .success p,
#contactform .error p,
#contactform .notice p				{ margin:0px; padding:0px;}
#wrapper-main .text-container #contactform fieldset #ajax-contact-form label span1 {
	color: #F00;
}
#wrapper-main .text-container #contactform fieldset #note span1 {
	color: #F00;
}