@charset "UTF-8";
/* CSS Document */

/* BODY */
body {
	background-color: #999;
	background-image: url('../images/background2.jpg');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: 100% 100%;
}

/* HEADER -SOCIAL MEDIA ICONS*/
#icon1 {
	position: absolute;
	top: 53px;
	left: 830px;
	width: 20px;
	height: 20px;
	border: 0;
	display: block;
	text-indent: -9999px;
	background-image: url('../images/fb-icon.png');
	background-repeat: no-repeat;
}

#icon2 {
	position: absolute;
	top: 53px;
	left: 870px;
	width: 20px;
	height: 20px;
	border: 0;
	display: block;
	text-indent: -9999px;
	background-image: url('../images/tw-icon.png');
	background-repeat: no-repeat;
}

#icon3 {
	position: absolute;
	top: 53px;
	left: 910px;
	width: 20px;
	height: 20px;
	border: 0;
	display: block;
	text-indent: -9999px;
	background-image: url('../images/be-icon.png');
	background-repeat: no-repeat;
}

#icon4 {
	position: absolute;
	top: 53px;
	left: 950px;
	width: 20px;
	height: 20px;
	border: 0;
	display: block;
	text-indent: -9999px;
	background-image: url('../images/li-icon.png');
	background-repeat: no-repeat;
}

#icon5 {
	position: absolute;
	top: 53px;
	left: 990px;
	width: 20px;
	height: 20px;
	border: 0;
	display: block;
	text-indent: -9999px;
	background-image: url('../images/tm-icon.png');
	background-repeat: no-repeat;
}

#icon6 {
	position: absolute;
	top: 53px;
	left: 1030px;
	width: 20px;
	height: 20px;
	border: 0;
	display: block;
	text-indent: -9999px;
	background-image: url('../images/gp-icon.png');
	background-repeat: no-repeat;
}

/*LOGO */
#logolink {
	position: absolute;
	top: 26px;
	left: 40px;
	width: 240px;
	height: 106px;
	border: 0;
	display: block;
	text-indent: -9999px;
	background-image: url('../images/maglogo.png');
	background-repeat: no-repeat;
}


/* ARTICLE */
div.img	{
  	width: 700px;
	height: 464px;
	top: 167px;
	left: 350px;
	text-align:center;
	position: absolute;
	padding-bottom: 20px;
	background: url(../gfx/bottom_shadow.png) no-repeat bottom center;
  }
div.img img	{
  	display:inline;
  	margin:3px;
	padding-bottom: 20px;
	background: url(../gfx/bottom_shadow.png) no-repeat bottom center;
}
div.img a:hover img	{
  	border:1px solid #333;
}

h1 {
	position: absolute;
	top: 430px;
	left: 353px;
	width: 694px;
	height: 45px;
	text-align:center;
	font-family: Andale Mono, monospace;
	font-size: 2em;
	letter-spacing: 2px;
	color: #FFF;
	background-image: url("../images/08original.gif");
	padding: 16px 0 4px 8px;
}

/* ------ mobilyslider
-----------------------------------------------*/

#content {
	width: 700px;
	margin: 100px auto 0;
}

.slider {
	float: left;
	width: 700px;
	height: 464px;
	top: 167px;
	left: 350px;
	position: absolute;
	padding-bottom: 26px;
	background: url(../gfx/bottom_shadow.png) no-repeat bottom center;
}

.sliderContent {
	float:left;
	width:700px;
	height:467px;
	clear:both;
	position: relative;
	overflow:hidden;
}

.sliderArrows a {
	display:block;
	text-indent:-9999px;
	outline:none;
	z-index:50;
	background-image: url(../gfx/prev_next.png);
	width:42px;
	height:42px;
	position:absolute;
	top:50%;
	margin-top:-34px;
}

.prev {
	background-position:0 0;
	left:15px;
}

.prev:hover {
	background-position:0 -44px;
}

.next {
	right:15px;
	background-position:-44px 0;
}

.next:hover {
	background-position:-44px -44px;
}

.sliderContent .item {
	position:absolute;
	width:700px;
	height:467px;
	background:#fff;
}

.sliderBullets {
	position:absolute;
	bottom:0;
	left:50%;
	z-index:50;
	margin-left:-45px;
}

.sliderBullets a {
	display:block;
	float:left;
	text-indent:-9999px;
	outline:none;
	margin-left:5px;
	width:10px;
	height:11px;
	background: url(../gfx/bullets.png) no-repeat;
}

.sliderBullets .active {
	background-position:0 -11px;
}

.sliderContent a {
	outline:none;
}

a {
	color:#fff;
}

a img {
	border:none;
}


/*THESE ARE THE LINKS*/
h3 {
	position: relative;
	top: 150px;
	left: 40px;
	font-family: Andale Mono, monospace;
	font-size: .7em;
	letter-spacing: 2px;
	color: #999999;
}

/*ACCORDIAN */
div.scroll{
	overflow: auto;
	border: 1px dotted #333333;
	background-color: #000;
	position: absolute;
	left: 300px;
	top: 452px;
	width: 449px;
	height: 215px;
	z-index: 3;
	letterspacing: 2px;
	font-family: Andale Mono, monospace;
	text-transform: uppercase;
	font-size: x-small;
	color: #333;
}

/*WIDTH OF ACCORDIAN WINDOW*/
.arrowlistmenu{
	width: 215px; 
}

/*CSS CLASS FOR MENU HEADERS IN GENERAL (EXPANDING OR NOT!)*/
.arrowlistmenu .menuheader{
	font-family: Andale Mono, monospace;
	font-size: .9em;
	font-weight: lighter;
	letter-spacing: normal;
	color: white;
	background-image:url("../images/08original.gif");
	margin-bottom: 10px; /*bottom spacing between header and rest of content*/
	padding: 4px 0 4px 10px; /*header text is indented 10px*/
	text-transform: uppercase;
	cursor: hand;
	cursor: pointer;
}

/*HOVER STATE CSS*/
.arrowlistmenu .menuheader:hover{
	color: #AD9600;
}
.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
	padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
	position: relative;
	top: 150px;
	left: 40px;
	color: #333;
	background-color:transparent; /*custom bullet list image*/
	display: block;
	padding: 2px 0;
	padding-left: 19px; /*link text is indented 19px*/
	text-decoration: none;
	letter-spacing: 1.2px;
	font-family: Andale Mono, monospace;
	border-bottom: 1px dotted #707070;
	font-size: 0.7em;
}

.arrowlistmenu ul li a:visited{
	color: #333;
	background-color: transparent;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
	color: #00A94F; /*these are the links inside main category*/
}

.content
{
	margin: 0 20px;
	top: 162px;
}

.content a
{
	color: #333;
}


.content p.linkage
{
	margin-top: 2em;
	text-align: right;
	font-size: 1.7em;
	color: #333;
}

.content p.linkage a { color: #333; }