@charset "utf-8";
/* CSS Document */


body	{
	text-align: center;
	margin: 0;
	padding: 0;
	border: 0;
	color: #643c04;
	font-family:Arial, Helvetica, sans-serif;
	background-image: url(../images/back.gif);
}
 
#header {
height:98px;
width:1004px;
margin: 0 auto;
}


#logo {
background: url("../images/guragear.gif") no-repeat left bottom;
height: 98px;
width: 223px;
float: left;
display: inline;
}

h1#logolink a {
display: block;
height: 98px;
width: 223px;
text-indent: -999em;
float: left;
}



#footer {
height:40px;
width:920px;
margin: 0 auto;
padding: 10px 0px 0px 50px;
text-align:left;
font-size: 11px;
clear:both;
}

#wrapper {

	color: #552;
	background:url(../images/back.wrapper.gif);
	width: 100%;
	height:602px;
	margin: 0 auto;
	padding: 0;
	
}


#homecontent {
width:1004px;
height: 602px;
background:url(../images/home.jpg);
margin: 0 auto;
}

#intro {
width: 450px;
margin:125px 0px 0px 105px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
color:#9c491b;
line-height:21px;
text-align: justify; 
float:left;
}


#content_wrapper {
width:1004px;
height:602px;
margin: 0 auto;
padding: 0;
	
}
#content_about {
height:540px;
background:url(../images/page.back.gif);
margin-left:56px;
padding: 35px 55px 25px 40px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
color:#643c04;
line-height:18px;
text-align: left; 
}

#content_product {
height:540px;
background:url(../images/page.back.gif);
margin-left:56px;
padding: 35px 25px 25px 40px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
color:#643c04;
line-height:18px;
text-align: left; 
}

#FAQ {
padding:10px 30px 10px 0px;
margin: 0 auto;
overflow:auto;
height:430px;
}


#flash {
float:left;
}

#thumbnails {
float:left;
width: 160px;
padding: 25px 0px 0px 20px;

}

#thumbnails img{
padding: 4px;

}
#content_contact {
height:540px;
background:url(../images/contact.back.jpg);
margin-left:66px;
padding: 35px 55px 25px 40px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
color:#643c04;
line-height:21px;
text-align: justify; 
}

#buydirect {
	width:209px;
	height:56px;
	margin:1px 0px 0px -30px;
}


#nav {
float: left;
margin-top:75px;
margin-left:40px;
}

#nav ul {
list-style-type: none;
}

#nav li {
float: left;
text-indent: -999em;
}

#nav li a {
height: 23px;
display: block;
}

#nav-home a {
background: url("../images/nav.gif") no-repeat 0px 0px;
width: 91px;
}

#nav-home a:hover, #home #nav-home a  {
background: url("../images/nav.gif") no-repeat 0px -23px;
width:91px;
}

#nav-product a {
background: url("../images/nav.gif") no-repeat -91px 0px;
width: 89px;
}

#nav-product a:hover, #product #nav-product a  {
background: url("../images/nav.gif") no-repeat -91px -23px;
width:89px;
}

#nav-about a {
background: url("../images/nav.gif") no-repeat -180px 0px;
width: 89px;
}

#nav-about a:hover, #about #nav-about a {
background: url("../images/nav.gif") no-repeat -180px -23px;
width:89px;
}

#nav-blog a {
background: url("../images/nav.gif") no-repeat -268px 0px;
width: 89px;
}

#nav-blog a:hover {
background: url("../images/nav.gif") no-repeat -268px -23px;
width:89px;
}

#nav-faq a {
background: url("../images/nav.gif") no-repeat -538px 0px;
width: 89px;
}

#nav-faq a:hover, #faq #nav-faq a  {
background: url("../images/nav.gif") no-repeat -538px -23px;
width:89px;
}

#nav-contact a {
background: url("../images/nav.gif") no-repeat -358px 0px;
width: 89px;
}

#nav-contact a:hover, #contact #nav-contact a  {
background: url("../images/nav.gif") no-repeat -358px -23px;
width:89px;
}

#nav-buynow a {
background: url("../images/nav.gif") no-repeat -447px 0px;
width: 91px;
margin-left:105px;
}

#nav-buynow a:hover, #buynow #nav-buynow a  {
background: url("../images/nav.gif") no-repeat -447px -23px;
width:91px;
}


/* =form */

#formwrap p label {
float: left;
width: 85px;
margin:5px 5px 5px 0px;
}

#formwrap {
text-align: left;
}


fieldset {
width: 100%;
border: 0;
padding-bottom: 10px;
}


legend {
font-size: 2em;
padding: 5px 5px 5px 0;
background-color: #ffffff;
margin: 0;
display: none;
float: left;
text-indent: -999em;
}

#contactform p label {
line-height: 150%;
text-align: right;
}


.required {
color: #8c0f0f; !important;
}

input#name, input#subject, input#email_address {
margin:5px 0px 5px 0px;
width: 200px !important
}


input#submit, input#clear, input#searchsubmit {
font-size: 12px;
}


input#submit:hover, input#clear:hover, input#searchsubmit:hover {
cursor: pointer;
color: #000;
}

p input, #s {
font-size: 12px;
font-family: Verdana, Helvetica, sans-serif;
color: #643c04;
font-weight: normal;
padding: 1px;
width: auto !important;
border: 1px solid #643c04;
margin-bottom: 5px;
filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;
}

input:focus, input#s:focus {
color: #000;
border-color: #9caf3b;
}


textarea {
font-size: 12px;
font-family: Verdana, Helvetica, sans-serif;
color: #444444;
padding: 1px;
width: 250px;
border: 1px solid #643c04;
margin:5px 0px 5px 0px;
filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;
}

textarea:focus {
border-color: #9caf3b;
color: #000;
}

input#submit, input#clear, input#searchsubmit {
color: #444444;
width: auto !important;
border-top: 1px solid #eeeeee;
border-left: 1px solid #eeeeee;
border-bottom: 1px solid #999999;
border-right: 1px solid #999999;
background-color: #cccccc;
font-size: 12px;
font-family: Verdana, Helvetica, sans-serif;
}

.error label {
color: #ffffff;
font-weight:normal;
}

div.error-container {
background-color: #8c0f0f;
margin-bottom: 10px;
padding: 10px;
display:none;
width:420px;

}

.error-container h5 {
font-size: 1.4em;
color: #ffffff !important;
margin-bottom: 10px;
}


div.error-container ol li {
list-style-type: disc;
margin-left: 20px;
font-size: 1em;
color: #ffffff !important;
line-height: 130%;
}


.error-container label.error {
display: inline;
}

div.error { 
display: none; 
}

input.error, input:focus.error, select.error, select:focus.error, textarea.error, textarea:focus.error { 
border: 1px solid #8c0f0f; !important; 
}


/* =form end*/



/*links*/
a {
color: #b96f20;
}

a:hover, a:focus, a:active {
color: #999;
}

a.footer {
color: #643c04;
}

a.footer:hover, a.footer:focus, a.footer:active {
color: #b96f20;
}

a:focus, a:active {
}

img, a img {
border: 0px;
}

/*classes*/
.whitebold {
color:#FFFFFF;
font-weight:bold;
font-size:14px;
}

.faq {
padding:10px 0px 10px 30px;
}