/*---------------------------------------------------------------------------
	COMPANY PAGES
---------------------------------------------------------------------------*/

body {
	margin: 0;
	background: url("http://www.pandora.com/static/ads/media-kit/images/splash.jpg") no-repeat center -230px #091028;
	font-family: Arial, Helvetica, sans-serif;
	
}

#topbar {
	background: url("http://www.pandora.com/static/ads/media-kit/images/topbar_bg.jpg") repeat-x 0 0 #002957;
	height: 43px;
}

a {
	outline: none;
	text-decoration: none;
	color: #3A5997;
	font-weight: bold;
	text-decoration: underline;
}

a:hover {
	text-decoration: underline;
}




/*----------OFFICE MENU-------------------------------------------------*/

#office_menu {
	font-size: 18px;
	border-top: dashed 1px #999999;
	clear: both;
	margin-top: 30px;
	padding: 20px 0 0 0;
	color: #666666;
	float: left;
	width: 100%;
}

#office_menu #office_main {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
}

#office_menu p {
	font-size: 16px;
	margin: 5px 0 10px;
}

#office_menu div.office div.arrow_null,
#office_menu div.office div.arrow_active {
	float: left;
	margin-right: 5px;
}

#office_menu div.address {
	clear: both;
	margin-top: 10px;
	margin-left: 23px;
	font-size: 12px;
	color: #E7F6F6;
	display: none;
}


/*---------------------------------------------------------------------------
	MAIN CONTENT
---------------------------------------------------------------------------*/

.content_main {
	overflow: hidden;
	background: #fff;
	
	-moz-border-radius: 0px 0px 6px 6px;
	-webkit-border-radius: 0px 0px 6px 6px;
	-khtml-border-radius: 0px 0px 6px 6px;
	border-radius: 0px 0px 6px 6px;
    font-size: 14px;
	color: #212121;
}

#wrapper {
	font-size: 13px;
	line-height: 1.8;
	margin: 0 auto;
	width: 800px;
	overflow: hidden;
	margin-top: -32px;
}

#wrapper p {
	margin: 20px 0;
}

#wrapper #header {
	margin-top: 50px;
	line-height: 0;
	/*background-image: url(../_img/header.jpg); */

}

.backstage .header .header_title  {	
    color: #243353;
    font-size: 15px;
    font-weight: bold;
    line-height: 1;
    margin: 0;
    padding: 22px 0 22px 20px;
}

/*---------------------------------------------------------------------------
	VIDEO
---------------------------------------------------------------------------*/

#video {
	width: 788px;
	height: 442px;
	border-left: 6px solid #f2e553;
	border-right: 6px solid #f2e553;
	border-bottom: 6px solid #f2e553;
	background: #1a0e0e;
	position: relative;
}



/*---------------------------------------------------------------------------
	LEFT MENU
---------------------------------------------------------------------------*/

#leftMenu {
	width:150px;
	float: left;
	padding: 20px 0;
	height: 100%;
}

#leftMenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	list-style-position: inside;
}

#leftMenu li {
	padding: 3px 10px 3px 20px;
	color: #505e77;
	line-height: 20px;
	margin: 2px 0;
	cursor: pointer;


	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
}

#leftMenu li.active {
	background-color: #e7eef7;
	border-top: 1px solid #dde0e6;
	border-bottom: 1px solid #dde0e6;
}

/*---------------------------------------------------------------------------
	RIGHT MENU
---------------------------------------------------------------------------*/

#rightMenu {
	width:336px;
	float: right;
	padding: 25px 20px 20px 0;
	height: 100%;
}

#rightMenu .container {	
	width: 291px;
	border: 1px solid #cac7c2;
	background: #ffffff;
	padding: 5px;
	margin: 0 0 22px 0;
	box-shadow: 0 0 6px rgba(0, 0, 0, .25);
	-moz-box-shadow: 0 0 6px rgba(0, 0, 0, .25);
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .25);
	float: right;
}

#rightMenu .innerContainer {	
	width: 291px;
	border: 1px solid #cac7c2;
	line-height: 1.3;
	background: #f2eb9f;
}

#rightMenu .innerContainer img {
	margin: 0;
	padding: 0;
	display: block;
}

#rightMenu .innerContainer .innerTxt {	
	background: #f2eb9f;
	padding: 12px 9px 12px 10px;
	border-top: 1px solid #26507b;
	border-bottom: 1px solid #26507b;
	margin: 1px 0;
}

#rightMenu .innerContainer .innerTxt .innerLink {
	color: #0e2a48;
	margin-top: 6px;
	line-height: 1;
	font-weight: bold;
}

#rightMenu .innerContainer a {
	display: block;
}

#rightMenu .innerContainer a:hover {
	opacity: 0.9;
}

#rightMenu .innerContainer .last_link {
	margin-top: 1px;
}

#hashtag {
	font-size: 20px;
}



#more .innerContainer img:hover {
	opacity: 0.9;
	cursor: pointer;
}

/*---------------------------------------------------------------------------
	MAIN
---------------------------------------------------------------------------*/

#main {
	float: left;
	width: 414px;
	border-left: 1px solid #dde0e6;
	padding: 40px 0 15px 26px;
	line-height: 22px;
	color: #212121;
}

#main h3 {
	color: #003263;
	font-size: 18px;
	margin: 0;
	padding: 0;
}

#main p {
	margin: 18px 0;
}

.main_content {
	position: relative;
	min-height: 500px;
}

.main_content span {
	text-decoration: underline;
	font-weight: bold;
	color: #3A5997;
}

.main_content span:hover {
	cursor: pointer;
}


/*---------------------------------------------------------------------------
	FOOTER
---------------------------------------------------------------------------*/

#footer {
    margin: 38px auto;
    text-align: center;
}

#footer .legal {
    color: #606B86;
    display: inline;
    font-size: 10px;
    font-weight: normal;
}

.navFooter {
    margin: 0 auto;
}
.navFooter .container {
    color: #C8D4F2;
    display: inline;
    font-size: 10px;
}
.navFooter .container .list {
    cursor: pointer;
    font-size: 10px;
    font-weight: bold;
    padding-bottom: 20px;
    white-space: nowrap;
}
.navFooter .container .row li {
    display: inline;
    padding-right: 5px;
}
.navFooter ul {
    margin: 0;
    padding-top: 10px;
    text-transform: capitalize;
}
.navFooter li {
    list-style-type: none;
}
.navFooter a {
    color: #7F89A3;
    text-decoration: none;
}
.navFooter a:hover {
    text-decoration: underline;
}