/* Table of Content
==================================================
	#`XHTML, HTML4, HTML5 Reset
	#`Basic HTML
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
/* `XHTML, HTML4, HTML5 Reset
----------------------------------------------------------------------------------------------------*/

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, tbody, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp {
	border: 0;
	font-size: 100%;
}

html, body {
	height: 100%;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	/*
  Override the default (display: inline) for
  browsers that do not recognize HTML5 tags.

  IE8 (and lower) requires a shiv:
  http://ejohn.org/blog/html5-shiv
*/
  display: block;
}

b, strong {
	/*
  Makes browsers agree.
  IE + Opera = font-weight: bold.
  Gecko + WebKit = font-weight: bolder.
*/
  font-weight: bold;
}

img {
	color: transparent;
	font-size: 0;
	vertical-align: middle;
	/*
  For IE.
  http://css-tricks.com/ie-fix-bicubic-scaling-for-images
*/
  -ms-interpolation-mode: bicubic;
}

ol, ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

li {
}

caption {
	font-weight: normal;
	vertical-align: top;
	text-align: left;
}

q {
	quotes: none;
}

q:before, q:after {
	content: '';
	content: none;
}

sub, sup, small {
	font-size: 90%;
}

sub, sup {
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

svg {
	/*
  For IE9. Without, occasionally draws shapes
  outside the boundaries of <svg> rectangle.
*/
  overflow: hidden;
}

/* `Basic HTML
----------------------------------------------------------------------------------------------------*/

body {
	font: 13px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
	margin: 0px;
	padding: 0px;
}

pre, code {
	font-family: 'DejaVu Sans Mono', Menlo, Consolas, monospace;
}

/* `Headings
----------------------------------------------------------------------------------------------------*/

h1 {
	font-size: 25px;
}

h2 {
	font-size: 23px;
}

h3 {
	font-size: 1.3em;
	font-weight: bold;
}

h4 {
	font-size: 19px;
}

h5 {
	font-size: 17px;
}

h6 {
	font-size: 15px;
}

/* `Spacing
----------------------------------------------------------------------------------------------------*/

ol {
	list-style: decimal;
}

ul {
}

li {
	margin-left: 30px;
}

p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, address, fieldset, figure {
	margin: 0px;
	padding: 0px;
}

/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */



/* #Base 960 Grid
================================================== */

    .container {
	position: relative;
	width: 1004px;
	padding: 0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.column, .columns {
	float: left;
	display: inline;
}

.row {
	margin-bottom: 20px;
}

/* Nested Column Classes */
    .column.alpha, .columns.alpha {
	margin-left: 0;
}

.column.omega, .columns.omega {
}

/* Base Grid */
    .container .one.column {
	width: 40px;
}

.container .two.columns {
	width: 100px;
}

.container .three.columns {
	width: 160px;
}

.container .four.columns {
	width: 220px;
}

.container .five.columns {
	width: 285px;
}

.container .six.columns {
	width: 340px;
}

.container .seven.columns {
	width: 400px;
}

.container .eight.columns {
	width: 460px;
}

.container .nine.columns {
	width: 520px;
}

.container .ten.columns {
}

.container .eleven.columns {
	width: 680px;
	padding-right: 30px;
}

.container .twelve.columns {
	width: 700px;
}

.container .thirteen.columns {
	width: 760px;
}

.container .fourteen.columns {
	width: 820px;
}

.container .fifteen.columns {
	width: 880px;
}

.container .sixteen.columns {
	width: 1000px;
}

.container .one-third.column {
	width: 300px;
}

.container .two-thirds.column {
	width: 620px;
}

/* Offsets */
    .container .offset-by-one {
	padding-left: 60px;
}

.container .offset-by-two {
	padding-left: 120px;
}

.container .offset-by-three {
	padding-left: 180px;
}

.container .offset-by-four {
	padding-left: 240px;
}

.container .offset-by-five {
	padding-left: 300px;
}

.container .offset-by-six {
	padding-left: 360px;
}

.container .offset-by-seven {
	padding-left: 420px;
}

.container .offset-by-eight {
	padding-left: 480px;
}

.container .offset-by-nine {
	padding-left: 540px;
}

.container .offset-by-ten {
	padding-left: 600px;
}

.container .offset-by-eleven {
	padding-left: 660px;
}

.container .offset-by-twelve {
	padding-left: 720px;
}

.container .offset-by-thirteen {
	padding-left: 780px;
}

.container .offset-by-fourteen {
	padding-left: 840px;
}

.container .offset-by-fifteen {
	padding-left: 900px;
}

.page-content {
	margin-top:20px;
}

#foot_menu {
	display: block;
	text-align: center;
}

#foot_menu ul {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

#foot_menu li {
	display: inline;
	margin: 0px;
	padding: 0px;
}

