/*___ layout.css: Positioning and Layout Styles ___*/

/*___ Section 1: Global Positioning/Layout Styles ___*/

html 
{
}

body 
{
    position        : relative;
    width           : 960px;
    margin          : 0 auto;
}

h1 
{
    position        : absolute;
    top             : 70px;
    left            : 30px;
    text-indent     : -9999em;
}

h2 
{
}

h3 
{
}

h4 
{
}

h5 
{
}

h6 
{
}

p 
{
    line-height     : 20px;
    /*padding-bottom  : 14px;*/
    margin-bottom   : 20px;
    margin-top      : 10px;
}

ul 
{
    padding         : 0 10px;
    list-style-type : disc;
    margin          : 0 0 0 20px;
}

ol 
{
    padding         : 0 10px;
    margin          : 0 0 20px 20px;
}

li 
{
    line-height     : 18px;
    padding-bottom  : 7px;
}

strong 
{
}

em 
{
}

u 
{
}

a 
{
}

a:visited 
{
}

a:hover 
{
}

table 
{
}

tr 
{
}

th 
{
    padding         : 3px;
}

td 
{
    padding         : 3px;
}

img 
{
}

blockquote 
{
    line-height     : 20px;
}

/*___ Section 2: Site-Specific Positioning/Layout Modules ___*/

/*___ Section 3: Unique Element-Specific Position/Layout Styles ___*/
.button
{
    display         : block;
    padding         : 10px;
    text-align      : center;
    margin          : 30px auto;
}

ul + p .button
{
    margin          : 10px auto;
}

/*___ DIV _________________________________________________________________*/
#header
{
    position        : relative;
    padding         : 10px;
    height          : 411px;
    margin          : 0 -10px;
}

#content
{
    position        : relative;

}

#primary
{
    display         : inline-block;
    vertical-align  : top;
    float           : right;
    width           : 698px;
    padding         : 10px 10px 10px 0;
}

.home #primary
{
    width           : 550px;
    padding-right   : 0;
}

#secondary
{
    display         : inline-block;
    vertical-align  : top;
    width           : 220px;
    padding         : 10px;
    margin-right    : 10px;
}

.home #secondary
{
    width           : 380px;
}

.clear
{
    height          : 1px;
    clear           : both;
}

#footer
{
    position        : relative;
}

.about
{
    display         : inline-block;
    vertical-align  : top;
    width           : 710px;
    padding         : 10px 0 10px 10px;
    margin-right    : 7px;
}

#footer .vcard
{
    display         : inline-block;
    vertical-align  : top;
    width           : 210px;
    padding         : 10px 10px 10px 0;
    text-align      : right;
}

#testimonials
{
    margin-bottom   : -10px;
    padding-bottom  : 5px;
}

#map
{
	display			: block;
	width			: 100%;
	height			: 400px;	
}

.podcast
{
	margin			: 0 10px;
	padding         : 10px;
	text-align		: center;
}

.home .podcast
{
	padding         : 10px 10px 10px 123px;
}

/*___ SPAN _________________________________________________________________*/
h1 span
{
    display         : block;
    margin-left     : 57px;
}

h2 span
{
    display         : block;
    line-height     : 28px;
}

#header .contact
{
    position        : absolute;
    right           : 20px;
    bottom          : 180px;
    text-align      : right;
}

@media handheld, only screen and (max-device-width: 480px)
{
	#header .contact
	{
		right           : 40px;
		bottom          : 280px;
	}
}

#header .contact span
{
    display         : block;
}

#footer .vcard > span,
.street-address
{
    display         : block;
}

.adr
{
    margin-bottom   : 12px;
}

.important h3 span
{
    position        : absolute;
    top             : 7px;
    left            : 15px;
}

.date
{
    display         : block;
    padding-bottom  : 5px;
}

span.title 
{
	display			: block;
	margin-bottom	: 10px;
	margin-left     : -15px;
	padding-left    : 30px;
	line-height     : 30px;
}

/*___ H1 _________________________________________________________________*/

/*___ H2 _________________________________________________________________*/
#footer .vcard h2
{
    margin-bottom   : 17px;
}

.important h2
{
    padding-bottom  : 5px;
}

#primary > h2,
#testimonials h2,
.rss h2
{
    margin-bottom   : 15px;
    padding-bottom  : 1px;
}

.featured h2 
{
    line-height     : 27px;
    margin-bottom   : 5px;  
}

/*___ H3 _________________________________________________________________*/
h3 + p 
{
    margin-top      : 0px;    
}


#secondary h3
{
    padding-bottom  : 5px;
}

.rss h3 
{
    line-height     : 30px;   
}

/*___ H4 _________________________________________________________________*/

/*___ H5 _________________________________________________________________*/

/*___ H6 _________________________________________________________________*/

/*___ H6 _________________________________________________________________*/

/*___ P _________________________________________________________________*/

