/* CSS FOR REVISTA ALERTA BY JEFFREY NUQUI --------------------------- */
/* October 13, 2006 -------------------------------------------------- */
/* WEB SOLUTIONS MARKETING and DEVELOPMENT LLC ----------------------- */
/* http://websolutionsmd.com ----------------------------------------- */


html, body {
	background: url(../images/alertamag-bg.jpg) 0 0 scroll; 
	margin: 0px;
	padding: 0px;
	text-align: center;
	vertical-align: top;
}



/* -------------------------- TEXT FORMATIING -------------------------- */
body,td,th,td {
	font-family: "Tahoma", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-style: normal;
	line-height: 16px;;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}

.text-1 {
	font-family: "Tahoma", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}
.text-1 a, text-1 a:visited, text-1 a:active {
	color: #333333;
	text-decoration: underline;
	font-weight: normal;
}
.text-1 a:hover {
	color: #333333;
	text-decoration: none;
	font-weight: normal;
}
.text-2 {
	font-family: "Tahoma", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}
.text-2 a, text-2 a:visited, text-2 a:active {
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: normal;
}
.text-2 a:hover {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
}
.text-3 {
	font-family: "Tahoma", Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}
.text-3 a, text-3 a:visited, text-3 a:active {
	color: #666666;
	text-decoration: none;
	font-weight: normal;
}
.text-3 a:hover {
	color: #666666;
	text-decoration: underline;
	font-weight: normal;
}
h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 25px;
	color: #FFFFFF;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	padding: 0px 0px 10px 0px;
	margin: 0px;
}
h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 22px;
	color: #FFFFFF;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	padding: 0px 0px 10px 0px;
	margin: 0px;
}
h3 {
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	color: #03274B;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	padding: 0px 0px 2px 0px;
	margin: 110px 0px 10px 0px;
	border-bottom: solid 1px #03274B;
}
h4 {
	font-family: "Times New Roman", Times, serif;
	font-size: 22px;
	color: #E9E997;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
}
h5 {
	font-family: "Myriad", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #1A1A1A;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 5px 0px;
}
h6 {
	font-family: "Myriad", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}
h6 a, h6 a:active, h6 a:visited {
	font-weight: bold;
	text-decoration: underline;
}
h6 a:hover {
	font-weight: bold;
	text-decoration: underline;
}

/* -------------------------- UL AND LI -------------------------- */
.ul, .li {
	margin: 5px 0px 0px 15px;
}

/* -------------------------- MAIN -------------------------- */
#main { 
	width: 775px; 
	background: #FFFFFF; 
	border-left: 1px solid #333333; 
	border-right: 1px solid #333333; 
	margin: auto; 
	padding: 0px 0px 0px 0px; 
	text-align: center; 
	z-index: 0;
}

/* -------------------------- NAV ---------------------------------- */
#nav {
	text-align: left;
	vertical-align: top;
	height: 110px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.nav-container {
	text-align: left;
	vertical-align: top;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 0px 0px;
}

/* -------------------------- CONTENTS ----------------------------- */
#content { 
	text-align: left;
	vertical-align: top;
	width: 775px;
	background: url(../images/alertamag-mainbg.jpg) 0 0 repeat-y; 
	margin: 0px;
	padding: 0px;
}

/* -------------------------- LEFT COLUMN -------------------------- */
#left {
	width: 475px;
	text-align: left;
	vertical-align: top;
	background: url(../images/alertamag-brandingbg.jpg) 0 0 no-repeat; 
}
.left-container {
	text-align: left;
	vertical-align: top;
	padding: 10px 10px 20px 10px;
}

/* -------------------------- RIGHT COLUMN -------------------------- */
#right {
	width: 300px;
	text-align: left;
	vertical-align: top;
	background: url(../images/alertamag-maggallery.jpg) 0 0 repeat-x; 
}
.right-container {
	text-align: left;
	vertical-align: top;
	background-color: #5985AF;
	border: solid 1px #B6D9FA;
	margin: 5px 5px 5px 2px;
	float: left;
	width: 320px;
}
.right-container-bg {
	height: 100%;
	text-align: left;
	vertical-align: top;
	background: url(../images/alertamag-rightbg.jpg) right bottom no-repeat; 
	min-height: 500px;
}


/* -------------------------- LOWER BODY -------------------------- */
#lower { 
	text-align: left;
	vertical-align: top;
	width: 775px;
	clear: both;
	background: url(../images/alertamag-mainbg2.jpg) 0 0 repeat-y; 
	display: table;
}
.lower-container {
	text-align: left;
	vertical-align: top;
	background: url(../images/alertamag-mainbg2-header.jpg) 0 0 no-repeat; 
}
.lower-left {
	text-align: left;
	vertical-align: top;
	width: 227px;
	margin: 0px 0px 0px 0px;
	padding: 93px 0px 0px 0px;
}
.lower-middle {
	text-align: left;
	vertical-align: top;
	margin: 0px 0px 0px 227px;
	padding: 26px 0px 0px 0px;
}
.lower-right {
	text-align: left;
	vertical-align: top;
	width: 300px;
	margin: 0px 0px 0px 0px;
	padding: 1px 0px 0px 0px;
}


/* -------------------------- FOOTER COLUMN -------------------------- */
#footer {
	height: 60px;
	width: 755px;
	height: 100%;
	text-align: left;
	vertical-align: top;
	background: url(../images/alertamag-footerline.jpg) 0 0 no-repeat; 
	clear: both;
	padding: 10px;
}
.footer-left {
	text-align: left;
	vertical-align: top;
	width: 755px;
	padding: 10px 0px 20px 0px;
}
.footer-right {
	text-align: right;
	vertical-align: top;
	float: right;
	width: 150px;
	padding: 0px 0px 10px 10px;
}

