/*===========================================================================
	Layout (Global)
	
	This stylesheet defines the overall layout in the following ways:
	* Defines column layouts using floated containers.
	* Defines margins and padding.
	* Partially replaces specific textual content with images.
	* Hides parts of the page that are not to be shown (i.e. accessibility help).
	* Misc. such as background images, borders, cursors, dimensions, etc.
===========================================================================*/

/* Page
===========================================================================*/

html {
	height: 100%;
}

body div#page {
	position: relative;
	min-height: 100%;
	width: 900px;
	margin: 0px auto;
	padding: 0px;
	text-align: left; /* for IE 5-6 */
}

body div#footer {
	position: relative;
	min-height: 82px;
	margin: 0px;
	text-align: center; /* for IE 5-6 */
	background-image: url(../../_media/_global/footer-bg-repeat-x.gif);
	background-repeat: repeat-x;
}

body div#footer div#footer-container {
	position: relative;
	min-height: 100%;
	width: 900px;
	margin: 12px auto 0px auto;
	text-align: left;
}

/* Defaults
===========================================================================*/

/*
	Reset Reloaded - Eric Meyer
	http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1px;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}






/* Global Elements
	now that the browser defaults have been reset, we can specify our globals
===========================================================================*/

html body {
	text-align: center; /* for IE 5-6 */
	border-top-width: 5px !important;
	border-top-style: solid !important;
}

/* Accessibility */
ul#accessibility-navigation {
	position: absolute;
}

body div#wrapper {
	margin: 0px;
	padding: 0px;
}

h3 {
	margin-bottom: 20px;
}

h4 {
	margin-bottom: 5px;
}

h5 {
	margin: 0px;
	padding: 0px;
}

ol	{
	list-style-type: decimal;
	list-style-position: outside;
}

div.right-column div.callout h5	{
	margin-bottom: 10px;
}

div.right-column div.callout ol	{
	position: relative;
	left: 20px;
	width: 235px;
}

div.right-column div.callout ol	li {
	margin: 10px 0px;
}

div.right-column div.callout ul	{
	position: relative;
	left: 20px;
	width: 235px;
}

div.right-column div.callout ul	li {
	list-style-type: square;
		margin: 10px 0px;
}

div.right-column div.callout ul	li span {
	list-style-type: square;
}

/* === Package Callout === */

div.right-column div.callout ul.package-callout	{
	position: relative;
	left: 0px;
	width: 250px;
}

div.right-column div.callout ul.package-callout li {
	list-style-type: none;
	margin: 10px 0px;
}

div.right-column div.callout ul.package-callout	li.price {
	float: left;
}

div.right-column div.callout ul.package-callout	li.offer {
	width: 175px;
	float: right;
}




/* links
===========================================================================*/
h1#company-name {
	width: 300px;
	height: 75px;
	margin: 0px;
	padding: 0px;
	float: left;
}

div#footer p.designcarter a:hover {
	border-bottom: 0px;
}

.designcarter a:hover {
	border-bottom: 0px;
}

h1 a:hover {
	border-bottom:0px;
}

a:hover {
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}


/* === Buy Now Button === */
a.buy-now, a:link.buy-now {
	display: block;
	width: 72px;
	height: 22px;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	background: url(../../_media/_global/buy-now-btn.gif) no-repeat 0 bottom;
	border-bottom: 0px;
}

a:visited.buy-now {
	background-position: bottom;
}

a:hover.buy-now {
	background-position: top;
}

a.buy-now span.link-to{
	display: block;
	text-indent: -9000px;
}


/* primary-navigation
===========================================================================*/

div#primary-navigation {
	text-align: right;
	width: 600px;
	float: right;
}

div#primary-navigation ul {
	margin: 0px;
	padding: 0px;
}

div#primary-navigation ul li {
	display: inline;
	margin: 0px;
	padding: 18px 5px 0px 10px;
	border-right-width: 1px;
	border-right-style: solid;
}

div#primary-navigation ul li ul {
	margin: -5px 0px -18px 0px;
}

div#primary-navigation ul li ul li {
	border-right: none;
}

/* blog navigation
===========================================================================*/
div.navigation {
	margin-bottom: 10px;
}

/* Content
===========================================================================*/
/*------------ Header -------------*/

#header {
	position: relative;
	height: 340px;
	background: url(../../_media/_global/header.jpg) no-repeat 0 bottom;
}


/*------------ Primary Content -------------*/
div#primary-content {
	position: relative;
	width: 900px;
}

div#primary-content div.left-column {
	width: 580px;
	margin: 0px;
	padding: 0px 10px;
	float: left;
}

div#primary-content div.right-column {
	width: 280px;
	margin: 0px;
	padding: 0px 10px;
	float: right;
}

/* --  Blog  -- */

p.postmetadata {
	border-top: 1px dotted gray;
}

