@charset "utf-8";

/*------------------------------------------------------

	Theme Name: WATT PHOTO STUDIO - version 1.0
	Type: Layout css
	Author: unlimitDesign
	Author URI: http://themeforest.net/user/udfrance

/*------------------------------------------------------

	CSS TOB:

	1. RESETS
	2. COMMONS
	3. STRUCTURAL
		i.gobal wrapper
		ii.header
		iii.body/pages
		iv.footer
	4. TYPO & LINKS
	5. GENERIC ELEMENTS
		i.buttons
		ii.columns
		iii.media
		iv. lists
		v.blockquotes
		vi.dropcaps
	6. MISC

---------------------------------------------------------*/

/*--------------------------------------------------------
	1.RESETS
--------------------------------------------------------*/

	/* http://meyerweb.com/eric/tools/css/reset/
       v2.0 | 20110126
       License: none (public domain)
	*/

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


/*--------------------------------------------------------
	2.COMMONS
--------------------------------------------------------*/


h1,h2, h3, h4, h5, h6, p, ul, ol, .media_holder,ul.comment-list li,blockquote,div.content-list ul li,#featureContainer,#pagination, .post-type-1, .post-type-1 .post-content .r-more,#form #reload,.tweet,.sidebar .widget.widget_latest_posts, .sidebar .widget.widget_categories, .sidebar .widget.widget_twitter, .sidebar .widget.widget_text,.sidebar .widget.widget_archive, .sidebar .widget.widget_search, .sidebar .widget.widget_meta, .sidebar .widget.widget_tag_cloud, .sidebar .widget.widget_links, .sidebar .widget.widget_recent_comments, .sidebar .widget.widget_recent_entries, .sidebar .widget.widget_adSense, #advertisingContent, .entry-content, ul.search-results li, form#commentform input#submit {
    margin-bottom: 20px;
}

ul, ol {
    padding-left: 18px;
}

ul li, ol li {
    font-size: 14px;
    padding-bottom: 10px;
    line-height: 1.6em;
}

/*--------------------------------------------------------
	3.STRUCTURAL ELEMENTS/SKELETON
--------------------------------------------------------*/

	/*----------------------------
	i.-- Global
	-----------------------------*/

html, body {
    overflow: auto;
}

#wrapper {
    overflow: hidden;
}

#wrapper #inner-wrapper {
    width: 100%;
    margin: auto;
    margin-top: 10px;
}


	/*----------------------------
	ii.-- Header
	-----------------------------*/
.header-wrapper {
    width: 100%;
/*    box-shadow: 0 3px 4px #eee;*/

    /* IE10 Consumer Preview */ 
    background-image: -ms-linear-gradient(left, #FFFFFF 50%, #C72027 50%);

    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(left, #FFFFFF 50%, #C72027 50%);

    /* Opera */ 
    background-image: -o-linear-gradient(left, #FFFFFF 50%, #C72027 50%);

    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, right top, color-stop(.5, #FFFFFF), color-stop(.5, #C72027));

    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(left, #FFFFFF 50%, #C72027 50%);

    /* W3C Markup, IE10 Release Preview */ 
    background-image: linear-gradient(to right, #FFFFFF 50%, #C72027 50%);
    height: 99px;
}

	/*top header*/
#header-top {
/*    margin-bottom: 50px;
    position: relative;
    z-index: 50;
    display: none;*/
    position: relative;
    z-index: 1000;
    display: none;
    width: 960px;
    height: 30px;
    margin: 0 auto !important;
}

#header-top #content {
    width: 100%;
    overflow: hidden;
    padding: 30px 0;
}

#header-top #content  ul.header-widgets {
    width: 900px;
    list-style: none;
    margin: 0 auto 0 auto;
    overflow: hidden;
    overflow: hidden;
    margin-bottom: 0px;
}

#header-top #content  ul.header-widgets li {
    width: 195px;
    margin-right: 40px;
    float: left;
}

#header-top #content  ul.header-widgets li:last-child {
    margin: 0;
}

#header-top #content ul.header-widgets li .post .entrySpec {
    width: auto;
    float: none;
    margin-right: 0px;
}

#header-top #content  ul.header-widgets li p,#header-top #content ul.header-widgets li .media_holder,#header-top #content ul.header-widgets li .post {
    margin: 0 0 20px 0;
    overflow: hidden;
}

	/*main header*/
#header {
    width: 900px;
    height: 99px;
    margin: auto;
    padding: 0 30px 0 0;
}

#header #logo {
    float: left;
    height: 99px;
}

#header #logo a {
}

#header #logo:active {
    top: 1px;
}

#header #slogan {
    float: left;
    padding-left: 10px;
}

#header #more-less {
    width: 26px;
    height: 26px;
    cursor: pointer;
    float: right;
    position: relative;
    margin: -30px -30px 0 0;
}

