/* ------------------------------------------------------------------------------------ *
| global CSS FILE :: For Independent Pictures: Front End								|
| css/frontend/global.css																|
| 																						|
| PROJECT :: www.independent-pictures.ch v1.0											|
| Copyright (C) 2009, QUERIDODESIGN, Switzerland										|
|																						|
+ ------------------------------------------------------------------------------------- +
| Author: Julian Querido + Nathan Querido												|
* ------------------------------------------------------------------------------------- */

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

* {
	padding: 0;
	margin: 0;
}

html, body {
	/*height: 100%;*/
	/*background-color: #FFF;*/
}

html {
	background:  #630000 /*url(../../images/frontend/frontend_bg.png) 0 0 repeat-x*/;
}

body {
	font: 11px/16px Arial;
	/*background: url(../../images/frontend/content_repeat.png) center top repeat-y;*/
	padding: 0 0;
	color: #000;
	letter-spacing: 1px;
}

::-moz-selection {
	color:#FFF;
	background:#777;
}

::selection {
	color:#FFF;
	background:#777;
}

/* @end  = :::::::: = :::::::: = :::::::: = :::::::: = :::::::: = :::::::: = :::::::: = */

/* @group STYLES :: jsaq :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

h1,
h1.members {
	color: #cc9999;
	font-size: 18px;
	/*font-weight: normal;*/
	padding: 0 0 5px 0;
	margin: 0 0 -5px 0;
	border-bottom: 2px dotted #cc0000;
}

h1.members {
	margin: 15px 0 5px 0;
}

h1.members.list {
	margin: 15px 0 15px 0;
}

h2 {
	color: #7f0000;
	font-weight: bold;
	font-size: 48px;
	line-height: 48px;
	padding: 0 0 20px 0;
}

h3 {
	color: #990000;
	font-weight: bold;
	font-size: 12px;
	padding: 0;
}

h4 {
	color: #000;
	font-weight: normal;
	font-size: 12px;
	padding: 0;
}


em {
	font-style: italic;
}

*strong {
	font-weight: bold;
	font-style: normal;
}

*a {
	outline: none;
	cursor: pointer;
}

a, a:link, a:visited {
	text-decoration: none;
	color: #FFF;
}

a:hover {
	text-decoration: none;
	color: #ebebeb;
}

a:focus {
	outline: none;
}

*br {
	line-height: 25px;
	height: 30px;
	display: block;
	padding-bottom: 21px;
}

/* @end  = :::::::: = :::::::: = :::::::: = :::::::: = :::::::: = :::::::: = :::::::: = */

/* @group POSITIONING :: jsaq ::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

.left {
	float: left;
}
	
.right {
	float: right;
}
	
/* @end  = :::::::: = :::::::: = :::::::: = :::::::: = :::::::: = :::::::: = :::::::: = */
	
/* @group PAGE LAYOUT :: jsaq ::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */


#container {
	width: 929px;
	margin: 0 auto;
	padding: 0 30px;
}

.navigation_main {
	height: 28px;
	position: absolute;
	top: 0;
	right: 10px;
}

.header_graphic {
	width: 238px;
	height: 166px;
	/*float: right;*/
	position: absolute;
	top: 36px;
	right: 10px;
/*	background: url(../../images/frontend/header_graphic.png) right top no-repeat;
*/}

/* @end  = :::::::: = :::::::: = :::::::: = :::::::: = :::::::: = :::::::: = :::::::: = */

/* @group HEADER :: jsaq :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

.header_container {
	width: 929px;
	height: 145px;
	background: url(../../images/frontend/header_bg.png) 10px top no-repeat;
	float: left;
}

.logo {
	background: url(../../images/frontend/logo.png) 10px top no-repeat;
	width: 203px;
	height: 95px;
	margin: 0 -203px 0 0;
	padding: 0 0 0 0;
	display: block;
	float: left;
}

/* @end  = :::::::: = :::::::: = :::::::: = :::::::: = :::::::: = :::::::: = :::::::: = */

/* @group FOOTER ::jsaq ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

.footer_container a:link {
	color: #990000;
}

.footer_container a:hover {
	color: #ebebeb;
}

.footer_container a.qdesign_logo {
	width: 83px;
	height: 23px;
	background: url(../../images/frontend/queridodesign_logo.png) left top no-repeat;
	display: block;
	float: right;
}

.footer_container a.qdesign_logo:hover {
	background-position: right top;
}

.footer_container {
	line-height: 26px;
	color: #990000;
	font-size: 11px;
	background: url(../../images/frontend/footer_bg.png) left top no-repeat;
	width: 909px;
	height: 40px;
	padding: 10px 10px 0 10px;
	float: left;
}

.footer_text {
	height: 23px;
	float: left;
}

/* @end  = :::::::: = :::::::: = :::::::: = :::::::: = :::::::: = :::::::: = :::::::: = */