/* CSS Document */
body { 
	margin:0px;
	padding-top:5px;
	background:url(../images/background_su.jpg) center top no-repeat;
	background-color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
}

.body_container{
  margin-left: auto;
  margin-right: auto;
  text-align:left;
  width:960px;
  position:relative;
}

.header_container{
	width:960px;
}

.topheader {background:url(../images/header_bg.gif) center top no-repeat; position:relative; width:1017px; height:317px; z-index:0; top:0px; left:-56px;}
.logo {background:url(../images/logo_su.png) center no-repeat; width:373px; height:181px; position:absolute; top:12px; left:35px; display:block}
.headerstatement {background:url(../images/header_statement.gif); width:357px; height:79px; top:43px; left:440px; position:absolute;}
.headerblacklable {background:url(../images/header_blacklabel.png); width:308px; height:67px; top:119px; left:688px; position:absolute; display:block}
.headerblacklable:hover {background:url(../images/header_blacklabel_o.png); cursor:pointer;}
.topnavigation {background:url(../images/topnavigation/bg.gif) repeat-x; background-color:#df1467; height:48px; width:960px; top:190px; position:absolute; z-index:1; }
.topnavigation ul {padding:0px; margin:0px; list-style:none; display:block;}
.topnavigation li {padding:0px; margin:0px; float:left; display:block;}
.topnavigation a {font-size:14px; display:block; color:#FFFFFF; text-decoration:none; padding:0px 20px 0px 20px; height:48px;}
.topnavigation a:hover {background:url(../images/topnavigation/bg_hover.gif);}
.topnavigation .selected {background:url(../images/topnavigation/bg_hover.gif);}
.topnavigation .divider {background:url(../images/topnavigation/divider.gif) no-repeat; height:48px; width:2px;}
.headerbodydivider{background-color:#2d2d2d; width:960px; height:8px; position:relative;}

.midbody_container{
  text-align:left;
  width:960px;
  position:relative;
  top:-80px;
  background-color:#1c1c1c;
}
.midbodyleft_container{
	width:616px;
	position:relative;
	background-color:#1c1c1c;
}
.midbodyright_container{
	background-color:#1c1c1c;
	left:616px;
	width:344px;
	position:relative;
}
/*--------------------left------------------------*/
.promo {background-color:#505050; width:615px; height:550px; position:absolute; left:-19px; padding:10px;}
.promocontent {background-color:#282828;}
.promotabs {background:url(../images/promo_shadow.gif) repeat-x; width:635px; height:20px; position:absolute; left:-19px; top:550px;}
.promotabs ul{padding:0px; margin:0px; list-style:none; display:block;}
.promotabs li{padding:0 0 0 10px; margin:0 2px 0 0; float:left; display:block;}
.promotabs a{display:block; background:url(../images/promotabs/rightred.gif) no-repeat right bottom; height:19px; padding:10px 10px 10px 0px; font-size:14px; color:#FFFFFF; text-decoration:none}
.promotabs a:hover {color:#000000;}
.promotabsred {background:url(../images/promotabs/leftred.gif) no-repeat left bottom; height:39px; display:block;}
.promotabsselected a{display:block; background:url(../images/promotabs/rightgrey.gif) no-repeat right bottom; height:19px; padding:10px 10px 10px 0px; font-size:14px;}
.promotabsselected{background:url(../images/promotabs/leftgrey.gif) no-repeat left bottom; height:39px; display:block;} 
.promotabs .corner{background:url(../images/promo_corner.gif) no-repeat; width:19px; height:20px;}

.midcontent {top:553px; position:absolute; background-color:#1c1c1c; width:616px; }
.blackheadertitle {background-color:#000000; padding:0px 5px 0px 5px; height:35px;}
.midpromobanner {background:url(../images/promo/mainbanner.jpg) no-repeat center; width:615px; height:160px; padding:1px;}
.midcontentwithgradient {background:url(../images/midcontentgradient.gif) repeat-x top; width:616px; background-color:#1c1c1c;}

.subpagecontent {
	position:absolute;
	width:616px;
}
.subpagemidcontainer {
 postion:relative;
 width:960px;
 top:-80px;
 }


/*--------------------right------------------------*/
.invitebtn {background:url(../images/invitebutton.png) no-repeat; width:381px; height:87px; top:-15px; position:absolute;}
/*--.invitebtn:hover {background:url(../images/invitebutton_o.png) no-repeat;}-*/
.rightcontent_container {background:url(../images/rightcontentgradient.gif) repeat-x top; position:relative;}
.viewmorebtn {height:36px; position:absolute; right:-9px; bottom:0px;}
.viewmorebtntext {padding-bottom:10px; color:#FFFFFF}
.viewmorebtntext a{text-decoration:none; color:#FFFFFF}
.viewmorebtntext a:hover{color:#000000; text-decoration:none}

.rightgallerytilling {width:318px;}
.rightgallerytilling ul {display:block; padding:0px; margin:0px; list-style:none;}
.rightgallerytilling li {float:left; padding:0px; margin:3px 3px 4px 3px; display:block;}
.rightgallerytilling li a{color:#FFFFFF; padding:0px; margin:0px; border:solid; border-width:thin; float:left}
.rightgallerytilling li a:hover{color:#df1467; float:left}

.darktable {background-color:#141414}


/*--------------------footer------------------------*/
.footer {width:960px; background-color:#505050; position:absolute; font-size:11px; color:#CCCCCC}
.footer a{color:#FFFFFF; text-decoration:none;}
.footer a:hover{color:#df1467}



/*--------------------misc------------------------*/
.header1{font-size:20px}
.header2{font-size:18px}
.header3{font-size:16px}
.header4{font-size:14px}
.header5{font-size:10px}

.padders18{padding:18px}
.padders15{padding:15px}
.padders10{padding:10px;}
.padders7{padding:7px;}
.padders5{padding:5px;}
.padders3{padding:3px;}
.padders1{padding:1px;}

.topgap5{padding-top:5px}
.topgap10{padding-top:10px}
.topgap15{padding-top:15px}
.topgap20{padding-top:20px}
.bottomgap5{padding-bottom:5px}
.bottomgap10{padding-bottom:10px}

.border1black{border-left-style:solid; border-color:#1c1c1c; border-width:thin;}

.whitetext{color:#FFFFFF}
.whitetext a{text-decoration:none; color:#FFFFFF}
.whitetext a:hover{text-decoration:underline; color:#000000}
.pinktext{color:#df1467}
.pinktext a{text-decoration:none; color:#df1467}
.pinktext a:hover{text-decoration:underline; color:#FFFFFF}
.pinktextonwhite{color:#df1467}
.pinktextonwhite a{text-decoration:none; color:#df1467}
.pinktextonwhite a:hover{text-decoration:underline; color:#000000}
.lightgreytext{color:#d2d2d2}
.greytext{color:#666666}
.blacktext{color:#000000;}
.whitebg{background-color:#FFFFFF; color:#333333}
.pinkbg {background-color:#df1467; color:#FFFFFF}
.greybg {background-color:#333333;}