/*------------ Main Content -------------*/
div#primary-content div#main-content {
	margin: 15px 0px;
}

div#primary-content p{
	margin-bottom: 20px;
}

div#main-content div.shop h2.prodtitles {
	margin-bottom: 15px;
}

div#main-content div.shop h2.prodtitles a,
div#main-content div.shop h2.prodtitles a:link {
	border: 0px;
}

/*------------ Admin Edit This -------------*/
div#primary-content div#main-content div.admin-edit-this a {
	padding: 5px;
}

/*------------ Callout (homepage) -------------*/
div#primary-content div#sidebar {
	position: relative;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding: 10px 0px;
}

div#primary-content div#sidebar ul {
	margin: 0px;
	padding: 0px;
}

/* Clearfix forced for WP Widgets */
div#primary-content div#sidebar ul:after {
	 content: "."; 
	 display: block; 
	 height: 0; 
	 clear: both; 
	 visibility: hidden;
}


div#primary-content div#sidebar ul li.widget {
	position: relative;
	width: 278px;
	float: left;
	margin: 0px;
	padding: 0px 10px;
}

div#primary-content div#sidebar ul li.widget ul {
	height: auto;
	margin: 0px;
	padding: 0px;
}

div#primary-content div#sidebar ul li.widget ul li {
	height: 10px;
	margin: 0px;
	padding: 0px;
}

div#primary-content div#sidebar h2.widgettitle {
	padding-bottom: 15px;
}

div#primary-content div#sidebar ul li.widget h3 {
	margin-bottom: 5px;
}

div#primary-content div#sidebar ul li.widget p {
	margin-bottom: 15px;
}

div#primary-content a.callout-link span.arrow,
div#primary-content div#sidebar ul li.widget a.callout-link span.arrow {
	margin-left: 3px;
}



/*------------ RSS Feed on Homepage -------------*/

div#primary-content div#sidebar ul li.widget_kbrss {
	border-left-width: 1px;
	border-left-style: solid;
	border-right-width: 1px;
	border-right-style: solid;
	min-height: 180px;
}

div#primary-content div#sidebar ul li.widget_kbrss img {
	position: absolute;
	left: 80px;
	top: 8px;
}

div#primary-content div#sidebar ul li.widget_kbrss ul {
	border: 0px;
}

div#primary-content div#sidebar ul li.widget_kbrss ul li {
	display: block;
	font-size: 1.2em;
	line-height: 1.4em;
	padding: 0px 0px 30px 0px;
}

div#primary-content div#sidebar ul li.widget_kbrss ul li div.rss-left-column {
	width: 45px;
	float:left;
}

div#primary-content div#sidebar ul li.widget_kbrss ul li div.rss-right-column {
	width: 220px;
	padding-left: 5px;
	float:right;
	border-left-width: 1px;
	border-left-style: solid;
}

/*------------ News Page Specific -------------*/
div#primary-content div#main-content div.news-entry {
	margin: 0px 0px 25px 0px;
	height: 1%;
}

div#primary-content div#main-content div.news-entry div.news-page-date {
	width: 55px;
	float: left;
}

div#primary-content div#main-content div.news-entry div.news-page-date p,
div#primary-content div#main-content div.news-entry div.news-page-post p {
	margin: 0px;
	padding: 0px;
}

div#primary-content div#main-content div.news-entry div.news-page-post {
	width: 510px;
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	float: right;
}

/*------------ Calloutbox -------------*/

div#primary-content div.right-column div.callout {
	margin: 10px 0px;
}

div#primary-content div.right-column div.callout-top,
div#primary-content div.right-column div.callout-bottom {
	width: 280px;
	height: 10px;
	margin: 0px;
	padding: 0px;
}

div#primary-content div.right-column div.callout-top {
	background: url(../../_media/_global/box-rounded-corner-top.gif) no-repeat 0 0;
}

div#primary-content div.right-column div.callout-bottom {
	background: url(../../_media/_global/box-rounded-corner-bottom.gif) no-repeat 0 bottom;
}

div#primary-content div.right-column div.callout-middle {
	margin: 0px;
	padding: 0px 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-right-width: 1px;
	border-right-style: solid;
}

div#primary-content div.right-column div.callout-middle p {
	margin: 0px;
	padding: 0px;
}


/*=== Dates ===*/
div.right-column div.callout ul li span.location {
	width: 170px;
	float: right;
	padding: 0px 5px;
	border-left-width: 1px;
	border-left-style: solid;
}

div.right-column div.callout ul {
	margin: 0px;
	padding: 0px;
	left: 0px;
}

div.right-column div.callout ul li {
	list-style-type: none !important;
}

div.right-column div.callout ul li span.date {
	width: 52px;
	float: left;
}


