/* ------------------------------------------------------------------------------------------------------ */
/* set theme color below, i advise in using dark colours, as the flip only supports dark colours for now */

.theme-color {background-color: #1a110b !important;}
.flip-container {background-color:#100c08 !important;}
.header-container {background-color: #120d09 !important;}

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

.flip-container .flip-numbers {background-image:url("../images/backgrounds/noise-diagonal.png");}
.gradient-over {opacity:0.6;width:100%;height:100%;float:left;background-repeat:repeat-x !important;background:url("../images/backgrounds/gradient-black.png");position:absolute;top:0px;left:0px;z-index:100;	}

/* generic use classes */
.margin-left-20 {margin-left:20px;}
.margin-top-20 {margin-top:20px;}
.margin-5-0 {margin:5px 0px;}
.margin-20-0 {margin:20px 0px;}
.margin-0 {margin:0px !important;}
.preload {width:0px;height:0px;float:none !important;}

.width-100p {width:100%;}
.body-google-font {font-style:italic;line-height: 14px;font-family:"Averia Serif Libre";font-size:14px;} 


.text-align-left {text-align:left;}
.text-line-height, p {line-height:1.6em;}

.float-left {float:left;}



/* template classes for fluid layout */
.max-width {max-width:900px;width:90%;margin:0 5% 0 5%;}
.max-width-480 {max-width:480px;width:90%;margin:0 5% 0 5%;}
.center {margin-left:auto;margin-right:auto;float:none !important;}
.text-center {text-align:center;}

/* page design classes */
body {color:#fff;margin:0px !important;padding:0px;background-repeat:repeat;background-image:url(../images/backgrounds/noise-diagonal.png);}
.container {background:url(../images/backgrounds/light-area.png) center top;width:100%;float:left;text-align:center;height:100%;	background-repeat:no-repeat;color:#7c746f;}

.header-container {background:url(../images/backgrounds/light-area.png) center top;background-repeat:no-repeat;	height:100px;}
.header-noise {background:url(../images/backgrounds/noise-diagonal.png);height:100%;width:100%;}
.logo-container {background:url(../images/logo/logo.png);height:101px;width:287px;float:left;margin-left:20px !important;}
.call-us-container {font-size:22px;float:right;margin-right:20px;line-height:91px;}


.title-container {float:left;text-align:center;width:100%;height:160px;}
.flip-title {font-size:36px;font-family:"Averia Serif Libre", cursive;margin-top:64px;font-weight: 100;font-style:italic;}



/* separators */
.separator {width:100%;float:left;}
.separator.dark {background:url(../images/separator/dark.png);height:2px;}
.border-flip {width:100%;height:12px;float:left;background:url(../images/backgrounds/flip-border.png);}


/* icons */

.icon {background-repeat:no-repeat;position:relative;background-position:left center;height:16px;width:16px;padding-left:25px;width:auto;float:left;}
.views {background-image:url(../images/icons/eye.png);}
.date {background-image:url(../images/icons/date.png);}
.sound {background-image:url(../images/icons/sound.png);cursor:pointer;}
.sound.off {background-image:url(../images/icons/sound_off.png);}


/* Social icons */
.social-text {float:left;margin-right:20px;margin-top:7px;}
.social-container {margin-top:35;float:left;margin-left:60px;}
.footer-social {float:right;margin-top:-6px;}
.social {width:28px;height:31px;background-image:url(../images/icons/social.png);float:left;}
.social:hover,.preload.social {background-image:url(../images/icons/social-overlay.png);}
	
		/* 1`st row */

.facebook {background-position:0px 0px;}
.twitter {background-position:-28px 0px;}
.picassa {background-position:-140px 0px;}
.pinterest {background-position:-112px 0px;}
.flikr {background-position:-84px 0px;}
.delicious {background-position:-56px 0px;}

		/* 2`nd row */
		
.deviantart {background-position:0px -31px;}
.myspace {background-position:-28px -31px;}

.wood {height:40px;}
.bej {background:url(../images/extra/colors/Bej-F436-5012.jpg);}
.gri {background:url(../images/extra/colors/Gri-antracit-F436-5003.jpg);}
.mahon {background:url(../images/extra/colors/Mahon-F436-2002.jpg);}
.moreiche {background:url(../images/extra/colors/Moreiche-F436-2007.jpg);}
.nuc {background:url(../images/extra/colors/nuc-F436-2048.jpg);}
.stejar-a {background:url(../images/extra/colors/stejar-auriu-F436-2036.jpg);}
.stejar-d {background:url(../images/extra/colors/stejar-deschis-3118076-167.jpg);}
.stejar-i {background:url(../images/extra/colors/stejar-inchis-F436-2012.jpg);}