/* LAYOUT SETTINGS */

body 
{
 margin: 0;
 padding: 0;
 background-color: #fff;
}

.diyw #diywebWrapper {
 font-family: Arial, Verdana, sans-serif;
 margin: 0;
 position: relative;
 width: 100%;
 height: 100%;
}
.diyw #diywebHeaderWrapper {
 width: 100%;
 background: url(https://www.mmsgroupc.com/s/img/bg_header_wrapper.png) repeat;
}
.diyw #diywebHeaderGradient {
 width: 100%;
 padding: 20px 0;
 background: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
 background: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); /* W3C */
}
.diyw #diywebHeaderBorder {
 width: 940px;
 margin: 0 auto;
 padding: 1px;
 border-width: 1px;
 border-style: solid;
 border-color: #FFF;
 border-color: rgba(255, 255, 255, 0.5);
}
.diyw #diywebHeader {
 position: relative;
 overflow: hidden;
}
.diyw #diywebNavigationWrapper {
 width: 100%;
 padding: 0;
 background: #53d6f7; /* Old browsers */
 background: -moz-linear-gradient(top, #53d6f7 0%, #0267bc 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#53d6f7), color-stop(100%,#0267bc)); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top, #53d6f7 0%,#0267bc 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top, #53d6f7 0%,#0267bc 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top, #53d6f7 0%,#0267bc 100%); /* IE10+ */
 background: linear-gradient(to bottom, #53d6f7 0%,#0267bc 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#53d6f7', endColorstr='#0267bc',GradientType=0 ); /* IE6-8 */
}
.diyw #diywebNavigation {
 width: 840px;
 padding: 0 50px;
 margin: 0 auto;
}
.diyw #diywebContentPosition {
 width: 940px;
 margin: 30px auto 60px;	
}
.diyw #diywebContentWrapper {
 position: relative;
 display: inline-block;
}
.diyw #diywebSidebarLeft {
 float: left;
 width: 205px;
 min-width: 205px;
 min-height: 1px;
 background: url(https://www.mmsgroupc.com/s/img/box_separator.png) no-repeat;
 background-position: right top;
}
.diyw #diywebSubNavigation {
 width: 180px;
}
.diyw #diywebMainContent {
 float: left;
 width: 475px;
 min-width: 475px;
 min-height: 1px;
 padding: 0 20px;
 font-family: Arial, Verdana, sans-serif;
 font-size: 14px;
 color: #666;
 background: url(https://www.mmsgroupc.com/s/img/box_separator.png) no-repeat;
 background-position: right top;
}
.diyw #diywebMainContent h1 {
 font-size: 28px;
 color: #0b73c2;
 font-weight: normal;
}
.diyw #diywebMainContent h2 {
 font-size: 24px;
 color: #0b73c2;
 font-weight: normal;
}
.diyw #diywebSidebarRight {
 float: left;
 width: 175px;
 padding: 0 20px;
}
.diyw #diywebSubContent {
 font-family: Arial, Verdana, sans-serif;
 font-size: 13px;
 color: #666;
}
.diyw #diywebSubContent h1 {
 font-size: 15px;
 color: #0b73c2;
 font-weight: normal;
}
.diyw #diywebSubContent h2 {
 font-size: 14px;
 font-weight: normal;
}
.diyw #diywebMainContent a, .diyw #diywebSubContent a {
 color: #ff6600;
 text-decoration: underline;
}
.diyw #diywebFooter {  
 position: relative;
 width: 940px;
 padding: 20px 0;
 margin: 20px auto;
 color: #666;
 font-size: 12px;
 border-top: 1px solid #CCC;
 border-bottom: 1px solid #CCC;
}
.diyw #diywebFooter a {
 color: #ff6600;
 text-decoration: underline;
}

/* NAVIGATION SETTINGS */

