/* CSS FOR LIGHT OF GOLD BY JEFFREY NUQUI --------------------------- */
/* November 13, 2006 -------------------------------------------------- */
/* WEB SOLUTIONS MARKETING and DEVELOPMENT LLC ----------------------- */
/* http://websolutionsmd.com ----------------------------------------- */


html, body {
	background: #FFFFFF; 
	margin: 0px;
	padding: 0px;
	text-align: center;
	vertical-align: top;
}



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

.text-1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #535353;
	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: #F11E02;
	text-decoration: underline;
	font-weight: normal;
}
.text-1 a:hover {
	color: #F11E02;
	text-decoration: none;
	font-weight: normal;
}
.text-2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #535353;
	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: #AAA077;
	text-decoration: none;
	font-weight: normal;
}
.text-2 a:hover {
	color: #AAA077;
	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: 0px 0px 10px 0px;
	border-bottom: solid 1px #03274B;
}
h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #EF8D00;
	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: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #F11E02;
	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 0px 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: 894px; 
	background: url(../images/light_of_gold-header.jpg) 0 0 no-repeat; 
	border: solid 1px #A2A2A2; 
	margin: 30px auto;
	padding: 0px 0px 0px 0px; 
	text-align: center; 
	z-index: 0;
}

#branding {
	text-align: left;
	vertical-align: top;
	height: 142px;
}
.branding-container {
	text-align: right;
	vertical-align: top;
}


/* -------------------------- LEFT COLUMN -------------------------- */
#left {
	width: 225px;
	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:  175px;
	text-align: left;
	vertical-align: top;
	background: url(../images/alertamag-maggallery.jpg) 0 0 repeat-x; 
	padding: 97px 0px 0px 0px;
}
.right-container {
	text-align: left;
	vertical-align: top;
	margin: 10px 0px 0px 0px;
}
.right-container-newsletter {
	text-align: left;
	vertical-align: top;
	width: 165px;
	margin: 10px 0px 0px 0px;
	padding: 65px 5px 10px 5px;
	background: url(../images/light_of_gold-newsletter.jpg) 0 0 no-repeat #FAE7BE; 
}
.right-container-newsletter-input {
	width: 95px;
	font-size: 10px;
	color: #830026;
	background: #FFF8E6;
	border: solid 1px #D13520; 
	margin: 0px 0px 0px 3px;
}
.right-container-newsletter-button {
	width: 55px;
	font-size: 10px;
	font-weight: bold;
	color: #D23620;
	background: #FED579;
	border: solid 1px #D13520; 
}
.right-container-grey {
	text-align: left;
	vertical-align: top;
	width: 165px;
	height: 145px;
	margin: 10px 0px 0px 0px;
	padding: 65px 5px 10px 5px;
	background: url(../images/light_of_gold-grey.jpg) 0 0 no-repeat; 
}

/* -------------------------- LOWER BODY -------------------------- */
#middle { 
	text-align: left;
	vertical-align: top;
	width: 494px;
	clear: both;
	background: url(../images/alertamag-mainbg2.jpg) 0 0 repeat-y; 
	display: table;
	padding: 118px 0px 0px 0px;
}
.middle-container {
	text-align: left;
	vertical-align: top;
	background: #FFFFFF; 
	padding: 0px 0px 0px 0px;
	margin: 0px 20px 20px 20px;
}
.middle-container-ads {
	text-align: center;
	vertical-align: top;
	background: #FFFFFF; 
	padding: 0px 0px 0px 0px;
	margin: 0px 20px 20px 20px;
}
.middle-container-ads img {
	margin: 0px 10px 0px 10px;
}
.middle-container-quote {
	text-align: center;
	vertical-align: top;
	padding: 10px;
	margin: 20px;
	background-color: #EFEFEF;
	border: solid 1px #D5D5D5;
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	font-style: italic;
	font-weight: normal;
}

