/*___ 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;
}

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     : 18px;
}

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

/*___ Section 3: Unique Element-Specific Position/Layout Styles ___*/

/*___ 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           : 610px;
    padding         : 10px 0 10px 10px;
    margin-right    : 7px;
}

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

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

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

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

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

#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;
}

/*___ H1 _________________________________________________________________*/

/*___ H2 _________________________________________________________________*/
#header .contact
{
    position        : absolute;
    right           : 20px;
    bottom          : 180px;
    text-align      : right;
}

#footer .vcard h2
{
    margin-bottom   : 17px;
}

/*___ H3 _________________________________________________________________*/
.important h3
{
    padding-bottom  : 5px;
}

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

/*___ H4 _________________________________________________________________*/
#secondary h4
{
    padding-bottom  : 5px;
}

/*___ H5 _________________________________________________________________*/

/*___ H6 _________________________________________________________________*/

/*___ H6 _________________________________________________________________*/

/*___ P _________________________________________________________________*/

/*___ 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   : 20px;
}

.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;
}

/*___ 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   : 50px;
    margin          : 0 -50px 0 -5px;
}

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

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

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

/*___ 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;
}

/*___ 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;
}

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

/*___Group/Section/Class_________________________________________________________________*/