#header #more-less .more {
    width: 7px;
    height: 6px;
    float: right;
    margin: 5px 5px 0 0;
}

#header #more-less .less {
    width: 7px;
    height: 6px;
    float: right;
    margin: 5px 5px 0 0;
}



		/* main menu
		-----------------------------*/

.nav {
    width: 665px;
    height: 32px;
    line-height: 32px;
    list-style: none;
    float: left;
    padding-top: 0px;
    margin: 34px -20px 0 0;
}

.nav li {
    position: relative;
    float: left;
    display: block;
    padding: 0 20px;
}

.nav li a {
    display: block;
    background: none;
    outline: none;
    border: none;
}

#nav-marker {
    width: 1px;
    height: 5px;
    float: left;
    position: absolute;
}
		/*#nav li a:hover{}*/
		/*#nav li a.active {}*/


		/* sub menu
		-----------------------------*/

.nav ul.children {
    width: 150px;
    position: absolute;
    z-index: 500;
    left: -9999px;
    padding: 0px 0;
}

.nav ul.children li {
    width: 150px;
    line-height: 15px;
    margin: 0;
    padding: 0;
    text-align: left;
 /*switch to center for center align*/;
}

.nav ul.children li:last-child {
    margin: 0px;
}

.nav ul.children li a {
    width: 120px;
    display: block;
    padding: 10px 15px;
}

.nav li:hover ul {
    left: 0;
    margin: 0px;
}
		/*#nav li:hover ul{}*/

.nav li ul.sub-menu {
    width: 150px;
    position: absolute;
    z-index: 500;
    left: -9999px;
    padding: 0px 0;
}

.nav li ul.sub-menu li {
    width: 150px;
    line-height: 15px;
    margin: 0;
    padding: 0;
    text-align: left;
 /*switch to center for center align*/;
}

.nav li ul.sub-menu li:last-child {
    margin: 0px;
}

.nav li ul.sub-menu li a {
    width: 120px;
    display: block;
    padding: 10px 15px;
}

.nav li:hover ul.sub-menu {
    left: 0;
    margin: 0px;
}
		/*#nav li:hover ul{}*/

.menu-main-menu-container, .menu-zh-menu-container {
    display: block;
    height: 99px;
    background: #c72027;  
}



	/*----------------------------
	iii.-- Body / Pages
	-----------------------------*/


		/* page wrappers
		-----------------------------*/
#mainBody {
    width: 960px;
    min-height: 550px;
    margin: auto;
/*    padding-top: 1px;*/
}

#mainBody span.inreplyto {
    font-style: italic;
    font-weight: normal;
    font-family: 'Times New Roman', Times, serif;
}

			/*layout*/
.content,.content-full-width,.content-folio-index, .sidebar {
    padding-top: 30px;
}

.content {
    width: 623px;
    width: 652px;
    margin: 0 auto;
}

.content.alignLeft {
    float: left;
}

.content.alignRight {
    float: right;
    padding-right: 10px;
}

.content-full-width {
    width: 900px;
}

.content-folio-index {
    width: 930px;
}

.sidebar {
    width: 237px;
    border;
}

.sidebar.alignLeft {
    float: left;
    margin-right: 40px;
}

.sidebar.alignRight {
    float: right;
    padding-left: 30px;
    background: url(../images/separate.png) no-repeat top left;
    padding-bottom: 30px;
    min-height: 360px;

}




		/* general pages
		-----------------------------*/

		/*page title*/
.page-title {
    width: 900px;
    text-align: center;
    position: relative;
    overflow: hidden;
    padding: 380px 0 0;
    display: block;
    margin: 0 auto;
}

.page-title.folio-index {
    margin-bottom: 15px;
}

.page-title h1.pageHeading {
    margin-bottom: 0px;
}

		/*logo list*/
ul#logo_list {
    width: 900px;
    list-style: none;
    float: left;
}

ul#logo_list li {
    width: 87px;
    float: left;
    margin-right: 28px;
}

ul#logo_list li:last-child {
    margin: 0px;
}

ul#logo_list li {
    position: relative;
}

ul#logo_list li:active {
    top: 1px;
}

		/*widgets*/
.sidebar p,.sidebar ul {
    margin-bottom: 0px;
}

		/*common*/
.sidebar .widget.widget_latest_posts, .sidebar .widget.widget_categories, .sidebar .widget.widget_twitter, .sidebar .widget.widget_text,.sidebar .widget.widget_archive, .sidebar .widget.widget_search, .sidebar .widget.widget_meta, .sidebar .widget.widget_tag_cloud, .sidebar .widget.widget_links, .sidebar .widget.widget_recent_comments, .sidebar .widget.widget_recent_entries, .sidebar .widget.widget_adSense {
    overflow: hidden;
}

