@import url(////fonts.googleapis.com/css?family=Bitter);
/* LAYOUT SETTINGS */
#diywebWrapper {
 font-size: 12px;
 color: #999999;
 width: 964px;
 margin: 10px auto;
}
#diywebHeaderWrapper { 
 width: 940px;
 height: 210px;
 padding: 12px 12px 5px 12px;
 background: url(../img/bg_header.png) no-repeat;
}
#diywebHeader {
 width: 940px;
 height: 210px;
 font-family: 'Bitter';
}
#diywebAllContentTop {
 width: 962px;
 height: 40px;
 background: url(../img/bg_content_top.png) no-repeat;	
}
#diywebAllContentCenter {
 position: relative;
 margin: 0;
 padding: 5px 0 40px;
 width: 962px;
 background: url(../img/bg_content_center.png) repeat-y;
}
#diywebAllContentBottom {
 width: 962px;
 height: 10px;
 background: url(../img/bg_content_bottom.png) no-repeat;	
}
#diywebSidebar {
 width: 200px;
 float: left;
 margin: 0 4px 0 7px;
}
#diywebNavigation {
 width:	160px;
 padding: 0 20px;
 font-family: 'Bitter';
}
#mainNav1,
#mainNav2,
#mainNav3 {
 list-style: none;
 margin: 0;
 padding: 0;
 white-space: normal;
 word-wrap: break-word;
 word-break: break-all;
}
#diywebMainContent {
 font-family: Arial, Verdana, sans-serif;
 font-size: 12px;
 float: left;
 width: 440px;
 margin-right: 6px;	
 padding: 0 40px;
}
#diywebMainContent h1 {
 font-size: 24px;
 color: #686868;
 font-weight: normal;
 font-family: 'Bitter';
}
#diywebMainContent h2 {
 font-size: 14px;
 color: #686868;
 font-weight: normal;
 font-family: 'Bitter';
}
#diywebSubContent {
 font-family: Arial, Verdana, sans-serif;
 width: 190px;	
 float: left;
 padding: 0 15px;
 font-size: 12px;
}
#diywebClear {
 clear: both;
}
#diywebSubContent h1 {
 font-size: 14px;
 color: #686868;
 font-weight: normal;
 font-style: italic;
 border-bottom: 1px dotted #CCC;
 padding: 10px 0;
}
#diywebSubContent h2 {
 font-size: 12px;
 color: #686868;
 font-weight: normal;
 font-style: italic;
}
#diywebMainContent a, #diywebSubContent a {
 color: #8ec022;
 text-decoration: none;
}
#diywebFooter {
 margin: 0 4px;
 padding: 10px 25px;
 width: 904px;
 font-size: 12px;
 color: #999;
 background: url(../img/bg_footer_center.png) repeat-y;
}
#diywebFooter a {
 font-size: 12px;
 color: #999;
 text-decoration: none;
}
#diywebFooterBottom {
 margin: 0 4px;
 width: 954px;
 height: 15px;
 background: url(../img/bg_footer_bottom.png) no-repeat;
}

/* NAVIGATION SETTINGS */

#mainNav1 a,
#mainNav1 a:link,
#mainNav1 a:visited {
 display: block;
 font-size: 12px;
 color: #999;
 text-decoration: none;
 font-style: italic;
 border-bottom: 1px dotted #CCC;
 padding: 5px 10px;
}
#mainNav1 a.parent, #mainNav1 a.parent:hover,
#mainNav1 a.current, #mainNav1 a.current:hover {
 color: #8ec022;
}
#mainNav1 a:hover,
#mainNav1 a:active,
#mainNav1 a:focus {
 color: #8ec022;
}
#mainNav2 a,
#mainNav2 a:link,
#mainNav2 a:visited {
 padding: 5px 10px 5px 20px;
}
#mainNav3 a,
#mainNav3 a:link,
#mainNav3 a:visited {
 padding: 5px 10px 5px 30px;
}

/* CLEARFIX */

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