.diyw #mainNav1,
.diyw #mainNav2,
.diyw #mainNav3 {
 list-style: none;
 margin: 0;
 padding: 0;
 white-space: normal;
 word-wrap: break-word;
 font-family: Arial, Verdana, sans-serif;
}
.diyw #mainNav1 li {
 display: inline;
}
.diyw #mainNav1 a,
.diyw #mainNav1 a:link,
.diyw #mainNav1 a:visited {
 display: inline-block;
 font-size: 15px;
 line-height: 50px;
 padding: 0 25px;
 color: #FFF;
 text-decoration: none;  
}
.diyw #mainNav1 a.parent, .diyw #mainNav1 a.parent:hover,
.diyw #mainNav1 a.current, .diyw #mainNav1 a.current:hover {
 background: #adfe00; /* Old browsers */
 background: -moz-linear-gradient(top, #adfe00 0%, #4fb728 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#adfe00), color-stop(100%,#4fb728)); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top, #adfe00 0%,#4fb728 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top, #adfe00 0%,#4fb728 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top, #adfe00 0%,#4fb728 100%); /* IE10+ */
 background: linear-gradient(to bottom, #adfe00 0%,#4fb728 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#adfe00', endColorstr='#4fb728',GradientType=0 ); /* IE6-8 */
 color: #FFF;
 font-weight: bold;
}
.diyw #mainNav1 a:hover,
.diyw #mainNav1 a:active,
.diyw #mainNav1 a:focus {
 background: #dbf6fd; /* Old browsers */
 background: -moz-linear-gradient(top, #dbf6fd 0%, #45c1ec 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbf6fd), color-stop(100%,#45c1ec)); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top, #dbf6fd 0%,#45c1ec 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top, #dbf6fd 0%,#45c1ec 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top, #dbf6fd 0%,#45c1ec 100%); /* IE10+ */
 background: linear-gradient(to bottom, #dbf6fd 0%,#45c1ec 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbf6fd', endColorstr='#45c1ec',GradientType=0 ); /* IE6-8 */
 color: #434343;
}

.diyw #mainNav2 a,
.diyw #mainNav2 a:link,
.diyw #mainNav2 a:visited {
 display: block;
 font-size: 15px;
 color: #666;
 text-decoration: none;
 padding: 5px 15px 8px;
 background: url(https://www.mmsgroupc.com/s/img/menu_separator.png) no-repeat;
 background-position: left bottom;
}
.diyw #mainNav2 a.parent, .diyw #mainNav2 a.parent:hover,
.diyw #mainNav2 a.current, .diyw #mainNav2 a.current:hover {
 background: none;
 color: #53ba27;
 font-weight: bold;
 padding: 5px 15px 0px; 
}
.diyw #mainNav2 a:hover,
.diyw #mainNav2 a:active,
.diyw #mainNav2 a:focus {
 color: #33ccff;
}
.diyw #mainNav3 li:first-child a, .diyw #mainNav3 li:first-child a:hover {
 background: none;
}
.diyw #mainNav3 {
 padding-bottom: 10px;
 background: url(https://www.mmsgroupc.com/s/img/menu_separator.png) no-repeat;
 background-position: left bottom;
}
.diyw #mainNav3 a,
.diyw #mainNav3 a:link,
.diyw #mainNav3 a:visited {
 padding: 5px 15px 0px 25px;
 background: none;
 font-size: 14px;
}
.diyw #mainNav3 a.current, .diyw #mainNav3 a.current:hover {
 padding: 5px 15px 0px 25px;
}
.diyw #mainNav3 a:hover,
.diyw #mainNav3 a:active,
.diyw #mainNav3 a:focus {
 padding: 5px 15px 0px 25px;
}

/* CLEARFIX */

.diyw #diywebAllContent:before,
.diyw #diywebAllContent:after,
.diyw #mainNav1:before,
.diyw #mainNav1:after,
.diyw #mainNav2:before,
.diyw #mainNav2:after,
.diyw #mainNav3:before,
.diyw #mainNav4:after,
.diyw .thumbElement {
    content: "\0020"; 
    display: block; 
    height: 0; 
    overflow: hidden;
}

.diyw #mainNav1:after, .diyw #mainNav2:after, .diyw #mainNav3:after, .diyw #diywebAllContent:after, .diyw .thumbElement  { 
 clear: both; 
}

.diyw #mainNav1, .diyw #mainNav2, .diyw #mainNav3, .diyw #diywebAllContent, .diyw .thumbElement { 
 zoom: 1; 
}