/****************************************/
/*	GLOBAL STYLES						*/
/****************************************/
body {background:url(../images/bg-main.gif) repeat-x center top;margin:0px;padding:0px;font-family:helvetica, arial, san-serif;font-size:12px;color:#444444;line-height:1.4;background-color:#FFF;}
#outerbox, #header, #footer, #subfooter {width:964px;text-align:left;font-size:1.2em;}
#outerbox {background:url(../images/outerbox.png) repeat-y;}

h1 span, h2 span, h3 span, h4 span, h5 span, a span, li span {display:none;}
h1, h2, h3, h4, h5, h6 {margin:0;padding:0;}
h2 {color:#386FC1;font-size:24px;}
h3 {font-size:16px;}
img {border:none;}
img.left {margin:0px 10px 3px 0px;}
img.right {margin:0px 0px 3px 10px;}
a {color:#c35039;text-decoration:none;outline:none;cursor:pointer;}
a:hover {text-decoration:underline;}
p {margin:0px 0px 10px;}
hr {display:none;}
ul {margin:0px 0px 5px;padding-left:15px;}
li.last {margin:0px;}
.inline_list {margin:0;padding:0;list-style:none;}
.inline_list li {margin:0;padding:0;display:inline;}

.top {margin-top:0px;padding-top:0px;}
.bottom {margin-bottom:0px;padding-bottom:0px;}
.margin1 {margin-top:15px;}
.margin2 {margin-right:15px;}
.margin3 {margin-bottom:15px;}
.margin4 {margin-left:15px;}
.right {text-align:right;float:right;}
.left {text-align:left;float:left;}
.center {text-align:center;}
.justify {text-align:justify;}
.clear {clear:both;}
.strong {font-weight:bold;}
.italic {font-style:italic;}
.small {font-size:10px;}
.normal {font-size:12px;font-weight:normal;}
.large1 {font-size:14px;}
.large2 {font-size:16px;}
.large3 {font-size:18px;}
.gray1 {color:#cccccc;}
.gray2 {color:#999999;}
.gray3 {color:#666666;}
.gray4 {color:#333333;}
.black {color:#221f24;}
.blue {color:#50919b;}


/****************************************
 	            Header				
****************************************/
#header {background:url(../images/header.jpg) no-repeat center top;height:130px;margin-bottom:20px;}
#header h1 a {background:url(../images/jhouselogo.png) no-repeat left center;display:block;width:298px;height:58px;padding:15px 0px 10px;}

ul.topicons {width:330px;float:right;list-style:none;}
ul.topicons li {float:left;}
ul.topicons li.phonenumber, ul.topicons li a.icons {background-image:url(../images/icons-socialmedia.png);background-repeat:no-repeat;}
ul.topicons li.phonenumber {background-position:0px 0px;width:214px;height:18px;margin:12px 10px 0px 0px;}
ul.topicons li.phonenumber span {display:none;}
ul.topicons li a.tw {background-position:0px -18px;width:40px;height:40px;display:block;cursor:pointer;}
ul.topicons li a.tw:hover {background-position:-40px -18px;}
ul.topicons li a.fb {background-position:-80px -18px;width:40px;height:40px;display:block;cursor:pointer;}
ul.topicons li a.fb:hover {background-position:-121px -18px;width:40px;height:40px;}

/* Main Nav */
.mainnav {background:url(../images/nav-left.png) no-repeat left top;height:44px;margin:0px 0px 7px;}
#nav {background:url(../images/nav-right.png) no-repeat right top;height:43px;padding:1px 0px 0px 18px;margin:0px;}
#nav li {float:left;margin:0px;list-style:none;}
#nav a.nav {background-image:url(../images/navigation.gif);background-repeat:no-repeat;display:block;padding:0px;height:41px;margin-bottom:2px;}

#nav a.home {background-position:0px 0px;width:87px;}
#nav a.home.on {background-position:0px -41px;} #nav a.home:hover {background-position:0px -82px;}
#nav a.portfolio {background-position:0px -123px;width:111px;}
#nav a.portfolio.on {background-position:0px -164px;} #nav a.portfolio:hover {background-position:0px -205px;}
#nav a.services {background-position:0px -246px;width:108px;}
#nav a.services.on {background-position:0px -287px;} #nav a.services:hover {background-position:0px -328px;}
#nav a.blog {background-position:0px -369px;width:82px;}
#nav a.blog.on {background-position:0px -410px;} #nav a.blog:hover {background-position:0px -451px;}
#nav a.resources {background-position:0px -492px;width:121px;}
#nav a.resources.on {background-position:0px -533px;} #nav a.resources:hover {background-position:0px -574px;} 
#nav a.about {background-position:0px -615px;width:114px;}
#nav a.about.on {background-position:0px -656px;} #nav a.about:hover {background-position:0px -697px;}
#nav a.contact {background-position:0px -738px;width:102px;}
#nav a.contact.on {background-position:0px -779px;} #nav a.contact:hover {background-position:0px -820px;}

#nav li ul {width:250px;margin:0px;padding:0px;position:absolute;visibility:hidden;z-index:1000;-moz-border-radius:0px 0px 5px 5px;-webkit-border-radius:0px 0px 5px 5px;border-radius:0px 0px 5px 5px;cursor:pointer;}
#nav li ul li {background:url(../images/dd-repeat.png) repeat-y left top;float:none;padding:0px 15px;margin:0px;list-style:none;}
#nav li ul li.last {background:url(../images/dd-bottom.png) no-repeat left top;height:20px;}
#nav li ul li a {background:url(../images/dd-arrow.png) transparent no-repeat left center;display:block;border-bottom:1px dotted #899cb9;padding:5px 2px 5px 10px;margin:0px;text-decoration:none;color:#333333;font-size:14px;}
#nav li ul li a:hover {background-color:#edf7fe;color:#df3513;}
#nav li ul li img.dd-submenu {display:block;height:17px;padding:20px 0px 5px;} 	

/* Search Form */
#nav li.search {float:right;padding:9px 5px 0px 0px;width:210px;}
#nav input.text {background:url(../images/search-repeat.gif) repeat-x left top #ffffff;border:1px solid #5c8fdd;float:left;padding:3px;margin-right:10px;width:120px;color:#777777;}
#nav input.submit {background:url(../images/search-btn.png) no-repeat left top;border:none;cursor:pointer;width:65px;height:23px;}
#nav input.submit:hover {background-position:left bottom;}


/****************************************
 	           Footer				
****************************************/
.footershell {background:url(../images/footer-top.png) no-repeat center top;padding-top:5px;margin:30px 0px;}
#footer {background:url(../images/footer-bottom.png) no-repeat center bottom;padding:0px;font-size:1em;color:#696969;width:100%;text-align:center;}
#footer .inline_list {border-bottom:1px solid #DADADA;padding:8px 30px;}
#footer .inline_list li {padding:0 5px;border-right:1px solid #696969;}
#footer .inline_list .last {border:none;}
#footer .jhouse_link {background:url(../images/logo_jhousemedia.png) no-repeat;height:17px;padding:3px 0 0 27px;color:#696969;}

.footerlinks {padding:15px 0px 15px 45px;}
.footerlinks ul {padding:0px;margin:0px 5px 0px 0px;width:13%;float:left;text-align:left;list-style:none;}
.footerlinks li a {color:#333333;}
.footerlinks li.first a {font-weight:bold;}

#subfooter {clear:left;}
#subfooter .inline_list {padding:8px 0;font-size:.85em;border-top:1px solid #DADADA;}
#subfooter .inline_list li {float:left;margin:0 40px;font-weight:bold;list-style:none;}
#subfooter .inline_list li a {color:#696969;}
#subfooter .inline_list li ul {margin:.65em 0 0;padding:0;}
#subfooter .inline_list li ul li {float:none;display:block;margin:.25em 0;font-size:.85em;font-weight:normal;}


/***************************************
			  Forms
***************************************/
form, form fieldset {margin:0px;padding:0px;border:none;}
form p {clear:both;}
form label {width:100%;float:left;text-align:left;margin-right:10px;font:bold 14px Helvetica,Arial,sans-serif;padding-top:3px;color:#000;}
form input.text {background-color:#fbfbfb;border:2px solid #D9D9D9;color:#ADADAD;font:normal 12px Helvetica,Arial,sans-serif;padding:5px 4px 3px;float:left;width:49%;margin-bottom:10px;letter-spacing:0.4px;}
form textarea {background-color:#fbfbfb;border:2px solid #D9D9D9;float:left;width:96%;height:160px;padding:6px 4px 3px;color:#ADADAD;font:12px/1.3 Helvetica,Arial,sans-serif;margin-bottom:15px;letter-spacing:0.2px;}
form input.radio {float:left;margin-bottom:10px;margin-right:3px;}
form span.checktext {float:left;margin-right:20px;padding-top:3px;}
form input.submit {background:transparent url(../images/btn-submit.png) no-repeat left top;border:none;cursor:pointer;display:block;height:30px;width:105px;padding-bottom:2px;outline-style:none;}
form input.submit:hover {background-position:left bottom;}


/***************************************
			Sidebar Box
***************************************/
.sbbox {background:url(../images/bg-servicesbox.gif) repeat-y left top;width:340px;}
.sbbottom {background:url(../images/bg-servicesbox-bottom.gif) no-repeat left top;width:340px;height:7px;}
.innerbox {padding:15px 20px 20px;}
.innerbox ul {padding:0px;margin:0px;list-style:none;}
h2.sb {width:340px;height:40px;}

h2.services1 {background:url(../images/header-services1.jpg) no-repeat left top;}
h2.services2 {background:url(../images/header-services2.jpg) no-repeat left top;}
h2.specialties {background:url(../images/header-specialties.png) no-repeat left top;}
h2.recentposts {background:url(../images/header-recentposts.png) no-repeat left top;}
h2.categories {background:url(../images/header-categories.png) no-repeat left top;}
h2.subscribe {background:url(../images/header-subscribe.jpg) no-repeat left top;}
h2.about {background:url(../images/header-about.jpg) no-repeat left top;}
h2.resources {background:url(../images/header-resources.jpg) no-repeat left top;}
h2.browse {background:url(../images/header-browse.jpg) no-repeat left top;}
h2.support {background:url(../images/header-support.jpg) no-repeat left top;}
h2.faq {background:url(../images/header-faq.jpg) no-repeat left top;}

/* Accordion */
ul#menu {margin:0;padding:0;padding-left:6px;list-style:none;}
ul#menu ul {list-style-type:none;margin:0px;padding:0px;}
ul#menu li {margin-top:1px;width:328px;}
ul#menu li a {background:url("../images/header-accordion.gif") repeat-x scroll left top;display:block;height:35px;padding-left:30px;font-size:16px;text-decoration:none;color:#333333;line-height:2.2;position:relative;}
ul#menu li a:hover {background-position:left bottom;color:#000;}
ul#menu li a span {display:block;width:6px;height:6px;border:1px solid #bebebe;background-color:#fff;position:absolute;left:15px;top:12px;}

ul#menu li ul li {margin:0px;padding:15px 15px 10px;width:298px;list-style:none;}
ul#menu li ul p {margin:0px 0px 5px;line-height:1.1;}
ul#menu li ul li a {background:none;color:#C35039;padding-left:0px;display:inline;}
ul#menu li ul li a:hover {text-decoration:underline;color:#C35039;}

.thumbbox {background:url(../images/thumbbox.png) no-repeat left top;width:110px;height:80px;padding:5px 8px 5px 27px;float:right;position:relative;right:-15px;}
.thumbbox img {width:110px;height:80px;}

.code {border:1px solid #ccc;list-style-type:decimal-leading-zero;padding:5px;margin:0;}
.code code {display:block;padding:3px; margin-bottom:0;}
.code li {background: #ddd;border:1px solid #ccc;margin:0 0 2px 2.2em;}
.indent1 {padding-left:1em;}
.indent2 {padding-left:2em;}

/* Twitter Box */
.twitterbox {margin-top:30px;}
.twitterbox ul {margin:0px;padding-left:15px;list-style:none;}
.twitterbox ul li {margin-bottom:10px;color:#333333;}
.twitterbox h4 {color:#5984c6;font-size:12px;}
.twitterbox span.date {color:#999999;font-size:10px;display:block;}
a.twitter-bird {background:url(../images/twitterbird.png) no-repeat left top;width:106px;height:42px;display:block;position:absolute;bottom:-6px;right:0px;cursor:pointer;}
a.twitter-bird:hover {background-position:left bottom;}


/****************************************
 	    Boxes, Buttons, Etc				
****************************************/
.flexibox {background:url(../images/bg-blogcomments.gif) repeat left top;padding:15px;margin-bottom:15px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;color:#6088A9;}
.flexibox-grey	{background:url(../images/bg-stripes.png) repeat left top;padding:14px;margin-bottom:15px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;color:#6088A9;}

.flexibox h3 {color:#333333;font-size:18px;}
.wborder {border:1px solid #DAEAF5;}
.flexibox a.btn span {color:#4A4A4A;}

.quote1 {width:170px;}
.quote2 {width:200px;}
.quote3 {width:250px;}
.quote4 {width:280px;}
.quote1.left, .quote2.left, .quote3.left, .quote4.left {margin:0px 10px 5px 0px;}
.quote1.right, .quote2.right, .quote3.right, .quote4.right {margin:0px 0px 5px 10px;}
.quote1, .quote2, .quote3, .quote4 {font-size:16px;}

/* Buttons */
a.btn {background:url(../images/btn-bg.png) no-repeat right top;display:block;height:30px;position:relative;left:5px;}
a.btn span {background:url(../images/btn-cap.png) no-repeat left top;display:block;height:30px;padding:0px 20px 0px 25px;color:#be351a;font-size:14px;font-weight:bold;text-align:center;line-height:2.2;position:relative;right:5px;}
a.btn:hover {background-position:right bottom;text-decoration:none;}
a.btn span:hover {background-position:left bottom;color:#cf2a09;}
a.btn:active {position:relative;top:1px;}