.middle-container-pricings {
	text-align: left;
	vertical-align: top;
	padding: 10px;
	margin: 0px 0px 20px 0px;
	background-color: #FFFBE9;
	border: solid 1px #F2E8C3;
	font-size: 12px;
}
.middle-container-pricings2 {
	text-align: left;
	vertical-align: top;
	padding: 10px;
	margin: 0px 0px 20px 0px;
	background-color: #FFEFE9;
	border: solid 1px #F2CEC3;
	font-size: 12px;
}
.middle-container-pricings-strike {
	text-decoration: line-through;
	font-style: italic;
}
.middle-container-pricings-red {
	color: red;
	font-weight: bold;
}
.middle-container-pricings-green {
	color: green;
	font-weight: bold;
	font-style: italic;
}

/* -------------------------- FOOTER COLUMN -------------------------- */
#footer {
	text-align: center;
	vertical-align: top;
	padding: 0px;
	border-top: solid 1px #A2A2A2; 
	background: #FFFFFF;
}
.footer-left {
	text-align: left;
	vertical-align: top;
	width: 225px;
	float: left;
	padding: 0px 0px 0px 0px;
}
.footer-right {
	text-align: right;
	vertical-align: top;
	padding: 5px 10px 10px 10px;
}

/* -------------------------- OTHERS ------------------------------ */
.divider {
	background: url(../images/light_of_gold-divider.jpg) center top no-repeat; 
	padding: 0px 0px 10px 0px;
}
a.wsmd:link, a.wsmd:active, a.wsmd:visited{
	display:block;
	width:225px;
	height:55px;
	background-image:url(../images/wsmd.jpg);
	background-repeat:no-repeat;
}
a.wsmd:hover{
	background-position:0px -55px;
}


/* -------------------------- Left Nav ------------------------------ */
#skyline {
	width: 225px;
 	margin: 0;
	padding: 0;
	list-style: none;

}
#skyline li { 
	margin: 0; 
	padding: 0; 
	list-style: none; 
	top: 0;
}

#skyline li, #skyline a {display: block; width: 225px;}
#panel01b, #panel01b a {left: 0px; height: 25px; background: transparent url(../images/light_of_gold-leftnav.jpg) 0px 0px no-repeat;}
#panel02b, #panel02b a {left: 0px; background: transparent url(../images/light_of_gold-leftnav.jpg) 0px -25px no-repeat;}
#panel03b, #panel03b a {left: 0px; height: 20px; background: transparent url(../images/light_of_gold-leftnav.jpg) 0px -45px no-repeat;}
#panel04b, #panel04b a {left: 0px; height: 20px; background: transparent url(../images/light_of_gold-leftnav.jpg) 0px -65px no-repeat;}
#panel05b, #panel05b a {left: 0px; height: 20px; background: transparent url(../images/light_of_gold-leftnav.jpg) 0px -85px no-repeat;}
#panel06b, #panel06b a {left: 0px; height: 20px; background: transparent url(../images/light_of_gold-leftnav.jpg) 0px -105px no-repeat;}
#panel07b, #panel07b a {left: 0px; height: 25px; background: transparent url(../images/light_of_gold-leftnav.jpg) 0px -125px no-repeat;}
#panel08b, #panel08b a {left: 0px; height: 25px; background: transparent url(../images/light_of_gold-leftnav.jpg) 0px -150px no-repeat;}
#panel09b, #panel09b a {left: 0px; height: 25px; background: transparent url(../images/light_of_gold-leftnav.jpg) 0px -175px no-repeat;}
#panel10b, #panel10b a {left: 0px; height: 140px; background: transparent url(../images/light_of_gold-leftnav.jpg) 0px -200px no-repeat;}

#panel01b a:hover {background: transparent url(../images/light_of_gold-leftnav.jpg) -225px 0px no-repeat;}
#panel02b a:hover {background: transparent url(../images/light_of_gold-leftnav.jpg) -225px -25px no-repeat;}
#panel03b a:hover {background: transparent url(../images/light_of_gold-leftnav.jpg) -225px -45px no-repeat;}
#panel04b a:hover {background: transparent url(../images/light_of_gold-leftnav.jpg) -225px -65px no-repeat;}
#panel05b a:hover {background: transparent url(../images/light_of_gold-leftnav.jpg) -225px -85px no-repeat;}
#panel06b a:hover {background: transparent url(../images/light_of_gold-leftnav.jpg) -225px -105px no-repeat;}
#panel07b a:hover {background: transparent url(../images/light_of_gold-leftnav.jpg) -225px -125px no-repeat;}
#panel08b a:hover {background: transparent url(../images/light_of_gold-leftnav.jpg) -225px -150px no-repeat;}
#panel09b a:hover {background: transparent url(../images/light_of_gold-leftnav.jpg) -225px -175px no-repeat;}