/* -------------------------- OTHERS ------------------------------ */
.bannertisement {
	padding: 5px;
	text-align: center;
	vertical-align: top;
	clear: both;
}
.bannertisement img {
	border: solid 1px #cccccc;
}

/* -------------------------- MAGAZINE ------------------------------ */
.mag-container {
	text-align: center;
	vertical-align: top;
	padding: 0px 25px 0px 25px;
	border-bottom: solid 1px #333333;
}
.mag-container-pic {
	text-align: center;
	vertical-align: middle;
	height: 267px;
}
.mag-container-pager {
	vertical-align: middle;
	height: 24px;
}
.mag-container-drop {
	text-align: center;
	vertical-align: middle;
	height: 37px;
}
.mag-container img {
	border: solid 7px #FFFFFF;
	width: 150px;
}
.buttons {
	font-size: 10px;
}

/* -------------------------- UPC LINKS ------------------------------ */
#skyline {
 width: 226px;
 background: url(../images/alertamag-upclinks.jpg);
 margin: 0px; 
 padding: 0px;
}
#skyline li { 
	margin: 0; 
	padding: 0; 
	list-style: none; 
	top: 0;
}

#skyline li, #skyline a {height: 16px; display: block;}
#panel01b {left: 0px; width: 226px;}
#panel02b {left: 0px; width: 226px;}
#panel03b {left: 0px; width: 226px;}
#panel04b {left: 0px; width: 226px;}
#panel05b {left: 0px; width: 226px;}
#panel06b {left: 0px; width: 226px;}
#panel07b {left: 0px; width: 226px;}
#panel08b {left: 0px; width: 226px;}
#panel09b {left: 0px; width: 226px;}
#panel10b {left: 0px; width: 226px;}
#panel11b {left: 0px; width: 226px;}

#panel01b a:hover {background: transparent url(../images/alertamag-upclinks.jpg) -226px 0px no-repeat;}
#panel02b a:hover {background: transparent url(../images/alertamag-upclinks.jpg) -226px -16px no-repeat;}
#panel03b a:hover {background: transparent url(../images/alertamag-upclinks.jpg) -226px -32px no-repeat;}
#panel04b a:hover {background: transparent url(../images/alertamag-upclinks.jpg) -226px -48px no-repeat;}
#panel05b a:hover {background: transparent url(../images/alertamag-upclinks.jpg) -226px -64px no-repeat;}
#panel06b a:hover {background: transparent url(../images/alertamag-upclinks.jpg) -226px -80px no-repeat;}
#panel07b a:hover {background: transparent url(../images/alertamag-upclinks.jpg) -226px -96px no-repeat;}
#panel08b a:hover {background: transparent url(../images/alertamag-upclinks.jpg) -226px -112px no-repeat;}
#panel09b a:hover {background: transparent url(../images/alertamag-upclinks.jpg) -226px -128px no-repeat;}
#panel10b a:hover {background: transparent url(../images/alertamag-upclinks.jpg) -226px -144px no-repeat;}
#panel11b a:hover {background: transparent url(../images/alertamag-upclinks.jpg) -226px -160px no-repeat;}

/* -------------------------- 4 banners ------------------------------ */
#skyline-2 {
 width: 248px;
 height: 243px;
 background: url(../images/alertamag-4.jpg);
 margin: 0px; 
 padding: 0px;
}
#skyline-2 li { 
	margin: 0; 
	padding: 0; 
	list-style: none; 
	top: 0;
}

#skyline-2 li, #skyline-2 a {height: 60px; display: block;}
#panel01b-2 {left: 0px; width: 248px;}
#panel02b-2 {left: 0px; width: 248px;}
#panel03b-2 {left: 0px; width: 248px;}
#panel04b-2 {left: 0px; width: 248px;}

#panel01b-2 a:hover {background: transparent url(../images/alertamag-4.jpg) -248px 0px no-repeat;}
#panel02b-2 a:hover {background: transparent url(../images/alertamag-4.jpg) -248px -61px no-repeat;}
#panel03b-2 a:hover {background: transparent url(../images/alertamag-4.jpg) -248px -122px no-repeat;}
#panel04b-2 a:hover {background: transparent url(../images/alertamag-4.jpg) -248px -182px no-repeat;}


/*  ------------------------------------------------------------------------------- */
/*  -------------------- Add Ons by John Ryan Acoba:)            ------------------ */
/*  --------------------         Websolutionsmd.com              ------------------ */
/*  ------------------------------------------------------------------------------- */

.btn_lea_banner:link, a.btn_lea_banner:link, a.btn_lea_banner:active, a.btn_lea_banner:visited {
	display:block;
	background-image:url(../images/banner_lea_css.jpg);
	width:288px;
	height:25px;
}
a.btn_lea_banner:hover {
	background-position:0px -25px;
}

/*-----------------Psyklonus--------------------*/

.btn{
	background-position:top;
	background-repeat:no-repeat;
	border:none;
	margin:0px;
	padding:0px;
	display:block;
}

.btn:hover{
	background-position:bottom;
	cursor:pointer;
}

#wsmd-logo{
	background-image:url(../images/wsmdusa-logo-footer.png);
	width:146px;
	height:53px;
}