/*

Design by Metamorphosis Design

http://www.metamorphozis.com

Released for free under a Creative Commons Attribution 2.5 License

*/

* {

	margin: 0;

	padding: 0;

}



a:link {

	color: #cccccc;

	text-decoration: none;

}



a:hover, {

	text-decoration: none;

	color: #FF0000;

}



a:visited {

	color: #cccccc;

}

body {

	margin: 0px;

	padding: 0px;

	background: #000000;

	font: 13px Arial, Helvetica, sans-serif;

	color: #333333;

}



#main

{

background: url(images/bground2.gif) no-repeat;

margin-left: 100px;

width: 982px;

height: 684px;

}



#main2

{

background: url(images/splogo.jpg) no-repeat;

margin-left: 100px;

width: 982px;

height: 684px;

}



#header {

	width: 778px;

	height: 284px;

}



#header2 {

	width: 778px;

	height: 73px;

}



#logo {

	padding-left: 50px;

	width: 578px;

	padding-top: 170px;

	height: 100px;

}



#logo h1 {

	font-size: 28px;

	font-weight: normal;

}



#logo h1 a {

	color: #ffffff;

	text-decoration: none;

}



#logo h2 {

	margin-top: 3px;

    font-size: 20px;

	font-weight: normal;

	text-decoration: none;

}



#logo h2 a {

	color: #cccccc;

	text-decoration: none;

}





#logo a {

	text-decoration: none;

	font-style: none;

	text-decoration: none;

}



#menu {

	padding-left: 220px;

	padding-top: 38px;

}



#menu ul {

	margin: 0;

	list-style: none;

}



#menu li {

	display: block;

}



#menu a {

	display: block;

	float: left;

	width: 90px;

	height: 30px;

	margin-left: 1px;

	padding-top: 15px;

	background: url(images/button.png) no-repeat;

	text-align: center;

	text-decoration: none;

	color: #cccccc;

	font-weight: bold;

	font-size: 14px;

}



#menu a:hover {

	height: 34px;

	margin-top: -3px;

	text-decoration: none;

}



#content

{

width: 808px;

padding: 20px

}



#left

{

	float: left;

	width: 230px;

	padding-right: 2.5em;

	padding-top: 110px

	

}



#left2

{

	float: left;

	width: 230px;

	padding-right: 2.5em;

	padding-top: 320px

	

}



#right

{

padding-top: 200;

padding-right: 100;

float: right;

width: 540px;

background: url(images/title.gif) no-repeat;

}



#right-work

{

padding-top: 200;

float: left;

width: 540px;

background: url(images/title.gif) no-repeat;

}



#right-buyable 

{

padding-top: 100;

padding-right: 400;

float: right;

width: 250px;

}



#right H4

{

	font-size: 12px;

	color: #0041A3;



}



#right-work H4

{

	font-size: 12px;

	color: #0041A3;



}



#right H1

{

	font-size: 26px;

	color: #ffffff;

	padding-bottom: 10px;
	
	width: 450px;

}



#right-work H1

{

	font-size: 26px;

	color: #ffffff;

	padding-bottom: 10px;
	
	width: 450px;

}



#right a

{

color: #ffffff;

text-decoration: underline;

}



#right-work a

{

color: #ffffff;

text-decoration: underline;

}



#right p {

	margin: 0;

	width: 460px;

	padding: 0;

	padding-bottom: 10px;

	padding-top: 0px;

	color: #cccccc;

	

}



#right-work p {

	margin: 0;

	width: 450px;

	padding: 0;

	padding-bottom: 10px;

	padding-top: 0px;

	color: #cccccc;

	

}



#right h2 {

	margin: 0;

	padding: 0;

	padding-top: 10px;

	color: #cccccc;

	text-decoration: none;
	
	width: 450px;
	
	text-align: left;
	
	white-space: nowrap;

}



#right-buyable h2 {

	margin: 0;

	padding: 0;

	padding-top: 10px;

	color: #cccccc;

	text-decoration: none;

}



#right h7 {

	margin: 0;

	width: 500px;

	padding: 0;

	padding-top: 0px;

	color: #cccccc;

	text-decoration: none;

}



#right-work h7 {

	margin: 0;

	width: 500px;

	padding: 0;

	padding-top: 0px;

	color: #cccccc;

	text-decoration: none;

}



.date {

	text-align: right;

	color: #0041A3;

	font-size: 11px;

	background-color: #fff;

}



.date a {

	color: #0041A3;

	background-color: #fff;

	text-decoration: none;

}



#right .pic

{

float: left;

margin: 5px;

}



#right .pic1

{

float: right;

margin: 5px;

}





.small p {

	margin: 0;

	font-size: 11px;

}

