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

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

html 
{
}

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

h1 
{
}

h2 
{
}

h3 
{
}

h4 
{
    padding-bottom  : .5em;
}

h5 
{
    padding         : 0 0 .5em 0;
}

h6 
{
}

p 
{
	margin			: 0.2em 0 1em;
}

ul 
{
	margin			: 0.2em 0 1em;
	padding			: 0 0 0 2em;
	list-style-type	: disc;
}

ol 
{
	margin			: 0.2em 0 1em;
	padding			: 0 0 0 2em;
	list-style-type	: decimal;
}

li 
{
}

strong 
{
}

em 
{
}

u 
{
}

a 
{
}

a:visited 
{
}

a:hover 
{
}

table 
{
}

tr 
{
}

th 
{
	padding			: 5px;
}

td 
{
	padding			: 5px;
}

img 
{
}

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

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

/*___ DIV _________________________________________________________________*/

#header
{
	position		: relative;	
	height			: 123px;
}

#header .nav
{
	position		: relative;
	padding			: 15px 15px 0;	
}

.section.content
{
	position		: relative;
	padding			: 26px 43px 44px 50px;
	overflow		: hidden;
}

.home .section.content
{
	padding			: 7px 97px 44px;
}

#footer
{
	text-align		: center;
	height			: 7.5em;
	position		: absolute;
	bottom			: -7.5em;
	left			: 0;	
	width			: 960px;
}

.article.main
{
	padding-top		: 20px;	
	width			: 183px;
	min-height		: 250px;
	display			: block;
	margin-right	: 45px;
	float			: left;
}

.home .article.main
{
	padding			: 0 0 0 0;
	width			: 296px;
	float			: none;
	display			: inline-block;	
	min-height		: 0;
	margin-right		: 14px;
	vertical-align		: top;
}

.section.lightbox
{
	display			: inline-block;	
	position		: relative;
}

.section.additional
{
	display			: inline-block;
	position		: relative;
	padding-top		: 30px;	
	width			: 610px;
}

.section.projects
{
    padding-top     : 18px;
}

.home .section.additional
{
	width			: 424px;
	padding			: 0 0 0 10px;	
	vertical-align	: top;
}

.copyright
{
	margin-top		: 6px;	
}

.figure.banner
{
	width			: 744px;
	margin			: 0 auto 9px;	
}

.projectGallery
{
	display			: block;
	float			: right;
	width			: 237px;	
}

.projects .article
{
    display         : inline-block;
    width           : 363px;
}

/*___ SPAN _________________________________________________________________*/

#header .phone
{
	position		: absolute;
	right			: 20px;
	top				: -37px;	
}

.contact label > span:first-child
{
	display			: block;	
}

.loginBox span
{
    display         : inline-block;
    width           : 100px;
}

.loginBox .required
{
    margin-left     : 105px;
}

/*___ H1 _________________________________________________________________*/

/*___ H2 _________________________________________________________________*/

#header h2
{
	position		: absolute;
	right			: 0;
	top				: -78px;	
}

/*___ H3 _________________________________________________________________*/

.nav h3
{
	margin-left		: 265px;	
}

.home .nav h3
{
	display			: none;	
}

/*___ H4 _________________________________________________________________*/

.article.main h4
{
	margin-left		: -18px;	
}

.home .article.main h4
{
	margin-left		: 0;	
}

.home h4
{
    padding         : 5px 0;
}

.home .section.additional h4
{
	padding-left	: 10px;
	margin-left		: -10px;
}

/*___ H5 _________________________________________________________________*/

/*___ H6 _________________________________________________________________*/

/*___ H6 _________________________________________________________________*/

/*___ P _________________________________________________________________*/

.products p
{
	padding-left	: 193px;	
}

.projects p
{
    padding-bottom  : 1em;
    margin          : 0;
}

/*___ UL _________________________________________________________________*/

.nav .root
{
	text-align		: right;
	margin			: 0 0 22px;	
	list-style-type	: none;
}

