/**
 * Main CSS Stylesheet
 *
 */

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{
	margin:0;
	padding:0;
}
ul{
	list-style:none;
}
a{
	color:#808080;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
a img, fieldset{
	border:0;
}
.clear{
	clear:both;
}
.replace{
	position:relative;
	margin:0;
	padding:0;
	/* \*/
	overflow:hidden;
	/* */
}
.replace span{
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}

body{
	margin:0;
	padding:0;
	font:62.5% Georgia, "Times New Roman", Times, serif;
	background:#202020 url(images/bg.gif);
	color:#808080;
}

.wrapper{
	width:950px;
	margin:0 auto;
	background:url(images/wrapper.png) repeat-y;
}

.page{
	width:901px;
	margin:0 auto;
}

/* HEADER */

#header{
	width:100%;
	height:169px;
	background:url(images/header_bg.png) no-repeat;
}

#header_left{
	float:left;
	width:251px;
}

#header_logo{
	float:left;
	width:500px;
}

#header_right{
	float:right;
}

#logo{
	width:401px;
	height:146px;
	text-indent:-5000px;
	position:relative;
	overflow:hidden;
	display:block;
	margin:16px 0 0 0;
}

#logo span{
	background:url(images/logo.png) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	cursor:pointer;
}

#t_philanthropy{
	width:111px;
	height:10px;
	text-indent:-5000px;
	position:relative;
	overflow:hidden;
	display:block;
	margin:13px 14px 0 0;
}

#t_philanthropy span{
	background:url(images/t_philanthropy.png) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	cursor:pointer;
}

#t_cause_marketing{
	width:136px;
	height:10px;
	text-indent:-5000px;
	position:relative;
	overflow:hidden;
	display:block;
	margin:13px 0 0 14px;
}

#t_cause_marketing span{
	background:url(images/t_cause_marketing.png) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	cursor:pointer;
}

/* MENU */

#menu{
	width:100%;
	height:51px;
	background:url(images/menu_bg.png) no-repeat;
}

#menu ul{
	float:left;
	padding:17px 0 0 232px;
}

#menu ul li{
	float:left;
	font-size:1.4em;
	text-transform:uppercase;
	display:block;
	white-space:nowrap;
}

#menu ul li a{
	color:#FFFFFF;
}

#menu ul li a span{
	background:url(images/dotted_red.png) repeat-x left bottom;
	display:block;
	cursor:pointer;
}

#menu ul li a:hover{
	text-decoration:none;
}

.menu_sep{
	background:url(images/menu_sep.gif) no-repeat center center;
	width:73px;
	height:20px;
	display:block;
}

/* BODY */

#body{
	width:100%;
	background:#000000;
	padding:0 0 150px 0;
}

/* yrtw */

#yrtw_con{
	width:845px;
	margin:0 0 0 35px;
}

#yrtw_rock{
	padding:16px 0 0 157px;
}

#yrtw_con p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3em;
	line-height:1.5em;
	padding: 0 0 20px 0;
}

/* INDEX */

#index_music{
	background:url(images/index_music_bg.gif) no-repeat;
	padding:0 0 20px 0;
}

#index_music h2{
	color:#ed1c24;
	font-size:2.2em;
	font-weight:normal;
	margin:0 0 0 384px;
	padding:20px 0 5px 0;
	line-height:1.4em;
}

#index_music h2 span{
	color:#b3b3b3;
}

#index_music p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3em;
	color:#808080;
	line-height:1.6em;
	margin:0 0 0 384px;
}

#index_what{
	width:901px;
	height:124px;
	background:url(images/index_what.gif) no-repeat;
}

#index_what h3{
	color:#878787;
	font-size:1.3em;
	padding:30px 0 8px 74px;
}

#index_what p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3em;
	color:#808080;
	line-height:1.6em;
	padding:0 0 0 74px;
	width:605px;
}

#index_deliver{
	padding:30px 0 0 0;
}

#index_deliver h3{
	color:#808080;
	font-size:1.3em;
	padding:0 0 10px 45px;
}

#index_deliver_left{
	float:left;
	width:498px;
}

#index_deliver_right{
	float:right;
	width:403px;
}

#index_deliver_left ul{
	width:425px;
	padding:0 0 0 24px;
}

#index_deliver_left ul li{
	color:#808080;
	font-size:1.3em;
	font-family:Arial, Helvetica, sans-serif;
	background:url(images/index_deliver_left_li.gif) no-repeat left bottom;
	padding:4px 0 8px 35px;
}

#index_deliver_left ul li.last{
	background:none;
}

#index_deliver_right ul{
	width:330px;
}

#index_deliver_right ul li{
	color:#808080;
	font-size:1.3em;
	font-family:Arial, Helvetica, sans-serif;
	background:url(images/index_deliver_right_li.gif) no-repeat left bottom;
	padding:4px 0 8px 35px;
}

#index_deliver_right ul li.last{
	background:none;
}

#index_mission{
	background:url(images/index_mission_bg.gif) no-repeat;
	margin:20px 0 0 0;
}

#index_mission h3{
	color:#808080;
	font-size:1.3em;
	margin:0 0 0 279px;
	padding:20px 0 5px 0;
	line-height:1.4em;
}

#index_mission p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3em;
	color:#808080;
	line-height:1.6em;
	margin:0 0 0 279px;
	padding:0 0 20px 0;
}

/* CONTACT */

#contact_con{
	padding:30px 0 0 36px;
}

#contact_con h2{
	color:#b3b3b3;
	font-size:2.2em;
	font-weight:normal;
	padding:0 0 20px 0;
}

#contact_con ul{
	float:left;
	padding:0 0 12px 8px;
	margin:0 0 30px 0;
	background:url(images/contact_con_ul.gif) no-repeat left bottom;
}

#contact_con ul li{
	float:left;
	font-size:1.3em;
	font-family:Arial, Helvetica, sans-serif;
	padding:0 0 5px 0;
}

.contact_title{
	width:120px;
}

.contact_dot{
	width:25px;
}

.contact_data{
	width:712px;
}

.contact_data p{
	width:580px;
	line-height:1.7em;
}

/* FOOTER */

#footer{
	width:100%;
	height:102px;
	background:url(images/footer_bg.png) no-repeat;
}

#footer p{
	text-align:right;
	color:#FFFFFF;
	font-size:1.1em;
	padding:14px 21px 2px 0;
	line-height:0.7em;
}

#footer p a{
	color:#FFFFFF;
}




/* Opera hack */
@media all and (min-width: 0){

}
/* Safari hack*/
@media screen and (-webkit-min-device-pixel-ratio:0){

}

