/*************************
	Global Settings
**************************/
html,body			{color: #5e5f5f; font: 12px/23px Arial, Helvetica, san-serif; margin: 0; padding: 0; background: #ffffff url(../images/bg_body.jpg) no-repeat top center;}
td,th,p				{color: #5e5f5f; font: 12px/23px Arial, Helvetica, san-serif;}

a:link				{color: #e96f17; text-decoration: none;}
a:visited			{color: #e96f17; text-decoration: none;}
a:active, a:hover	{color: #999999; text-decoration: none;}

.clear				{clear: both; font-size: 0; width: 0; height: 0; line-height: 0;}



/*************************
	Page Layout
**************************/
div#global {
		height: 100%;
		width: 100%;
     }
div#container {
    	margin: 0 auto;
    	padding: 40px 0 0 0;
    	width: 880px;
	}
div#base-head {
		position: absolute;
		top: 25px;
		width: 880px;
		height: 205px;
		z-index: 5;
	}
div#base-body {
		width: 880px;
		text-align: left;
	}
div#base-foot {
		width: 880px;
		text-align: right;
	}

	/**********/

div#base-head:after,
div#base-body:after,
div#base-foot:after {
		content: "";
		display: block;
		clear: both;
	}


/*************************
	Header / Footer
**************************/
div#header {
		width: 880px;
		text-align: center;
	}
div#logo {
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: -440px;
		width: 880px;
		text-align: center;
		font: bold 20px/26px Arial, Helvetica, san-serif;
		text-transform: uppercase;
		letter-spacing: 1px;
	}
	

	/**********/

div#footer {
		margin: 0;
		padding: 0;
		width: 880px;
		color: #868687;
		font: 9px/20px Arial, Helvetica, san-serif;
		letter-spacing: 1px;
	}
div#footer a:link, div#footer a:visited	{color: #868687; text-decoration: none;}
div#footer a:active, div#footer a:hover	{color: #868687; text-decoration: none;}


/*************************
	Content
**************************/
div#content {
		width: 880px;
		margin: 0;
		padding: 0;
	}


/* specific divs */
#box_container {
	
}	
#box_top,
#box_bottom {
	height: 10px;
}
#box_bg {
	padding: 210px 0 0 0;
	width: 880px;
	background: url(../images/bg_boxstrip.gif) repeat-y top center;
	border-bottom: solid 1px #bcbcbd;
	
}
#box_hd {
	padding: 0 25px;
	font: bold 16px/18px Arial, Helvetica, san-serif;
	color: #455560;
	text-transform: uppercase;
	letter-spacing: 1px;
}
#box_content {
	margin: 15px 25px 15px 25px;
	font: 12px/23px Arial, Helvetica, san-serif;
}

/* in their individual css 
#content_left_home {

}
#content_right_home {

}

#content_full {

}
#content_left {

}
#content_right {

}
#content_left p,
#content_right p,
#content_full p {

} 
 in their individual css */

#box_address {
	width: 830px;
	padding: 18px 25px 8px 25px;
	background: url(../images/bg_boxstrip.gif) repeat-y top center;
	font: 9px/9px Arial, Helvetica, san-serif;
}
#box_address a:link, #box_address a:visited	{color: #e96f17; text-decoration: none;}
#box_address a:active, #box_address a:hover	{color: #999999; text-decoration: none;}
	
#callout_box1 {
	position: relative;
	top: 10px;
	width: 325px;
}

#callout_box2 {
	position: absolute;
	left: -10px;
	bottom: -10px;
	z-index: 5;
}
#callout_content2 {
	padding: 15px 25px;
	font: 9.5px/10px Helvetica, Arial, san-serif;
	color: #ffffff;
	letter-spacing: 1px;
	text-transform: uppercase;
}
#callout_content2 a:link, #callout_content2 a:visited	{color: #ffffff; text-decoration: none;}
#callout_content2 a:active, #callout_content2 a:hover	{color: #e96f17; text-decoration: none;}
	
	
#space_thework,
#space_yourjobourjob,
#space_theteam,
#space_pointsofview {
	font-size: 0; 
	line-height: 0;
	width: 325px; 
}
#space_thework {
	height: 36px; 
}
#space_yourjobourjob {
	height: 34px; 
}
#space_theteam {
	height: 23px; 
}
#space_theteam1 {
	height: 17px; 
}
#space_pointsofview {
	height: 22px; 
}
	
	
#flashcontent {
}