#collapse div { display:none;}
#collapsible-style {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 10px 0px;
	background: #EDBD00; 
}
#collapsible-style a, #collapsible-style a:active, #collapsible-style a:visited {
	width: 100%; 
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #504B51;
	background: #EDBD00; 
}
#collapsible-style a:hover {
	background: #EDBD00; 
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #FB060E;
	background: #EDBD00; 
}
#collapsible-style p {
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 0px 41px;
	background: #EDBD00; 
}


/* -------------------------- Top Nav ------------------------------ */
#top-navlist {
 width: 890px;
 height: 31px;
 background: url(../images/light_of_gold-topnav.png) no-repeat top;
 margin: 0px; 
 padding: 0px;
 position: relative;
 /*float: right;*/
}
#top-navlist li {margin: 0px; padding: 0px; list-style: none; position: absolute; /*top: 0;*/}

#top-navlist li, #top-navlist a {height: 31px; display: block;}

#panel1b-navlist {left: 158px; width: 44px;}
#panel2b-navlist {left: 211px; width: 70px;}
#panel3b-navlist {left: 290px; width: 103px;}
#panel4b-navlist {left: 402px; width: 52px;}
#panel5b-navlist {left: 463px; width: 69px;}
#panel6b-navlist {left: 539px; width: 74px;}
#panel7b-navlist {left: 622px; width: 96px;}
#panel8b-navlist {left: 727px; width: 76px;}
#panel9b-navlist {left: 812px; width: 76px;}

#panel1b-navlist a:hover {background: transparent url(../images/light_of_gold-topnav.png) -158px -31px no-repeat;}
#panel2b-navlist a:hover {background: transparent url(../images/light_of_gold-topnav.png) -211px -31px no-repeat;}
#panel3b-navlist a:hover {background: transparent url(../images/light_of_gold-topnav.png) -290px -31px no-repeat;}
#panel4b-navlist a:hover {background: transparent url(../images/light_of_gold-topnav.png) -402px -31px no-repeat;}
#panel5b-navlist a:hover {background: transparent url(../images/light_of_gold-topnav.png) -463px -31px no-repeat;}
#panel6b-navlist a:hover {background: transparent url(../images/light_of_gold-topnav.png) -539px -31px no-repeat;}
#panel7b-navlist a:hover {background: transparent url(../images/light_of_gold-topnav.png) -622px -31px no-repeat;}
#panel8b-navlist a:hover {background: transparent url(../images/light_of_gold-topnav.png) -727px -31px no-repeat;}
#panel9b-navlist a:hover {background: transparent url(../images/light_of_gold-topnav.png) -812px -31px no-repeat;}


/* -------------------------- Top Icons ------------------------------ */
#top-icons {
 width: 212px;
 height: 25px;
 background: url(../images/light_of_gold-icons.jpg);
 margin: 0px 0px 119px 0px; 
 padding: 0px 0px 0px 0px;
 position: relative;
 float: right;
}
#top-icons li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}

#top-icons li, #top-icons a {height: 25px; display: block;}
#panel1b-icons {left: 10px; width: 71px;}
#panel2b-icons {left: 100px; width: 102px;}

#panel1b-icons a:hover {background: transparent url(../images/light_of_gold-icons.jpg) -10px -25px no-repeat;}
#panel2b-icons a:hover {background: transparent url(../images/light_of_gold-icons.jpg) -100px -25px no-repeat;}

/*---------------BTN-----------------*/

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


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

#btn_wsmd_footer{
	background-image:url(../images/wsmd_logo.png);
	width:146px;
	height:53px;
}

#btn_interview{
	background-image:url(../images/interview_banner.jpg);
	width:175px;
	height:185px;
}