/* =Reset default browser CSS
-------------------------------------------------------------- */
body, div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, iframe, img, ins, kbd, samp, small, strong, sub, sup, tt, var, b, i, dl, dt, dd, object, ol, ul, li, form, label, legend, span, caption, tbody, tfoot, thead, th {
	background-color: transparent;
	background-position: top left;
	background-repeat: no-repeat;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

ol, ul {
	list-style-type: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

em, address, big, strong, cite, code, tt, var {
	font-style: normal;
}

a {
	text-decoration: none;
	color: #000;
}

/* Standard HTML Tag Definition 
-------------------------------------------------------------- */
body,
form, input, select, textarea, fieldset, button {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 0px;
	padding: 0px;
}

html {
	background-image: url('../images/repeat.jpg');
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #191919;
}

body {
	background-image: url('../images/body-top.jpg');
	background-position: top center;
}

/* =Custom Classes
-------------------------------------------------------------- */
.clear {
	clear: both;
}

/* =Layout
-------------------------------------------------------------- */
#wrapper {
	width: 972px;
	margin: 0 auto;
}

/* =Header
-------------------------------------------------------------- */
#header {
	background-image: url('../images/header-bg.png');
	background-position: bottom center;
	width: 962px;
	height: 265px;
}

#header .header-left {
	float: left;
	width: 310px;
	padding: 30px 0 8px 24px;
}
.header-left img {
    width: 295px;
	height: 165px;
}
#header .header-right {
	float: right;
	width: 601px;
	padding: 42px 27px 0 0px;
	text-align: right;
	
}
#header .header-right .phone {
	height:51px; 
}

#header .header-right .phone a {
	font-family:"Arial Black", Gadget, sans-serif;
	font-weight:bold;
	font-size:29px;
	float: right;
	padding-top:4px;
	color:#fff;
	}
#header .header-right .phone a:hover {
	color:#f6d937;
}
#header .header-right img {
}

#header .header-right ul {
	float: right;
	height: 57px;
	width: auto;
	margin: 17px 0 44px 0;
	display: inline;
}

#header .header-right ul li {
	float: left;
	text-align: left;
	font-size: 16px;
	line-height: 21px;
	font-weight: normal;
	width: auto;
}

#header .header-right ul li a {
	padding: 18px 19px;
	line-height: 21px;
	color: #000;
	display: block;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #fff;
	float: left;
}

#header .header-right ul li a:hover, #header .header-right ul li.current a {
	background-color: #F6D937;
}

#header .header-right ul li.left a {
	background-color: transparent;
	background-image: url('../images/left-bg.png');
	background-position: bottom left;
	padding: 18px 20px 18px 23px;
}

#header .header-right ul li.left a:hover, #header .header-right ul li.left.current a {
	background-position: top left;
}

#header .header-right ul li.right a {
	background-color: transparent;
	background-image: url('../images/right-bg.png');
	background-position: top right;
	padding: 18px 23px 18px 20px;
}

#header .header-right ul li.right a:hover, #header .header-right ul li.right.current a {
	background-position: bottom right;
}

#header .header-bottom {
	background-image: url('../images/header-bottom.png');
	width: 908px;
	height: 47px;
	margin: 0 auto;
	clear: both;
	font-size: 18px;
	color: #fff;
}

#header .header-bottom p span.left {
	font-weight: bold;
	float: left;
	padding: 13px 0 0 21px;
}

#header .header-bottom p span.right {
	float: right;
	padding: 13px 21px 0 0;
}

/* =Main
-------------------------------------------------------------- */
#slider { background-image: url('../images/main-repeat.png');
	background-repeat: repeat-y;
	width: 962px;
	padding-top: 28px;
	padding-bottom: 15px;
	padding-right: 27px;
	padding-left: 27px;
}
.slide {
  
}

#main {
	background-image: url('../images/main-repeat.png');
	background-repeat: repeat-y;
	width: 962px;
	padding-top: 28px;
	padding-bottom: 15px;
}

#content {
	background-image: url('../images/repeat-content.jpg');
	background-repeat: repeat-y;
	width: 908px;
	margin: 0 auto;
}

#content img.top-image {
	margin-top: -9px;
	position: relative;
}

#content img.bottom-image {
	margin-bottom: -7px;
	position: relative;
}

#content .sub-content {
	width: 825px;
	margin: 0 auto;
	padding: 30px 0;
}

#content .sub-content h2 {
	padding: 0 0 25px 0;
	font-weight: normal;
	font-size: 18px;
	line-height: 24px;
	color: #1B1B1C;
}

#content .sub-content img.right {
	float: right;
	margin: 0 25px 0 0px;
	display: inline;
}

#content .sub-content p {
	color: #1B1B1C;
	font-size: 14px;
	line-height: 22px;
	padding-bottom: 22px;
}

#content .sub-content .bottom-box {
	background-image: url('../images/box-bg.jpg');
	width: 819px;
	height: 78px;
	margin-top: 17px;
	margin-bottom: 15px;
	clear: both;
}

