HTML {
	BACKGROUND: #E6E6E7; COLOR: #000
}
BODY {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 76%; BACKGROUND: #E6E6E7; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #000; PADDING-TOP: 0px; FONT-FAMILY: verdana, arial, helvetica, sans-serif; TEXT-ALIGN: center; BORDER-RIGHT-WIDTH: 0px
}
A {
	color: #333333;
}
A:visited {
	COLOR: #000
}

#wrapper {
	BACKGROUND: #fff; MARGIN: 10px auto 0px; WIDTH: 700px; TEXT-ALIGN: left; border: #ccc solid 1px;
}
#page_head {
	BACKGROUND: #fff; WIDTH: 700px; POSITION: relative; HEIGHT: 100px
}
H1#logo {
	FONT-WEIGHT: normal; FONT-SIZE: 45px; FLOAT: left; MARGIN: 0px; COLOR: #000; FONT-FAMILY: "trebuchet ms", tahoma, arial, verdana, sans-serif
}
H1#logo B {
	COLOR: #c9ba65; FONT-FAMILY: "times new roman", serif
}
H1#logo A {
	TEXT-DECORATION: none
}
H1#logo A:visited {
	TEXT-DECORATION: none
}
H1#logo A:hover {
	TEXT-DECORATION: none
}
H2#slogan {
	CLEAR: left; FONT-WEIGHT: normal; FONT-SIZE: 11px; MARGIN: 0px; FONT-FAMILY: "trebuchet ms", tahoma, arial, verdana, sans-serif
}
UL#main_menu {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; RIGHT: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; POSITION: absolute; TOP: 0px; BORDER-RIGHT-WIDTH: 0px
}
UL#main_menu LI {
	DISPLAY: block; FLOAT: left; MARGIN-LEFT: 1px; WIDTH: 75px; POSITION: relative; HEIGHT: 100px;
}
UL#main_menu LI A {
	BORDER-TOP: #fff 10px solid;
	DISPLAY: block;
	WIDTH: 75px;
	COLOR: #000;
	FONT-FAMILY: "trebuchet ms", tahoma, arial, verdana, sans-serif;
	POSITION: relative;
	HEIGHT: 90px;
	TEXT-DECORATION: none;
	background-color: #e2dfa8;
}

 HTML UL#main_menu LI A {
	HEIGHT: 90px
}
UL#main_menu LI A B {
	FONT-WEIGHT: normal; LEFT: 5px; BOTTOM: 0px; POSITION: absolute
}
UL#main_menu LI A.mm1 {
	BORDER-TOP: #dfd7ca 10px solid; BACKGROUND: #dfd7ca
}
UL#main_menu LI A.mm2 {
	BORDER-TOP: #b2ab9b 10px solid; BACKGROUND: #b2ab9b
}
UL#main_menu LI A.mm3 {
	BORDER-TOP: #c9ba65 10px solid; BACKGROUND: #c9ba65
}
UL#main_menu LI A.mm4 {
	BORDER-TOP: #e2dfa8 10px solid; BACKGROUND: #e2dfa8
}
UL#main_menu LI A.mm5 {
	BORDER-TOP: #d4d8bd 10px solid; BACKGROUND: #d4d8bd
}
UL#main_menu LI A.mm6 {
	BORDER-TOP: #949e7c 10px solid; BACKGROUND: #949e7c
}
UL#main_menu LI A.mm7 {
	BORDER-TOP: #758279 10px solid; BACKGROUND: #758279
}
UL#main_menu LI A:hover {
	BORDER-TOP: #fff 10px solid; CURSOR: pointer; BORDER-BOTTOM: #c00a20 7px solid;
}
UL#main_menu LI EM {
	FONT-WEIGHT: normal; LEFT: 5px; BOTTOM: 5px; FONT-STYLE: normal; FONT-FAMILY: "trebuchet ms", tahoma, arial, verdana, sans-serif; POSITION: absolute
}
UL#main_menu LI A EM {
	FONT-WEIGHT: normal; LEFT: 5px; BOTTOM: 5px; FONT-STYLE: normal; FONT-FAMILY: "trebuchet ms", tahoma, arial, verdana, sans-serif; POSITION: absolute
}
UL#sub_menu {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; LEFT: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; POSITION: absolute; TOP: 80px; BORDER-RIGHT-WIDTH: 0px
}
UL#sub_menu LI {
	DISPLAY: block; FLOAT: left; WIDTH: 30px; POSITION: relative; HEIGHT: 20px
}
UL#sub_menu LI A {
	DISPLAY: block; WIDTH: 30px; TEXT-INDENT: -999px; HEIGHT: 20px; TEXT-DECORATION: none
}
UL#sub_menu LI A:visited {
	DISPLAY: block; WIDTH: 30px; TEXT-INDENT: -999px; HEIGHT: 20px; TEXT-DECORATION: none
}
 HTML UL#sub_menu LI A {
	FONT-SIZE: 0px; COLOR: #d4d8bd; TEXT-INDENT: -999px
}
 HTML UL#sub_menu LI A:visited {
	FONT-SIZE: 0px; COLOR: #d4d8bd; TEXT-INDENT: -999px
}
UL#sub_menu LI A:unknown {
	outline: 0
}
UL#sub_menu LI.site_map {
	BACKGROUND: url("graphics/site_map.gif"/*tpa=http://www.m3rts.com/graphics/site_map.gif*/)
}
UL#sub_menu LI.first_off {
	BACKGROUND: url("graphics/first_off.gif"/*tpa=http://www.m3rts.com/graphics/first_off.gif*/)
}
UL#sub_menu LI.first {
	BACKGROUND: url("graphics/first.gif"/*tpa=http://www.m3rts.com/graphics/first.gif*/)
}
UL#sub_menu LI.previous_off {
	BACKGROUND: url("graphics/previous_off.gif"/*tpa=http://www.m3rts.com/graphics/previous_off.gif*/)
}
UL#sub_menu LI.previous {
	BACKGROUND: url("graphics/previous.gif"/*tpa=http://www.m3rts.com/graphics/previous.gif*/)
}
UL#sub_menu LI.next_off {
	BACKGROUND: url("graphics/next_off.gif"/*tpa=http://www.m3rts.com/graphics/next_off.gif*/)
}
UL#sub_menu LI.next {
	BACKGROUND: url("graphics/next.gif"/*tpa=http://www.m3rts.com/graphics/next.gif*/)
}
UL#sub_menu LI.last_off {
	BACKGROUND: url("graphics/last_off.gif"/*tpa=http://www.m3rts.com/graphics/last_off.gif*/)
}
UL#sub_menu LI.last {
	BACKGROUND: url("graphics/last.gif"/*tpa=http://www.m3rts.com/graphics/last.gif*/)
}
UL#sub_menu LI.comments {
	BACKGROUND: url("graphics/comments.gif"/*tpa=http://www.m3rts.com/graphics/comments.gif*/)
}
UL#sub_menu LI.rss {
	BACKGROUND: url("graphics/rss.gif"/*tpa=http://www.m3rts.com/graphics/rss.gif*/)
}
UL#sub_menu LI.home {
	BACKGROUND: url("graphics/home.gif"/*tpa=http://www.m3rts.com/graphics/home.gif*/)
}
UL#sub_menu LI.tutorial_off {
	BACKGROUND: url("graphics/tutorial_off.gif"/*tpa=http://www.m3rts.com/graphics/tutorial_off.gif*/)
}
UL#sub_menu LI.tutorial {
	BACKGROUND: url("graphics/tutorial.gif"/*tpa=http://www.m3rts.com/graphics/tutorial.gif*/)
}
UL#sub_menu LI.accesskey {
	BACKGROUND: url("graphics/accesskey.gif"/*tpa=http://www.m3rts.com/graphics/accesskey.gif*/)
}
#info {
	CLEAR: both; BACKGROUND: url("graphics/horizontal_line.gif"/*tpa=http://www.m3rts.com/graphics/horizontal_line.gif*/) #fff repeat-x left bottom; PADDING-BOTTOM: 15px; WIDTH: 700px
}
#info H2 {
	FONT-SIZE: 1.4em; MARGIN: 0px 0px 10px; COLOR: #a40; FONT-FAMILY: "trebuchet ms", tahoma, arial, verdana, sans-serif; TEXT-ALIGN: left
}
#info H3 {
	FONT-WEIGHT: normal; FONT-SIZE: 1.1em; MARGIN: 0px 0px 10px; COLOR: #565; FONT-FAMILY: "trebuchet ms", tahoma, arial, verdana, sans-serif; TEXT-ALIGN: left
}
#content {
	BACKGROUND: url("graphics/vertical_line.gif"/*tpa=http://www.m3rts.com/graphics/vertical_line.gif*/) #fff repeat-y 500px 0px; WIDTH: 700px
}
#content H3 {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; MARGIN: 10px 0px 0px; COLOR: #b50
}
#left_column {
	FLOAT: left; WIDTH: 480px
}
#right_column {
	FLOAT: right; WIDTH: 240px
}
#page_foot {
	CLEAR: both; BACKGROUND: url("graphics/horizontal_line.gif"/*tpa=http://www.m3rts.com/graphics/horizontal_line.gif*/) #fff repeat-x left top; PADDING-BOTTOM: 20px; WIDTH: 700px; PADDING-TOP: 10px
}
P {
	FONT-SIZE: 10px; MARGIN: 5px 0px 15px; COLOR: #555; LINE-HEIGHT: 16px
}
DL.latest {
	FONT-SIZE: 0.85em; MARGIN: 10px 0px
}
DL.latest DT {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; BACKGROUND: #e2dfa8; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
DL.latest DD {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 5px
}
DL.latest DD A {
	COLOR: #758279; TEXT-DECORATION: none
}
DL.latest DD A:visited {
	COLOR: #758279; TEXT-DECORATION: none
}
DL.latest DD A EM {
	FONT-WEIGHT: bold; FLOAT: right; COLOR: #949e7c; FONT-STYLE: normal
}
DL.latest DD A:hover {
	TEXT-DECORATION: underline
}
DL.latest DD A:hover EM {
	CURSOR: pointer; TEXT-DECORATION: none
}
DL.latest DT.latest_demos {
	BACKGROUND: #dfd7ca
}
DL.latest DT.latest_menus {
	BACKGROUND: #b2ab9b
}
DL.latest DT.latest_layouts {
	BACKGROUND: #c9ba65
}
DL.latest DT.latest_mozilla {
	BACKGROUND: #d4d8bd
}
DL.latest DT.latest_opacity {
	BACKGROUND: #758279
}
DL.list {
	FLOAT: left; WIDTH: 240px; MARGIN-RIGHT: 15px
}
DL.list DD {
	BACKGROUND: #f8f8f0; COLOR: #555
}
DL.list DD A {
	COLOR: #c00
}
DL.list DD A:visited {
	COLOR: #c00
}
DL.demos_list DT {
	FONT-SIZE: 1.2em; BACKGROUND: #dfd7ca; MARGIN: 3px 0px
}
DL.opacity_list DT {
	FONT-SIZE: 1.2em; BACKGROUND: #758279; MARGIN: 3px 0px
}
DL.explorer_list DT {
	FONT-SIZE: 1.2em; BACKGROUND: #949e7c; MARGIN: 3px 0px
}
DL.mozilla_list DT {
	FONT-SIZE: 1.2em; BACKGROUND: #d4d8bd; MARGIN: 3px 0px
}
DL.boxes_list DT {
	FONT-SIZE: 1.2em; BACKGROUND: #e2dfa8; MARGIN: 3px 0px
}
DL.layouts_list DT {
	FONT-SIZE: 1.2em; BACKGROUND: #c9ba65; MARGIN: 3px 0px
}
DL.menus_list DT {
	FONT-SIZE: 1.2em; BACKGROUND: #b2ab9b; MARGIN: 3px 0px
}
DL.list_last {
	MARGIN-RIGHT: 0px
}
.css {
	COLOR: #983; FONT-FAMILY: "times new roman", serif
}
.play {
	FONT-WEIGHT: normal; MARGIN: 0px; COLOR: #000; FONT-FAMILY: "trebuchet ms", tahoma, arial, verdana, sans-serif
}
.clear {
	CLEAR: both
}
.bold {
	FONT-WEIGHT: bold
}
P.float_right {
	FLOAT: right
}
IMG.left {
	FLOAT: right
}
P.cite {
	COLOR: #480
}
.advertisement {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 10px 10px 7px 10px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; 
}
.advertisement LI A {
	FONT-SIZE: 11px; COLOR: #558; TEXT-DECORATION: none
}
.advertisement LI A:visited {
	FONT-SIZE: 11px; COLOR: #558; TEXT-DECORATION: none
}
.advertisement LI A:hover {
	TEXT-DECORATION: underline
}
.advertisement LI SPAN.text {
	FONT-SIZE: 10px; COLOR: #000
}
.spacer {
	MARGIN-TOP: 10px
}
#content A IMG {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
#adsie {
	CLEAR: both; BORDER-TOP: #fff 25px solid; WIDTH: 700px; POSITION: relative; TEXT-ALIGN: left
}
#smalladsie {
	CLEAR: both; MARGIN: 10px 0px; WIDTH: 468px
}
#smalladsie IMG {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 10px; BORDER-RIGHT-WIDTH: 0px
}
.adimage IMG {
	BORDER-TOP-WIDTH: 0px; MARGIN-TOP: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
P.date {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #448
}
P.highlight {
	BORDER-RIGHT: #aaa 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #aaa 1px solid; PADDING-LEFT: 5px; BACKGROUND: #dfd7ca; PADDING-BOTTOM: 5px; BORDER-LEFT: #aaa 1px solid; COLOR: #a40; PADDING-TOP: 5px; BORDER-BOTTOM: #aaa 1px solid
}
PRE {
	FONT-SIZE: 11px; COLOR: #008
}
OL LI {
	FONT-SIZE: 10px
}
DL.list DD.blue_back {
	BORDER-RIGHT: #c00 1px solid; BORDER-TOP: #c00 1px solid; BORDER-LEFT: #c00 1px solid; BORDER-BOTTOM: #c00 1px solid
}
.f_left {
	FLOAT: left
}
.hiddenfromview {
	DISPLAY: none
}
A.animated {
	DISPLAY: block; BACKGROUND: url("graphics/skateboard.gif"/*tpa=http://www.m3rts.com/graphics/skateboard.gif*/) #fff no-repeat; OVERFLOW: hidden; WIDTH: 468px; CURSOR: default; HEIGHT: 90px
}
A.animated IMG {
	VISIBILITY: hidden
}
A.animated:hover {
	BACKGROUND: 0px 50%
}
A.animated:hover IMG {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; VISIBILITY: visible; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
.comments {
	BACKGROUND: url("comments/tea.jpg"/*tpa=http://www.m3rts.com/comments/tea.jpg*/) #000 no-repeat
}
#com_head {
	BACKGROUND: url("graphics/email.gif"/*tpa=http://www.m3rts.com/graphics/email.gif*/) no-repeat right top; HEIGHT: 100px
}
#advert {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; BACKGROUND: #dfd7ca; PADDING-BOTTOM: 5px; WIDTH: 190px; PADDING-TOP: 5px; BORDER-BOTTOM: #758279 20px solid; HEIGHT: 70px
}
 HTML #advert {
	WIDTH: 190px; HEIGHT: 70px
}
#advert H1 {
	MARGIN: 0px
}
.adbanner {
	DISPLAY: block; BACKGROUND: url("graphics/advertise.jpg"/*tpa=http://www.m3rts.com/graphics/advertise.jpg*/) no-repeat left top; WIDTH: 468px; HEIGHT: 60px
}
p{
padding-left : 5px;
padding-right : 2px;
}