/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
§  Globals
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

blockquote,body,caption,div,dl,dt,dd,form,fieldset,h1,h2,h3,h4,h5,h6,html,li,ul,ol,p,pre,textarea,table,td,th {
	margin:0;
	padding:0;
}
body,
html { }
body {
	background: #0c0c0a url(../gfx/bg2.gif) no-repeat left top;
	color:#868686;
	font:12px/20px Arial,Verdana,Century Gothic;
	position:relative;
}

img { border:0; }
.clear { clear: both; }


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
§  Headings
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

h2 { font: 22px Georgia, Arial, Helvetica, sans-serif; padding: 0 0 10px 0; color: #c32d39; }
.teasRight h2 { color: #757344; }
h3 { font: bold 13px Arial, Helvetica, sans-serif; color: #c32d39; padding: 0 0 8px 0; }
h4 {}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
§  Main layout
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#wrapper {
	position:relative;
	width: 870px;
	padding: 0 0 0 80px;	
}

.header { height: 80px; padding: 30px 0 0 0; }

/* Header */
.logo { float: left; width: 260px; }
.logo a { background:url(../gfx/logo.gif) no-repeat left top; width: 260px; height: 86px; display: block; border: none !important; }
.logo span { display: none; }

.music { position: absolute; right: 0; top:60px; }

.content { clear: both; padding: 30px 0 0 0; }

/* Left Columm */
.leftColumm { width: 120px; float: left; }
.leftColumm ul { list-style: none; padding:0; margin:0; }
.leftColumm ul li { list-style: none; padding:0; margin:0; display: inline; }
.leftColumm ul li a { list-style: none; padding:4px 2px; margin:0; display:block; color: #868686; font: 12px Arial, Helvetica, sans-serif; 
text-transform: uppercase; text-decoration: none; border: none !important; }
.leftColumm ul li a:hover, .leftColumm ul li a.active { color: #d7adfe !important; border: none !important; }


/* Right Columm */
.rightColumm { float:right; width: 750px; float: right; }

.maincontent { display:block; padding: 0 0 15px 15px; border-left: 1px solid #1f1f1f; border-bottom: 1px solid #1f1f1f; }
.maincontent img { display:block; margin:0; padding:0; }

/* Teasers */
.teasers { }
.teasLeft { border-bottom: 1px solid #1f1f1f; border-right: 1px solid #1f1f1f; border-left: 1px solid #1f1f1f; padding: 15px; float: left; width: 537px; }
.teasLeft ul { padding: 0 0 0 20px; }
.teasLeft ul li { padding: 3px 0; }
.teasRight { padding: 15px; float: right; width: 150px; border-right: 1px solid #1f1f1f; border-bottom: 1px solid #1f1f1f;}

/* Showcase */
ul.reference { margin:0; padding:0; list-style: none; }
ul.reference li { margin:0; padding:0; list-style: none; display: block; width: 527px; }
ul.reference li a { margin:0; padding:0; list-style: none; display: block; border: none; overflow: hidden; }
ul.reference li a:hover { border:4px solid #341b17; }
ul.reference li a:hover img { margin: -4px; }

ul.reference h3 { display: block; padding: 15px 0 0 0; color: #bcbcbc; }
ul.reference em { display: block; padding: 2px 0 25px 0; }
ul.reference img { margin:0; padding:0; display: block; }

ul.bullet { list-style: none; margin:0; padding:0; }
.left { display: block; width: 260px; float: left; }
ul.bullet li { list-style: none; padding-left: 20px; background:url(../gfx/bullet.gif) no-repeat 6px center }

/* Contact */
.contactForm { position: relative; }
.contactForm div { position: relative; width: 500px; }
.orgForm { padding: 8px; margin-bottom: 10px; width: 200px; background: #0c0c0a; border: 1px solid #1F1F1F; color:#fff; font:12px Arial,Verdana,Century Gothic; }

.msgForm { padding: 8px; margin-bottom: 10px; width: 400px; min-height: 140px; height: auto !important; height: 140px; overflow: auto; background: #0c0c0a; border: 1px solid #1F1F1F; color:#fff; font:12px Arial,Verdana,Century Gothic; }
label { position: absolute; top:8px; left: 230px; font-size:11px; }
input:focus,textarea:focus { background: #131310;  }

.sendButton, .sendButton:focus { background:url(../gfx/send_button.gif) no-repeat left top !important; margin:0; padding:0; width: 76px; height: 34px; display: block; cursor: pointer; font-size: 0; letter-spacing: -100px; position: relative; border: none !important;}


/* Simple Modal */
#simplemodal-overlay { background-color:#000; cursor:wait; }
#simplemodal-container { height:470px; width:600px;	background: #28071f url(../gfx/tipsaoss_bg.gif) no-repeat left top;	border:3px solid #464646; color: #fff; }
#simplemodal-container h2 { color: #fff; }
#simplemodal-container label { font-weight: bold; color: #e6d3e0; display: block; padding:7px 0; }
#simplemodal-container input, #simplemodal-container textarea {
	background: #f4f3ee url(../gfx/searchfield_bg.gif) repeat-x left top;
	border:none !important;
	padding: 5px;
	color: #444;
	font: 12px Arial, Helvetica, sans-serif;
}

#simplemodal-container input#submit { cursor: pointer; border: none; font-weight:bold; text-indent: -99999px; 
background:url(../gfx/tipsa_button.gif) no-repeat left top; width: 100px; height: 32px; display: block; }
#simplemodal-container input#submit:hover { background:url(../gfx/tipsa_button.gif) no-repeat left bottom; }

#simplemodal-container a.modalCloseImg {
  background:url(/gfx/x.png) no-repeat;
  width:25px;
  height:29px;
  display:inline;
  z-index:3200;
  position:absolute;
  top:-14px;
  right:-18px;
  cursor:pointer;
}


/* Footer */
.footer { clear:both; padding: 15px; font:11px/1.6 Arial,Verdana,Century Gothic; background:url(../gfx/footer_bg.jpg) no-repeat 0 -80px; height: 120px;  }
.footer div { display:block; padding: 0 0 2px 0; }


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
§  Links
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


a:link { color: #fff; }
a:visited { color:#fff; text-decoration: none; }
a:hover { color: #d7adfe; text-decoration:none; border-bottom: 1px dashed #333 }
a:focus, a:active {	color:#fff;}
a.noStyle { color:#a92e89; text-decoration:none; }