/*___ 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             : 15px;
    right           : 25px;
}

h2 
{
    margin-bottom   : 5px;
}

h3 
{
    margin-bottom   : 5px;
}

h4 
{
    margin-bottom   : 5px;
}

h5 
{
    margin-bottom   : 5px;
}

h6 
{
    margin-bottom   : 5px;
}

p 
{
    line-height     : 19px; 
    padding-bottom  : 13px;
}

ul 
{
}

ol 
{
}

li 
{
}

strong 
{
}

em 
{
}

u 
{
}

a 
{
}

a:visited 
{
}

a:hover 
{
}

table 
{
}

tr 
{
}

th 
{
}

td 
{
}

img 
{
}

/*___ Section 2: Site-Specific Positioning/Layout Modules ___*/
.button
{
    display         : block;
    height          : 30px;
    padding         : 6px 5px 0 5px;
}

input.button
{
    height          : 36px;
    padding         : 0 5px;
    cursor          : pointer;
    margin-top      : 10px;
    float           : right;
}

/*___ Section 3: Unique Element-Specific Position/Layout Styles ___*/

/*___ DIV _________________________________________________________________*/
#header
{
    position        : relative;
    height          : 101px;
}

#primary
{
    float           : right;
    position        : relative;
    width           : 680px;
    padding         : 35px 10px 10px 10px;
    margin-right    : 10px;
    margin-left     : 8px;
}

#home #primary
{
    margin-bottom   : 31px;
}

#secondary
{
    position        : relative;
    width           : 220px;
    padding         : 35px 10px 10px 10px;
}

#footer
{
    clear           : both;
    display         : block;
    margin          : 0 -20px;
    padding         : 10px 30px;
    text-align      : center;
}

.subcolumn
{
    position        : relative;
    display         : inline-block;
    vertical-align  : top;
}

#text
{
    width           : 290px;
    padding-right   : 5px;
}

#photos
{
    width           : 370px;
    padding         : 0 0 0 10px;
}

.wrapper
{
    position        : relative;
    width           : 640px;
    margin          : 0 auto;
}

#tertiary
{
    position        : relative;
    clear           : both;
    padding         : 0 10px 10px;
}

#map
{
    position        : relative;
    height          : 445px;	
}

.vcard
{
    line-height     : 18px;
}

/*___ SPAN _________________________________________________________________*/
h1 span
{
    display         : block;
    position        : absolute;
    bottom          : -6px;
    right           : 40px;
}

.street-address,
.adr,
.tel
{
    display         : block;
}

/*___ H1 _________________________________________________________________*/

/*___ H2 _________________________________________________________________*/
#tertiary h2
{
    line-height     : 32px;
    margin          : 0;
    padding         : 0;
}

/*___ H3 _________________________________________________________________*/

/*___ H4 _________________________________________________________________*/

/*___ H5 _________________________________________________________________*/

/*___ H6 _________________________________________________________________*/

/*___ H6 _________________________________________________________________*/

/*___ P _________________________________________________________________*/
#footer p
{
    padding-bottom  : 0;
}

/*___ UL _________________________________________________________________*/
#primary ul
{
    margin          : 0 20px;
    padding         : 0 0 0 20px;
    list-style-type : disc;
}

#primary ul.gallery
{
    margin          : 0;
    padding         : 0;
    list-style-type : none;
}

/*___ OL _________________________________________________________________*/
#primary ol
{
    margin          : 0 20px;
    padding         : 0 0 0 20px;
    list-style-type : decimal;
}

/*___ LI _________________________________________________________________*/
#sub.nav li
{
    display         : inline-block;
    text-align      : center;
    width           : 75px;
    padding-left    : 10px;
    margin-top      : 10px;
}

#sub.nav li:first-child
{
    width           : 60px;
    padding-left    : 0;
}

#footer .main li
{
    display         : inline-block;
    margin          : 0 10px 0 0;
    padding         : 0 0 0 10px;
}

#footer .main li:first-child
{
    padding         : 0 0 0 10px;
}

#primary ul li,
#primary ol li
{
    line-height     : 20px;
    padding-bottom  : 7px;
}

#tertiary #content li
{
    position        : relative;
    display         : inline-block;
    vertical-align  : top;
    width           : 290px;
    padding         : 10px;
}

#tertiary #content #newsletter
{
    width           : 278px;
    margin          : 10px 10px 10px 0;
    overflow        : hidden;
}

ul.gallery li
{
    width           : 165px;
    display         : inline-block;
    vertical-align  : middle;
    text-align      : center;
}

/*___ STRONG _________________________________________________________________*/

/*___ EM _________________________________________________________________*/

/*___ U _________________________________________________________________*/

/*___ A _________________________________________________________________*/
#secondary .main a
{
    display         : block;
    width           : 220px;
    height          : 30px;
    padding         : 6px 0 0 0;
    margin          : 0 0 10px 0;
    text-align      : center;
}

a.gallery
{
    position        : absolute;
    top             : -21px;
    right           : 37px;
    width           : 220px;
    text-align      : center;
}

/*___ TABLE _________________________________________________________________*/

/*___ TR _________________________________________________________________*/

/*___ TH _________________________________________________________________*/

/*___ TD _________________________________________________________________*/

/*___ IMG _________________________________________________________________*/
#photos .img
{
    max-width       : 370px;
}

ul.gallery li img
{
    width           : 158px;
    height          : auto;
}

.wrapper img
{
    display         : block;
}

/*___ FORM _________________________________________________________________*/

/*___ INPUT _________________________________________________________________*/
input[type="text"],
textarea
{
    width           : 242px;
    padding         : 10px 15px;
}

#contact input,
#contact textarea
{
	margin-bottom	: 20px;	
}

#contact input[type="submit"]
{
	display			: block;	
}

/*___ LABEL _________________________________________________________________*/

/*___ CITE _________________________________________________________________*/
#footer cite
{
    display         : block;
    margin-top      : 35px;
}

#footer cite.mindfly
{
    margin-top	     : 5px;	
}

/*___Group/Section/Class_________________________________________________________________*/