.sidebar .widget.widget_latest_posts ul,.sidebar .widget.widget_archive ul, .sidebar .widget.widget_meta ul, .sidebar .widget.widget_links ul,  .sidebar .widget.widget_recent_comments ul,.sidebar .widget.widget_recent_entries ul {
    list-style: none;
}

.sidebar .widget.widget_latest_posts ul li,.sidebar .widget.widget_archive ul li, .sidebar .widget.widget_meta ul li, .sidebar .widget.widget_links ul li,  .sidebar .widget.widget_recent_comments ul li,.sidebar .widget.widget_recent_entries ul li {
    margin-bottom: 5px;
}

.sidebar .widget.widget_latest_posts ul li:last-child,.sidebar .widget.widget_archive ul li:last-child, .sidebar .widget.widget_meta ul li:last-child, .sidebar .widget.widget_links ul li:last-child,  .sidebar .widget.widget_recent_comments ul li:last-child,.sidebar .widget.widget_recent_entries ul li:last-child {
    margin-bottom: 0px;
}

			/*latest post*/

			/*.sidebar .widget .widget_latest_posts{}*/

			/*categories*/

.sidebar .widget.widget_categories .one_half {
    margin-bottom: 0px;
}

.sidebar .widget.widget_categories .one_half a {
    margin-bottom: 5px;
    float: left;
}

			/*text widget*/
			/*.sidebar .widget .widget_text{}*/

			/*twitter widget*/

.sidebar .widget.widget_twitter ul.tweet_list {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow-y: hidden;
}

.sidebar .widget.widget_twitter ul.tweet_list li:last-child {
    border: none;
    padding: 0px;
    margin-bottom: 0px;
}

.sidebar .widget.widget_twitter ul.tweet_list li {
    overflow-y: auto;
    overflow-x: hidden;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.sidebar .widget.widget_twitter ul.tweet_list .tweet_avatar {
    padding-right: .5em;
    float: left;
}

.sidebar .widget.widget_twitter ul.tweet_list .tweet_avatar img {
    vertical-align: middle;
}

			 /*archives*/

			 /*.sidebar .widget .widget_archive{}*/

			 /*search*/

.sidebar .widget.widget_search form {
    padding-bottom: 1px;
    overflow: hidden;
}

.sidebar .widget.widget_search div input#s {
    width: 213px;
    height: 20px;
    padding: 10px;
    margin-bottom: 10px;
    color: #666;
    float: left;
}

.sidebar .widget.widget_search div input#searchsubmit {
    float: left;
    display: inline-block;
    line-height: 1;
    position: relative;
    cursor: pointer;
    border: none;
    font-size: 13px;
    padding: 12px 25px;
}

.sidebar .widget.widget_search div input[type=submit]:active {
    position: relative;
    top: 1px;
}

.sidebar .widget.widget_search div label {
    display: block;
    padding-bottom: 10px;
}

			 /*meta*/

			 /*.sidebar .widget .widget_meta{}*/

			 /*tag cloud*/

			 /*.sidebar .widget .widget_tag_cloud{}*/

			 /*links*/

			 /*.sidebar .widget .widget_links{}*/


			 /*comments*/

			 /*.sidebar .widget .widget_recent_comments {}*/





		/* homepage specific
		-----------------------------*/

#recent-work {
    width: 930px;
    margin-bottom: 30px;
}

ul.recent-work {
    width: 930px;
    list-style: none;
    overflow: hidden;
}

ul.recent-work li {
    width: 280px;
    margin-right: 30px;
    float: left;
}

ul.recent-work li:last-child {
    margin: 0;
}


		/* folio specific
		-----------------------------*/
#featureContainer-slider {
    position: relative;
    height: 100%;
/*    margin-bottom: 20px;*/
    display: none;
}

#featureContainer {
    position: relative;
    overflow: hidden;
}

#thumbContainer {
    width: 633px;
    overflow: hidden;
    margin-bottom: 26px;
}

			/*filter-menu
			-----------------------------*/
#filter-menu {
    width: 900px;
    overflow: hidden;
    list-style: none;
    padding-bottom: 15px;
}

#filter-menu span {
    float: left;
    padding-right: 20px;
}

ul.filter-list {
    list-style: none;
    overflow: hidden;
    margin-bottom: 0px;
}

ul.filter-list li {
    float: left;
    margin-right: 10px;
    padding: 0 20px 0 10px;
}

ul.filter-list li:first-child {
    padding-left: 0px;
}

ul.filter-list li:last-child {
    border-right: none;
}


			/*filter-content
			-----------------------------*/
.folio-list {
    list-style: none;
    width: 930px;
    overflow: hidden;
}

.folio-list .category {
    width: 280px;
    float: left;
    margin: 0 30px 30px 0;
    overflow: hidden;
}

.folio-list h6 {
    margin-bottom: 10px;
    text-align: center;
    height: 17px;
/*fix for cufon*/;
}

