/*
Theme Name: trm-theme
Theme URI: http://triplermarketing.com
Description: the Cool theme.
Version: 1.0
Author: Matt Fitzwater
Author URI: http://clearspringdesgin.com
Tags: blue, custom header, fixed width, two columns, widgets
*/
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, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; font-weight:normal; font-style:normal; font-size:100%; line-height:1.2em; font-family:inherit; text-align:left}
body{background-image: url(/img/bluegrad.png); background-repeat: repeat-x; margin:0 auto; text-align:center; font-family:Verdana, Geneva, sans-serif; margin-top:30px}
h1,h2,h3,strong{font-weight:bold;margin-bottom:1em; color:#fff; font-family:Georgia, "Times New Roman", Times, serif }
h2{margin:0; font-size:32px;}
.hide{display:none;}


a:link {text-decoration: none;color: #ccc;}
a:visited {text-decoration: none;color: #ccc;;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;color: #FF0000;}

#mainMenu a:link,#topNav a:link  {text-decoration: none;color: #000066;}
#mainMenu a:visited,#topNav a:visited  {text-decoration: none;color: #000066;}
#mainMenu a:hover,#topNav a:hover {text-decoration: none; color: #918F0C;}
#mainMenu a:active,#topNav  a:active {text-decoration: none;color: #00649F;}


#nav ul a:link {text-decoration: none;color: #ccc;}
#nav ul a:visited {text-decoration: none;color: #ccc;}
#nav ul a:hover {text-decoration: none; color:#918F0C;}
#nav ul a:active {text-decoration: none; color:#FF0000;}






#wrapper{border:0; margin:0 auto 0px; text-align:center; width:960px; position:relative; margin:20px auto 0 auto;}

.home #wrapper{width:930px;  padding:0}
.home #wrapper #content{margin:0 0 0 -20px;padding:0;}
.nav{width:920px;text-align:center;  padding:10px 10px; margin:0 0 5px 20px; text-align:center; display:none; }

#footer,.small{font-size:11px; color:#fff;}
#footer p{text-align:center; width:930px}
#homeBlocks{width:930px;list-style:none; float:left; margin:0;padding:0;}
#homeBlocks li{width:310px;height:310px;  float:left; margin:0;}
#homeBlocks li h1{float:right;}

#linkPromo {background:url(images/bg.gif) no-repeat  -2px 0;}

#linkGraphic{background:url(images/bg.gif) no-repeat -311px 0;}
#linkMarketing{background:url(images/bg.gif) no-repeat  -2px -310px;}
#linkPromise{background:url(images/bg.gif) no-repeat -311px -310px ;}
#linkBlog{background:url(images/bg.gif) no-repeat  -621px 0px;}
#linkSpecials{background:url(images/bg.gif) no-repeat -621px -310px ;}

 #nav{float:left;height:70px;width:900px; margin:10px 0 0  40px}
 #nav img{float:left; width:63px;}
 #nav ul{float:left; display:inline; width:780px; color:#fff; font-size:15px; text-align:center; margin:10px 0 0 10px;}
 #nav ul li{display:inline;float:left; color:#fff; list-style:none;margin-left:15px; padding-left:30px; margin-bottom:5px ; background: url(images/bgDot.gif) no-repeat   3px 0;}

#nav ul li.page-item-9 {background:none; margin-left:3;padding-left:0;}
#nav ul li.page-item-52 {background:none; margin-left:3;padding-left:0;}
#nav ul li.current_page_item a{color:#141414;}
#tagLine{margin:7px 0 10px 24px; float:left;}
#tagLine1{margin:7px 0 0 24px; float:left;}

 /*







#nav{float:left;height:70px;width:930px; margin:10px 0; border:1px dashed #ccc;}
#nav img{float:left; width:63px;}
#nav ul{float:left; display:inline; width:800px; color:#fff; font-size:15px; text-align:center;margin:10px 0 0 20px;}
#nav ul li{display:inline;float:left; color:#fff; list-style:none;margin-left:15px; padding-left:40px; margin-bottom:5px ; background: url(images/bgDot.gif) no-repeat   3px 0;}


*/



#mainMenu li.current_page_item a{color:#333; cursor:text}
#homeBlocks h1{font-size:24px; padding:20px;}
#homeBlocks a:hover{color:#898786;}

#bottomBar{width:960px;float:left;clear:both; height:20px; margin-top:0px;}
#myPage{padding:20px;}
#wrapper{  height:15px; position:relative;}
 #wrapper #content{ margin-top:12px;float:left; width:920px;min-height:400px;}
#content{margin:0;padding:0 20px;float:left;}
.home #content{margin:0;padding:0px;float:left;}

#topNav{width:105px;height:55px;background:url(images/bgTopNav.png) no-repeat 0 0; position:absolute;top:-30px;left:840px;z-index:100000; padding:10px 0 0 60px;}
#content p{margin:1em 0 1.4em 0;}
#sidebar p{margin:20px 0;font-size:12px; width:80%}
.home #topNav{display:none;}

/* promo products #b50a46*/
.page-id-5 #bottomBar{background:url(images/bgTops.gif) no-repeat 0 -21px;}
.page-id-5 #wrapper{background:url(images/bgTops.gif) no-repeat 0 0}
.page-id-5 #wrapper #content{background: #005852;}

.home #mainMenu{display:none;} 
#mainMenu{display:none;}
#mainMenu{width:883px;height:68px; position:absolute;top:-32px;left:-40px;background:url(images/bgNavSlider.png)no-repeat 0 0;}
#mainMenu ul {list-style:none;float:left; font-size:11px; margin-top:10px;}
#mainMenu ul li{list-style:none;display:inline;margin:5px 0 0 22px;}
/* graphic design */
.page-id-9 #bottomBar{background:url(images/bgTops.gif) no-repeat 0 -117px;}
.page-id-9 #wrapper{background:url(images/bgTops.gif) no-repeat 0 -97px}
.page-id-9 #wrapper #content{background:#00649f;}



/* our blog  #005852 

.blog  #wrapper #content{margin-bottom:0;padding-bottom:5px; }
*/ 

.blog #bottomBar, 
.archive #bottomBar,
.category #bottomBar
{background:url(images/bgTops.gif) no-repeat 0 -480px; margin-top:-18px; height:15px;padding:10px 0; }

.blog #wrapper, 
.archive #wrapper, 
.category #wrapper
{background:url(images/bgTops.gif) no-repeat 0 -48px}

.blog #wrapper #content,
.archive #wrapper #content,
.category #wrapper #content{background:#005852; margin-bottom:0;float:left;width:683px; }

 
.blog #wrapper #sidebar,
.archive #wrapper #sidebar,
.category #wrapper #sidebar{width:200px;float:left; margin:0; padding:7px 10px 7px;}

.blog #wrapper #sidebar #sideContent,
.archive #wrapper #sidebar #sideContent,
.category #wrapper #sidebar #sideContent{background:#005852; float:left; width:195px;padding:5px 0 5px 30px; margin:4px 0 0 2px;min-height:500px;}

#sideContent ul{margin:0;width:97%;float:left; clear:both;}
#sideContent ul li{clear:both;float:left; font-size:85%; width:99%;margin-bottom:5px;}












#sideContent h2{font-size:22px; margin:15px 0 0;padding:5px 0 4px;}
.archive h2, .category h2{font-size:20px;}


/* marketing #918F0C */
.page-id-7 #bottomBar{background:url(images/bgTops.gif) no-repeat 0 -183px;}
.page-id-7 #wrapper{background:url(images/bgTops.gif) no-repeat 0 -149px;}
.page-id-7 #wrapper #content{background:#918F0C;}



/* specials contact... #9F005C*/
.page-id-18 #bottomBar,.page-id-11 #bottomBar{background:url(images/bgTops.gif) no-repeat 0 -183px;}
.page-id-18 #wrapper,.page-id-11 #wrapper{background:url(images/bgTops.gif) no-repeat 0 -149px;}
.page-id-18 #wrapper #content,.page-id-11 #wrapper #content{background:#918F0C;}





/* about / our promise  #857676 */
.page-id-2 #bottomBar, .page-id-49 #bottomBar, .page-id-51 #bottomBar,.single #bottomBar{background:url(images/bgTops.gif) no-repeat 0 -230px;}
.page-id-2 #wrapper, .page-id-49 #wrapper, .page-id-51 #wrapper,.single #wrapper{background:url(images/bgTops.gif) no-repeat 0 -209px;}
.page-id-2 #wrapper #content, .page-id-49 #wrapper #content, .page-id-51 #wrapper #content,.single #wrapper #content{background:#857676;}

/* business opportunities  */
.page-id-167 #bottomBar{background:url(images/bgTops.gif) no-repeat 0 -117px;}
.page-id-167 #wrapper{background:url(images/bgTops.gif) no-repeat 0 -97px}
.page-id-167 #wrapper #content{background:#00649F;}

/* Web Design */
.page-id-179 #bottomBar{background:url(images/bgTops.gif) no-repeat 0 -230px;}
.page-id-179 #wrapper{background:url(images/bgTops.gif) no-repeat 0 -209px}
.page-id-179 #wrapper #content{background:#857676;}

.alt{font-size:11px;}


#footer{float:left; clear:both; width:960px;}


#myPortfolio{margin:10px 0; position:relative; float:left; width:920px;padding:0; min-height:495px;}
#myPortfolio ul{padding-left:0;overflow:hidden; width:230px;float:left; margin:0 0 0 30px;position:absolute;top:-3px; right:0px;}
#myPortfolio ul li {list-style:none;margin:4px; float:left; display:inline; width:47px;height:47px}
.pika_subdiv{ width:640px;float:left;}	
.pika_back_img{}
.pika_main_img{ position:absolute;top:0;left:0; }
.page-id-49 #content{min-height:650px; min-width:900px}
#myFrame{width:870px;height:520px; background:#fff;padding:5px; margin:10px}
.hide,.pika_navigation{display:none;}
#blogHdr{margin:20px 0 0;}
h4{font-size:18px; line-height:1em;margin:10px 0 5px;padding:0;}
h4 a{font-size:18px;font-family:Verdana, Geneva, sans-serif;}
#content{font-size:14px; line-height:1em; color:#fff;}
.bold,strong{font-weight:bold}
#content ul{margin:10px 20px;}
#content ul li{margin-bottom:5px;}


.home #content ul{margin:10px 20px;}
.home #content ul li{margin-bottom:0px;}


#contactForm {float:left;padding:10px;margin:15px 0 10px 16px ;display:inline; }

 #contactForm fieldset{border:none;}
 #contactForm label{width:100px;text-align:right;display:block;float:left;margin:8px 0 0;padding:0 10px 0 0;}
 #contactForm input{width:150px;float:left;margin:8px 0 0;}
#contactForm br{clear:left;}
 #contactForm textarea{width:400px;height:150px;margin:8px 0 0;}
 #contactForm #sendMail{width: auto ;margin-left:200px;}
 #specials{list-style-type:none;margin:15px;}

#contactInfo{margin:10px; float:left;width:280px;}
#contactInfo ul{list-style:none;}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}


#numberalign{
        font-size:18px;
        padding-left:25px;
        padding-top:0px;
        color:#00649f
}

#mainImg .floatRight, .productTease img{max-width:240px;min-width:140px; margin:0; background:url(/wp-content/themes/trm/images/bgShadow.png) no-repeat right 98% ;  padding:10px; }
#searchresults li{float:left;width:245px;height:300px;list-style:none; padding:0;margin:10px 15px;}
#searchresults li p strong{ font-family:Verdana, Geneva, sans-serif!important}
#searchresults li p{margin:2px 2px 10px; font-size:11px;t}
.bgProdImg{ height:250px;overflow:hidden; padding:0; background:#fff;  border:3px solid #333; padding:5px;}

.jdresults,.jds_pages{width:100%;float:left; clear:both; margin:0!important;padding:0;  height:30px;}


#mainImg{ float:left; margin:0  20px 20px 0; padding:0 20px 20px 0; }

#features li{margin-left:30px;  float:left; width:500px;}
#mainImg .floatRight{  max-width:350px; min-width:200px}
.prices{width:500px; clear:right;}


