@import url(//fonts.googleapis.com/css?family=PT+Sans+Narrow);
@import url(//fonts.googleapis.com/css?family=PT+Sans);
/* LAYOUT SETTINGS */

#diywebWrapper{
 width: 820px;
 margin: 0 auto;
 font-family: "Arial", sans-serif;
 font-size: 13px;
 color: #6B6B6B;
}
#diywebTopWrapper {
 width: 100%;
}
#diywebNavigation {
 width: 430px;
 float: left;
}
#diywebEmotionHeaderWrapper {
 width: 381px;
 height: 515px;
 float: right;
 padding-left: 9px;
 background: url(#) no-repeat left top;
}
#diywebEmotionHeader {
 width: 370px;
 height: 480px;
 -webkit-border-radius: 0px 0px 5px 5px;
 border-radius: 0px 0px 5px 5px;
}
#diywebCenterWrapper {
 width: 100%;
 background: url(#) repeat-y left top;
}
#diywebContentWrapperTop {
 width: 100%;
 height: 94px;
 background: url(#) no-repeat left top;
}
#diywebContentWrapperBottom {
 width: 100%;
 height: 137px;
 background: url(#) no-repeat left top;
}
#diywebContentWrapper {
 width: 565px;
 float: left;
 margin-top: -30px;
}
#diywebMainContent {
 padding: 0 30px;
}
#diywebRightWrapper {
 width: 247px;
 float: right;
}

/* CONTENT */

#diywebMainContent h1,
#diywebMainContent h2,
#diywebMainContent p,
#diywebSidebar h1,
#diywebSidebar h2,
#diywebSidebar p {
 padding: 0;
 margin: 0;
}
#diywebMainContent h1 {
 font-size: 30px;
 font-weight: bold;
 padding-bottom: 10px;
}
#diywebMainContent h2 {
 font-size: 16px;
 font-weight: bold;
 padding-bottom: 10px;
}
#diywebMainContent a,
#diywebSidebar a {
 text-decoration: none;
 color: #E97105;
}
#diywebFooter a {
 color: #E9EBED;
 text-decoration: underline;
}
#diywebMainContent a:hover,
#diywebMainContent a:active,
#diywebMainContent a:focus,
#diywebSidebar a:hover,
#diywebSidebar a:active,
#diywebSidebar a:focus {
 text-decoration: underline;
}
#diywebFooter a:hover,
#diywebFooter a:active,
#diywebFooter a:focus {
 color: #E97105;
}
#diywebSidebar {
 width: 160px;
 font-size: 11px;
 padding: 20px;
 margin: 4px 0 0 10px;
 background-color: #E3D9D3;
}
#diywebSidebar h1,
#diywebSidebar h2 {
 font-size: 14px;
 padding-bottom: 10px;
}
#diywebFooter {
 width: 780px;
 padding: 20px;
 color: #E9EBED;
 font-size: 12px;
}

/* CLEARFIX */

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

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

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

/* NAVIGATION SETTINGS */

#mainNav1,
#mainNav2,
#mainNav3 {
 list-style: none;
 margin: 0;
 padding: 0;
 white-space: normal;
 word-wrap: break-word;
}
#mainNav1 {
 widht: 415px;
 padding: 70px 25px 0 3px;
 font-family: 'PT Sans Narrow', sans-serif;
}
#mainNav1 li {
 float: left;
}
#mainNav1 a,
#mainNav1 a:link,
#mainNav1 a:visited {
 display: block;
 min-width: 68px;
 max-width: 355px;
 padding: 45px 25px;
 margin: 0 4px 4px 0;
 color: #FFFFFF;
 text-decoration: none;
 font-size: 16px;
 background: #92c4eb;
 background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkyYzRlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMjVhN2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
 background: -moz-linear-gradient(top,  #92c4eb 0%, #325a7c 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#92c4eb), color-stop(100%,#325a7c));
 background: -webkit-linear-gradient(top,  #92c4eb 0%,#325a7c 100%);
 background: -o-linear-gradient(top,  #92c4eb 0%,#325a7c 100%);
 background: -ms-linear-gradient(top,  #92c4eb 0%,#325a7c 100%);
 background: linear-gradient(to bottom,  #92c4eb 0%,#325a7c 100%);
 -webkit-border-radius: 3px;
 border-radius: 3px;
 -webkit-box-shadow:  0px 0px 2px 2px #666666;
 box-shadow:  0px 0px 1px 1px #666666;
 border: 1px solid #999;
}
#mainNav1 a.parent, #mainNav1 a.parent:hover,
#mainNav1 a.current, #mainNav1 a.current:hover { 
 font-weight: bold;
 background: #717171;
 background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzcxNzE3MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzYzNjM2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
 background: -moz-linear-gradient(top,  #717171 0%, #3c3c3c 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#717171), color-stop(100%,#3c3c3c));
 background: -webkit-linear-gradient(top,  #717171 0%,#3c3c3c 100%);
 background: -o-linear-gradient(top,  #717171 0%,#3c3c3c 100%);
 background: -ms-linear-gradient(top,  #717171 0%,#3c3c3c 100%);
 background: linear-gradient(to bottom,  #717171 0%,#3c3c3c 100%);
}
#mainNav1 a:hover,
#mainNav1 a:active,
#mainNav1 a:focus { 
 background: #00d8ff;
 background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwZDhmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGJiZGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
 background: -moz-linear-gradient(top,  #00d8ff 0%, #00bbdc 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00d8ff), color-stop(100%,#00bbdc));
 background: -webkit-linear-gradient(top,  #00d8ff 0%,#00bbdc 100%);
 background: -o-linear-gradient(top,  #00d8ff 0%,#00bbdc 100%);
 background: -ms-linear-gradient(top,  #00d8ff 0%,#00bbdc 100%);
 background: linear-gradient(to bottom,  #00d8ff 0%,#00bbdc 100%);
}
#mainNav2 {
 margin: 0 37px 40px 0;
 font-family: 'PT Sans', sans-serif;
}
#mainNav2 a,
#mainNav2 a:link,
#mainNav2 a:visited {
 display: block;
 color: #5B4538;
 font-size: 17px;
 text-decoration: none;
 padding: 3px 30px;
 margin-bottom: 2px;
 background-color: #CB977B;
 background-image: url(#);
 background-position: 5px 5px;
 background-repeat: no-repeat;
 -webkit-border-radius: 3px;
 border-radius: 3px;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 -moz-opacity: 0.8;
 -khtml-opacity: 0.8;
 opacity: 0.8; 
}
#mainNav2 a:hover, #mainNav2 a:active, #mainNav2 a:focus ,
#mainNav2 a.parent, #mainNav2 a.parent:hover,
#mainNav2 a.current, #mainNav2 a.current:hover { 
 color: #E5E5E5;
 background-color: #754C34;
 background-image: url(#);
}
#mainNav3 {
 margin: 5px 0;
}
#mainNav3 a,
#mainNav3 a:link,
#mainNav3 a:visited {
 color: #591F00;
 font-size: 15px;
 text-decoration: none;
 background-color: transparent;
 background-image: none;
 -webkit-border-radius: 0;
 border-radius: 0;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 -moz-opacity: 1.0;
 -khtml-opacity: 1.0;
 opacity: 1.0; 
}
#mainNav3 a.current, #mainNav3 a.current:hover {
 color: #591F00;
 text-decoration: none;
 background-color: transparent;
 background-image: none;
 font-weight: bold;
}
#mainNav3 a:hover,
#mainNav3 a:active,
#mainNav3 a:focus {
 background-image: none;
 text-decoration: underline;
}