﻿/****************************************************************************************\

    Global Selectors

\****************************************************************************************/

html 
{
}

body 
{
    position 		: relative;
    width 			: 100%;
}

h1 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

h2 
{
    margin          : 0 0 .2em 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

h3 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

h4 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

h5 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

h6 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

p 
{
    margin          : 0;
    padding         : .2em 0 1em 0;
    letter-spacing  : normal;
    line-height     : 1.4em;
}

ul 
{
    margin          : 0 2em 1em;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
    list-style-type	: disc;
}

ol 
{
    margin          : 0 2em 1em;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
    list-style-type : decimal;
}

li 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

strong 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

em 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

u 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

a 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

a:visited 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

a:hover 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

table 
{
    width           : auto;
    height          : auto;
    margin          : 1em 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

tr 
{
    width           : auto;
    height          : auto;
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

th 
{
    width           : auto;
    height          : auto;
    margin          : 0;
    padding         : 5px;
    letter-spacing  : normal;
    line-height     : normal;
}

td 
{
    width           : auto;
    height          : auto;
    margin          : 0;
    padding         : 5px;
    letter-spacing  : normal;
    line-height     : normal;
}

img 
{
}

/****************************************************************************************\
    
	Compound Selectors
	
\****************************************************************************************/

/*___ DIV _________________________________________________________________*/


.page.header
{
	position		: relative;
	margin			: 0 auto;
	width			: 960px;
	height			: 195px;
}

.content.section
{
	position		: relative;
	width			: 960px;
	margin			: 0 auto;
	overflow		: hidden;
	padding         : 0 0 2em 0;
}

.main.section
{
	position		: relative;
	width			: 695px;
	margin			: 35px 0 15px 15px;
	float			: right;
}

.nav.main
{
	position		: relative;
	width			: 250px;
	padding			: 0 0 0 0;
	margin-top		: 45px;	
}

.extraColumn .content.section
{
	padding			: 0 245px 0 250px;
	width			: 465px;
	overflow		: visible;
}

.extraColumn .main.section
{
	float			: left;
	width			: 450px;
}

.extraColumn .nav.main
{
	float			: left;
	margin-left		: -715px;
}

.extraColumn .extra.section
{
	float			: right;
	width			: 230px;
	margin-left		: 15px;
	margin-right	: -245px;
}

.recent.post
{
	position		: relative;
	width			: 448px;
	margin			: 0 auto;	
	padding-left	: 266px;
	padding-right	: 246px;
	min-height		: 236px;
}

#flickrFeed
{
	position		: absolute;
	right			: 32px;
	top				: 28px;	
	width			: 222px;
}

#flickrFeed div
{
	display			: inline;	
}

.anchor
{
	height			: 1px;
	clear			: both;
}

#homeColumns
{
	position		: relative;
	overflow		: hidden;
	margin			: 1em 0;	
}

#homeColumns .first
{
	position		: relative;
	float			: left;
	width			: 335px;
	margin-right	: 15px;	
}

#homeColumns .second
{
	position		: relative;
	float			: left;
	width			: 330px;
}

#joannaPicWrapper
{
	position		: absolute;
	left			: 0px;
	top				: 0;	
	width			: 191px;
	height			: 220px;
}

#facebook 
{
    position        : absolute;
    left            : 0px; 
    top             : 18px;   
}

/*___ SPAN _________________________________________________________________*/

.header h1 span
{
	position		: absolute;
	width			: 90px;
	height			: 169px;
	text-indent		: -9999em;
	right			: -90px;
	top				: 0;	
}

.copyInfo
{
	display			: block;
}

.copyInfo > span
{
	display			: block;
	text-align		: center;
	width			: 960px;
	padding			: 0.5em 0;	
	margin			: 0 auto;
}

.services.pictures
{
	margin-top		: -15px;	
}

.services.pictures .figure
{
	margin-bottom	: 15px;	
}

.figure h3 span 
{
    display         : block;
    margin-top      : .3em;    
}

#contactForm .fieldName
{
	display			: block;	
}

/*___ H1 _________________________________________________________________*/

/*___ H2 _________________________________________________________________*/

/*___ H3 _________________________________________________________________*/

/*___ H4 _________________________________________________________________*/

#homeColumns h4
{
	padding			: 5px;	
	margin-bottom	: 0.5em;
}

/*___ H5 _________________________________________________________________*/

/*___ H6 _________________________________________________________________*/

/*___ H6 _________________________________________________________________*/

/*___ P _________________________________________________________________*/

/*___ UL _________________________________________________________________*/

.main.menu.list
{
	list-style-type	: none;
	margin			: 0 57px 0 0;
	padding			: 0;	
}

.main.menu.list ul
{
	list-style-type : none;	
	margin			: 0 0 1em;
	padding			: 0;
}

.list.blog.posts
{
	margin			: 0;
	padding			: 1em 0;
	list-style-type	: none;
}

.figure.list 
{
    list-style-type : none;
    margin          : 0;    
}

#homeColumns .list
{
	margin			: 0 0 1em 0;
	padding			: 0;
	list-style-type	: none;
}

/*___ OL _________________________________________________________________*/

/*___ LI _________________________________________________________________*/

.figure.list li
{
    overflow		: hidden;
	margin-bottom	: 30px;	
}
.main.menu.list li 
{
    margin          : .3em 0;   
}

#homeColumns .list li
{
	margin-bottom	: 1em;
	padding-left	: 30px;
	padding-bottom	: 3px;
}

/*___ STRONG _________________________________________________________________*/

/*___ EM _________________________________________________________________*/

/*___ U _________________________________________________________________*/

/*___ A _________________________________________________________________*/

.header h1 a
{
	position		: absolute;
	left			: 0;
	top				: 0;
	width			: 491px;
	height			: 171px;	
	text-indent		: -9999em;
}

.main.menu.list a
{
	display			: block;
	
}

.main.menu.list > li > a,
.main.menu.list > li > a:visited
{
	padding-left	: 9px;	
	padding-bottom	: 2px;
}

.main.menu.list ul a,
.main.menu.list ul a:visited
{
	padding-left	: 19px;
	padding-bottom	: 2px;	
}

.main.menu.list > li > a:hover,
.main.menu.list > li > a.current
{
	padding-bottom	: 0px;
	padding-left	: 8px;	
}

.main.menu.list ul a:hover,
.main.menu.list ul a.current
{
	padding-bottom	: 0px;
	padding-left	: 18px;	
}

.main.menu.list ul li ul 
{
    display         : none;    
}

#flickrFeed a
{
	position		: relative;
	display			: block;
	width			: 70px;
	height			: 70px;
	margin-left		: 30px;	
	margin-bottom	: 27px;
	float			: left;
}

a[href*=".pdf"],
a.externalLink 
{
    padding-left     : 30px;    
}
/*___ TABLE _________________________________________________________________*/

/*___ TR _________________________________________________________________*/

/*___ TH _________________________________________________________________*/

/*___ TD _________________________________________________________________*/

/*___ IMG _________________________________________________________________*/

#flickrFeed img
{
	width			: 70px !important;
	height			: 70px !important;	
}

.figure.list .thumb
{
	float			: right;
	margin-left		: 20px;	
}

img[style="float: right;"]
{
	margin-left		: 10px;	
}

img[style="float: left;"]
{
	margin-right	: 10px;	
}

/*___ FORM _________________________________________________________________*/

/*___ INPUT _________________________________________________________________*/

/*___ LABEL _________________________________________________________________*/

#contactForm label
{
	display			: block;
	margin-bottom	: 20px;	
}

/*___Group/Section/Class_________________________________________________________________*/
