/* @override 
	http://decaro/css/styles.css
	css/styles.css
	--
	http://decaro/css/styles.css
	http://localhost:8888/css/styles.css
	https://giandecaro.com/css/styles.css
*/

* {
	margin:0;
	padding:0;
} 

html {
	height:100%;
}

body {
	padding: 0px;
	margin: 0px;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	height: 100%;
	width: 100%;
	color: #f1ddbf;
	background-image: url(../img/bottom-cloth.jpg);
}

h1 {
	font-size: 1.3em;
}

p {
	margin: 0px;
	padding: 0px;
	color: #f1ddbf;
}

#wrapper {
	width: 100%;
	/*background: url(../img/yellow.png) repeat-y;*/
}

div {
	/*border: 2px solid ;*/
}



#background {
	
}

#background-image {
	position: fixed;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: -100;
	//border-bottom: 2px solid #7e7e82;
}

#page-home #home-button, 
#page-about #about-button,
#page-history #about-button,
#page-showroom #about-button,
#page-press #about-button,
#page-atelier #about-button,
#page-gospel #about-button,
#page-bespoke #bespoke-button,
#page-suits #bespoke-button,
#page-sportjackets #bespoke-button,
#page-trousers #bespoke-button,
#page-mens_shirts #bespoke-button,
#page-womens_shirts #bespoke-button,
#page-formalwear #bespoke-button,
#page-ready #ready-button,
#page-sportswear #ready-button,
#page-outerwear #ready-button,
#page-accessories #accessories-button,
#page-ties #accessories-button,
#page-hosery #accessories-button,
#page-belts #accessories-button,
#page-hanks #accessories-button,
#page-fragrance #accessories-button,
#page-aftercare #aftercare-button,
#page-events #events-button,
#page-news #news-button,
#page-contact #contact-button {
	background-position: 0 -35px;
}

.button-text {
	display: none;
}

#home-button{width: 65px;height: 30px;background: url(../img/button_home.png) no-repeat 0 8px;}
#about-button{width: 65px;height: 30px;background: url(../img/button_about.png) no-repeat 0 8px;}
#bespoke-button{width: 142px;height: 30px;background: url(../img/button_bespoke.png) no-repeat 0 8px;}
#ready-button{width: 142px;height: 30px;background: url(../img/button_ready.png) no-repeat 0 8px;}
#accessories-button{width: 93px;height: 30px;background: url(../img/button_accessories.png) no-repeat 0 8px;}
#aftercare-button{width: 163px;height: 30px;background: url(../img/button_aftercare.png) no-repeat 0 8px;}
#events-button{width: 127px;height: 30px;background: url(../img/button_events.png) no-repeat 0 8px;}
#news-button{width: 54px;height: 30px;background: url(../img/button_news.png) no-repeat 0 8px;}
#contact-button{width: 69px;height: 30px;background: url(../img/button_contact.png) no-repeat 0 8px;}


a:link {color: #f1ddbf; text-decoration: none;}      /* unvisited link */
a:visited {color:#f1ddbf; text-decoration: none;}  /* visited link */
a:hover {color:#f1ddbf; text-decoration: underline;}  /* mouse over link */
a:active {color:#f1ddbf;}  /* selected link */

#main {
	width: 100%;
	z-index: 0;
	position: relative;
}



/*
NAVIGATION
//////////////////////////////////////////////////////////////////////*/


#nav {
	position: relative;
	width: 100%;
	padding-top: 8px;
	padding-bottom: 12px;
	font-size: .75em;
	background: url(../img/theme-nav.png) repeat-x 0;
	height: 28px;
	z-index: 500;
}

#nav ul { 
	list-style: none;
	margin-left: 25px;
	float: right;
	margin-right: 25px;
}

#nav li {
	float: left;

}


/*
SUB NAV
//////////////////////////////////////////////////////////////////////*/

#sub-nav {
	position: absolute;
	padding-top: 30px;
	padding-bottom: 20px;
	padding-right: 0px;
	text-align: center;
	background: url(../img/theme-subnav-body.png) repeat-x 0 20px;
	right: 50px;
	z-index: 1;
	top:17px
}

#sub-nav #left {
	position: absolute;
	left: -26px;
	top: 20px;
}

#sub-nav #right {
	position: absolute;
	right: -30px;
	top: 20px;
}

#sub-nav ul {
	margin-top: 8px;
	list-style: none;
}

#sub-nav ul li {
	float: left;
	width: 100px;;
}

#doogin a img {
	border-style: none;
}

#sub-nav img {
	border-style: none;
}


#sub-nav a:hover img {
	text-decoration: none;
}

#sub-nav ul li a {
	font-size: .70em;
}

#sub-nav span.subnav-title {
}







/*
LOGO
//////////////////////////////////////////////////////////////////////*/

#logo {
	position: relative;
	top: 30px;
	width: 250px;
	height:300px;
	background-image: url(../img/logo.png);
	left: 45px;
}

#facebook-like {
	z-index: 200;
	position: fixed;
	left: 42px;
	top: 8px;
	width: 250px;
	height: 24px;
	padding-left: 22px;
	padding-top: 2px;
	padding-bottom: 4px;
	color: #FFF;
}






