/* ::::: http://www.themaninblue.com/experiment/footerStickAlt/css/main.css ::::: */

html { height: 100%; }
body { 
	height: 100%;
	background-color: #DEDEBD; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	text-align: justify;
}

p {
	margin-top: 1em;
	margin-bottom: 1em;
}

* { margin: 0pt; padding: 0pt; }

* html #page { height: 100%; }
.clearer { clear: both; display: block; height: 1px; margin-bottom: -1px; font-size: 1px; line-height: 1px; }
.hidden { position: absolute; left: -10000px; }

#header { 
	margin: 0pt 11px; 
	height: 171px;
/*	background-image: url(images/home-head.jpg);*/
}

#page { 
	position: relative; min-height: 100%;
	margin: 0pt auto; 
	width: 762px; 
	min-height: 100%; 
	text-align: justify;
	background-image: url('images/page-bg.jpg'); 
	background-position: center top; 
	background-repeat: repeat-y; 
}

#footer { 
	position: absolute; bottom: 0pt; 
	width: 740px; 
	margin-left: 11px; 
	padding-bottom: -10px;
	font-size: 85%; 
}

#content { 
	padding-bottom: 213px; 
}

#contentMain1, #contentMain2 { 
	display: inline; 
	clear: both; 
	float: left; 
	margin-top: 0pt; 
	margin-left: 41px; 
	width: 520px; 
}

/*------ NAV ------------*/

#homeNav { margin-top:44px; }

#homeNav div, #homeNav a { float: left; text-align:center; height:30px; line-height: 2em; }
/*#homeNav a { float: left; height:30px; }*/

#homeNav-portfolio { width: 128px; background-image: url('images/home/portfolio.gif') }      
#homeNav-portfolio:hover { background-image: url('images/home/portfolio-over.gif') }  
    
#homeNav-philosophy { width: 150px; background-image: url('images/home/philosophy.gif') }      
#homeNav-philosophy:hover { background-image: url('images/home/philosophy-over.gif') }   
   
#homeNav-services { width: 118px; background-image: url('images/home/services.gif') }
#homeNav-services:hover { background-image: url('images/home/services-over.gif') }

#homeNav-contact { width: 118px; background-image: url('images/home/contact.gif') }  
#homeNav-contact:hover { background-image: url('images/home/contact-over.gif') }  

#homeNav-qa { width: 67px; background-image: url('images/home/qa.gif') }
#homeNav-qa:hover { background-image: url('images/home/qa-over.gif') }

#pageNav { 
	position:absolute;
	right: 0px; 
	width: 153px; 
	margin-right: 11px; 
	margin-top: 111px; 
}

#pageNav a {
	width:153px;
	float:right;
}

#pageNav-portfolio { background-image: url('images/portfolio.gif'); height:30px; }
#pageNav-portfolio:hover { background-image: url('images/portfolio-over.gif'); }

#pageNav-philosophy { background-image: url('images/philosophy.gif'); height:24px; }
#pageNav-philosophy:hover { background-image: url('images/philosophy-over.gif'); }

#pageNav-services { background-image: url('images/services.gif'); height:26px;}
#pageNav-services:hover { background-image: url('images/services-over.gif'); }

#pageNav-contact { background-image: url('images/contact.gif'); height:25px;}
#pageNav-contact:hover { background-image: url('images/contact-over.gif'); }

#pageNav-qa { background-image: url('images/qa.gif'); height:25px; }
#pageNav-qa:hover { background-image: url('images/qa-over.gif'); }

/*------ TEXT STYLES ------------*/

.body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	text-align: justify;

}

.bold {
	font-weight: bold;
}
li {
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 0px;
	margin-left: 0px;
	list-style-position: inside;
}

.indent {
	margin-left: 10px;
}

a {
	color: #333300;
	text-decoration: underline;
}

ul {
	margin-top: 0px;
	margin-left: 10px;
	padding-left: 10px;
}

.bodybox {
	margin: 18px 20px 10px 19px;

}
.qoutetext {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	margin: 7px;
}

.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
}