/* All contents Copyright (c) 2007 3210 Consulting, LLC */

@import url("styles_1.css");
@import url("nav.css");

* {margin: 0; padding: 0;}

body {text-align: center; height: 100%;}

/* home page */
#homeColumn {height: 100%; width: 760px; margin:0 auto; text-align: left; border: #000 1px solid;}
#homeTopLinks {float: right; clear: right; padding-top: 8px; padding-right: 14px; font-size: 0.9em; line-height: 1.2;}

/* all other pages */

.menuminwidth0 {             /* for all browsers (non-IE) that obey min-width */
	position:relative;
	border:0;
	margin:0;
	padding:0;
	width:100%;
	height:auto;/* 50px masthead height + 23px button height + 1px lower border*/
	min-width:760px;
}

.p_menuminwidth0 {             /* for all browsers (non-IE) that obey min-width */
	position:relative;
	border:0;
	margin:0;
	padding:0;
	width:100%;
	height:auto;/* 50px masthead height + 23px button height + 1px lower border*/
	min-width:950px;
}

/* suppress our whole menu when not an interactive mode (when printing, etc.) */
@media print, projection { .menuminwidth0, .p_menuminwidth0 { d\isplay:none; } }

* html .menuminwidth1 { /* this allows IE5/6 to simulate min-width capability */
	position:relative;  /* we can simulate a minimum width by creating a large */
	float:left;          /* border in this first div, then placing our content */
	height: 1px;          /* into a second nested div (see 2nd nested div next */
	border-left:760px solid #fff;    /* CSS box-model borders are a fixed size */
}

* html .p_menuminwidth1 { /* this allows IE5/6 to simulate min-width capability */
	position:relative;  /* we can simulate a minimum width by creating a large */
	float:left;          /* border in this first div, then placing our content */
	height: 1px;          /* into a second nested div (see 2nd nested div next */
	border-left:950px solid #fff;    /* CSS box-model borders are a fixed size */
}

* html .menuminwidth2 {    /* used to simulate min-width capability for IE5/6 */
	position:relative;
	margin-left:-760px;
	height: 1px;
}

* html .p_menuminwidth2 {    /* used to simulate min-width capability for IE5/6 */
	position:relative;
	margin-left:-950px;
	height: 1px;
}

#wrapper1 {position: relative; text-align: left; width: 100%; background-color: transparent/* url("../images/rcol_back.jpg") repeat-y top right*/;}
#p_wrapper1 {position: relative; text-align: left; width: 100%; background-color: #fff/*url(/images/portfolio_back.jpg) repeat-x top center*/;}
#wrapper2 {position: relative; text-align:left; width: 100%; background-color: #fff/* url("../images/lcol_back.jpg") repeat-y top left*/;}
#p_wrapper2 {position: relative; text-align:left; width: 100%; background-color: transparent/* url("../images/lcol_back.jpg") repeat-y top left*/;}
#mainColumn {position: relative; padding: 10px;}
#leftColumn {position: relative; top: -10px; left: -10px; float: left; width: 220px;  /* <- for IE5/WIN */ voice-family: "\"}\""; voice-family: inherit; width: 200px; /* <- actual value */ margin: 0 0 -10px 0; padding: 24px 10px 10px 10px; z-index: 100;}
#p_leftColumn {position: relative; top: -10px; left: -10px; float: left; width: 220px;  /* <- for IE5/WIN */ voice-family: "\"}\""; voice-family: inherit; width: 200px; /* <- actual value */ margin: 0 0 -10px 0; padding: 24px 10px 10px 10px; z-index: 100;}
#rightColumn {position: relative; top: -10px; right: -10px; float: right; width: 220px;  /* <- for IE5/WIN */ voice-family: "\"}\""; voice-family: inherit; width: 200px; /* <- actual value */ margin: 0 0 -10px 0; padding: 24px 10px 10px 10px; z-index:99;}
#p_rightColumn {position: relative; top: -10px; right: -10px; float: right; width: 420px;  /* <- for IE5/WIN */ voice-family: "\"}\""; voice-family: inherit; width: 400px; /* <- actual value */ margin: 0 0 -10px 0; padding: 24px 10px 10px 10px; z-index:99;}
#centerColumn {position: relative; padding: 0 220px;}
#portfolioColumn {position: relative; padding: 0 430px 0 10px;}
#footer {position: relative; top: 0px; width: 100%; clear: both; padding: 4px 0;}