/* JJ Yeley */

#bg-3 {background-color: #6d6d6d;background-image: url(/assets/jjyeley/images/bg.jpg); background-position: 50% 0%; background-repeat:no-repeat;}
#wrapper {background-color:transparent; -webkit-box-shadow: black 0px 0x 0px;-moz-box-shadow: black 0px 0px 0px;-o-box-shadow: black 0px -0px 0px;box-shadow: black 0px 0px 0px;}
#wrapper-main {background-color:#ffffff; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; margin-bottom: 20px; }
#wrapper-head { height: 235px; margin-top:10px; background-color:transparent; background-position: 50% 0%; background-repeat: repeat-x; }
#wrapper-nav { position: relative; display: none;}
#wrapper-foot { background-color: #454545; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px;}
#wrapper-main, #wrapper-foot {-webkit-box-shadow: black 0px 0x 14px; -moz-box-shadow: black 0px 0px 14px; -o-box-shadow: black 0px -0px 14px; box-shadow: black 0px 0px 14px; }

#topnav { position:absolute;top:175px;right:0; background-color:#454545;-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius:6px; z-index:100; }
#topnav ul {padding-left: 20px; text-align:center;}

#content-main { padding-bottom: 20px;}

h1,h2,h3,h4,h5,h6 { color:#185488; border:0;}

div.tw-wrapper h3, div.tw-wrapper h4, div.tw-wrapper h5 {border:0;}

#persistant-nav { position: absolute; right:140px; top: 40px; }

#navicons {position: absolute; right:100px; top: 20px;}
#socialicons { position: absolute; right: 10px; top: 20px;}
#socialicons span {margin: 0 5px;}

#search {position: absolute; right:0px; top: 155px; width: 320px;}

#minicartbtn { display: none; position: absolute; right:0; top: 32px;}
#minicartwrap { display: none; top: 72px; right: 4px; width: 290px; padding: 10px; }

#jjlogo {position:absolute; left: 140px; top:20px;}
#jjlogo img {width: 360px;}

#mainnav { font-size: 16px; line-height: 36px; }

#content-nav ul { padding-left: 20px; text-align:center;}

#wrapper-foot .contentarea { margin-bottom: 10px;}

#content-foot h1, #content-foot h2, #content-foot h3, #content-foot h4, #content-foot h5, #content-foot h6 { color: #d5d5d5; }

#content-foot a {color: #a0a0a0;}
#content-foot a:hover {color: #ffffff;}
#content-foot li {margin-bottom: 3px;}

ul { margin: 0; padding: 0; }
.addPosition { position: relative; }

#nav { width: 220px; float: left; margin: 0 0 10px 0; }

.home-widget-header { background-color: #454545;}

/* Side Nav */
ul.navlist li a { background-color: #303030; color:#ffffff; }
ul.navlist li a:hover { background-color: #185488; color: #ffffff; }
ul.navlist .subnav li a { background-color: #c4c4c4; color:#505050; }
ul.navlist .subnav li a:hover { background-color: #800000; color: #ffffff; }