/*___ color.css: Color/Backgrounds Styles ___*/

/*___ Section 1: Global Color/Backgrounds Styles ___*/

html 
{
    background      : #FFFFFF url(images/htmlBG.jpg) repeat-x top left;
}

body 
{
    background-color: #FFFFFF;
    color           : #2F2F2F;
}

h1 
{
}

h2 
{
    color           : #4F0000;
}

h3 
{
}

h4 
{
    color           : #4F0000;
}

h5 
{
}

h6 
{
}

p 
{
}

ul 
{
}

ol 
{
}

li 
{
}

strong 
{
}

em 
{
}

u 
{
}

a 
{
    color           : #4C83AF;
}

a:visited 
{
    color           : #4C83AF;
}

a:hover 
{
    color           : #4C83AF;
}

table 
{
}

tr 
{
}

th 
{
    border          : solid 1px #5D5D5D;
}

td 
{
    border          : solid 1px #5D5D5D;
}

img 
{
}

/*___ Section 2: Site-Specific Global Color/Backgrounds Modules ___*/
.button,
#secondary .button
{
    color           : #FFFFFF;
    background      : #4F0100;
}

.button:hover,
#secondary .button:hover
{
    background      : #5F1312;
}

/*___ Section 3: Unique Element-Specific Global Color/Backgrounds Styles ___*/

/*___ DIV _________________________________________________________________*/
#content.home
{
    background      : transparent url(images/contentBG.jpg) repeat-y top left;
}

#content
{
    background      : transparent url(images/contentBaseBG.jpg) repeat-y top left;
}

#header
{
    background      : transparent url(images/headerBG.jpg) no-repeat top left;
}

#secondary
{
    color           : #FFFFFF;
}

#footer
{
    background-color: #4F0000;
    color           : #EFEFEF;
}

#testimonials
{
    background      : transparent url(images/testimonialsBG.jpg) no-repeat bottom right;
}

#map{
    border	    : solid 1px black;
}

@media handheld, only screen and (max-device-width: 480px)
{
	#header
	{
		background      : transparent url(images/headerBGMobile.jpg) no-repeat top left;
	}
}

/*___ SPAN _________________________________________________________________*/

a.button span.title 
{
background      : transparent url(images/rss.png) no-repeat top left;
}

#header .contact
{
    color           : #FFFFFF;
}

@media handheld, only screen and (max-device-width: 480px)
{
	#header .contact
	{
		color		: #FFFFFF;
	}
}

.podcast
{
	background		: #ffffff url(images/podcastBG.png) repeat-x bottom left;
	color			: black;
	border-radius	: 10px;
}

.home .podcast
{
	background		: url(images/podcastMic.png) no-repeat left, url(images/podcastBG.png) repeat-x bottom left;
}

/*___ H1 _________________________________________________________________*/

/*___ H2 _________________________________________________________________*/
.home #secondary h2
{
    color           : #FFFFFF;
}

#primary > h2,
#testimonials h2,
.rss h2
{
    border-bottom   : solid 1px #4F0000;
}

#footer h2
{
	color			: #FFFFFF;
}

.home #secondary .podcast h2
{
	color			: #4F0000;
}

/*___ H3 _________________________________________________________________*/

/*___ H4 _________________________________________________________________*/

/*___ H5 _________________________________________________________________*/
#secondary h5
{
    color           : #FFFFFF;
}

/*___ H6 _________________________________________________________________*/

/*___ H6 _________________________________________________________________*/

/*___ P _________________________________________________________________*/

/*___ UL _________________________________________________________________*/
/*#main.nav
{
    background      : #5D5D5D;
}*/

ul.featured li.mip
{
    background      : transparent url(images/mipBG.jpg) no-repeat top left;
}
ul.featured li.mip:hover
{
    background      : transparent url(images/mipBG.jpg) no-repeat 99.75% 0;
}

.about ul
{
	color			: #FFFFFF;
}

/*___ OL _________________________________________________________________*/

/*___ LI _________________________________________________________________*/
#main.nav li
{
    background      : transparent url(images/navItemBG.png) no-repeat top left;
}

#main.nav li:first-child
{
    background      : none;
}

.important > li
{
    background      : transparent url(images/listBG.jpg) no-repeat top left;
}

.laws
{
    background      : transparent url(images/lawsBG.jpg) no-repeat top left;
}
.laws:hover
{
    background      : transparent url(images/lawsBG.jpg) no-repeat 100.25% 0;
}

.license
{
    background      : transparent url(images/licenseBG.jpg) no-repeat top left;
}
.license:hover
{
    background      : transparent url(images/licenseBG.jpg) no-repeat 92.5% 0;
}

.canada
{
    background      : transparent url(images/canadaBG.jpg) no-repeat top left;
}

.canada:hover
{
    background      : transparent url(images/canadaBG.jpg) no-repeat 100% 0;
}

.attorney
{
    background      : transparent url(images/attorneyBG.jpg) no-repeat top left;
}
.attorney:hover
{
    background      : transparent url(images/attorneyBG.jpg) no-repeat 100.25% 0;
}



.pager li
{
    border          : solid 1px #4F0000;
}

.podcasts li
{
    border-top      : solid 1px #DFDFDF;
}

.podcasts li:first-child
{
    border-top      : none;
}

/*___ STRONG _________________________________________________________________*/

/*___ EM _________________________________________________________________*/

/*___ U _________________________________________________________________*/

/*___ A _________________________________________________________________*/
h1 a,
h1 a:visited,
h1 a:hover
{
    background      : transparent url(images/logo.gif) no-repeat top left;
}

#main.nav a
{
    color           : #FFFFFF;
}

#secondary .sub a
{
    color           : #FFFFFF;
}

.sub a:hover,
.sub a.active
{
    background      : #5D5D5D;
}

.sub ul a:hover,
.sub ul a.active
{
	background		: none;
}

#secondary a
{
	color			: #B3D5EF;
}

#main.nav li a:hover,
#main.nav .active
{
    background      : #343434;
}

.pager a
{
    background      : #EFEFEF;
}

.pager a:hover,
.pager .current
{
    background      : #343434;
    color           : #FFFFFF;
}

#secondary .podcast a
{
	color           : #ffffff;
	background      : #4c83af;
	border-radius	: 10px;
	box-shadow		: 2px 2px 2px rgba(0,0,0,.75);
}

#secondary .podcast a:hover
{
	opacity			: .7;
	box-shadow		: none;
}

/*___ TABLE _________________________________________________________________*/

/*___ TR _________________________________________________________________*/

/*___ TH _________________________________________________________________*/

/*___ TD _________________________________________________________________*/

/*___ IMG _________________________________________________________________*/
img
{
    border          : solid 1px #5D5D5D;
}

/*___ FORM _________________________________________________________________*/

/*___ INPUT _________________________________________________________________*/

/*___ LABEL _________________________________________________________________*/

/*___ CITE _________________________________________________________________*/
#footer cite
{
    background      : #8d8d8d;
    border-left     : solid 1px #323232;
    border-right    : solid 1px #323232;
    color           : #323232;
}

abbr 
{
    color           : #4f0000;    
}

/*___Group/Section/Class_________________________________________________________________*/
