/*BACKGROUND IMAGE************/
body { 
width=100%;
background-position: bottom center;
background-image: 
url('http://www.jrphotosandwebdesign.com/photos/i-trVRQsS/0/O/i-trVRQsS-O.png');
background-repeat: repeat-x;
background-color: #ededed;
}
/*LINK STYLES****************/
a {
text-decoration:underline;
color:#0099cc;
}
a:hover {text-decoration:none; color:#99cc00;}
a.commentsspecial {
text-decoration:none;
font:14px Century Gothic, Tahoma,  Arial, Helvetica, sans-serif; /*ENTRY FONTS*/
color:#472a0c; /*OVERALL TEXT COLOR*/
}
a.commentsspecial:hover {text-decoration:none;}
/*LOGO IMAGE*****************/
#logo { 
height:70px;
width:100%;
background:#fff url('images/logo.jpg') no-repeat left;	
}
/*MENU COLORS****************/
#menu {
background:#fff;
}
#menu li a {
font:11px Century Gothic, Tahoma,  Arial, Helvetica, sans-serif; /*MENU FONT STYLES*/
text-transform: uppercase;
color:#222;	/*MENU FONT COLOR*/
}
#menu li a:hover {
color:#7a7a7a; /*MENU FONT COLOR WHEN HOVERING*/
} 
/*BANNER COLORS*************/
#banner {
height: 325px; /*BANNER HEIGHT in case you want to change it*/
overflow: hidden;
}
#slideshowbanner {background: #ffffff; width: 1000px; height: 250px;}
/*TWITTER / SEARCH / RSS***/
.holder {
background:#e9e6dd;
}
.holder .text strong {
display:block;
font-size:10px;
color:#2c2c2c;
font-weight:normal;
line-height:17px;
position:relative;
margin:-4px 0 0;
}
.holder .text p {
font-size:10px;
color:#2c2c2c;
line-height:17px;
margin:0 0 5px;
}
/*POSTS*******************/
.title {
/*POST IMAGE delete background...'s line if you do not wish to have a logo on the side*/
background:url(http://www.jrphotosandwebdesign.com/photos/i-jbSpvGn/0/O/i-jbSpvGn-O.png) no-repeat;
padding:0 0 0 44px;
margin-top: 50px;
font-family: Century Gothic, Tahoma,  Arial, Helvetica, sans-serif;
}
/*POST TITLE FONT STYLE**/
.ti, .title h2 {
margin:0;
font-size:20px;
font-family: Century Gothic, Tahoma,  Arial, Helvetica, sans-serif;
font-weight:normal;
line-height:20px;
color:#0099cc;
}
/*DATE AND CATEGORY FONT STYLES*/
.title span a, .title span {
color:#000000;
font-size:12px;
font-weight:normal;
line-height:24px;
font-family: Century Gothic, Tahoma,  Arial, Helvetica, sans-serif;
}
/*COMMENT BOX**************/
#new-comment {display:none;}
.comment {
/*COMMENT BOX BACKGROUND color*/
background:#cccccc;
}
#commentbackground {background:#0099cc; padding-left:8px}
.text-box p span,
.text-box p a
{
/*COMMENTER's LINK COLOR*/
color:#000000;
}
.text-box p a:hover
{
/*COMMENTER's LINK COLOR*/
color:#ffffff;
}
.comment {
width:970px;
        /* proposed change by JAY  width: 810px*/;
margin:0 15px 58px;
padding:8px 0 4px;
height:148px;
overflow:auto;
margin-left: 15px;
}
#respond {padding-left:10px; display:none;}
.text-box {padding:0 12px;}
.text-box p {
font: 14px/30px Century Gothic, Tahoma, Verdana, Arial, Helvetica, sans-serif;
color:#000000;
margin:0;
}
/* NEXT / PREVIOUS PAGE ARROWS*/
.arrows {
	list-style:none;
	margin:0;
	padding:0;
	height:1%;
	overflow:hidden;
	background: transparent;
}
.arrows li {
	font:10px/25px Verdana, Arial, Helvetica, sans-serif;
	color:#472a0c;
	text-transform:uppercase;
}
.arrows li.prev {
	float:left;
	padding:0 0 0 29px;
}
.arrows li.next {
	float:right;
	padding:0 16px 0 0;
}
.arrows li a {
	color:#472a0c;
	text-decoration:none;
}
.arrows li a:hover {text-decoration:underline;}
/*FOOTER LINKS*/
#footer {border: 0px solid #ff0000;
width:1000px;
font:10px/25px Century Gothic, Tahoma,Verdana, Arial, Helvetica, sans-serif;
background-color: transparent;
color: transparent;
text-align:center;
/*        height: 50px; */
		margin:0 auto;
}
#footer p {margin:0; font:10px; }
#footer a {
text-decoration: none;
color: #0099cc;
font:10px;
}
#footer a:hover {
text-decoration: none;
color: #99cc00;
font:10px;
}