/*------------ Testimonials-------------*/
div#primary-content div#main-content div.left-column div#testimonials-glider {
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	margin-bottom: 20px;
}

div#primary-content div#main-content div.left-column div#testimonials-glider div.scroller { 
	width: 580px;
	height: 160px;
	overflow:hidden;
}

div#primary-content div#main-content div.left-column div#testimonials-glider div.scroller div.section {		
	width:180px;
	height:160px;
	overflow: hidden;
	float:left;
	padding: 0px 6px;		
}

div#primary-content div#main-content div.left-column div#testimonials-glider div.scroller div.content {
	width: 50000px;
}

div#primary-content div#main-content div.left-column div.testimonials div.section {
	display: block;
	margin-bottom: 0px;
}

div#primary-content div#main-content div.left-column div.testimonials span.name {
	display: block;
	margin-top: 0px;
}

div.left-column div.testimonials h5 {
	margin: 10px 0px;
}

div#primary-content div#main-content div.left-column div.testimonials-links ul li {	
	display: inline;
	padding: 0px 5px;
	border-right-width: 1px;
	border-right-style: solid;
}

div#primary-content div#main-content div.left-column div.testimonials-links ul li.last {	
	border-right: 0px;
}


/*------------ Contact Page Sidebar-------------*/
div.right-column div.callout ul.contact-address {
	margin: 0px;
	padding: 0px 0px 0px 20px;
	background: url(../../_media/_global/mail-icon.gif) 0 2px no-repeat;
}

div.right-column div.callout ul.contact-address li {
	margin: 0px;
	padding: 0px;
	color: rgb(102,102,102);
}

.gallery img{
	border: 0px !important;
}


/* Footer
===========================================================================*/

div#footer {
	width: 100%;
}

div#footer div#footer-container div.left-column {
	float: left;
	margin-top: 20px;
}

div#footer div#footer-container div.right-column {
	float: right;
	margin-top: 10px;
}

/* ==== Copyright ==== */
div#footer div#footer-container div.copyright {
	float:left;
	margin-top: 10px;
}

div#footer div#footer-container div.copyright ul#hcard-John-Matthew li {
	display: inline;
	line-height: normal;
}

div#footer div#footer-container div.copyright ul#hcard-John-Matthew li.fn,
div#footer div#footer-container div.copyright ul#hcard-John-Matthew li.adr,
div#footer div#footer-container div.copyright ul#hcard-John-Matthew li.tel {
	padding: 0px 3px 0px 2px;
}

div#footer div#footer-container div.copyright ul#hcard-John-Matthew li.fn,
div#footer div#footer-container div.copyright ul#hcard-John-Matthew li.adr {
	border-right-width: 1px;
	border-right-style: solid;
}

div#footer div#footer-container div.copyright ul#hcard-John-Matthew li.title,
div#footer div#footer-container div.copyright ul#hcard-John-Matthew li.org,
div#footer div#footer-container div.copyright ul#hcard-John-Matthew li.adr span.country-name {
	display: none;
}

div#footer div#footer-container span.postal-code{
	margin-right: -5px;
}

div#footer div#footer-container div.copyright ul#hcard-John-Matthew li.tel{
	padding: 0px 0px 0px 5px;
}

/* ==== Footer-navigation ==== */

div#footer div#footer-container #footer-navigation ul li {
	display: inline;
	margin: 0px;
	padding: 0px 5px 0px 2px;
	border-right-width: 1px;
	border-right-style: solid;
}

div#footer div#footer-container #footer-navigation ul li.current_page_item {
	padding-left: 2px;
}

div#footer div#footer-container #footer-navigation ul li.page-item-333 {
	border-right: 0px;
}

/* ==== DesignCarter Site Credits ==== */

div#footer div#footer-container div#designcarter {
	width: 44px;
	height: 26px;
	background: url(../../_media/_global/dc-logo.png) 0 0 no-repeat;
	float:right;
}

div#footer div#footer-container div#designcarter a {
	display: block;
	width: 44px;
	height: 26px;
}

div#footer div#footer-container div#designcarter a:hover {
	border: none;
}

div#footer div#footer-container div#designcarter a span.link-to {
	display: block;
	text-indent: -9000px;
}

div#footer div#footer-container div#designcarter a {
	display: block;
	width: 44px;
	height: 26px;
}

div#footer div#footer-container div#designcarter a:hover {
	border: none;
}

div#footer div#footer-container div#designcarter a span.link-to {
	display: block;
	text-indent: -9000px;
}


/* PNG Fix for Internet Explorer*/
div, img { behavior: url(http://www.truelovemustbepriority.com/wp-content/themes/default/_behaviors/iepngfix.htc) }

/*------ Clearfix ----------- */


.clearfix:after {
	 content: "."; 
	 display: block; 
	 height: 0; 
	 clear: both; 
	 visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */