/* ======================================================================================== *
| GLOBAL CSS FILE :: For MAESTROJULES site wide												|
| css/globals.css																			|
| 																							|
| PROJECT :: www.maestrojules.com v2.0														|
| Copyright (C) 2008, QUERIDODESIGN, Switzerland											|
+ =========================================================================================	+
| Author: Julian Querido + Nathan Querido													|
* ========================================================================================= */

/* @group GLOBALS :: jsq ================================================================== */

* {
	padding: 0;
	margin: 0;
}

html, body {
	height: 100%;
	background-color: #FFF;
}
body { 
	font: 11px/16px "Lucida Grande", Arial, Verdana, sans-serif; 
	background-color: #fff; 
	color: #8c8c8c;
	letter-spacing: 1px;
}

* br {
	float: left;
	display: block;
	padding-bottom: 16px;
}

::-moz-selection {
	background:#333;
	color:#880000;
}

::selection {
	background:#333;
	color:#880000;
}
/* @end *********************************************************************************** */

/* @group UTILITIES ======================================================================= */

	/* @group STYLES ====================================================================== */
	
	h1 {
		color: #7da5a5;
		font-size: 14px;
		font-style: normal;
		position: relative;
	}
	
	h1 span {
	  background: url(../images/nav/h1_gradiant.png) repeat-x;
	  position: absolute;
	  display: block;
	  width: 100%;
	  height: 14px;
	}
	
	h2 {
		
	}
	
	h3 {
		
	}
	
	p {
		font: 11px/16px "Lucida Grande", Arial, Verdana, sans-serif; 
		color: #8c8c8c;
		letter-spacing: 1px;
	}
	
	em {
		font-style: italic;
	}
	
	bold {
		font-weight: bold;
		font-style: normal;
	}
	
	* a,
	label {
		outline: none;
		cursor: pointer;
	}
	
	a, a:link, a:visited
	label {
		text-decoration: none;
		color: #333;
	}
	
	a:hover,
	label:hover {
		text-decoration: none;
		color: #7da5a5;
	}
	
	/* @end ******************************************************************************* */

	/* @group STYLES ====================================================================== */
	
	.left {
		float: left;
	}
	
	.right {
		float: right;
	}
	
	ul {
		list-style: none;
	}
	
	/* @end ******************************************************************************* */

/* @end *********************************************************************************** */

/* @group PAGE LAYOUT  ==================================================================== */

#header,
#content,
#footer {
	width: 95%;
	padding: 0 2.5%;
}

#header {
	background: #fff url(../images/nav/header_bg.png) left 47px repeat-x;
	height: 72px;
	padding-bottom: 30px;
	display: block;
}

#main_nav {
	background: none;
	padding: 0 0 0 0;
}

/*#content {
	background: url(../images/nav/content_bg_middle.png) left top repeat-y;	
}*/

#footer {
	color: #8c8c8c;
	background: url(../images/nav/footer_bg.png) left 23px repeat-x;
	height: 24px;
	padding-top: 12px;
	padding-bottom: 30px;
}

/* @end *********************************************************************************** */

/* @group HEADER ========================================================================== */

.header_container {
	width: 850px;
	height: 100%;
	margin: 0 auto;
}

	/* @group Logo ----------------------------------------------------------------------- */
	.logo {
		background: #FFF url(../images/nav/logo.png) left bottom no-repeat;
		width: 211px;
		height: 100%;
		display: block;
	}
	/* @end */
	/* @group search --------------------------------------------------------------------- */
	/*#search {
		background: #fdfbc2;
		width: 150px;
		height: 50px;
		float: right;
	}*/
	/* @end */

/* @end *********************************************************************************** */

/* @group FOOTER ========================================================================== */

#footer a:link {
	color: #8c8c8c;
}

#footer a:hover {
	color: #7da5a5;
}

.footer_container {
	background: #fff url(../images/nav/footer_box_middle.png) left top repeat-x;
	width: 850px;
	height: 24px;
	margin: 0 auto;
	display: block;
	
}


.footer_text {
	width: 100%;
}

.footer_left {
	line-height: 22px;
	background: url(../images/nav/footer_box_left.png) left top no-repeat;
	height: 24px;
	padding: 0 0 0 20px;
} 

.footer_right {
	line-height: 22px;
	background: url(../images/nav/footer_box_right.png) right top no-repeat;
	height: 24px;
	padding: 0 20px 0 0;
	display: block;
}
	
/* @end *********************************************************************************** */