.nav .sub
{
	margin			: 7px 0 0 265px;
	list-style-type : none;
	padding			: 0;	
}

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

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

.article.main ul
{
    padding         : 0;
    list-style-type : none;
}

.projects .gallery
{
    width           : 213px;
    display         : inline-block;
    vertical-align  : top;
	margin			: 0;
	padding			: 0;
	list-style-type	: none;
}

/*___ OL _________________________________________________________________*/

/*___ LI _________________________________________________________________*/

.nav .root li
{
	display			: inline;	
	margin-left		: 40px;
}

.nav .sub li
{
	display			: inline;
	padding			: 0 10px;
}

.nav .sub li:first-child
{
	padding-left	: 0;	
}

.lightbox li
{
	display			: inline-block;
	vertical-align	: top;	
	text-align		: center;
	width			: 111px;
	margin-left		: 15px;
}

.lightbox li:first-child
{
	margin-left		: 0;
}

.projects li
{
	overflow		: hidden;
	margin-bottom	: 28px;	
}

.article.main li
{
    padding-bottom  : 1em;
}

.projects .gallery li
{
	padding			: 0;
    margin-bottom   : 10px;
}

/*___ STRONG _________________________________________________________________*/
.projects strong
{
    display         : block;
}

/*___ EM _________________________________________________________________*/

/*___ U _________________________________________________________________*/

/*___ A _________________________________________________________________*/

#header h1 a
{
	position		: absolute;
	top				: -78px;
	left			: 0;
	display			: block;
	width			: 248px;
	height			: 186px;
	text-indent		: -9999em;
}

.nav .root a
{
	padding-bottom	: 3px;
}

#corner
{
	display			: block;
	text-indent		: -9999em;
	width			: 78px;
	height			: 70px;
	position		: absolute;
	right			: -8px;
	bottom			: -16px;
}

.login
{
    position        : absolute;
    top             : 5px;
    left            : 0;
    display         : block;
    width           : 67px;
    padding         : 7px 0;
    text-align      : center;
}

.loginBox .login
{
    position        : relative;
    float           : right;
}

.lightbox a
{
    margin          : 0 auto;
}

.lightbox .thumbnail
{
    display         : block;
    width           : 100px;
    height          : 100px;
    overflow        : hidden;
    margin          : 0 auto 13px auto;
}

/*___ TABLE _________________________________________________________________*/
.loginBox
{
    position        : absolute;
    top             : -100px;
    left            : 100px;
    width           : 350px;
}

/*___ TR _________________________________________________________________*/

/*___ TH _________________________________________________________________*/

/*___ TD _________________________________________________________________*/
.loginBox td
{
    padding         : 20px;
    overflow        : hidden;
}

/*___ IMG _________________________________________________________________*/

.lightbox img
{
	display			: block;
	margin          : 0 0 0 -25px;
    width           : 150px;
}

.projects img
{
	float			: left;
	margin          : 0 15px 0 0;
	clear           : both;
	width           : 235px;
	height          : auto;
}

.additional.projects img
{
    float           : none;
    margin          : 0;
    width           : 211px;
    height          : auto;
}

/*___ FORM _________________________________________________________________*/

body > form
{
	padding			: 9px;
	margin-top		: 78px;
	margin-bottom	: 8em;
}

/*___ INPUT _________________________________________________________________*/

.contact textarea
{
	width			: 90%;	
}

input
{
    padding         : 2px 1px;
}

.loginBox input
{
    display         : inline-block;
    width           : 178px;
}

.loginBox input[type="checkbox"]
{
    width           : auto;
    margin-right    : 5px;
}

/*___ LABEL _________________________________________________________________*/

.contact label
{
	display			: block;
	margin-bottom	: 1em;
}

.loginBox label
{
    display         : block;
    margin-bottom   : 5px;
}

.loginBox input + label
{
    display         : inline-block;
}

/*___Group/Section/Class_________________________________________________________________*/