.folio-list .divisor {
    width: 50px;
    height: 1px;
    margin: 0 auto 10px auto;
}

.folio-list p {
    margin-bottom: 0px;
    text-align: center;
    padding: 0 34px;
    height: 30px;
    max-height: 30px;
    max-width: 210px;
}

.folio-list .category .media_holder {
    margin: 0 0 20px 0;
}

.folio-list.content-folio-index div._hoverIcon {
    width: 270px;
    top: 72.5px;
    opacity: 0;
    margin-top: 10px;
}


			/* fancybox
			-----------------------------*/
#fancybox-title-over {
    padding: 20px;
    width: 150px;
    display: block;
    left: 30px;
    position: relative;
}

.fancybox-html {
    display: none;
}

.fancybox-num,.fancybox-title,.fancybox-txt {
    margin-bottom: 10px;
}


			/*folio specs
			-----------------------------*/
.folio-spec {
    overflow: hidden;
}

.folio-spec .review {
    background: url(../images/review_tipo.png) bottom center no-repeat;
    overflow: hidden;
}

.folio-spec .review p {
    padding: 15px;
}

.folio-spec ul {
    list-style: none;
    width: 100%;
    padding-bottom: 15px;
}

.folio-spec ul li {
    width: 100%;
    margin-bottom: 3px;
}

.folio-spec .projectNav {
    padding-bottom: 15px;
    overflow: hidden;
}

.folio-spec .projectNav a[rel~="next"] {
    padding-right: 12px;
    float: right;
}

.folio-spec .projectNav a[rel~="prev"] {
    padding-left: 12px;
    float: left;
}

.folio-spec .review,.folio-spec .review p, .folio-spec ul, .folio-spec .projectNav {
    margin-bottom: 15px;
}

.folio-spec .share.hide {
    display: none;
}

.folio-spec .share .tweet-button {
    float: left;
    width: 90px;
    margin-left: 20px;
}
			/*.folio-spec .review .quote .name{}*/



		/* blog specific
		-----------------------------*/

.post-type-1 {
    width: 623px;
    overflow: hidden;
}


			/* layout 1
			-----------------------------*/

.post-type-1 .post-content {
    width: 520px;
    overflow: hidden;
    float: right;
}

.post-type-1 .post-content .r-more {
    float: left;
}

.post-type-1 .dateContainer-1 {
    width: 70px;
    padding: 10px 5px;
    margin-bottom: 15px;
}

.post-type-1 .dateContainer-1.alignLeft,dateContainer-2.alignLeft {
    left: 0;
}

.post-type-1 .dateContainer-1.alignRight, .dateContainer-2.alignRight {
    right: 0;
}

.post-type-1 .dateContainer-1 .dateDay,.dateContainer-1 .dateMonth, .dateContainer-1 .dateYr {
    text-align: center;
    position: relative;
}


			/* entry spec
			-----------------------------*/

.entrySpec {
    width: 80px;
    float: left;
    margin-bottom: 20px;
    margin-right: 23px;
}

.entrySpec p {
    margin-bottom: 5px;
}


			/* comment list
			-----------------------------*/

#comments {
    overflow: hidden;
}

#comments ul.comment-list {
    overflow: hidden;
    list-style: none;
    margin-bottom: 0;
}

#comments ul.comment-list li {
    width: 623px;
    padding-bottom: 30px;
    float: left;
}

#comments ul.comment-list li .avatar {
    float: left;
    margin-right: 12px;
    width: 50px;
    height: 50px;
}

#comments ul.comment-list li .comment {
    width: 548px;
    float: left;
    width: auto;
    float: left;
}

#comments ul.comment-list li .comment .commentary {
    width: 548px;
}

#comments ul.comment-list li ul.children li .comment .commentary {
    width: 474px;
}

#comments ul.comment-list li .comment h6, ul.comment-list li .comment .comment-date, ul.comment-list li .comment .commentary p {
    margin-bottom: 15px;
}

#comments ul.comment-list li .media_holder {
    margin-bottom: 0px;
}

#comments ul.comment-list li.last {
    padding: 0;
    margin: 0;
}

#comments ul.comment-list li ul {
    overflow: hidden;
    list-style: none;
    padding-left: 75px;
    margin: 0px;
    overflow: visible;
}

#comments ul.comment-list li ul li {
    width: 548px;
    padding: 30px 0 0 0;
    float: left;
    margin: 30px 0 0 0;
}

#comments ul.comment-list li ul li .comment {
    width: 465px;
    float: left;
}

#respond {
    overflow: hidden;
}

form#commentform input#submit {
    float: right;
    margin-left: 20px;
    padding: 12px 25px;
    white-space: nowrap;
    display: inline-block;
    line-height: 1;
    position: relative;
    cursor: pointer;
}