/*NAVIGATION for single posts*/
.navigation {
width: 970px;
padding-left: 15px;
}
.alignleft {float: left;}
.alignright {float: right;}
.clear {clear: both;}
/*Edit only if you dare*/
body {
margin:0;		
}
img {border-style:none;}
input,
textarea,
select{
font:100% arial,sans-serif;
vertical-align:middle;
}
form,fieldset{
margin:0;
padding:0;
border-style:none;
}
#outerwrapper {	
margin:0 auto;
width: 1020px;
}
/*main container*/
#main {
margin:0 auto;
width: 1000px;
padding:0px 0 0px;
}
/*header*/
#menu {
list-style:none;
margin:0;
padding:0 0 0px 15px;	
height:1%;
}
#menu:after {
content:" ";
display:block;
clear:both;
}
#menu li {
padding:8px 30px 0px 30px;
float:left;
}
#menu li a {
height:25px;
float:left;
text-align:center;
text-decoration:none;
}
#menu li.hover a,
#menu li:hover a,
#menu li.hover,
#menu li:hover {
position: relative;
}
#menu li.hover ul,
#menu li:hover ul {
display: block;
}
#menu ul {
padding:14px 0 6px;
margin:0;
list-style:none;
width:147px;
display: none;
position: absolute;
left: 0;
top: 100%;
background:#e9e6dd;
}
#menu ul li {
padding:0 10px 0 17px;
width:120px;
}
#menu ul li a {
text-align:left;
width:100%;
background:none;
color:#7a7a7a;
line-height:18px;
height:auto;
display:block;
}
#menu ul li a:hover {color:#000;}
.holder {
padding:20px 15px 20px;
width:970px;
overflow:hidden;
}
.holder ul {
list-style:none;
margin:0;
padding:0;
height:1%;
overflow:hidden;
}
.holder ul li {float:left;}
.holder .text {
width:420px;
padding:0 64px 0 17px;
}
.holder ul li.search {
padding:0 67px 0 95px;
width:187px;
}
.holder ul li.search label {
color:#2b2b2b;
font-size:10px;
line-height:10px;
display:block;
text-transform:uppercase;
padding:0 0 9px;
}
.holder ul li.search span {
background:url(images/search.gif) no-repeat;
display:block;
width:171px;
height:33px;
padding:6px 8px 0;
}
.holder ul li.search span input {
background:none;
border:0;
width:171px;
}
.holder ul li.rss {padding: 11px 0 0 49px;}
.holder ul li.rss a {
display:block;
width:43px;
height:44px;
overflow:hidden;
text-indent:-9999px;
background:url(images/rss.png) no-repeat;
}
/*content*/
#content {
width:980px;
padding: 1px 0 0;
background-color: transparent;
background-image: url("http://www.jrphotosandwebdesign.com/photos/i-SxPwZq4/0/O/i-SxPwZq4-O.png");
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
background-clip: border-box;
background-origin: padding-box;
background-size: auto auto;
border: 1px solid #d4d4d4;
-webkit-box-shadow: 8px 8px 8px #e3e3e3;
box-shadow: 8px 8px 8px #e3e3e3;
}
.post {
padding:0 15px;
padding-top: 0px;
overflow:hidden;
border: 0px solid #0099cc;
border-bottom: 0px solid #0099cc;
padding-bottom: 0px;
background-color: transparent;
}
.newspost {
padding:0 15px;
padding-top: 5px;
overflow:hidden;
border: #0099cc solid 1px;
}
.post p {
line-height: 25px;
margin:0 0 0 15px;
         font-size: 14px;
font-family: Century Gothic, Tahoma,  Arial, Helvetica, sans-serif;
}
/* Add image splitter between posts */
.postend {
background: url(http://www.jrcustomization.com/websiteimages/postborder.png) no-repeat;
height:  35px;
width: 970px;
margin-left: 15px;
}
.image {
display:block;
margin:0 0 19px;
}
.image img, img {
display:block;
margin:0 auto;
}
.content-box {
width:970px;
padding:0 15px 10px;
overflow:hidden;
}
.coment {
list-style:none;
margin:0;
padding:0;
float:left;
overflow:hidden;
height:1%;
position:relative;
}
.coment li {
/*background:url(images/comments-divider.gif);*/
padding:0 19px 0 21px;
position:relative;
float:left;
font:14px/25px Century Gothic, Verdana, Arial, Helvetica, sans-serif;
margin:0 19px 0 -21px;
color: #000000;
font-weight: bold;
}
.coment li a {
color:#82817d;
text-decoration:none;
outline:none;
}
.coment li a:hover {text-decoration:underline}
.commentcount {background:url(http://jrcustomization.com/websiteimages/commentcount.gif) no-repeat;
height:100px; width:100px;}
.links {
list-style:none;
margin:0;
padding:0 2px 0 0;
float:left;
}
.links li {
float:left;
padding:0 6px 0 0;
}
* html .links li {
float:left;
width: 15px;
padding:0 6px 0 0;
}
* +html .links li {
float:left;
width: 15px;
padding:0 6px 0 0;
}
/*new-comment*/
.new-comment {
width:640px;
padding:0px 0 0 257px;
}
.form {
width:436px;
padding:0px 35px 30px 28px;
background:#fff;------	
}
.form label {
display:block;
color:#472a0;
font:14px/16px Century Gothic, Verdana, Arial, Helvetica, sans-serif;
}
.form-box {
width:100%;
overflow:hidden;
}
.left-box {
float:left;
width:232px;
padding:2px 0 0;
}
.right-box {
float:right;
width:200px;
}
.right-box textarea {
width:178px !important;
height:109px !important;
padding:10px !important;
overflow:auto !important;
border:1px solid #ccc !important;
}
.form .line {
padding:0 0 17px !important;
}
.form .line input {
width:186px !important;
border:1px solid #ccc !important;
padding:1px 6px !important;
}
.form  .cancel {
display:block;
width:38px;
height:12px;
overflow:hidden;
background:url(images/cansel.gif) no-repeat;
text-indent:-9999px;
}
.form .bottom {
height:1%;
overflow:hidden;
padding:8px 0 0 144px;
}
.form .bottom input {
float:left;
margin:0 19px 0 0;
padding:2px 0 0;
}
.log_admin{
padding-left: 234px;
}
.title a {
text-decoration: none;
}
.comment_form input, .comment_form textarea, .input {
border:1px solid #ccc !important;
display: none;
}
.comment_form{
padding-left: 257px;
width: 432px;
}
.comment_form .submit{
border: none !important;
}
.inner {
padding: 20px;
padding-top: 3px;
padding-bottom: 3px;
}
.coment{
text-transform: uppercase;
}


/*CUSTOM CSS*********************/
/*CUSTOM CSS - Header ***********/
/********************/
/* Nav Bar Settings */
/********************/



#jrcheadercontainer
{
height: 187px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
width: 100%;
padding-bottom: 0px;
border-bottom: 0px solid #d4d4d4;
z-index: 4;
background-color: transparent;
background-image: url("http://www.jrphotosandwebdesign.com/photos/i-ggwzhp8/0/O/i-ggwzhp8-O.png");
background-repeat: repeat-x;
background-attachment: scroll;
background-position: 0% 0%;
background-clip: border-box;
background-origin: padding-box;
background-size: auto auto;
top: 0pt;}





#jrcbanner {
width: 250px;
height: 66px;
padding-top: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 5px;
padding: 0;
background: transparent;
border: 0px solid #ffffff;}

#jrcbannerimage {padding-top: 5px;}



#jrcnav {float: right; border: 0px solid #ff0000;}
#jrcnav1 {float: right; }
#jrcnav2 {float: right;}


#jrcnavlayout { 
float: right;
margin-top:  45px;
margin-right: 5px;
margin-bottom: 0px;
margin-left: 0px;
background: transparent;
border: 0px solid #0099cc;
z-index: 999;
}

#jrcnavlayoutbadge { 
float: right;
margin-top:  0px;
margin-right: 5px;
margin-bottom: 0px;
margin-left: 0px;
background: transparent;
border: 0px solid #0099cc;
z-index: 999;
}


