/* ========================================
 * Nectyr Productions
 * David Michael Lavoie
 *
 * 215-442-5696
 * david@nectyr.com
 * ======================================== */

/* RESET ELEMENTS */

 body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img {
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/* ========================================
 * GLOBAL SYSTEMS PAGE LAYOUT
 * ======================================== */

body {
padding-top : 0px;
position : relative;
overflow : hidden;
margin : 0 auto;
width : 1024px;
text-align : left;
font: 14px "Microsoft Sans Serif", "Verdana", "Trebuchet MS ", Arial, Helvetica, sans-serif;
color: #5A698B;
}

/* A-HREF LINKS AND ROLLOVER ACTIVITY */
a:link, a:visited { color : #fff; text-decoration : none; }
a:hover { color : #97d322; }

/* BASIC CLASSES TO CLEAR CONTENT */
.clearleft { clear : left; }
.clearright { clear : right; }
.clearboth { clear : both; }

/* BASIC TEXT FORMATTING */
em {font-weight : bold;}
.smtext { font : 90%/1.2 "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif; }
p { padding-bottom : 10px; }
.btext { font : 110%/1.2 "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;  }

/* COMMON LAYOUT ELEMENTS */
#page { background-color : #FFFFFF; }
.spacer { height : 10px; clear : both; }

#container { background : #FFFFFF url('http://www.my1stdentist.com/images/hpd_background.jpg') no-repeat top;
width : 1024px;
height : 640px;
}
#mainmaincontainer {
width : 1024px;
height : 640px;
}

#construction {
color : #FFFFFF;
font-size : 18px;
position : absolute;
margin-top : 600px;
margin-left : 5px;
z-index : 1;
}

#logo {
position : absolute;
left : 30px;
top : -140px;
}

#text {
color : white;
font-size : 14px;
position : absolute;
top : 640px;
letter-spacing : 1px;
width : 1000px;
text-align : right;
line-height : 1.1em;
}
#notice {
color : white;
font-size : 14px;
position : absolute;
top : 500px;
letter-spacing : 1px;
left : 1164px;
width : 600px;
text-align : right;
line-height : 1.1em;
}
.enter li { text-align : right; margin-right : 60px; padding-top : 40px; font-size : 14px; font-weight : bold; line-height : 1.1em;}
.enter a:link, .enter a:visited { color : #F67E1F; }
.enter a:hover { color : #4991CE; }
.orange { color : #F67E1F; }

#penguinsmasher{
position : absolute;
left : 1024px;
top : 0px;
width : 300px;
height : 600px;
background-color : white;
z-index : 100;
}

#textsmasher{
position : absolute;
top : 640px;
width : 1000px;
height : 300px;
background-color : white;
z-index : 1;
}

.pengsm {
position : absolute;
left : 1064px;
top : 245px;
z-index : 90;
}
.pengmed {
position : absolute;
left : 1117px;
top : 218px;
z-index : 90;
}
.penglg {
position : absolute;
left : 1164px;
top : 162px;
z-index : 90;
}