form#commentform input[type=submit]:active {
    position: relative;
    top: 1px;
}

form#commentform p#formProgressComment {
    float: left;
    position: absolute;
}


			/*comment form progress
			-----------------------------*/

.formProgressComment {
    float: left;
}


			/* pagination
			-----------------------------*/

#pagination {
    overflow: hidden;
    height: 14px;
}

#pagination span {
    float: left;
    font-weight: bold;
    padding-right: 20px;
}

#pagination ul {
    list-style: none;
    margin-top: 3px;
}

#pagination ul li, #pagination ul li a {
    width: 10px;
    height: 10px;
}

#pagination ul li {
    float: left;
    margin-right: 5px;
}

#pagination ul li a {
    overflow: hidden;
    float: left;
}

#pagination ul li .tooltip {
    width: 20px;
    height: 20px;
    background: #000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: absolute;
    z-index: 1;
    text-align: center;
    line-height: 20px;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    display: none;
    margin: -25px 0 0 -5px;
    font-size: 12px;
}


		/* contact specific
		-----------------------------*/


			/* maps
			-----------------------------*/

#map_canvas {
}


			/* forms
			-----------------------------*/

.field {
    width: 330px;
    height: 20px;
    padding: 10px;
    margin-bottom: 10px;
    color: #666;
    float: left;
}

.tarea {
    width: 601px;
    max-width: 601px;
    height: 180px;
    padding: 10px;
    margin-bottom: 20px;
}

.formProgress {
    margin-top: 15px;
    color: #c72027;
}

#form #reload {
    float: left;
}


		/* no result page specific
		-----------------------------*/

.entry-content {
    overflow: hidden;
}

.entry-content div input#s {
    width: 300px;
    height: 20px;
    padding: 10px;
    margin-bottom: 10px;
    color: #666;
    float: left;
    margin-right: 20px;
}

.entry-content div input#searchsubmit {
    float: left;
    display: inline-block;
    line-height: 1;
    position: relative;
    cursor: pointer;
    border: none;
    font-size: 13px;
    padding: 12px 25px;
}

.entry-content div input[type=submit]:active {
    position: relative;
    top: 1px;
}

.entry-content div label {
    display: block;
    padding-bottom: 10px;
}

		/*result page sepecitif
		-----------------------------*/

ul.search-results {
    list-style: none;
}

ul.search-results li:last-child {
    margin-bottom: 0px;
}



	/*----------------------------
	vi.-- footer
	-----------------------------*/

#footer {
    width: 960px;
    overflow: hidden;
    margin: 0 auto 10px auto;
    border-top: 1px solid #eee;
}

		/* footer-top
		-----------------------------*/
#footer-top {
    width: 900px;
    overflow: inherit;
    margin-bottom: 10px;
    padding: 30px;
}

#footer-top p {
    margin: 0px;
}

#footer #footer-top div.list ul {
    margin-bottom: 0px;
}


		/* footer-bottom
		-----------------------------*/

#footer-bottom {
    width: 930px;
    min-height: 16px;
    margin: auto;
    padding: 30px 30px 0 0;
    position: relative;
    overflow: hidden;
}

		/* logo
		-----------------------------*/

#footer-bottom img {
    float: left;
    position: relative;
    margin-right: 10px;
}

#footer img:active {
    top: 1px;
}

		/* social
		-----------------------------*/

		/*.icon_holder */
#footer-bottom #sns-container {
    position: absolute;
    right: 30px;
    top: 50%;
    margin-top: -8px;
}

#footer-bottom #sns-container .icon_holder {
    margin-top: -3px;
}

#footer-bottom #sns-container .icon_holder a {
    height: 22px;
    width: 22px;
    float: left;
    overflow: hidden;
}

#footer-bottom #sns-container .icon_holder #facebook,#footer-bottom #sns-container .icon_holder #twitter,#footer-bottom #sns-container .icon_holder #skype, #footer-bottom #sns-container .icon_holder #forrst, #footer-bottom #sns-container .icon_holder #googleplus,#footer-bottom #sns-container .icon_holder #flicr,#footer-bottom #sns-container .icon_holder #myspace,#footer-bottom #sns-container .icon_holder #vimeo, #footer-bottom #sns-container .icon_holder #dribble, #footer-bottom #sns-container .icon_holder #linkedin,#footer-bottom #sns-container .icon_holder #digg {
    position: relative;
}

#footer-bottom #sns-container .icon_holder.alignRight {
    float: right;
    margin-left: 8px;
}

#footer-bottom #sns-container .icon_holder.alignLeft {
    float: left;
    margin-right: 8px;
}


		/* to top
		-----------------------------*/

#footer-bottom #toTop {
    width: 26px;
    height: 26px;
    position: absolute;
    top: 26px;
    right: 0;
    cursor: pointer;

}

