/*
Theme Name: x-cafe
Theme URI: http://xhtmlcafe.net
Description: custom theme
Version: 1.0
Author: Catalin Bridinel

*/

body { background:#faf7f5 url(images/background.jpg) no-repeat top center; overflow-y:scroll; text-align:center; 
	font: 62.5%  Arial, Helvetica, sans-serif; color: #664419; line-height:1.4;}

#menu { list-style:none; margin:0; padding:0; position:relative; height:560px; width:819px;}
	#menu li { float:left; height:75px; top:90px; position:absolute;}
	#menu li a { float:left; height:75px; overflow:hidden; background:url(images/hover.jpg) no-repeat -1000px 0}
	
	#mHome, #mHome a { width:102px; left:2px}
		#mHome a:hover, #mHome .active { background-position:-2px -90px}
	#mAbout, #mAbout a { width:109px; left:104px;}
		#mAbout a:hover, #mAbout .active { background-position:-104px  -90px}
	#mFAQ, #mFAQ a { width:70px; left:213px}
		#mFAQ a:hover, #mFAQ .active { background-position:-213px  -90px}
	#mSamples, #mSamples a { width:117px; left:545px}
		#mSamples a:hover, #mSamples .active { background-position:-545px  -90px}
	#mOrder, #mOrder a { width:100px; left:662px}
		#mOrder a:hover, #mOrder .active { background-position:-662px  -90px}
	#mContact, #mContact a { width:55px; left:762px;}
		#mContact a:hover, #mContact .active { background-position:-762px  -90px}

#container { margin:0 auto; text-align:left; width:820px; padding:0 0 120px 0; font-size:1.2em; position:relative; 
	     background:url(images/background.jpg) no-repeat top center;}
	#container h3 {	margin: 0 0 0.5em 0; font-size: 1.5em;}
	#container p {margin: 0 0 1.5em 0;}
	
#content { padding-top:120px;}
	.submitBtn { float:right; width:180px; height:70px; overflow:hidden; background:url(images/submit.png) no-repeat 0 0}
		.submitBtn:hover { background-position:0 -70px}
	.homeTitle { float:left; width:640px; height:100px; overflow:hidden; margin-bottom:70px;}
	.tagline {float:left; width:640px;}
	
	
	#homeEE, #faqEE, #enterEE, #mailEE, #aboutEE, #wpEE {background:url(images/hover.jpg) no-repeat -9999px -9999px; overflow:hidden; position:absolute;}
	#homeEE {top:20px; left:280px; height:150px; width:270px;}
		#homeEE a { float:left; height:150px; width:270px; background:url(images/hover.jpg) no-repeat -9999px -9999px;}
		#homeEE a:hover { background-position:-280px -20px}
		
	#faqEE {top:420px; left:20px; height:130px; width:90px;}
		#faqEE:hover { background-position:-20px -420px}
	#enterEE {top:280px; left:330px; height:240px; width:190px;}
		#enterEE:hover {background-position:-330px -280px}
	#mailEE { top:450px; left:550px; height:90px; width:75px;} 
		#mailEE:hover {background-position:-550px -450px}
	#aboutEE {top:320px; left:43px; height:110px; width:186px;}
		#aboutEE:hover { background-position:-43px -320px}
	#wpEE {top:315px; left:608px; height:122px; width:172px;}
		#wpEE:hover { background-position:-608px -315px}
	
	#mainContent {float: left; width: 400px; margin: 0 40px 0 0;}
		#mainContent h3 {color: #ee3e2a; font-size:2em; line-height:1.2}
		#mainContent h4 {color: #ea6420; margin:0 0 0.2em 0;	padding: 0;	font-size: 1.4em;}
		
		#mainContent strong {color: #412a0d;}		
		
		.separator {height: 10px; margin: 2.5em 0; background: url(images/sep_bg.gif); border-color: #402c31; clear: both; display:block;}
		.separator hr {display: none;}

	#sidewayContent{ float: left; width: 200px;	margin: 0 40px 0 0;}
		#sidewayContent h3 {color: #ec9826;}
		
		.benefitsList {margin: 0 0 1em 0; padding: 0; list-style: none; line-height: 28px;}
		.benefitsList li{padding: 0 0 0 20px; background: url(images/bulet_arrow_yellow.gif) no-repeat 2px 50%;}
		
		blockquote {margin: 30px 0; padding: 0; background: url(images/bq.jpg) no-repeat; height:230px; color:#2b262a}
		.quoteBody {padding: 20px 21px 10px 21px; margin: 0 !important ;}
		.signature {padding: 0 21px; margin: 0 !important ; text-align:right}
		.occupation {color: #443e43; padding: 0 21px 45px 21px; text-align:right}		
		
	#homeTstimonials{float: left; width: 140px;	}
		#homeTstimonials h3 {color: #ec9826;}
		#homeTstimonials .detailsTitle b {color: #FFC225;}
	
	#footer {color:#a5845b; border-top:30px solid #faf7f5; clear:both; padding:30px 20px; background:url(images/footer.jpg) no-repeat 0 0; line-height:2.6em}
		#footer span {float:right}
		
		.credits { float:right; width:140px; height:60px; overflow:hidden}
	
/* common */
h1 { font-size:2.1em; color:#e82a1f}
h3, h4 { font-family:Cambria, Georgia, Times, "Times New Roman", serif }

.submitBtn span, .homeTitle span, .tagline span, #menu li span, #faqEE span, #enterEE span, #mailEE span, #homeEE span, #aboutEE span, #wpEE span, .credits span  
{float:left; margin-top:-9999px}

html, body, form, h1, h2 { margin:0; padding:0}

/* CSS 3 stuff */
h3, h4 {text-shadow: 1px 1px 0px #FFF;}

a { color:#155682; outline:none}
a:hover { color:#ee3e2a}