/* special elements for hard facts */
#facts ul {
	margin: 6px 0 0 0;
	padding: 0 0 5px 0;
	list-style: none;
}
#facts li {
	margin: 0;
	padding: 0 0 0 90px;
	list-style: none;
	font-style: normal;
	background: url(../images/bg_fact_arrow.gif) no-repeat top left;
}
#facts li ul {
	margin: 6px 0 0 0;
	padding: 0 0 5px 0;
	list-style: none;
}
#facts li li {
	margin: 0;
	padding: 1px 0 0 15px;
	list-style: none;
	font-style: italic;
	background: url(../images/bullet_orange_disc.gif) no-repeat top left;
}
#facts .unstyle {
	font-style: normal;
}


/* special elements for points of view */
ol.pov {
	margin: 5px 0 0 20px;
	padding: 0 0 5px 0;
	list-style: none;
	background: none;
}
ol.pov li {
	margin: 0;
	padding: 0;
	list-style: decimal outside;
	font-style: normal;
	background: none;
}

.mp3_list {
	padding-top: 10px;
	width: 480px;
	border-top: solid 1px #bcbcbd;
}
.mp3_list ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.mp3_list li {
	margin: 0;
	padding: 10px 0 0 0;
	list-style: none;
	background: none;
	font-style: normal;
	font: 12px/12px Arial, Helvetica, san-serif;
}
.mp3_list li a:link, .mp3_list li a:visited	{color: #5e5f5f; text-decoration: none;}
.mp3_list li a:active, .mp3_list li a:hover	{color: #e96f17; text-decoration: none;}


/* basic elements */
h1, .h1 {
	margin: 0;
	padding: 0;
	font: bold 14px/23px Arial, Helvetica, san-serif;
	color: #e96f17;
	}
h2, .h2 {
	margin: 12px 0 0 0;
	padding: 0;
	font: bold 14px/23px Arial, Helvetica, san-serif;
	text-transform: uppercase;
	color: #e96f17;
	}
h3, .h3 {
	margin: 0;
	padding: 0;
	font: bold italic 13px/23px Arial, Helvetica, san-serif;
	color: #3a484f;
	}
h4, .h4 {
	margin: 0;
	padding: 0;
	font: italic 14px/23px Arial, Helvetica, san-serif;
	color: #e96f17;
	}

ul {
	margin: 6px 0 0 0;
	padding: 0 0 5px 0;
	list-style: none;
}
ol {
	margin: 0 0 0 15px;
	padding: 0 0 5px 0;
	list-style: none;
}
li {
	margin: 0;
	padding: 1px 0 0 15px;
	list-style: none;
	font-style: italic;
	background: url(../images/bullet_orange_disc.gif) no-repeat top left;
}
li ul {
	margin: 6px 0 0 15px;
	padding: 0 0 5px 0;
	list-style: none;
}
li li {
	margin: 0;
	padding: 1px 0 0 0;
	list-style: lower-alpha outside;
	background: none;
}
ol li {
	margin: 0;
	padding: 10px 0 0 0;
	list-style: decimal outside;
	background: none;
}


.blue {color: #455560;}
.orange {color: #e96f17;}
.green {color: #3a484f;}
.black {color: #000000;}


.small {font: 10px Helvetica, Arial, san-serif;}

.hrdash {width: 880px; margin: 15px 0px; border-bottom: dashed 1px #D5D5D5;}

.noline:link {text-decoration: none;}
.noline:visited {text-decoration: none;}
.noline:active, .noline:hover {text-decoration: underline;}

.nocolor:link, .nocolor:visited	{color: #5e5f5f; text-decoration: none;}
.nocolor:active, .nocolor:hover	{color: #e96f17; text-decoration: none;}

.note {font: 9px/12px Arial, Helvetica, san-serif; color: #858586; font-style: italic;}

.pre-order {font: 10px Helvetica, Arial, san-serif; text-transform: uppercase; letter-spacing: 1px;}


/* contact form classes */
.req {color: #990000}

input, select, textarea {font: 12px/14px Arial; color: #666666; background: #f2f2f2; border: none; padding: 3px 2px;}
input:focus, select:focus, textarea:focus {background: #e5e5e5; border: none;}
.none { border: none; }
select { padding: 1px 2px;}

a.btn_submit:link, a.btn_submit:visited {padding: 5px 25px; background: #00355e; font-size: 11px; line-height: 21px; color: #ffffff; text-transform: uppercase; letter-spacing: 1px; cursor: pointer; text-decoration: none;}
a.btn_submit:active, a.btn_submit:hover {padding: 5px 25px; background: #666666; font-size: 11px; line-height: 21px; color: #ffffff; text-transform: uppercase; letter-spacing: 1px; cursor: pointer; text-decoration: none;}