#toTop #arrow {
    width: 7px;
    height: 7px;
    float: right;
    margin: 16px 5px 0 0;
}


/*--------------------------------------------------------
	TYPOGRAPHY & LINKS
--------------------------------------------------------*/


	/* typo
	-----------------------------*/

h1,h2, h3, h4, h5, h6 {
/*ie fix*/
    position: relative;
    z-index: 10;
/**/;
} /*DO NOT REMOVE POSITION RELATIVE OR Z-INDEX, OR CUFON FADING WILL NOT WORK IN IE*/


	/* links
	-----------------------------*/

a.r-more,a:visited.r-more,div#mainBody a.comment-reply-link,a:visited.reply {
    padding-left: 12px;
}

a,a:visited,a.r-more,a:visited.r-more,a.cat {
    outline: none;
    border: none;
}


/*--------------------------------------------------------
	5. GENERIC ELEMENTS
--------------------------------------------------------*/

	/*----------------------------
	i.-- buttons
	-----------------------------*/

.button {
    display: inline-block;
    line-height: 1;
    position: relative;
    cursor: pointer;
    border: none;
    margin-right: 20px;
}

.button:active {
    position: relative;
    top: 1px;
}


		/* sizes
		-----------------------------*/

.button.small {
    font-size: 11px;
    padding: 10px 20px;
}

.button.medium {
    font-size: 13px;
    padding: 12px 25px;
}

.button.large {
    font-size: 14px;
    padding: 15px 25px;
}

.button.alignLeft {
    float: left;
    margin-right: 20px;
}

.button.alignRight {
    float: right;
    margin-left: 20px;
}


		/* colors
		-----------------------------*/

		/*ref to style_theme.css*/


		/* effects
		-----------------------------*/

		/*ref to style_theme.css*/


	/*----------------------------
	ii.-- columns
	-----------------------------*/

.one_half, .one_third, .one_fourth,.one_fifth, .two_third, .three_fourth {
    height: auto;
    float: left;
    margin-right: 5%;
    overflow: hidden;
    padding-top: 2px;
}

.one_half p, .one_third p, .one_fourth p,.one_fifth p, .two_third p, .three_fourth p,.one_half blockquote, .one_third blockquote, .one_fourth pblockquote,.one_fifth pblockquote .two_third blockquote, .three_fourth blockquote {
    margin: 0;
}


		/* widths
		-----------------------------*/
.one_half {
    width: 47.5%;
}

.one_third {
    width: 30%;
}

.one_fourth {
    width: 21.25%;
}

.one_fifth {
    width: 16%;
}

.two_third {
    width: 64%;
}

.three_fourth {
    width: 73.25%;
}

.col_last {
    margin-right: 0 !important;
    clear: right;
}


	/*----------------------------
	iii.-- highlights
	-----------------------------*/

.highlight {
    padding: 2px 5px;
}

.underline {
    padding: 0px;
}

		/*highlights colors*/
		/*ref to style_theme.css*/

		/*highlights effects */
		/*ref to style_theme.css*/

	/*----------------------------
	iv.-- media framing/shadows
	-----------------------------*/

.media_holder {
}


		/* alignments
		-----------------------------*/

.media_holder.alignLeft {
    float: left;
    margin-right: 30px;
}

.media_holder.alignRight {
    float: right;
    margin-left: 30px;
}
		
		/* featured / header image */
div#featureContainer .media_holder.folio {
    width: 100%;
    height: 430px;
}

div#featureContainer .media_holder.folio div.image_frame {
    width: 100%;
    height: 100%;
}

div#featureContainer .media_holder.folio div.image_frame img {
    position: relative;
    float: left;
}

div#featureContainer .media_holder.folio .centering_div {
    width: 100%;
    margin-left: 25%;
    text-align: center;
}

div#featureContainer .media_holder.folio .caption-2 {
    float: left;
    width: 75%;
}
		/*folio speicific*/
.media_holder.last {
    margin-right: 0px;
}

.media_holder.folio._imageThumb {
    width: 32%;
    min-width: 0;
}

.media_holder.folio {
    float: left;
    margin: 0px 8px 4px 0px;
}

		/* rollover
		-----------------------------*/
._rollover {
    position: absolute;
    z-index: 2;
}

		/* wrappers
		-----------------------------*/

._imageThumb {
    position: relative;
    border: none;
    z-index: 4;
}



		/* frames and borders
		-----------------------------*/

.image_frame {
    position: relative;
    overflow: hidden;
}

._border_top_thick {
    width: 100%;
    height: 5px;
    position: absolute;
    z-index: 10;
}

._border_bottom_thick {
    width: 100%;
    height: 5px;
    position: relative;
    z-index: 5;
    bottom: 0;
}


		/* hover containers
		-----------------------------*/

._hoverIcon {
    position: absolute;
    border: none;
    z-index: 3;
    text-align: center;
}