#foot_menu h4 {
	display: inline;
	font-weight: normal;
}

#foot_menu h4 a {
	font-size: 10px;
	border-right: 1px solid #FFF;
	padding: 0px 10px 0px 5px;
}

#foot_menu a:hover {
	text-decoration: underline;
}

.under_content_about_txt02_right {
	float: left;
	display: block;
	width: 340px;
	padding-top: 0px;
	overflow: visible;
	padding-left: 10px;
}

/*#menu .ddsmoothmenu {
	width: 669px;
}

.page_item.page-item-1.current_page_item a {
	width: 133px;
}

.ddsmoothmenu .page_item.page-item-2 a {
	width: 133px;
}

.ddsmoothmenu .page_item.page-item-3 a {
	width: 133px;
}

.ddsmoothmenu .page_item.page-item-5 a {
	width: 133px;
}

.ddsmoothmenu .page_item.page-item-6 a {
	width: 137px;
}*/

.top-search {
	float: left;
}

.menu_wrapper #menu {
}

.header {
	height: 136px;
	margin-bottom: 20px;
}

.header .wdp_head_ca {
	height: 15px;
}

.header .wdp_head_ca h1 {
	font-size: 10px;
	line-height: 15px;
	color: #FFF;
}

/* #Tablet (Portrait)
================================================== */