.rss p 
{
    margin-top      : 5px;
    margin-bottom   : 5px;   
}

.important p 
{
    margin-left     : 20px;
    margin-right    : 20px;    
}

.about p
{
	text-align		: justify;
}


/*___ UL _________________________________________________________________*/
#main.nav
{
    position        : relative;
    height          : 48px;
    margin          : -178px 0 0 0;
    padding         : 0;
}

.important ul
{
    margin          : 0;
    padding         : 0;
    list-style-type : none;
}

#primary ul
{
    margin-bottom   : 15px;
}

.sub
{
    margin          : 0 -10px;
    padding         : 0;
    list-style-type : none;
}

.sub ul
{
	margin			: 10px 0 0 0;
	padding			: 0;
	list-style		: none;
	display			: none;
}

.sub .active + ul
{
	display			: block;
}

.hasJS .sub .active + ul
{
	display			: none;	
}

.featured
{
    margin          : 0 0 0 -3px;
    padding         : 0;
    list-style-type : none;
}

.rss
{
    padding         : 0;
    margin          : 0;
    list-style-type : none;
}

.pager
{
    margin          : 0;
    padding         : 0;
    list-style-type : none;
    text-align      : right;
}


.podcasts
{
    margin          : 0;
    padding         : 0;
    list-style-type : none;
}

ul.featured li.mip
 {
	width			: 500px;
	height			: 130px;
	padding-right	: 40px;
}

.about ul
{
	margin-left		: 178px;
	list-style-type	: disc;
}

/*___ OL _________________________________________________________________*/
.important
{
    margin          : 0;
    padding         : 0;
}

#primary ol
{
    list-style-type : decimal;
}

#primary ol ol
{
    list-style-type : lower-alpha;
    margin          : 10px 0 0 30px;
}

#primary ol ol ol
{
    list-style-type : lower-roman;
    margin          : 10px 0 0px 30px;
}

/*___ LI _________________________________________________________________*/
#main.nav li
{
    display         : inline-block;
    vertical-align  : middle;
}

.important > li
{
    position        : relative;
    margin          : 0 -10px 0 -32px;
    padding         : 5px 10px 0 46px;
}

.featured li
{
    display         : inline-block;
    vertical-align  : top;
    text-align      : center;
    min-height      : 120px;
    width           : 240px;
    padding         : 10px 0 10px 10px;
}

.featured .laws
{
    padding-right   : 25px;
}

.featured .license
{
    padding-right   : 35px;
    margin          : 0 -50px 0 -3px;
}

.featured .canada
{
    padding-right   : 25px;
}

.featured .attorney
{
    padding-right   : 46px;
    margin          : 0 -50px 0 -3px;
    min-height      : 130px;
}

#primary ol ol ol li
{
    padding-bottom  : 0;
}

.pager li
{
    display         : inline-block;
    margin-left     : 5px;
    padding         : 0;
}

.pager .current
{
    padding         : 2px 5px;
}

.podcasts li
{
    padding         : 10px 0;
}

.podcasts li:first-child
{
    padding-top     : 0;
}

.about li
{
	float			: left;
	margin-left		: 20px;
	list-style-type	: disc;
	width			: 27%;
	vertical-align	: top;
}

/*___ STRONG _________________________________________________________________*/

/*___ EM _________________________________________________________________*/

/*___ U _________________________________________________________________*/

/*___ A _________________________________________________________________*/
.sub a
{
    display         : block;
    width           : 220px;
    padding         : 5px 10px;
}

h1 a
{
    display         : block;
    width           : 402px;
    height          : 120px;
}

#footer a
{
    color           : #B3D5EF;
}

#main.nav li a
{
    display         : block;
    padding         : 17px 10px 13px 13px;
}

.pager a
{
    display         : block;
    padding         : 2px 5px;
}

.podcast a
{
	display			: block;
	margin			: 0 auto;
	width           : 68%;
	height          : 36px;
}

/*___ TABLE _________________________________________________________________*/

/*___ TR _________________________________________________________________*/

/*___ TH _________________________________________________________________*/

/*___ TD _________________________________________________________________*/

/*___ IMG _________________________________________________________________*/
.about img
{
    float           : left;
    margin-right    : 10px;
}

img[style*="left"]
{
    margin          : 0 10px 10px 0;
}

img[style*="right"]
{
    margin          : 0 0 10px 10px;
}
/*___ FORM _________________________________________________________________*/

/*___ INPUT _________________________________________________________________*/

/*___ LABEL _________________________________________________________________*/

/*___ BLOCKQUOTE _________________________________________________________________*/
blockquote
{
    padding-bottom  : 14px;
    padding-top     : 10px;
}

#testimonials blockquote 
{
    margin          : 0 20px;    
}

/*___ CITE _________________________________________________________________*/
#footer cite
{
    display         : block;
    width           : 958px;
    text-align      : center;
    padding         : 5px 0;
}


/*___Group/Section/Class_________________________________________________________________*/