._hoverIcon .view-image, .view-video {
    width: 30px;
    height: 30px;
    margin-right: 0px;
    display: inline-block;
}

._hoverIcon .view-full {
    width: 60px;
    height: 30px;
    display: inline-block;
    margin-left: 5px;
}

._original {
    position: relative;
    display: block;
}

._thumb-ind {
    position: absolute;
    z-index: 3;
    width: 100%;
}



		/* theme captions
		-----------------------------*/

		/*caption type 1 - type: catchPhrase*/

.caption-1 {
    position: absolute;
    z-index: 6;
    width: 100%;
    left: 0;
}

.caption-1 .mainTitle-sizeSmall,.caption-1 .mainTitle-sizeMedium,.caption-1 .mainTitle-sizeLarge {
    width: 100%;
    overflow: hidden;
}

.caption-1 .subTitle-sizeSmall, .caption-1 .subTitle-sizeMedium, .caption-1 .subTitle-sizeLarge {
    width: 100%;
    overflow: hidden;
}



		/*caption type 2 type: Brief*/

.caption-2 {
    max-width: 50%;
    position: absolute;
    z-index: 2;
    overflow: hidden;
    bottom: 10px;
    padding: 15px;
}

.caption-2 .credit {
    padding-top: 10px;
    margin-top: 10px;
    float: left;
}

.caption-2 .mainTitle {
    margin-bottom: 10px;
    overflow: hidden;
}

.caption-2 p {
    margin: 0;
}

			/*positioning*/

.caption-2.alignLeft {
    left: 0px;
}

.caption-2.alignRight {
    right: 0px;
}

.caption-2.alignCenter {
    text-align: center;
    margin-left: 25%;
    margin-right: 25%;
}

.shortcodeCaption.caption-2.alignCenter {
    margin-left: 25%;
    margin-right: 25%;
}

		/*indication text*/
.caption-3 {
    overflow: hidden;
    padding: 5px 0px;
}

.caption-3 p {
    margin: 0;
}


			/*positioning*/

.caption-3.alignLeft {
    text-align: left;
}

.caption-3.alignRight {
    text-align: right;
}

.caption-3.alignCenter {
    text-align: center;
}


	/*----------------------------
	v.-- lists
	-----------------------------*/

div.list p {
    margin-bottom: 0px;
}

div.list ul li {
    list-style: none;
    padding-left: 25px;
    margin-bottom: 5px;
}


		/* list colors
		-----------------------------*/
		/*ref style_theme.css*/


		/* list style
		-----------------------------*/

		/*ref styel_theme.css*/


	/*----------------------------
	vi.-- content lists
	-----------------------------*/

div.content-list ul {
    list-style: none;
    overflow: hidden;
}

div.content-list ul li {
    width: auto;
    float: left;
    padding-bottom: 30px;
}

div.content-list ul li:last-child {
    margin: 0;
    padding: 0;
}

div.content-list ul li .media_holder {
    margin: 0px 20px 5px 0;
}

div.content-list ul li h6,div.content-list ul li .function {
    margin-bottom: 15px;
}

div.content-list ul li p {
    margin-bottom: 0px;
}


	/*----------------------------
	viii.-- blockquotes
	-----------------------------*/

blockquote.elegant,blockquote.bold {
    clear: both;
    overflow: hidden;
}


		/* positioning
		-----------------------------*/

blockquote.elegant p {
    float: left;
    margin: 0 0 15px 20px;
}

blockquote.elegant p.clientRef {
    margin-bottom: 0px;
    padding-right: 20px;
}

blockquote.bold p {
    float: left;
    margin: 0 0 15px 40px;
}

blockquote.bold p.clientRef {
    margin-bottom: 0px;
    padding-right: 20px;
}

		/* alignment
		-----------------------------*/

blockquote.elegant.alignLeft,blockquote.bold.alignLeft {
    width: 200px;
    float: left;
    margin: 0 20px 20px 0;
}

blockquote.elegant.alignRight,blockquote.bold.alignRight {
    width: 200px;
    float: right;
    margin: 0 0 20px 20px;
}



	/*----------------------------
	ix.-- drop caps
	-----------------------------*/

.dropcap-clean,.dropcap-border,.dropcap-square,.dropcap-circle {
    height: 50px;
    width: 50px;
    float: left;
    margin: 3px 10px 0 0;
}

.dropcap-underline {
    height: 50px;
    width: 50px;
    float: left;
    margin: 0 10px 0 0;
}

.dropcap-square-focus {
    width: 40px;
    height: 40px;
    margin: 3px 10px 0 0;
    float: left;
    padding: 10px 0 0 10px;
}

	/*----------------------------
	x.-- divs
	-----------------------------*/

		/* styling
		-----------------------------*/

.div-simple {
    width: 100%;
    height: 1px;
    margin-top: 30px;
}

