/* Styles by Peter Hammeruqist & 333 Studios */

/* 

Dark Blue: #020217;
Bark Blue 2: #061844;

*/

html{
	height: 100%;
}

body{
	margin: 0px;
	padding: 0px;
	background: #061844;
	height: 100%;
	text-align: center;
}

#container{
	width: 740px;
	height: 480px;
	padding: 0;
	margin: 0 auto;	
}



table{
	margin: 0px;
	padding: 0px;
	border-collapse: Collapse;
}
table td{
	margin: 0px;
	padding: 0px;
	font: normal 10px helvetica, Arial, sans-serif; 
	color: #000000;
}




/* MENU */

#menu{
	display: none;
	width: 740px;
	height: 36px;
	margin: 0;
	padding: 0;
}

#menu td{
	font: normal 11px helvetica, Arial, sans-serif;
	color: #FFFFFF;	
	height: 36px;
}

#menu td.button {
	width: 103px;
	text-align: center;
}
#menu td.bracket {
	width: 4px;
	text-align: center;
}
#menu td.left-bracket {
	width: 50px;
	text-align: right;
}
#menu td.right-bracket {
	width: 50px;
	text-align: left;
}

#menu a			{font: normal 11px helvetica, Arial, sans-serif; color: #FFFFFF; }
#menu a:link		{text-decoration: none;}
#menu a:visited		{text-decoration: none;}
#menu a:hover		{text-decoration: underline; }
#menu a:visited:hover	{text-decoration: underline; }


/* CONTENT */

#content{
	width: 740px;
	height: 480px;
	padding: 0;
	margin: 0;
	background: url("images/background.jpg") no-repeat top left;
	color: #000000;
}

#content.long850 {
	width: 740px;
	height: 850px;
	padding: 0;
	margin: 0;
	background: url("images/background-long-850.jpg") no-repeat top left;
	color: #000000;
}

#content.long900 {
	width: 740px;
	height: 900px;
	padding: 0;
	margin: 0;
	background: url("images/background-long-900.jpg") no-repeat top left;
	color: #000000;
}

#content-intro{
	width: 740px;
	height: 480px;
	padding: 0;
	margin: 0;
	border: none;
}

.intro-logo{
	margin: 102px 0 0 0;
	text-align: center;
	border: none;
}
.intro-text{
	display: none;
}
.intro-text-print{
	margin: 20px 0 0 0;
	text-align: center;
	border: none;
}
.mission-text{
	margin: 100px 228px 0 228px;
}

.underline {text-decoration: underline;}

/* HEAD */

#head{
	width: 740px;
	height: 110px;
	padding: 0;
	margin: 0;
	color: #000000;
	text-align: left;
}
#head table{
	width: 740px;
	height: 110px;
	padding: 0;
	margin: 0;
}
#head table td{
	padding: 0;
	margin: 0;
}
#head table td.head-border{
	padding: 26px 0 0 0;
}
#head table td.left{
	width: 285px;
}
#head table td.left p{
	width: 275px;
}
#head table td.right{
	width: 325px;
}


#head i {font-style: italic;}

#head h1{
	font: bold 1.1em georgia, times, serif; 
	word-spacing: 0.2em;
	color: #000000;	
	margin: 15px 0 0 0;
	padding: 0;
}

#head h1.lookfor{
	margin-top: 40px;
}

#head p{
	font: normal 1em georgia, times, serif;  
	line-height: 1.4em;
	word-spacing: 0.1em;
	color: #000000;	
	margin: 5px 10px 0 0;
	padding: 0;
}
#head p.quote{
	font: normal 1em georgia, times, serif;  
	line-height: 1.8em;
	word-spacing: 0.1em;
	color: #000000;	
	margin: 44px 7px 0 0;
	padding: 0;
	text-align: right;
}
#head p.quote-philosophy{
	line-height: 1.8em;
	margin: 40px 28px 0 0;
	padding: 0;
	text-align: right;
}
#head p.quote-approach{
	line-height: 1.8em;
	margin: 40px 38px 0 0;
	padding: 0;
	text-align: right;
}
#head p.quote-dave{
	line-height: 1.8em;
	margin: 30px 50px 0 50px;
	padding: 0;
	text-align:left;
}

#head p.head-right{
	font: normal 1em georgia, times, serif;  
	line-height: 1.3em;
	word-spacing: 0.1em;
	color: #000000;	
	margin: 22px 26px 0 26px;
	padding: 0;
	text-align: left;
}


.page-logo{
	margin: 15px 0 0 0;
	padding: 0;	
}

#main{
	width: 740px;
	margin: 0;
	padding: 0;
}

#main p{
	font: normal 1.0em georgia, times, serif;  
	line-height: 1.5em;
	word-spacing: 0.1em;
	color: #000000;	
	margin: 0 0 10px 0;
	padding: 0;
}

#main p.bullet{
	margin: 0;
	padding: 0 0 2px 30px;
	text-align: left;
	background: url("images/bullet.gif") no-repeat 22px 5px;
}

#main p.left{
	text-align: left;
}
#main p.center{
	text-align: center;
}

img.hr{
	height: 1px;
	margin: 0;
}

/* Philosophy */


#philosophy-points{
	width: 480px;
	height: 129px;
	margin: 0 0 10px 0;
}

#philosophy-points table{
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}
#philosophy-points table td{
	padding: 0;
}

#philosophy-points table td.leftc{
	width: 202px;
	height: 129px;
	padding: 0;
}
#philosophy-points table td.rightc{
	width: 202px;
	height: 129px;
	padding: 0;
}


#philosophy-points img.philosophy-12{
	margin: 0 0 0 14px;
	padding: 0;
}
#philosophy-points img.philosophy-34{
	margin: 0 0 0 11px;
	padding: 0;
}

#philosophy-points p.philosophy1{
	margin: 0 0 0 0;
	padding: 0;
	width: 166px;
}
#philosophy-points p.philosophy2{
	margin: 36px 0 0 0;
	padding: 0;
	width: 130px;
}
#philosophy-points p.philosophy3{
	margin: 0 0 0 0;
	padding: 0;
	width: 200px;
}
#philosophy-points p.philosophy4{
	margin: 36px 0 0 0;
	padding: 0;
	width: 176px;
}

/* Dave */

img.dave{
	margin: 14px 0 0 16px;
}
img.logos{
	margin: 6px 6px 0 0;
}