.badgemargin {margin-top: 5px; margin-right: 10px;}

#jrcnavlayoutbadge li {	
margin: 0;
padding: 0;
list-style: none;
float: left;
}



#jrcnavlayoutbadge li a {	
text-decoration: none;
color: #0099cc;
font-family:  'century gothic', tahoma, arial, sans-serif;
font-weight: normal;
font-size: 16px;
_font-size: 16px;
background: transparent;
display: block;
padding: 0px 6px;
padding-bottom: 2px;
}



#jrcnavlayoutbadge li a:hover {	 
background: transparent;
color: #99cc00;
position: relative;
top: -10px;
}




#jrcnavlayoutbadge div {	
position: absolute;
visibility: hidden;
padding: 0;
background-color #000000;
border: none;
border-bottom: 1px solid #0099cc;
border-top: 1px solid #0099cc;
border-left:   1px solid #0099cc;
border-right:   1px solid #0099cc;
z-index:1000;
}



#jrcnavlayoutbadge div a {	
position: relative;
display: block;
margin: 0;
padding: 5px 5px;
width: auto;
float: none;
white-space: nowrap;
text-align: left;
text-decoration: none;
background-color: #ffffff;
color: #0099cc;
font-family: 'century gothic', tahoma, arial, sans-serif;
font-size: 16px;
}



#jrcnavlayoutbadge div a:hover {	
background-color: #99cc00;
color: #3f2b16;}


#jrcnavlayout li {	
margin: 0;
padding: 0;
list-style: none;
float: left;
}



#jrcnavlayout li a {	
text-decoration: none;
color: #0099cc;
font-family:  'century gothic', tahoma, arial, sans-serif;
font-weight: normal;
font-size: 16px;
_font-size: 16px;
background: transparent;
display: block;
padding: 0px 6px;
padding-bottom: 2px;
}



#jrcnavlayout li a:hover {	 
background: transparent;
color: #99cc00;
position: relative;
top: -10px;
}




#jrcnavlayout div {	
position: absolute;
visibility: hidden;
padding: 0;
background-color #000000;
border: none;
border-bottom: 1px solid #0099cc;
border-top: 1px solid #0099cc;
border-left:   1px solid #0099cc;
border-right:   1px solid #0099cc;
z-index:1000;
}



#jrcnavlayout div a {	
position: relative;
display: block;
margin: 0;
padding: 5px 5px;
width: auto;
float: none;
white-space: nowrap;
text-align: left;
text-decoration: none;
background-color: #ffffff;
color: #0099cc;
font-family: 'century gothic', tahoma, arial, sans-serif;
font-size: 16px;
}



#jrcnavlayout div a:hover {	
background-color: #99cc00;
color: #3f2b16;}


ul, ol { 
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 10px;
margin-left: 0pt;
padding-top: 19px;
padding-right: 0pt;
padding-bottom: 10px;
padding-left: 10px;}


#jrcfooter {z-index 999;  background-color: transparent important!;}

#footerlist { 
float: right;
margin-top:  5px;
margin-right: 5px;
margin-bottom: 0px;
margin-left: 0px;
background: transparent !important;
border: 0px solid #0099cc;
z-index: 999;
}

#footerlist li {	
margin: 0;
padding: 0;
list-style: none;
float: left;
background: transparent !important;
}






#header img {display:none;}
#menu {display:none;}
.holder {display:none;}
#logo {display:none;}

#tagline1 {display: block; }
#tagline2 {display: none;}
#guestblogger {display: none;}

#topbanner {background:url(http://www.jrcustomization.com/websiteimages/jrcustomizationbanner.png) no-repeat; width:1000px; height: 50px;}
#slideshowbanner {height: 300px; background: #ffffff;}
#tagline2 {background:url(http://www.jrcustomization.com/websiteimages/tagline.jpg) no-repeat; width: 1000px; height: 50px; background-position: top center; display:block;}