#content .sub-content .bottom-box p {
	font-size: 24px;
	color: #fff;
	text-align: center;
	padding-top: 25px;
	padding-right: 10px;
	line-height: 29px;
}

#content .sub-content .bottom-box p span {
	color: #F6D937;
}


#content .sub-content .Gallery {
	border: 6px solid #F6D937;
	display: inline;
}

#content .sub-content ul.list-item {
	width: 820px;
	padding-bottom: 20px;
	float: left;
}

#content .sub-content ul.list-item li {
	width: 820px;
	float: left;
	background-image: url('../images/line.jpg');
	padding: 11px 0px 12px 0;
	color: #1B1B1C;
}

#content .sub-content ul.list-item li img {
	border: 6px solid #F6D937;
	float: left;
	margin-right: 18px;
	display: inline;
}

#content .sub-content ul.list-item li h3 {
	line-height: 19px;
	padding: 3px 0 1px;
	font-size: 14px;
}

#content .sub-content ul.list-item li p {
	line-height: 22px;
}

#content .sub-content .leftcontent {
	float: left;
	width: 495px;
	padding-bottom: 100px;
}

#content .sub-content .leftcontent label {
	float: left;
	clear: both;
	width: 105px;
	font-weight: normal;
	color: #191919;
	margin-bottom: 6px;
	line-height: 20px;
}

#content .sub-content .leftcontent input {
	float: left;
	width: 470px;
	background-image: url('../images/input-bg.jpg');
	height: 26px;
	padding: 2px 5px;
	border: 0;
	line-height: 16px;
	color: #fff;
	margin-bottom: 6px;
}

#content .sub-content .leftcontent input.small {
	float: left;
	width: 118px;
	background-image: url('../images/input-small-bg.jpg');
	height: 26px;
	padding: 2px 5px;
	border: 0;
	line-height: 16px;
	color: #fff;
	margin-bottom: 6px;
}

#content .sub-content .leftcontent textarea {
	float: left;
	width:470px;
	background-image: url('../images/textarea-bg.jpg');
	height: 100px;
	padding: 2px 5px;
	border: 0;
	margin-bottom: 6px;
	color: #fff;
}

#content .sub-content .leftcontent input.submit {
	float: right;
	width: 133px;
	background-image: url('../images/submit.jpg');
	height: 28px;
	padding: 0;
	border: 0;
	cursor: pointer;
	margin-right: 10px;
}

#content .sub-content .leftcontent .required {
	color: #ff0000;
}

#content .sub-content .rightcontent {
	float: right;
	width: 270px;
}

#content .sub-content .rightcontent ul {
	width: 100%;
	float: left;
}

#content .sub-content .rightcontent ul li {
	width: 100%;
	float: left;
}

#content .sub-content .rightcontent ul ul {
	width: 258px;
	float: left;
	clear: both;
	margin-top: 10px;
	margin-bottom: 20px;
}

#content .sub-content .rightcontent ul ul.list-two {
	width: 278px;
}

#content .sub-content .rightcontent ul ul li {
 	width: 130px; 
	float: left;
	line-height: 21px;
}

#content .sub-content .rightcontent ul ul li a {
	color: #191919;
}

#content .sub-content .rightcontent ul ul.list-two li {
 	width: 178px; 
	float: left;
}

#content .sub-content .rightcontent ul ul li.left {
	width: 70px;
	font-weight: bold;
}

#content .sub-content .rightcontent ul ul li.left-one {
	width: 70px;
	font-weight: bold;
}
.bottom-box a {
	color:#f6d937;
	}
.bottom-box a:hover {
	color:#fff;
}

/* =Footer
-------------------------------------------------------------- */
#footer {
	background-image: url('../images/footer.png');
	background-position: top center;
	width: 908px;
	height: 150px;
	padding: 35px 27px 0;
	color: #fff;
}

#footer ul {
	width: 100%;
	float: left;
}

#footer ul li {
	width: 100%;
	float: left;
}

#footer ul ul {
	width: 250px;
	float: left;
}

#footer ul ul.list-one {
	width: 180px;
	float: left;
}

#footer ul ul.list-two {
	width: 278px;
}

#footer ul ul.list-three {
	width: 178px;
	float: right;
	text-align: right;
}

#footer ul ul li {
 	width: 130px; 
	float: left;
	line-height: 18px;
}

#footer ul ul li a {
 	color: #fff;
}

#footer ul ul.list-two li {
 	width: 178px; 
	float: left;
}

#footer ul ul.list-three li {
	width: 190px;
}

#footer ul ul li.left {
	width: 70px;
}

#footer ul ul li.left-one {
	width: 100px;
}

	/* #Tablet (Portrait)
================================================== */
    /* Note: Design for a width of 768px */