.div_pattern-1 {
    width: 100%;
    height: 5px;
}


	/*----------------------------
	xi.-- spacing
	-----------------------------*/


._0 {
    margin: 0px !important;
}

._b0 {
    margin-bottom: 0px;
}

._10 {
    margin: 5px 0px;
}

._t10 {
    margin-top: 10px;
}

._b10 {
    margin-bottom: 10px;
}

._l10 {
    margin-left: 10px;
}

._r10 {
    margin-right: 10px;
}

._20 {
    margin: 20px 0px;
}

._t20 {
    margin-top: 20px;
}

._b20 {
    margin-bottom: 20px;
}

._l20 {
    margin-left: 20px;
}

._r20 {
    margin-right: 20px;
}

._30 {
    margin: 30px 0px;
}

._t30 {
    margin-top: 30px;
}

._b30 {
    margin-bottom: 30px;
}

._l30 {
    margin-left: 30px;
}

._r30 {
    margin-right: 30px;
}

._40 {
    margin: 30px 0px;
}

._t40 {
    margin-top: 30px;
}

._b40 {
    margin-bottom: 30px;
}



/*--------------------------------------------------------
	10. MISC
--------------------------------------------------------*/

.clear {
    clear: both;
}

.clearLeft {
    clear: left;
}

.clearRight {
    clear: right;
}

.hide {
    display: none;
}

.show {
    display: block;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

/* fix */

strong, b {
    font-weight: bold;
}

div.post-content.watt_blog_post p {
    font-size: 14px;
    color: #888;
    line-height: 1.8em;
}

div.post-content.watt_blog_post ul {
    list-style-type: disc;
    padding: 0px 25px 0px;
    font-size: 14px;
    line-height: 1.8em;
    color: #888;
}

div.post-content.watt_blog_post ol {
    list-style-type: decimal;
    padding: 0px 25px 0px;
    font-size: 14px;
    line-height: 1.8em;
    color: #888;
}

div.post-content a, a {
    text-decoration: underline;
}

em {
    font-style: italic;
}

/* contact form */

#contactForm {
    width: 623px;
}

#advertisingContent img {
    width: 100%;
}

._hoverIcon_playvideo {
    z-index: 2000;
    width: 100px;
    margin-top: 10px;
    left: 45%;
    top: 38%;
    position: relative;
    opacity: 0;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
}

a.view_video_nivo {
    background: url(../images/button_playvideo.png) 0 0 no-repeat;
    height: 100px;
    width: 100px;
    margin-right: 0px;
    cursor: pointer;
    display: block !important;
    z-index: 2200;
}

div.nivo-caption:hover > ._hoverIcon_playvideo {
    opacity: 1;
}

/* WPML */

/* css for WATT sample child theme WPML */

div#flags_language_selector {
    position: relative;
    margin-top: 42px;
    width: 100%;
    display: inline;
}

div#flags_language_selector ul {
    list-style: none;
    float: right;
    margin-top: 20px;
    margin-bottom: 0px;
}

div#flags_language_selector ul li {
    float: left;
    margin-left: 8px;
}

#backstretch {
    display: none;
}

.mainBody-wrapper {
    position: relative;
    z-index: 5;
    width: 100%;
    height: auto;
    overflow: hidden;
}

#quote {
    width: 232px;
    height: 27px;
    background: url(../images/bigbrand.png) no-repeat center top;
    display: block;
    float: right;
}

#phone {
    font-size: 20px;
    text-align: right;
    margin: 10px 0;
    color: #888;
}

.banner-top-shading {
    position: absolute;
    z-index: 5;
    width: 1600px;
    height: 50px;
    background: url(../images/main-top-shading.png) no-repeat center top;
    left: 50%;
    margin-left: -800px;
}

.carpets-sample {
    width: 368px;
    height: 370px;
    position: absolute;
    background: url(../images/carpets-sample.png) no-repeat center top;
    z-index: 99999;
    bottom: 30px;
}

.current_page_item a {
    color: #c72027;
}

.menu-item-has-children {
    padding-bottom: 20px !important;
}

#menu-item-1113-zh, #menu-item-1117-en {
    float: right;
    padding: 0;
}

.tg {
    border-collapse: collapse;
    border-spacing: 0;
}

.tg td {
    font-family: Arial, sans-serif;
    font-size: 14px;
    padding: 10px 5px;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    word-break: normal;
    border: 1px solid #888;
}

.tg th {
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    padding: 10px 5px;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    word-break: normal;
}

.tg .tg-s6z2 {
    text-align: center;
}

.tg .tbl-grey {
    background: #EBEBEB;
}

.tg .tbl-header {
    background: #c72027;
}

.tg .tbl-header th {
    font-weight: bold;
    color: #FFF;
    border: 1px solid #888;
}

.tg .tbl-type {
    background: #FEEDEE;
}