.cat-list {background-color: transparent;  border : 0px solid #d8d8d8; padding: 10px; width: 964px; padding-left: 5px; margin-left: 0px; text-align: left; margin-top: 20px; font-family: Century Gothic, Tahoma,  Arial, Helvetica, sans-serif; font-size: 12px; 
background-color: transparent;
background-image: url("#");
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
background-clip: border-box;
background-origin: padding-box;
background-size: auto auto;
border: 1px solid #d4d4d4;
-webkit-box-shadow: 8px 8px 8px #e3e3e3;
box-shadow: 8px 8px 8px #e3e3e3;}
.cat-list li {list-style:none; display:inline; font-family: Century Gothic, Tahoma,  Arial, Helvetica, sans-serif; font-size: 12px;}


#customNavContainer  { text-align: center; background: #0099cc;  display:none;} 
#customNav 
	{ font-family: Century Gothic, Tahoma,  Arial, Helvetica, sans-serif !important; font-size: 24px; color: #99cc00 !important; list-style-type: none; padding: 0; margin: 0; 
	padding-top: 3px; background-color: #0099cc; height: 50px;} 
#customNav li 
	{ display: inline; padding-top 3px; padding-bottom: 3px; padding-right: 5px; padding-left: 5px; width: 110px; }
#customNav a, #customNav a:active, #customNav a:visited, #custom a:link 
	{ font-family: Century Gothic, Tahoma,  Arial, Helvetica, sans-serif !important; font-size: 24px; color: #ffffff !important; text-decoration: underline !important; padding-left: 0px; padding-right: 0px;} 
#customNav a:hover 
	{ font-family: 'Century Gothic', Tahoma, sans-serif !important; font-size: 24px; color: #000000 !important; text-decoration: underline !important; padding-left: 0px; padding-right: 0px;}
#customNavL 
	{ width: 650px; text-align:left; float: left; margin-top: 0px; margin-left: 0px; margin-bottom: 0px; margin-right: 0px; background-color: #99cc00; border: 0px solid #00ff00; }
#customNavR 
	{ background-color: #0099cc;  text-align: right; padding-right: 100px;}
#customNavR a, #customNavR a:active, #customNavR a:visited, #customR a:link 
	{ font-family: Century Gothic, Tahoma,  Arial, Helvetica, sans-serif !important; font-size: 20px; color: #0099cc !important; text-decoration: none !important; padding-left: 3px; padding-right: 3px;} 
#customNavR a:hover 
	{ font-family: 'Century Gothic', Tahoma, sans-serif !important; font-size: 20px; color: #ffffff !important; text-decoration: none !important; padding-left: 3px; padding-right: 3px;}
/*CUSTOM CSS - Footer Divisions *********/
#footer {width: 1000px; margin-bottom: 10px;}
#sitefooter {display: block; width: 1000px; height: 150px;}
.sitefooterfb {background:url(http://www.jrcustomization.com/websiteimages/fbicon20.jpg) no-repeat; width:50px; height;25px; text-decoration: none !important; margin-top: 10px; margin-bottom: 20px;}
.sitefooterfb a, .sitefooterfb a:link, .sitefooterfb a:visited, .sitefooterfb a:hover, .sitefooterfb a:active {text-decoration: none;}
.sitefootertw {background:url(http://www.jrcustomization.com/websiteimages/twicon20.png) no-repeat; width:50px; height;25px; text-decoration: none !important; margin-top: 10px; margin-bottom: 20px;}
.sitefootertw a, .sitefootertw a:link, .sitefootertw a:visited, .sitefootertw a:hover, .sitefootertw a:active {text-decoration: none;}
.sitefooterin {background:url(http://www.jrcustomization.com/websiteimages/inicon20.png) no-repeat; width:50px; height;25px; text-decoration: none !important; margin-top: 10px; margin-bottom: 20px;}
.sitefooterin a, .sitefooterin a:link, .sitefooterin a:visited, .sitefooterin a:hover, .sitefooterin a:active {text-decoration: none;}
.sitefooterrss {background:url(http://www.jrcustomization.com/websiteimages/rsicon20.png) no-repeat; width:50px; height;25px; text-decoration: none !important; margin-top: 10px; margin-bottom: 20px;}
.sitefooterrss a, .sitefooterrss a:link, .sitefooterrss a:visited, .sitefooterrss a:hover, .sitefooterrss a:active {text-decoration: none;}
.footerimg {
display: block;
margin: 0px;
}
.sitefootersm {background:url(http://www.jrcustomization.com/websiteimages/smicon20.png) no-repeat; width:50px; height;25px; text-decoration: none !important; margin-top: 10px; margin-bottom: 20px;}
.sitefootersm a, .sitefootersm a:link, .sitefootersm a:visited, .sitefootersm a:hover, .sitefootersm a:active {text-decoration: none;}
.footerimg {
display: block;
margin: 0px;
}

.postmetadata {
	font-size: 12px;
	padding: 0px;
	padding-left: 10px; padding-right: 10px; padding-bottom: 5px; padding-top: 20px;
font-family: Century Gothic, Tahoma, Arial, Helvetica, sans-serif;
border: 0px solid #0099cc;
border-top: 0px;
margin-top: -30px;
}
.postmetadata a {
	color:#0099cc;
	text-decoration:none;
	outline:none;
}
.postmetadata a:hover {text-decoration:none; color: #99cc00; }
.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}
	
.center {text-align: center;}
.center2 {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/* =================== ADDED FOR ARCHIVE LISTINGS (Rob Smith - rob@quirky-bird.com) */
.archiveList {
	width:960px;
	list-style:none;
	margin:0 0 0 0;
	padding:0;
	float:left;
	overflow:hidden;
	position:relative;
	height: 40px;
	padding: 3px 0 3px 0;
	background-color: transparent;
background-color: transparent;
background-image: url("#");
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
background-clip: border-box;
background-origin: padding-box;
background-size: auto auto;
border: 1px solid #d4d4d4;
-webkit-box-shadow: 0px 0px 0px #e3e3e3;
box-shadow: 0px 0px 0px #e3e3e3;
}
.archiveList li {
	color: #472a0c; 
	width: 73px;
	text-align:center;
	position:relative;
	float:left;
	font:12px Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	height: 30px;
	padding: 4px;
}
.archiveList a, .archiveList a:visited  {
	color:#00cc99;
	text-decoration:none;
}
.archiveList li a:hover {color: #99cc00; text-decoration:underline}
.archiveYear { border-right:solid 1px; color: #472a0c; }
img.alignright {float:right; margin:0 0 1em 1em;}
img.alignleft {float:left; margin:0 1em 1em 0;}
img.aligncenter {display: block !important; margin-left: auto !important; margin-right: auto !important; margin-top: auto !important; margin-bottom: auto !important;}
a img.alignright {float:right; margin:0 0 1em 1em;}
a img.alignleft {float:left; margin:0 1em 1em 0;}
a img.aligncenter {display: block !important; margin-left: auto !important; margin-right: auto !important; margin-top: auto !important; margin-bottom: auto !important;}


#postspacer {margin-bottom: 15px;}

#fbComments {border-left: 0px solid #0099cc; border-right: 0px solid #0099cc; margin-top: -10px; margin-bottom: 0px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; font-family: Century Gothic, Tahoma,  Arial, Helvetica, sans-serif;}



/*********************/
/* Placement of Menu */
/*********************/
#dropmainmenu {
position: absolute;
left: 0px;
z-index:999;
width: 100%;  
                          
}
/*********************/
/* Menu Styles       */
/*********************/
/*****************************************************************/
/* mainemenystyle=Style of the menu item */
/* Keep Link, Visited, Active same style                         */
/* Hover style is when the end-user mouses over the menu item    */
/* Font-Family: Font of the menu listed in priority              */
/* Font-Size: Font size of the menu                              */
/* Color: Font color                                             */
/* Float: Aligns the Text                                        */
/* Width: Sets the width for the menu items equally              */
/* Text-Decoration: turns off the underline                      */
/* List-Stye-Type: turns off the bullet points for the sub menus */
/* Padding-top: space above the sub-menu item                    */
/* Padding-bottom: space below the sub-menu item                 */
/*****************************************************************/
.dropmainmenucolor  {background:#0099cc;}
.dropmainmenustyle  {
height:28px;
font-family:  'Century Gothic', Tahoma, Verdana, Arial, sans-serif; 
font-size:16px; font-weight:normal; 
color:#ffffff; 
float:left; 
width:125px; 
text-decoration:none;
border-top-style: solid;
border-right-style: solid;  
border-bottom-style: solid;
border-left-style: solid; 
border-top-color: #000000;
border-right-color:  #000000; 
border-bottom-color: #000000;
border-left-color: #000000;
border-top-width: 0px; 
border-right-width: 0px; 
border-bottom-width: 0px; 
border-left-width: 0px;
padding-top: 0.0em; 
padding-right: 0.0em; 
padding-bottom: 0.0em; 
padding-left: 0.0em;}
a.dropmainmenustyle        	{font-family:  'Century Gothic', Tahoma, Verdana, Arial, sans-serif; font-size:16px; font-weight:normal; color:#ffffff; float:left; width:125px; text-decoration:none;}
a.dropmainmenustyle:link    	{font-family:  'Century Gothic', Tahoma, Verdana, Arial, sans-serif; font-size:16px; font-weight:normal; color:#ffffff;}
a.dropmainmenustyle:visited 	{font-family:  'Century Gothic', Tahoma, Verdana, Arial, sans-serif; font-size:16px; font-weight:normal; color:#ffffff;}
a.dropmainmenustyle:active  	{font-family:  'Century Gothic', Tahoma, Verdana, Arial, sans-serif; font-size:16px; font-weight:normal; color:#ffffff;}
a.dropmainmenustyle:hover   	{font-family:  'Century Gothic', Tahoma, Verdana, Arial, sans-serif; font-size:16px; font-weight:normal; background:#99cc00; color:#000000; text-decoration:none;}
tr.dropsubmenustyle {margin: auto auto auto auto;}
td.dropsubmenustyle 	       
{
background: #0099cc;  
font-family:  'Century Gothic', Tahoma, Verdana, Arial, sans-serif; 
font-size:16px; 
font-weight:normal; 
color:#ffffff;
float:left;  
width:200px; 
text-decoration:none; 
list-style-type:none;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none; 
border-top-color: #000000;
border-right-color:  #000000; 
border-bottom-color:  #000000;
border-left-color:  #000000;
border-top-width: 0px; 
border-right-width: 0px; 
border-bottom-width: 0px; 
border-left-width: 0px
padding-top: 0.0em; 
padding-right: 0.1em; 
padding-bottom: 0.0em; 
padding-left: 0.3em;
margin-top: 0px; 
margin-right:0px; 
margin-bottom:0px;
margin-left:0px;}
a.dropsubmenustyle 	      {text-decoration:none; list-style-type:none; float: left; width:200px; font-size:16px; color:#ffffff; font-family:  'Century Gothic', Tahoma, Verdana, Arial, sans-serif; }
a.dropsubmenustyle:link       {text-decoration:none; list-style-type:none; color: #ffffff; font-family:  'Century Gothic', Tahoma, Verdana, Arial, sans-serif; }
a.dropsubmenustyle:visited    {text-decoration:none; list-style-type:none; color: #ffffff; font-family:  'Century Gothic', Tahoma, Verdana, Arial, sans-serif; }
a.dropsubmenustyle:active     {text-decoration:none; list-style-type:none;color:  #ffffff; font-family:  'Century Gothic', Tahoma, Verdana, Arial, sans-serif; }
a.dropsubmenustyle:hover      {font-weight:normal; background:#99cc00; color:#000000; font-family:  'Century Gothic', Tahoma, Verdana, Arial, sans-serif; }
tr.dropsubmenustyle:hover     {font-weight:normal; background:#99cc00; color:#000000; font-family:  'Century Gothic', Tahoma, Verdana, Arial, sans-serif; }
td.dropsubmenustyle:hover     {font-weight:normal; background:#99cc00; color:#000000; font-family:   'Century Gothic', Tahoma, Verdana, Arial, sans-serif; }
img.aligncenter {display: block !important; margin-left: auto !important; margin-right: auto !important; margin-top: auto !important; margin-bottom: auto !important;}


.ContentMainHeaderBan 
{  font-family:      'Century Gothic', Tahoma, sans-serif ;
  font-size: 18px;
  font-weight: normal;
  color: #99cc00;}


.ContentMainHeaderBan a {  font-family:     'Century Gothic', Tahoma, sans-serif ;
  font-size: 18px;
  font-weight: normal;
  text-decoration: none;
  color: #0099cc;}
.ContentMainHeaderBan a:link
{  font-family:     'Century Gothic', Tahoma, sans-serif ;
  font-size: 18px;
  font-weight: normal;
  text-decoration: none;
  color: #0099cc;}
.ContentMainHeaderBan a:visited
{  font-family:      'Century Gothic', Tahoma, sans-serif ;
  font-size: 18px;
  font-weight: normal;
  text-decoration: none;
  color: #0099cc;}
.ContentMainHeaderBan a:hover
{  font-family:      'Century Gothic', Tahoma, sans-serif ;
  font-size: 18px;
  font-weight: normal;
  text-decoration: none;
  color: #99cc00;}
.ContentMainHeaderBan a:active
{  font-family:      'Century Gothic', Tahoma, sans-serif ;
  font-size: 18px;
  font-weight: normal;
  text-decoration: none;
  color: #0099cc;}

/*********************************/
/* Content Page - Styles         */
/*********************************/
.ContentMainHeader 
{  font-family:      'Century Gothic', Tahoma, sans-serif ;
  font-size: 20px;
  font-weight: normal;
  color: #0099cc;}
.ContentSubHeader 
{  font-family:     'Century Gothic', Tahoma, sans-serif ;
  font-size: 16px;
  font-weight: normal;
  color: #0099cc;}
.ContentText 
{  font-family:   'Century Gothic', Tahoma, sans-serif ;
  font-size: 14px;
  font-weight: normal;
  color: #000000;}
.ContentTextHome 
{  font-family:   'Century Gothic', Tahoma, sans-serif ;
  font-size: 14px;
  font-weight: normal;
  line-height: 25px;
  color: #000000;}

.ContentTextSmall 
{  font-family:   'Century Gothic', Tahoma, sans-serif ;
  font-size: 12px;
  font-weight: normal;
  color: #000000;}
.ContentTextIndent 
{  font-family:  'Century Gothic', Tahoma, sans-serif ;
  font-size: 14px;
  font-weight: normal;
  margin-left: 25px;
  color: #000000;}


.ContentTextRed
{  font-family:   'Century Gothic', Tahoma, sans-serif ;
  font-size: 14px;
  font-weight: normal;
  color: #ff0000;}





.ContentText a {  font-family:   'Century Gothic', Tahoma, sans-serif ;
  font-size: 14px;
  font-weight: normal;
  color: #0099cc;}
.ContentText a:link
{  font-family:  'Century Gothic', Tahoma, sans-serif ;
  font-size: 14px;
  font-weight: normal;
  color: #0099cc;}
.ContentText a:visited
{  font-family:   'Century Gothic', Tahoma, sans-serif ;
  font-size: 14px;
  font-weight: normal;
  color: #0099cc;}
.ContentText a:hover
{  font-family:   'Century Gothic', Tahoma, sans-serif ;
  font-size: 14px;
  font-weight: normal;
  color: #99cc00;}
.ContentText a:active
{  font-family:   'Century Gothic', Tahoma, sans-serif ;
  font-size: 14px;
  font-weight: normal;
  color: #0099cc;}

.ContentTextHome a {  font-family:   'Century Gothic', Tahoma, sans-serif ;
  font-size: 14px;
  font-weight: normal;
  color: #0099cc;}
.ContentTextHome a:link
{  font-family:  'Century Gothic', Tahoma, sans-serif ;
  font-size: 14px;
  font-weight: normal;
  color: #0099cc;}
.ContentTextHome a:visited
{  font-family:   'Century Gothic', Tahoma, sans-serif ;
  font-size: 14px;
  font-weight: normal;
  color: #0099cc;}
.ContentTextHome a:hover
{  font-family:   'Century Gothic', Tahoma, sans-serif ;
  font-size: 14px;
  font-weight: normal;
  color: #99cc00;}
.ContentTextHome a:active
{  font-family:   'Century Gothic', Tahoma, sans-serif ;
  font-size: 14px;
  font-weight: normal;
  color: #0099cc;}

.ContentTextSmall a {  font-family:   'Century Gothic', Tahoma, sans-serif ;
  font-size: 12px;
  font-weight: normal;
  color: #0099cc;}
.ContentTextSmall a:link
{  font-family:  'Century Gothic', Tahoma, sans-serif ;
  font-size: 12px;
  font-weight: normal;
  color: #0099cc;}
.ContentTextSmall a:visited
{  font-family:   'Century Gothic', Tahoma, sans-serif ;
  font-size: 12px;
  font-weight: normal;
  color: #0099cc;}
.ContentTextSmall a:hover
{  font-family:   'Century Gothic', Tahoma, sans-serif ;
  font-size: 12px;
  font-weight: normal;
  color: #99cc00;}
.ContentTextSmall a:active
{  font-family:   'Century Gothic', Tahoma, sans-serif ;
  font-size: 12px;
  font-weight: normal;
  color: #0099cc;}


.ContentSubHeader a {  font-family:     'Century Gothic', Tahoma, sans-serif ;
  font-size: 16px;
  font-weight: normal;
  text-decoration: none;
  color: #0099cc;}
.ContentSubHeader a:link
{  font-family:    'Century Gothic', Tahoma, sans-serif ;
  font-size: 16px;
  font-weight: normal;
  text-decoration: none;
  color: #0099cc;}
.ContentSubHeader a:visited
{  font-family:     'Century Gothic', Tahoma, sans-serif ;
  font-size: 16px;
  font-weight: normal;
  text-decoration: none;
  color: #0099cc;}
.ContentSubHeader a:hover
{  font-family:     'Century Gothic', Tahoma, sans-serif ;
  font-size: 16px;
  font-weight: normal;
  text-decoration: none;
  color: #99cc00;}
.ContentSubHeader a:active
{  font-family:    'Century Gothic', Tahoma, sans-serif ;
  font-size: 16px;
  font-weight: normal;
  text-decoration: none;
  color: #0099cc;}


.ContentMainHeader a {  font-family:     'Century Gothic', Tahoma, sans-serif ;
  font-size: 20px;
  font-weight: normal;
  text-decoration: none;
  color: #0099cc;}
.ContentMainHeader a:link
{  font-family:     'Century Gothic', Tahoma, sans-serif ;
  font-size: 20px;
  font-weight: normal;
  text-decoration: none;
  color: #0099cc;}
.ContentMainHeader a:visited
{  font-family:      'Century Gothic', Tahoma, sans-serif ;
  font-size: 20px;
  font-weight: normal;
  text-decoration: none;
  color: #0099cc;}
.ContentMainHeader a:hover
{  font-family:      'Century Gothic', Tahoma, sans-serif ;
  font-size: 20px;
  font-weight: normal;
  text-decoration: none;
  color:#99cc00;}
.ContentMainHeader a:active
{  font-family:      'Century Gothic', Tahoma, sans-serif ;
  font-size: 20px;
  font-weight: normal;
  text-decoration: none;
  color: #0099cc;}


.ContentMainHeaderB 
{  font-family:      'Century Gothic', Tahoma, sans-serif ;
  font-size: 18px;
  font-weight: normal;
  color: #99cc00;}


.ContentMainHeaderB a {  font-family:     'Century Gothic', Tahoma, sans-serif ;
  font-size: 18px;
  font-weight: normal;
  text-decoration: none;
  color: #0099cc;}
.ContentMainHeaderB a:link
{  font-family:     'Century Gothic', Tahoma, sans-serif ;
  font-size: 18px;
  font-weight: normal;
  text-decoration: none;
  color: #0099cc;}
.ContentMainHeaderB a:visited
{  font-family:      'Century Gothic', Tahoma, sans-serif ;
  font-size: 18px;
  font-weight: normal;
  text-decoration: none;
  color: #0099cc;}
.ContentMainHeaderB a:hover
{  font-family:      'Century Gothic', Tahoma, sans-serif ;
  font-size: 18px;
  font-weight: normal;
  text-decoration: none;
  color: #99cc00;}
.ContentMainHeaderB a:active
{  font-family:      'Century Gothic', Tahoma, sans-serif ;
  font-size: 18px;
  font-weight: normal;
  text-decoration: none;
  color: #0099cc;}




.ContentMainHeaderB 
{  font-family:      'Century Gothic', Tahoma, sans-serif ;
  font-size: 18px;
  font-weight: normal;
  color: #99cc00;}


.ContentMainHeaderB a {  font-family:     'Century Gothic', Tahoma, sans-serif ;
  font-size: 18px;
  font-weight: normal;
  text-decoration: none;
  color: #0099cc;}
.ContentMainHeaderB a:link
{  font-family:     'Century Gothic', Tahoma, sans-serif ;
  font-size: 18px;
  font-weight: normal;
  text-decoration: none;
  color: #0099cc;}
.ContentMainHeaderB a:visited
{  font-family:      'Century Gothic', Tahoma, sans-serif ;
  font-size: 18px;
  font-weight: normal;
  text-decoration: none;
  color: #0099cc;}
.ContentMainHeaderB a:hover
{  font-family:      'Century Gothic', Tahoma, sans-serif ;
  font-size: 18px;
  font-weight: normal;
  text-decoration: none;
  color: #99cc00;}
.ContentMainHeaderB a:active
{  font-family:      'Century Gothic', Tahoma, sans-serif ;
  font-size: 18px;
  font-weight: normal;
  text-decoration: none;
  color: #0099cc;}


/***************************************************/
/* Defines the Home Page Content Area              */
/***************************************************/
#homecontentcontainer {
border: transparent; 
width: 980px;
margin: auto auto auto auto;
margin-left: -110px;
}



#homeleftcontent {
border: 1px solid #0099cc; 
float:left;
left: 0px; top: 0px; right: 0px; bottom: 0px; 
width: 540px; 
text-align: left; 
margin: 0px;
padding: 5px;
height: 736px;
padding-top: 20px;
}

#homeleftcontentc {width: 530px; border-bottom: 1px solid #0099cc; margin-bottom: 10px; padding: 0px; height:175px;}
#homeleftcontentl {float: left; width : 175px; border: 0px solid #ff0000; height: height: 175px; margin: 0px; padding: 0px;}
#homeleftcontentr {float: right; width: 310px; border: 0px solid #00ff00; margin: 0px; padding: 0px; height:175px;}


#homerightcontent {
border: 1px solid #0099cc;
float: right;
left: 0px; top: 0px; right: 0px; bottom: 0px; 
width: 400px;
text-align: left; 
margin: 0px;
padding: 5px;
height: 725px;
padding-top: 30px;
}



#homerightrandom {background-color: transparent; margin: 0px; padding: 0px; height: 200px; width: 400px; border: 0px solid #ffccff; padding-bottom: 40px;background:url(http://www.jrphotosandwebdesign.com/photos/random.mg?AlbumID=2959631&AlbumKey=8M5XR&Size=S) no-repeat;}

#homerightrandom2 {background-color: transparent; margin: 0px; padding: 0px; height: 200px; width: 400px; border: 0px solid #ffccff; padding-bottom: 40px;background:url(http://www.jrphotosandwebdesign.com/photos/random.mg?AlbumID=15349669&AlbumKey=59tbF&Size=S) no-repeat;}

#homerightrandom3 {background-color: transparent; margin: 0px; padding: 0px; height: 200px; width: 400px; border: 0px solid #ffccff; padding-bottom: 40px;background:url(http://www.jrphotosandwebdesign.com/photos/random.mg?AlbumID=15349577&AlbumKey=J6i4b&Size=S) no-repeat;}


#homecontentheader {
border: 0px solid #000000;
float: left;
left: 0px; top: 0px; right: 0px; bottom: 0px; 
width: 450px;
height: 140px;
text-align: left; 
margin: 0px;
padding: 5px;
margin-bottom: 0px;
}

#homecontentimage {
border: 0px solid #0099cc;
left: 0px; top: 0px; right: 0px; bottom: 0px; 
width: 400px;
height: 300px;
margin-left: 30px;
padding: 0px;
}

#homecontenttag {
border: 0px solid #0099cc;
left: 0px; top: 0px; right: 0px; bottom: 0px; 
width: 400px;
margin-left: 30px;
padding-top: 25px;
}


#homecontentdesc {
border: 0px solid #0099cc;
float: left;
left: 0px; top: 0px; right: 0px; bottom: 0px; 
width: 460px;
text-align: left; 
margin: 0px;
padding: 5px;
}

#homecontentfooter {
border: 0px solid #0099cc;
float: left;
left: 0px; top: 0px; right: 0px; bottom: 0px; 
width: 460px;
height: 40px;
text-align: left; 
margin: 0px;
padding: 5px;
}

#homecontentfeatures {margin-top : 0px;}

.ContentTextSmallSpace 
{  font-family:   'century gothic', tahoma, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #000000;
line-height: 150%;}

.ContentTextSmallBlue
{  font-family:   'century gothic', tahoma, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #99cc00;
line-height: 170%;}


#jrcNavigation {
height: 102px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
width: 100%;
background-position: top center;
background-image: 
url('http://www.jrphotosandwebdesign.com/photos/1158090911_oq4uq-O.png');
background-repeat: repeat-x;
background-attachment: inherit;
z-index: 4;
background-color: #ffffff;
}

#jrcbanner {float: left; height: 50px; width:250px; margin-top: 5px; background-color: transparent; z-index:1000;}
#jrcNavContainer {float: right; text-align: center;  background-color: transparent; height: 30px; margin-top: 0px; margin-left: 0px; display:block; border-left: 0px solid #000000; border-right: 0px solid #000000; border-top: 0px solid #000000; margin-top: 37px;} 
#jrcNav li { display: inline; } 
#jrcNav { font-family: 'century gothic', tahoma, sans-serif !important; font-size: 16px;  list-style-type: none; padding: 0; margin: 0; 
padding-top: 3px; padding-left: 0px; padding-bottom: 0px; padding-right: 0px; margin-top: 0px;  margin-left: 0px; margin-bottom: 0px;  margin-right: 0px;} 
#jrcNav li a, #jrcNav li a:active, #jrcNav li a:visited, #jrcNav li a:link { font-family: 'century gothic', tahoma, sans-serif sans-serif !important; font-size: 16px; color: #0099cc !important; text-decoration: none !important;   } 
#jrcNav li a:hover { font-family:'century gothic', tahoma,  sans-serif !important; font-size:16px; color: #99cc00 !important; text-decoration: none !important; ; }
.jrcnavimage {width: 30px; height: 30px;}

#jrcNav img {display: inline;}


#homecontentcontainer {

width: 960px;
height: 780px;

text-align:left;

margin: 0 auto;

margin-top: 25px;

margin-bottom: 5px;

background-color: transparent;

border-top-width: 0px;

border-right-width: 0px;

border-bottom-width: 1px;

border-left-width: 0px;

border-top-style: solid;

border-right-style: solid;

border-bottom-style: solid;

border-left-style: solid;

border-top-color: #0099cc;

border-right-color: #0099cc;

border-bottom-color: #0099cc;

border-left-color: #0099cc;

}








#contentcontainerhome {

width: 960px;
height: 780px;

text-align:left;

margin: 0 auto;

margin-top: 25px;

margin-bottom: 5px;

background-color: transparent;

border-top-width: 0px;

border-right-width: 0px;

border-bottom-width: 1px;

border-left-width: 0px;

border-top-style: solid;

border-right-style: solid;

border-bottom-style: solid;

border-left-style: solid;

border-top-color: #0099cc;

border-right-color: #0099cc;

border-bottom-color: #0099cc;

border-left-color: #0099cc;

}



#leftcontenthome {

border: transparent; 

float:left;

left: 0px; top: 0px; right: 0px; bottom: 0px; 

width: 380px;

height : 750px;

margin-top: 20px; margin-right: 0px; margin-bottom: 17px; margin-left: 8px;

border-style:double;

border-top-width: 0px;

border-right-width: 1px;

border-bottom-width: 0px;

border-left-width: 0px;

border-top-style: solid;

border-right-style: solid;

border-bottom-style: solid;

border-left-style: solid;

border-top-color: #0099cc;

border-right-color: #0099cc;

border-bottom-color: #0099cc;

border-left-color: #0099cc;

padding-right: 10px;

}



#rightcontenthome {

border: transparent; 

float: right;

left: 0px; top: 0px; right: 0px; bottom: 0px; 

width: 525px;

height : 750px;

text-align: left; 

margin-top: 20px; margin-right: 8px; margin-bottom: 17px; margin-left: 0px;

border-style:double;

border-top-width: 0px;

border-right-width: 0px;

border-bottom-width: 0px;

border-left-width: 0px;

border-top-style: solid;

border-right-style: solid;

border-bottom-style: solid;

border-left-style: solid;

border-top-color: #0099cc;

border-right-color: #0099cc;

border-bottom-color: #0099cc;

border-left-color: #0099cc;

}

#imageMapBackground {width:700px; background-color: #000000; padding: 50px;}


/***************************************************/
/* Defines the Vendor Love Page                    */
/***************************************************/

#vendorlove {width: 960px; 
background-color: transparent;
background-image: url("http://www.jrphotosandwebdesign.com/photos/i-SxPwZq4/0/O/i-SxPwZq4-O.png");
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
background-clip: border-box;
background-origin: padding-box;
background-size: auto auto;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
margin-top: 10px;
margin-bottom: 15px;
border: 1px solid #d4d4d4;
-webkit-box-shadow: 8px 8px 8px #e3e3e3;
box-shadow: 8px 8px 8px #e3e3e3;}
#vendorloverowsmug {width: 960px;  height: 137px; padding-top: 10px; padding-bottom: 10px; padding-left: -10px;}
#vendorloverow {width: 960px;  height: 137px; padding-top: 10px; padding-bottom: 10px;}
#vendorlovec1 {width: 125px;  height: 125px; float: left; margin-left: 10px;}
#vendorlovec2 {width: 125px;  height: 125px; float: left; margin-left: 10px;}
#vendorlovec3 {width: 125px;  height: 125px; float: left; margin-left: 10px;}
#vendorlovec4 {width: 125px;  height: 125px; float: left; margin-left: 10px;}
#vendorlovec5 {width: 125px;  height: 125px; float: left; margin-left: 10px;}
#vendorlovec6 {width: 125px;  height: 125px; float: left; margin-left: 10px;}
#vendorlovec7 {width: 125px;  height: 125px; float: left; margin-left: 10px;}