/*
PAGE CONTENT
//////////////////////////////////////////////////////////////////////*/

#content {
	position: relative;
	margin-top: 130px;
	margin-left: 45px;
	width: 450px;
	bottom: 0px;
	padding: 20px 30px 30px 20px;
	background: url(../img/theme-content-body.png) repeat-y;
}

#content-top {
	position: absolute;
	top: -15px;
	left: 0;
	width: 500px;
	height: 40px;
	background: url(../img/theme-content-top.png) no-repeat;

}

#content #page-title {
	float: left;
	color: #f1ddbf;

	font-size: 1.2em;
	text-transform: uppercase;
	width: 140px;
	margin-bottom: 40px;
	/*background-image: url(../img/yellow.png);*/
	
	padding-left: 6px;
	padding-top: 6px;
	padding-bottom: 6px;
}

#content #page-text {
	float: right;
	border-left: 2px solid #75787f;
	position: relative;
	line-height: 1.6em;
	font-size: .75em;
	width: 277px;
	padding-left: 15px;
	padding-bottom: 30px;
	text-align: justify;
}


#content #photo-title {
	color: #f1ddbf;
	font-size: 1.2em;
	text-transform: uppercase;
}


/*
GOSPEL BOX
//////////////////////////////////////////////////////////////////////*/

#content .gospel-quote {
	position: relative;
	
	
	line-height: 1.5em;
	font-size: 1.65em;
	font-style: italic;
	background-color: #2e3542;
	font-family: Baskerville, 'Times New Roman', serif;
	padding-bottom: 45px;
	margin-bottom: 40px;
	display: block;
	width: 100%;
}

#content .gospel-person {
	position: absolute;
	bottom: 0px;
	right: 0px;
	margin-left: 30px;
	padding-right: 12px;
	padding-left: 10px;
	font-size: .75em;
	text-transform: uppercase;
	background-color: #272e3b;
	margin-top: 5px;
	font-style: normal;
}


/*
SIDE QUOTE
//////////////////////////////////////////////////////////////////////*/

#side-bar {
	float: left;
	padding: 0;	
	color: #FFF;
	/*background-color: #1f251e;*/
		
	width: 140px;
	top: 100px;
	text-transform: uppercase;
}

#side-bar p.quote {
	font-size: .8em;
	margin-top: 15px;
	padding-left: 10px;
	font-style: italic;
	line-height: 1em;
	text-transform: none;
}

#side-bar p.person {
	margin-top: 5px;
	padding: 10px;
	font-size: .8em;
	background-color: #2f3642;
	font-style: italic;
	line-height: 1em;
}

#follow {
	display: none;
	/*clear: both;
	float: left;
	margin:15px;*/
}

#facebook {
	margin-top: 20px;
	clear: both;
	float: left;
}

/*
HOME PAGE QUOTE BOX
//////////////////////////////////////////////////////////////////////*/

#quote-box {
	font-family: Baskerville, 'Times New Roman', serif;
	margin-left: 10px;
}

.quote-text {
	font-size: 1.8em;
	font-style: italic;
	font-weight: 100;
	/*background-color: #181e17;*/
}

.quote-person {
	text-align: right;
	text-transform: uppercase;
	padding-top: 15px;	
	padding-bottom: 30px;
}


/*
FOOTER
//////////////////////////////////////////////////////////////////////*/

#footer {
	float: left;
	width: 100%;
	font-size: .7em;
	text-transform: uppercase;
	padding-top: 10px;
	padding-bottom: 10px;
	//padding-left: 30px;
	background: url(../img/theme-footer.png) 0 -1px;
	z-index: 1;
}

#footer p {
	margin-left: 20px;
}





/*
PAGE NEWS
//////////////////////////////////////////////////////////////////////*/

#page-news #content li {
	background-color: #2f3642;
	clear: both;
	line-height: 1.5em;
	font-size: .7em;
	text-align: justify;
	list-style: none;
	padding: 15px;
	margin-bottom: 25px;

}

#page-news #content a {	
	/*word-wrap: break-word;*/
}

#page-news li img {
	float: right;
	width: 100px;
	margin-left: 15px;
	border: 1px solid #000;
}

#page-news :after {
	
	display:block;
	clear:both;
}


#google-maps {
	position: relative;
	left: 0px;
	margin-bottom: 40px;
}


#photo-wrapper {
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: left;
}

#photo-wrapper img {
	margin-right: 7px;
	margin-bottom: 10px;
	border: 2px solid #75787f;
}

#photo-wrapper p {
	font-size: .7em;
	margin-bottom: 15px;
}

.empty {
	clear: both;
}


#headshot-box {
	width:299px;
	height: 366px;;
	position: absolute;
	top: 20%;
	right: 5%;
	background: url(../img/home-side-photo-background.gif) no-repeat;
}

#headshot-box p {
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	margin-top: 300px;
	text-align: center;
}




/*
PRESS
//////////////////////////////////////////////////////////////////////*/

#page-press #page-text a img {
	margin-bottom: 25px;
	margin-right: 20px;
	border-style: none;
	border-width: 0px;
}