/**
 * Theme Name: CPS Custom Design
 * Theme URI: http://creativepayrollsolutions.com/
 * Description: A custom theme for the WordPress CMS based on the Hybrid Theme Framework.
 * Version: 1.0
 * Author: David Eleuterius
 * Author URI: http://builtbydavid.com
 * Template: hybrid
 * Status: publish
 *
 * Copyright (c) 2008 - 2010 Justin Tadlock.  All rights reserved.
 * http://justintadlock.com
 *
 * Hybrid is released under the GNU General Public License, version 2 (GPL).
 * http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
 */



@import url('../hybrid/library/css/21px.css');
@import url('../hybrid/library/css/2c-l-fixed.css');
@import url('../hybrid/library/css/plugins.css');
@import url('../hybrid/library/css/drop-downs.css');
@import url('../hybrid/library/css/screen.css');

/* @import url('/assets/css/master.css'); */

/* Body / container */
body { 	background:url(/assets/img/bg-site.jpg) repeat-x top #fff !important; }
#body-container { margin: 10px auto 21px auto; width:960px; }
#header-container, #header { margin-bottom:0 !important; }
#header-container { margin-bottom:15px; }
#header { padding-bottom:10px; }


/* home */

.homecol  { width:300px !important; float:left; padding:5px; font-family: Tahoma, Geneva, sans-serif;}
.homecol p.center { text-align:center; margin-top:0 !important; padding-top:0 !important; }
.homecol img.center {  margin-top:0 !important; padding-top:0 !important; }
.homecol iframe { display: inline; width:185px; }
.homecol #home-events { width:75px; }

/* content */

.breadcrumb { background:url(/assets/img/bg-crumbs.png) no-repeat; color:#343434; padding:12px; }
.breadcrumb a { color:#222; }
.breadcrumb a:hover { color:#000; }

.content h2 { font-weight:normal; font-style:oblique; font-size:18px; border-bottom:1px solid #999; margin-bottom:10px; padding-bottom:10px; margin-top:24px; color:#900; }
.content h3 { font-weight:normal; font-style:oblique; font-size:17px; border-bottom:1px solid #ccc; margin-bottom:10px; padding-bottom:10px; margin-top:24px;}
.content li { margin-bottom:10px; }
.entry-content { font-family:Tahoma, Geneva, sans-serif; }
.entry-content h2:first-child { margin-top:5px; }
.content p, .content ul li { font-family: Tahoma, Geneva, sans-serif; }
.post-edit-link { font-style:normal; padding:10px; background:#EAD795; color:#000 !important; text-transform:uppercase; }

/* accordion */
#tabbed-widget-3, .widget-inside, .widget, .widget-tabbed-widget { margin-top:0 !important; padding-top:0 !important; padding-bottom:0 !important; margin-bottom: 0 !important; font-family:Tahoma, Geneva, sans-serif; }
.tw-title { font-size:13px; font-weight:normal !important; font-style:oblique !important; background:url(/assets/img/bg-acc.png) no-repeat; 
padding-bottom:7px !important; margin-top:0 !important  }
.tw-title a { text-decoration:none !important;  width:280px; margin-left:10px !important; padding-bottom:5px; margin-top:4px; }
.tw-title a:hover { text-decoration:none !important; }

/* nav links */
#tw-content-3-0 ul { list-style:none; line-height:26px; font-family:Tahoma, Geneva, sans-serif; font-size:15px;  }
#tw-content-3-0 ul li {  }
#tw-content-3-0 ul a { color:#c00; }


.page_item a { text-decoration:none; }

#footer-container { background:url(/assets/img/bg-footer.png) no-repeat; }
#footer { padding:17px 13px 13px 13px; font-size:11px; }

#footer-nav { float:right; }

.goleft { float:left; }
.goright { float:right; }
.sm { font-size:10px; }
.fix:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }


/* home page featured area */

#intro-wrap ul { margin:0; padding:0; }
#intro-wrap  p { margin-bottom:10px !important; }
#intro-wrap div { margin-top:0; padding-top:0; }
#intro-wrap h1 { margin-bottom:0; padding-bottom:8px; padding-top:20px; font-size:16px; }
#intro-wrap h2 { margin-bottom:0; padding-bottom:0; }


.replace{ position:relative; margin:0; padding:0; /* \*/ overflow:hidden; /* */  }
.replace span{ display:block; position:absolute; top:0; left:0; z-index:1; }



.ui-tabs-hide {  display: none;  }
.ui-tabs-panel { width: 733px; height: 180px; padding: 15px 17px; overflow: hidden; }
#menuslide .ui-tabs-selected a, #menuslide .ui-tabs-selected a:link, #menuslide .ui-tabs-selected a:visited {
	background:url(/assets/img/arrow_slide.png) no-repeat 9px 14px; text-decoration:none; }
	
#intro { width: 999px; height: 210px; background: url(/assets/img/intro.png) no-repeat;margin: 0 0 12px 0; font-size:11px;
	font-family: Tahoma, sans-serif; }
#intro ul { list-style:none; }
#intro a { text-decoration:none; margin:0; padding:0;}

#slideshow { width: 999px; height: 210px; position: relative; overflow: hidden; }
#menuslide { width: 232px; height: 210px; position: absolute; top: 0; right: 0; }
#menuslide li { width: 232px; height: 42px; background: url(/assets/img/sepslide.png) no-repeat 0 100%; }
#menuslide li.last { background: none; }
#menuslide li a, #menuslide li a:link, #menuslide li a:visited { width: 206px; height: 30px; display: block; font-size: 11px; color: #424242;
	font-weight: bold; padding: 8px 0 0 26px; }
#menuslide li.first a, #menuslide li.first a:link, #menuslide li.first a:visited { padding: 9px 0 0 26px; height: 29px; }
#menuslide li a:hover { color: #000; text-decoration: none; }
#slideshow h1 { font-size: 22px; color: #424242; font-family: "Myriad Pro", arial, serif; }
#placedesc, #placedesc2 { width: 532px; float: right; }
#placedesc p, #placedesc2 p { padding: 13px 0 0 0; font-size: 12px; color: #424242; line-height: 20px; }
.imglogo { float: left; margin: 10px 0 0 20px; }
.butmore, .butmore:link, .butmore:visited { width: 146px; height: 34px; background: url(/assets/img/but_more.png) no-repeat;
	text-align: center; display: inline; float: right; margin: 10px 0 0 0; font-size: 11px; color: #000; font-weight: bold; padding: 10px 0 0 0; line-height:34px; }
.butmore:hover { background-position:0 -35px; color: #fff; text-decoration: none; }
#framesslide { width: 265px; height: 180px; background: url(/assets/img/frames_slide.png) no-repeat; float: left;  padding: 8px 9px; margin-top:10px !important;}
#framesslide img { margin: 20px 0 5px 0; }
#placefeatslide { width: 430px; float: right; }

.featslide { width: 210px; float: left; display: inline; margin: 0 5px 0 0; padding: 0; }
.featslide li { padding: 3px 4px 2px 26px; font-size: 11px; color: #343434; margin: 2px 0 3px 0 !important; line-height: 1.2em; width: 180px; float: left;
}

#placepriceslide { margin: 4px 0 0 0; }
#placepriceslide li { width: 240px; height: 146px; float: left; display: inline; background: url(/assets/img/box_price.png) no-repeat; margin: 0 6px 0 0; }
#placepriceslide li.last { margin:0 }

.boxprice { width: 210px; height: 120px; position: relative; padding: 13px 15px; }
.boxprice h2 { font-size: 14px; color: #5c5c5c; }
.boxprice p { font-size: 11px; color: #919191; padding: 8px 0 0 0; line-height: 1em; height: 64px; }
.boxprice h3 { float: left; font-size: 1em; color: #3a6309; }
.boxprice h3 span { font-size: 0.5em; color: #949494; }
.butorder, .butorder:link, .butorder:visited { 	width: 83px; height: 26px; float: right; background: url(/assets/img/but_order.png) no-repeat; text-align: center; font-size: 10px; color: #545454; font-weight: bold; text-transform: uppercase; padding: 6px 0 6px 0; display: inline; line-height:24px; margin-top:13px !important ; }
.butorder:hover { color: #000; text-decoration: none; }
.ribbon1, .ribbon2, .ribbon3 { 	width: 65px; height: 65px; position: absolute; z-index: 10; background: url(/assets/img/ribbon_1.png) no-repeat;
	top: -1px; right: -1px; }
.ribbon2 { background: url(/assets/img/ribbon_2.png) no-repeat; }
.ribbon3 { 	background: url(/assets/img/ribbon_3.png) no-repeat; }

.titleslide { float: left; height: 20px; }
#slideshow h1.titleslide span { font-size: 14px; }
#slide3 h1 { margin-bottom:2px !important; padding-bottom:2px !important}
#slide3 h2 { font-family: Tahoma, Geneva, sans-serif; padding-top:2px !important;   }
#slide3 p { color:#555; line-height:14px; margin-top:0 !important; padding-top:0 !important; }
#textrelease { float: right; font-size: 11px; color: #818080; height: 9px; padding: 11px 0 0 0; }
#textrelease span { font-weight: lighter; }
.placerelease1 { width: 480px; float: left; display: inline; margin: 14px 5px 0 0; }
.placerelease2 { width: 240px; float: left; display: inline; margin: 14px 5px 0 0; }
.placerelease1 h2, .placerelease2 h2 { font-size: 11px; color: #343434;  font-family: Tahoma, Geneva, sans-serif; }
.listfeatureslide { margin: 4px 5px 0 0; display: inline; float: left; 	width: 235px; }
.listfeatureslide li { 	padding: 3px 4px 0px 26px; font-size: 10px; color: #343434; margin: 1px 0 0px 0; width: 200px; float: left; }

#texttestimonial { font-family: Tahoma, Geneva, sans-serif; font-size: 12px; color: #343434; line-height: 22px; 	padding: 10px 40px 10px 0;
	 }
#texttestiname { font-size: 11px; color: #343434; float: left; line-height:24px; margin-top:5px; }


.icon1  { background: url(/assets/img/icon_1.png) no-repeat 0 2px; }
.icon2  { background: url(/assets/img/icon_2.png) no-repeat 0 2px; }
.icon3  { background: url(/assets/img/icon_3.png) no-repeat 0 2px; }
.icon4  { background: url(/assets/img/icon_4.png) no-repeat 0 2px; }
.icon5  { background: url(/assets/img/icon_5.png) no-repeat 0 2px; }
.icon6  { background: url(/assets/img/icon_6.png) no-repeat 0 2px; }
.icon7  { background: url(/assets/img/icon_7.png) no-repeat 0 2px; }
.icon8  { background: url(/assets/img/icon_8.png) no-repeat 0 2px; }
.icon9  { background: url(/assets/img/icon_9.png) no-repeat 0 2px; }
.icon10 { background: url(/assets/img/icon_10.png) no-repeat 0 2px; }
.icon11 { background: url(/assets/img/icon_11.png) no-repeat 0 2px; }
.icon12 { background: url(/assets/img/icon_12.png) no-repeat 0 2px; }
.icon13 { background: url(/assets/img/icon_13.png) no-repeat 0 2px; }
.icon14 { background: url(/assets/img/icon_14.png) no-repeat 0 2px; }
.icon15 { background: url(/assets/img/icon_15.png) no-repeat 0 2px; }
.icon16 { background: url(/assets/img/icon_16.png) no-repeat 0 2px; }
.icon17 { background: url(/assets/img/icon_17.png) no-repeat 0 2px; }
.icon18 { background: url(/assets/img/icon_18.png) no-repeat 0 2px; }
.icon19 { background: url(/assets/img/icon_19.png) no-repeat 0 2px; }