/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 1004px) {
 .page-content {
padding-top:25px;
margin-top:60px;
}
 .container {
width: 768px;
}
 .container .column,  .container .columns {
margin-left: 10px;
margin-right: 10px;
}
 .column.alpha, .columns.alpha {
margin-left: 0;
margin-right: 10px;
}
 .column.omega, .columns.omega {
margin-left: 10px;
}
 .container .one.column {
width: 28px;
}
 .container .two.columns {
width: 76px;
}
 .container .three.columns {
width: 124px;
}
 .container .four.columns {
width: 172px;
}
 .container .five.columns {
width: 200px;
}
 .container .six.columns {
width: 268px;
}
 .container .seven.columns {
width: 316px;
}
 .container .eight.columns {
width: 364px;
}
 .container .nine.columns {
width: 412px;
}
 .container .ten.columns {
width: 460px;
}
 .container .eleven.columns {
width: 495px;
}
 .container .twelve.columns {
width: 556px;
}
 .container .thirteen.columns {
width: 604px;
}
 .container .fourteen.columns {
width: 652px;
}
 .container .fifteen.columns {
width: 700px;
}
 .container .sixteen.columns {
width: 748px;
}
 .container .one-third.column {
width: 236px;
}
 .container .two-thirds.column {
width: 492px;
}

	/* Offsets */
	.container .offset-by-one {
padding-left: 48px;
}
 .container .offset-by-two {
padding-left: 96px;
}
 .container .offset-by-three {
padding-left: 144px;
}
 .container .offset-by-four {
padding-left: 192px;
}
 .container .offset-by-five {
padding-left: 240px;
}
 .container .offset-by-six {
padding-left: 288px;
}
 .container .offset-by-seven {
padding-left: 336px;
}
 .container .offset-by-eight {
padding-left: 348px;
}
 .container .offset-by-nine {
padding-left: 432px;
}
 .container .offset-by-ten {
padding-left: 480px;
}
 .container .offset-by-eleven {
padding-left: 528px;
}
 .container .offset-by-twelve {
padding-left: 576px;
}
 .container .offset-by-thirteen {
padding-left: 624px;
}
 .container .offset-by-fourteen {
padding-left: 672px;
}
 .container .offset-by-fifteen {
padding-left: 720px;
}
 .menu_wrapper #menu {
 padding-top: 10px;
 padding-left: 35px;
}
}


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
 .page-content {
margin: 0;
}
 .container {
width: 300px;
}
 .columns, .column {
margin: 0;
}
 .container .one.column,  .container .two.columns,  .container .three.columns,  .container .four.columns,  .container .five.columns,  .container .six.columns,  .container .seven.columns,  .container .eight.columns,  .container .nine.columns,  .container .ten.columns,  .container .eleven.columns,  .container .twelve.columns,  .container .thirteen.columns,  .container .fourteen.columns,  .container .fifteen.columns,  .container .sixteen.columns,  .container .one-third.column,  .container .two-thirds.column {
width: 300px;
}

        /* Offsets */
        .container .offset-by-one,  .container .offset-by-two,  .container .offset-by-three,  .container .offset-by-four,  .container .offset-by-five,  .container .offset-by-six,  .container .offset-by-seven,  .container .offset-by-eight,  .container .offset-by-nine,  .container .offset-by-ten,  .container .offset-by-eleven,  .container .offset-by-twelve,  .container .offset-by-thirteen,  .container .offset-by-fourteen,  .container .offset-by-fifteen {
padding-left: 0;
}
 #foot_menu ul {
 padding: 0px;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 5px;
 margin-left: 0px;
}
#foot_menu li {
 display: block;
 margin: 0px;
 padding: 0px;
}
#foot_menu h4 {
 display: block;
 padding-left: 10px;
 font-size: 11px;
 font-weight: normal;
 line-height: 20px;
}
#foot_menu a {
 font-size: 95%;
 border-right-style: none;
 padding-right: 7px;
 padding-left: 7px;
 border-top-style: none;
 border-bottom-style: none;
 border-left-style: none;
}
#foot_menu a:hover {
 text-decoration: underline;
}
 .under_content_about_txt02_right {
 float: left;
 display: block;
 width: 95%;
 padding-top: 0px;
 overflow: visible;
 padding-left: 0px;
}
 .gallery {
 background-image: none;
 position: relative;
 padding-top: 20px;
 display: block;
 margin-bottom: 30px;
 clear: both;
 float: none;
}
 .header {
 background-image: none;
}
}


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
 .page-content {
margin: 0;
}
 .container {
width: 420px;
}
 .columns, .column {
margin: 0;
}
 .container .one.column,  .container .two.columns,  .container .three.columns,  .container .four.columns,  .container .five.columns,  .container .six.columns,  .container .seven.columns,  .container .eight.columns,  .container .nine.columns,  .container .ten.columns,  .container .eleven.columns,  .container .twelve.columns,  .container .thirteen.columns,  .container .fourteen.columns,  .container .fifteen.columns,  .container .sixteen.columns,  .container .one-third.column,  .container .two-thirds.column {
width: 420px;
}
 #foot_menu ul {
 padding: 0px;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 5px;
 margin-left: 0px;
}
#foot_menu li {
 display: block;
 margin: 0px;
 padding: 0px;
}
#foot_menu h4 {
 display: block;
 padding-left: 10px;
 font-size: 11px;
 font-weight: normal;
 line-height: 20px;
}
#foot_menu a {
 font-size: 95%;
 border-right-style: none;
 padding-right: 7px;
 padding-left: 7px;
 border-top-style: none;
 border-bottom-style: none;
 border-left-style: none;
}
#foot_menu a:hover {
 text-decoration: underline;
}
 .under_content_about_txt02_right {
 float: left;
 display: block;
 width: 95%;
 padding-top: 10px;
 overflow: visible;
 padding-left: 0px;
}
 .gallery {
 background-image: none;
 position: relative;
 padding-top: 20px;
 display: block;
 margin-bottom: 30px;
 clear: both;
 float: none;
}
 .header {
 background-image: none;
}
}

/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after {
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,  .clearfix:after,  .row:before,  .row:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.row:after,  .clearfix:after {
	clear: both;
}

.row,  .clearfix {
	zoom: 1;
}

/* You can also use a <br class="clear" /> to clear columns */
    .clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}