@media only screen and (min-width: 501px) and (max-width: 970px) {
	
	/*Top*/
	#wrapper { width: 100%; }
	#header { width: 100%; }
	#header .header-right .phone  { width: 500px; }
	#header .header-right .phone a { height: 51px;}
	#header .header-right { width: 500px; padding:30px 30px 0px 0px; height:100px; }
	#header .header-left {
	width: 120px;
	padding-top: 30px;
	float: left;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
    #header .header-left img { width: 150px; height: 123px; }
	#header .header-bottom {
	width: 100%;
	background-color: #f6d937;
	background-image: none;
	height: 100px;
	margin-top: 55px;
	float:right;
}
    #header .header-bottom p { width: 100%;  }
	#header .header-right ul { width: 536px; margin-top: 30px; }
	
	#content { width: 100%;; margin-top: 30px; float:left; }
	#content top-image img { width: 100%; }
	#content img.top-image { width: 100%; }
	#content .sub-content ul.list-item {  width: 100%; }
	#content .sub-content ul.list-item li { width: 100%; }
	#content .sub-content ul.list-item li img { margin-right: 32px; margin-bottom:20px; }
	#slider {display:none;}
	#main {  width: 100%; }
	#content .sub-content {	width: 100%; }
	#content .sub-content .bottom-box {	width: 100%; background: #4a4a4a; height:150px; }
	#footer { float: left; width: 100%; }
	#footer ul ul.list-three { text-align: center; }
	#content .sub-content .Gallery { margin: 5px; }
	
	
	
	
	
}
	/* #Mobile (Landscape)
================================================== */
    /* Note: Design for a width of 500px */

@media only screen and (min-width : 321px) and (max-width: 500px) {
	
	#wrapper { width: 100%; }
	#header { width: 100%; }
	#header .header-right { width: 200px; float:left;  padding:0px; height:100px; }
	#header .header-left {
	width: 120px;
	padding-top: 30px;
	float: none;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
}
	#header .header-bottom {
	width: 100%;
	background-color: #f6d937;
	background-image: none;
	height: 150px;
}
    #header .header-bottom p { width: 100%;  }
	#header .header-right .phone  { width: 300px; }
	#header .header-right .phone a { height: 51px; }
	#header .header-right ul { margin-top: 154px; width: 150px; }
	#header .header-right ul li a { width: 150px; }
	#header .header-right ul li.right a { background-position: left top; padding-right:21px;}
	#header .header-right ul li.right a:hover { background-position: left bottom; padding-right:21px;}
	#header .header-right ul li.left a { background-position: center top; padding-left:22px;}
	#header .header-right ul li.left a:hover, #header .header-right ul li.left.current a { background-position: center top; padding-left:22px;}
	#content { width: 100%; margin-top: 30px; float:left; margin-top: 360px; }
	#content top-image img { width: 100%; }
	#content img.top-image { width: 100%; }
	#content .sub-content ul.list-item {  width: 98%; }
	#content .sub-content ul.list-item li { width: 98%; }
	#content .sub-content ul.list-item li img {  }
	#slider {display:none;}
	#main {  width: 100%; }
	#content .sub-content {	width: 98%; }
	#content .sub-content .bottom-box {	width: 98%; background: #4a4a4a; height:150px; }
	#footer { float: left; width: 98%; }
	#footer ul ul.list-three { text-align: center; }
	#content .sub-content .Gallery { margin: 5px; }
	
	
	
	
}
/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */

@media only screen and (max-width: 320px) {
	
	#wrapper { width: 320px; }
	#header { width: 100%; }
	#header .header-right { width: 200px; float:left;  padding:0px; height:100px; }
	#header .header-left {
	width: 120px;
	padding-top: 30px;
	float: none;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
}
	#header .header-bottom {
	width: 320px;
	background-color: #f6d937;
	background-image: none;
	height: 150px;
}
    #header .header-right .phone  { width: 300px; }
    #header .header-bottom p { width: 300px;  }
	#header .header-right ul { margin-top: 154px; width: 150px; }
	#header .header-right ul li a { width: 150px; }
	#header .header-right ul li.right a { background-position: left top; padding-right:21px;}
	#header .header-right ul li.right a:hover { background-position: left bottom; padding-right:21px;}
	#header .header-right ul li.left a { background-position: center top; padding-left:22px;}
	#header .header-right ul li.left a:hover, #header .header-right ul li.left.current a { background-position: center top; padding-left:22px;}
	#content { width: 320px; margin-top: 30px; float:left; margin-top: 400px; }
	#content top-image img { width: 320px; }
	#content img.bottom-image { width: 320px; }
	#content img.top-image { width: 320px; }
	#content .sub-content ul.list-item {  width: 280px; }
	#content .sub-content ul.list-item li { width: 280px; }
	#content .sub-content ul.list-item li img { margin-right: 32px; margin-bottom:20px; }
	#slider {display:none;}
	#main {  width: 320px; }
	#content .sub-content {	width: 290px; }
	#content .sub-content .bottom-box {	width: 290px; background: #4a4a4a; height:150px; }
	#footer { float: left; width: 280px; }
	#footer ul ul.list-three { text-align: center; }
	#content .sub-content .Gallery { margin: 5px; }
	
}