.boxed {

	margin-bottom: 20px;

	background: url(images/left-bg.gif) no-repeat;

}



.boxed .title {

	height: 33px;

	width: 207px;

	padding: 13px 0 0 20px;

	font-size: 14px;

	color: #FFFFFF;

}



.boxed .content2 {

	padding: 20px;

	

}



#login {

}



#login form {

}



#login fieldset {

	border: none;

}



#login legend {

	display: none;

}



#login label {

	font-size: x-small;

	font-weight: bold;

}



#login input {

	margin-bottom: 5px;

}



#text1, #text2 {

	width: 150px;

	padding: 2px;

	font-family: Arial, Helvetica, sans-serif;

	color: #666666;

}





#updates ul {

	margin: 0;

	list-style: none;

}



#updates h3 {

	margin: 0;

	font: bold x-small Verdana, Arial, Helvetica, sans-serif;

}



#updates h4 {

	margin: 0;

	font-size: 38px;

	font: bold x-small Verdana, Arial, Helvetica, sans-serif;

}







#updates p {

	margin-bottom: 1.4em;

	font-size: smaller;

	line-height: normal;

}



#metamorph1 {

	clear: both;

	height: 36px;

	padding: 15px 0;

	background: #000000 

	border-top: 5px solid #5592C6;

	text-align: center;

}



#metamorph1 p {

	margin: 0;

	color: #ffffff;

	font-size: 10px;

}



#metamorph1 a {

	color: #ffffff;

	font-size: 10px;

}



#metamorph1 a:hover {

	color: #FF0000;

}

/* ----------------------------------------------------------------------------------------------------------------*/

/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/

/* ----------------------------------------------------------------------------------------------------------------*/

*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/

/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/

/* ----------------------------------------------------------------------------------------------------------------*/

#TB_window {

  font: 12px Arial, Helvetica, sans-serif;

  color: #333333;

}

#TB_secondLine {

  font: 10px Arial, Helvetica, sans-serif;

  color:#666666;

}

#TB_window a:link {color: #666666;}

#TB_window a:visited {color: #666666;}

#TB_window a:hover {color: #000;}

#TB_window a:active {color: #666666;}

#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/

/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------------------------------------------*/

#TB_overlay {

  position: fixed;

  z-index:100;

  top: 0px;

  left: 0px;

  height:100%;

  width:100%;

}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}

.TB_overlayBG {

  background-color:#000;

  filter:alpha(opacity=75);

  -moz-opacity: 0.75;

  opacity: 0.75;

}

* html #TB_overlay { /* ie6 hack */

     position: absolute;

     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');

}

#TB_window {

  position: fixed;

  background: #ffffff;

  z-index: 102;

  color:#000000;

  display:none;

  border: 4px solid #525252;

  text-align:left;

  top:50%;

  left:50%;

}

* html #TB_window { /* ie6 hack */

position: absolute;

margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');

}

#TB_window img#TB_Image {

  display:block;

  margin: 15px 0 0 15px;

  border-right: 1px solid #ccc;

  border-bottom: 1px solid #ccc;

  border-top: 1px solid #666;

  border-left: 1px solid #666;

}

#TB_caption{

  height:25px;

  padding:7px 30px 10px 25px;

  float:left;

}

#TB_closeWindow{

  height:25px;

  padding:11px 25px 10px 0;

  float:right;

}

#TB_closeAjaxWindow{

  padding:7px 10px 5px 0;

  margin-bottom:1px;

  text-align:right;

  float:right;

}

#TB_ajaxWindowTitle{

  float:left;

  padding:7px 0 5px 10px;

  margin-bottom:1px;

}

#TB_title{

  background-color:#e8e8e8;

  height:27px;

}

#TB_ajaxContent{

  clear:both;

  padding:2px 15px 15px 15px;

  overflow:auto;

  text-align:left;

  line-height:1.4em;

}

#TB_ajaxContent.TB_modal{

  padding:15px;

}

#TB_ajaxContent p{

  padding:5px 0px 5px 0px;

}

#TB_load{

  position: fixed;

  display:none;

  height:13px;

  width:208px;

  z-index:103;

  top: 50%;

  left: 50%;

  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */

}

* html #TB_load { /* ie6 hack */

position: absolute;

margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');

}

#TB_HideSelect{

  z-index:99;

  position:fixed;

  top: 0;

  left: 0;

  background-color:#fff;

  border:none;

  filter:alpha(opacity=0);

  -moz-opacity: 0;

  opacity: 0;

  height:100%;

  width:100%;

}

* html #TB_HideSelect { /* ie6 hack */

     position: absolute;

     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');

}

#TB_iframeContent{

  clear:both;

  border:none;

  margin-bottom:-1px;

  margin-top:1px;

  _margin-bottom:1px;

}